diff --git a/dist/editor.js b/dist/editor.js
index e5a824f74..d291eccd8 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.editor=e():t.editor=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=142)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},t.exports.default=t.exports,t.exports.__esModule=!0,n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(27);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)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(14).default,i=n(28);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(32);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?(t.exports=i=Reflect.get,t.exports.default=t.exports,t.exports.__esModule=!0):(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}},t.exports.default=t.exports,t.exports.__esModule=!0),i(e,n,a||e)}t.exports=i,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(29),a=n(13),o=n(18);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(30),i=n(19),a=n(13),o=n(31);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=n(33)},function(t,e){function n(t,e,n,r,i,a,o){try{var c=t[a](o),s=c.value}catch(t){return void n(t)}c.done?e(s):Promise.resolve(s).then(r,i)}t.exports=function(t){return function(){var e=this,r=arguments;return new Promise((function(i,a){var o=t.apply(e,r);function c(t){n(o,i,a,c,s,"next",t)}function s(t){n(o,i,a,c,s,"throw",t)}c(void 0)}))}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(19),a=n(13),o=n(18);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);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}},t.exports.default=t.exports,t.exports.__esModule=!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.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=function(t){if("string"!=typeof t)return{};var e,n={},r=(t=t.split("+").join(" ")).match(/(?:[?](?:[^=]+)=(?:[^&#]*)(?:[&](?:[^=]+)=(?:[^&#]*))*(?:[#].*)?)|(?:[#].*)/);if(null===r)return{};e=r[0].substr(1).split(/[&#=]/);for(var i=0;i<e.length;i+=2)n[decodeURIComponent(e[i])]=decodeURIComponent(e[i+1]||"");return n},n=function(e,n){if("object"!==t(e))return"";var r="",i=0,a=Object.keys(e);if(0===a.length)return"";for(a.sort(),n||(r+="?"+a[0]+"="+e[a[0]],i+=1);i<a.length;i+=1)r+="&"+a[i]+"="+e[a[i]];return r},r=function(t){return void 0===t?0:t.match(/^(\d+[smhdw]?)+$/)?function(t){var e,n=0,r={s:1,m:60,h:3600,d:86400,w:604800};e=(t=t.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var i=0;i<e.length;i+=2)n+=parseInt(e[i],10)*r[e[i+1]||"s"];return n}(t):t.match(/^(\d+:?)+$/)?function(t){for(var e=0,n=[1,60,3600,86400,604800],r=t.split(":"),i=0;i<r.length;i++)e+=parseInt(r[i],10)*n[r.length-i-1];return e}(t):0},i=e;function a(){for(var t=0,e=["parseProvider","parse","bind","create"];t<e.length;t++){var n=e[t];this[n]=this[n].bind(this)}this.plugins={}}var o=a;a.prototype.parseProvider=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?(?:[^.]+\.)?(\w+)\./i);return e?e[1]:void 0},a.prototype.parse=function(t){if(void 0!==t){var e,n=this.parseProvider(t),r=this.plugins[n];if(n&&r&&r.parse)return(e=r.parse.call(r,t,i(t)))&&((e=function(t){return t.params&&0===Object.keys(t.params).length&&delete t.params,t}(e)).provider=r.provider),e}},a.prototype.bind=function(t){if(this.plugins[t.provider]=t,t.alternatives)for(var e=0;e<t.alternatives.length;e+=1)this.plugins[t.alternatives[e]]=t},a.prototype.create=function(e){if("object"===t(e)&&"object"===t(e.videoInfo)){var n=e.videoInfo,r=e.params,i=this.plugins[n.provider];return r="internal"===r?n.params:r||{},i&&(e.format=e.format||i.defaultFormat,i.formats.hasOwnProperty(e.format))?i.formats[e.format].apply(i,[n,Object.assign({},r)]):void 0}};var c=new o,s=n;function u(){this.provider="canalplus",this.defaultFormat="embed",this.formats={embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}u.prototype.parseParameters=function(t){return delete t.vid,t},u.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:e.vid};if(n.params=this.parseParameters(e),n.id)return n},u.prototype.createEmbedUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.canalplus.fr/embed/";return e.vid=t.id,n+=s(e)}},c.bind(new u);var l=n;function f(){this.provider="coub",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}f.prototype.parseUrl=function(t){var e=t.match(/(?:embed|view)\/([a-zA-Z\d]+)/i);return e?e[1]:void 0},f.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:e,id:this.parseUrl(t)};if(n.id)return n},f.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=l(n)}},f.prototype.createLongUrl=function(t,e){return this.createUrl("https://coub.com/view/",t,e)},f.prototype.createEmbedUrl=function(t,e){return this.createUrl("//coub.com/embed/",t,e)},c.bind(new f);var h=n,p=r;function d(){this.provider="dailymotion",this.alternatives=["dai"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,image:this.createImageUrl},this.mediaTypes={VIDEO:"video"}}d.prototype.parseParameters=function(t){return this.parseTime(t)},d.prototype.parseTime=function(t){return t.start&&(t.start=p(t.start)),t},d.prototype.parseUrl=function(t){var e=t.match(/(?:\/video|ly)\/([A-Za-z0-9]+)/i);return e?e[1]:void 0},d.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},d.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+h(n)},d.prototype.createShortUrl=function(t,e){return this.createUrl("https://dai.ly/",t,e)},d.prototype.createLongUrl=function(t,e){return this.createUrl("https://dailymotion.com/video/",t,e)},d.prototype.createEmbedUrl=function(t,e){return this.createUrl("https://www.dailymotion.com/embed/video/",t,e)},d.prototype.createImageUrl=function(t,e){return delete e.start,this.createUrl("https://www.dailymotion.com/thumbnail/video/",t,e)},c.bind(new d);var v=n,y=r;function g(){this.provider="twitch",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",STREAM:"stream",CLIP:"clip"}}g.prototype.seperateId=function(t){return{pre:t[0],id:t.substr(1)}},g.prototype.parseChannel=function(t,e){var n=e.channel||e.utm_content||t.channel;return delete e.utm_content,delete e.channel,n},g.prototype.parseUrl=function(t,e,n){var r;return(r=t.match(/(clips\.)?twitch\.tv\/(?:(?:videos\/(\d+))|(\w+)(?:\/clip\/(\w+))?)/i))&&r[2]?e.id="v"+r[2]:n.video?(e.id=n.video,delete n.video):n.clip?(e.id=n.clip,e.isClip=!0,delete n.clip):r&&r[1]&&r[3]?(e.id=r[3],e.isClip=!0):r&&r[3]&&r[4]?(e.channel=r[3],e.id=r[4],e.isClip=!0):r&&r[3]&&(e.channel=r[3]),e},g.prototype.parseMediaType=function(t){var e;return t.id?t.isClip?(e=this.mediaTypes.CLIP,delete t.isClip):e=this.mediaTypes.VIDEO:t.channel&&(e=this.mediaTypes.STREAM),e},g.prototype.parseParameters=function(t){return t.t&&(t.start=y(t.t),delete t.t),t},g.prototype.parse=function(t,e){var n={};return(n=this.parseUrl(t,n,e)).channel=this.parseChannel(n,e),n.mediaType=this.parseMediaType(n),n.params=this.parseParameters(e),n.channel||n.id?n:void 0},g.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)n="https://twitch.tv/"+t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n="https://twitch.tv/videos/"+this.seperateId(t.id).id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n=t.channel?"https://www.twitch.tv/"+t.channel+"/clip/"+t.id:"https://clips.twitch.tv/"+t.id}return n+=v(e)},g.prototype.createEmbedUrl=function(t,e){var n="https://player.twitch.tv/";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)e.channel=t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.video=t.id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n="https://clips.twitch.tv/embed",e.clip=t.id}return n+=v(e)},c.bind(new g);var m=n,b=r;function k(){this.provider="vimeo",this.alternatives=["vimeopro"],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}k.prototype.parseUrl=function(t){var e=t.match(/(?:\/(?:channels\/[\w]+|(?:(?:album\/\d+|groups\/[\w]+)\/)?videos?))?\/(\d+)/i);return e?e[1]:void 0},k.prototype.parseParameters=function(t){return this.parseTime(t)},k.prototype.parseTime=function(t){return t.t&&(t.start=b(t.t),delete t.t),t},k.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},k.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id,i=n.start;return delete n.start,r+=m(n),i&&(r+="#t="+i),r}},k.prototype.createLongUrl=function(t,e){return this.createUrl("https://vimeo.com/",t,e)},k.prototype.createEmbedUrl=function(t,e){return this.createUrl("//player.vimeo.com/video/",t,e)},c.bind(new k);var x=n,w=r;function P(){this.provider="wistia",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl,embedjsonp:this.createEmbedJsonpUrl},this.mediaTypes={VIDEO:"video",EMBEDVIDEO:"embedvideo"}}P.prototype.parseUrl=function(t){var e=t.match(/(?:(?:medias|iframe)\/|wvideo=)([\w-]+)/);return e?e[1]:void 0},P.prototype.parseChannel=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?([^.]*)\.wistia\./),n=e?e[1]:void 0;if("fast"!==n&&"content"!==n)return n},P.prototype.parseParameters=function(t,e){return t.wtime&&(t.start=w(t.wtime),delete t.wtime),t.wvideo===e.id&&delete t.wvideo,t},P.prototype.parseMediaType=function(t){return t.id&&t.channel?this.mediaTypes.VIDEO:t.id?(delete t.channel,this.mediaTypes.EMBEDVIDEO):void 0},P.prototype.parse=function(t,e){var n={id:this.parseUrl(t),channel:this.parseChannel(t)};if(n.params=this.parseParameters(e,n),n.mediaType=this.parseMediaType(n),n.id)return n},P.prototype.createUrl=function(t,e,n){return e.start&&(e.wtime=e.start,delete e.start),n+=x(e)},P.prototype.createLongUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://"+t.channel+".wistia.com/medias/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedUrl=function(t,e){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO)){var n="https://fast.wistia.com/embed/iframe/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedJsonpUrl=function(t){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO))return"https://fast.wistia.com/embed/medias/"+t.id+".jsonp"},c.bind(new P);var O=n;function S(){this.provider="youku",this.defaultFormat="long",this.formats={embed:this.createEmbedUrl,long:this.createLongUrl,flash:this.createFlashUrl,static:this.createStaticUrl},this.mediaTypes={VIDEO:"video"}}S.prototype.parseUrl=function(t){var e=t.match(/(?:(?:embed|sid)\/|v_show\/id_|VideoIDS=)([a-zA-Z0-9]+)/);return e?e[1]:void 0},S.prototype.parseParameters=function(t){return t.VideoIDS&&delete t.VideoIDS,t},S.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:this.parseUrl(t),params:this.parseParameters(e)};if(n.id)return n},S.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=O(n)}},S.prototype.createEmbedUrl=function(t,e){return this.createUrl("http://player.youku.com/embed/",t,e)},S.prototype.createLongUrl=function(t,e){return this.createUrl("http://v.youku.com/v_show/id_",t,e)},S.prototype.createStaticUrl=function(t,e){return this.createUrl("http://static.youku.com/v1.0.0638/v/swf/loader.swf?VideoIDS=",t,e)},S.prototype.createFlashUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.youku.com/player.php/sid/"+t.id+"/v.swf";return n+=O(e)}},c.bind(new S);var j=n,$=r;function R(){this.provider="youtube",this.alternatives=["youtu","ytimg"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,shortImage:this.createShortImageUrl,longImage:this.createLongImageUrl},this.imageQualities={0:"0",1:"1",2:"2",3:"3",DEFAULT:"default",HQDEFAULT:"hqdefault",SDDEFAULT:"sddefault",MQDEFAULT:"mqdefault",MAXRESDEFAULT:"maxresdefault"},this.defaultImageQuality=this.imageQualities.HQDEFAULT,this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist",SHARE:"share",CHANNEL:"channel"}}R.prototype.parseVideoUrl=function(t){var e=t.match(/(?:(?:v|vi|be|videos|embed)\/(?!videoseries)|(?:v|ci)=)([\w-]{11})/i);return e?e[1]:void 0},R.prototype.parseChannelUrl=function(t){var e=t.match(/\/channel\/([\w-]+)/);return e?{id:e[1],mediaType:this.mediaTypes.CHANNEL}:(e=t.match(/\/(?:c|user)\/([\w-]+)/))?{name:e[1],mediaType:this.mediaTypes.CHANNEL}:void 0},R.prototype.parseParameters=function(t,e){return(t.start||t.t)&&(t.start=$(t.start||t.t),delete t.t),t.v===e.id&&delete t.v,t.list===e.id&&delete t.list,t},R.prototype.parseMediaType=function(t){if(t.params.list&&(t.list=t.params.list,delete t.params.list),t.id&&!t.params.ci)t.mediaType=this.mediaTypes.VIDEO;else if(t.list)delete t.id,t.mediaType=this.mediaTypes.PLAYLIST;else{if(!t.params.ci)return;delete t.params.ci,t.mediaType=this.mediaTypes.SHARE}return t},R.prototype.parse=function(t,e){var n=this.parseChannelUrl(t);if(n)return n;var r={params:e,id:this.parseVideoUrl(t)};return r.params=this.parseParameters(e,r),r=this.parseMediaType(r)},R.prototype.createShortUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://youtu.be/"+t.id;return e.start&&(n+="#t="+e.start),n}},R.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.CHANNEL)if(t.id)n+="https://www.youtube.com/channel/"+t.id;else{if(!t.name)return;n+="https://www.youtube.com/c/"+t.name}else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.feature="share",n+="https://www.youtube.com/playlist";else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.v=t.id,n+="https://www.youtube.com/watch";else{if(t.mediaType!==this.mediaTypes.SHARE||!t.id)return;e.ci=t.id,n+="https://www.youtube.com/shared"}return t.list&&(e.list=t.list),n+=j(e),t.mediaType!==this.mediaTypes.PLAYLIST&&r&&(n+="#t="+r),n},R.prototype.createEmbedUrl=function(t,e){var n="https://www.youtube.com/embed";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.listType="playlist";else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="/"+t.id,"1"===e.loop&&(e.playlist=t.id)}return t.list&&(e.list=t.list),n+=j(e)},R.prototype.createImageUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+"/"+(n.imageQuality||this.defaultImageQuality)+".jpg"},R.prototype.createShortImageUrl=function(t,e){return this.createImageUrl("https://i.ytimg.com/vi/",t,e)},R.prototype.createLongImageUrl=function(t,e){return this.createImageUrl("https://img.youtube.com/vi/",t,e)},c.bind(new R);var C=n,M=r;function T(){this.provider="soundcloud",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={TRACK:"track",PLAYLIST:"playlist",APITRACK:"apitrack",APIPLAYLIST:"apiplaylist"}}T.prototype.parseUrl=function(t,e){var n=t.match(/(?:m\.)?soundcloud\.com\/(?:([\w-]+)\/(sets\/)?)([\w-]+)/i);return n?(e.channel=n[1],"playlists"===n[1]||n[2]?e.list=n[3]:e.id=n[3],e):e},T.prototype.parseParameters=function(t){return t.t&&(t.start=M(t.t),delete t.t),t},T.prototype.parseMediaType=function(t){return t.id&&("tracks"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APITRACK):t.mediaType=this.mediaTypes.TRACK),t.list&&("playlists"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APIPLAYLIST):t.mediaType=this.mediaTypes.PLAYLIST),t},T.prototype.parse=function(t,e){var n={};if((n=this.parseUrl(t,n)).params=this.parseParameters(e),(n=this.parseMediaType(n)).id||n.list)return n},T.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.TRACK&&t.id&&t.channel)n="https://soundcloud.com/"+t.channel+"/"+t.id;else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list&&t.channel)n="https://soundcloud.com/"+t.channel+"/sets/"+t.list;else if(t.mediaType===this.mediaTypes.APITRACK&&t.id)n="https://api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;n="https://api.soundcloud.com/playlists/"+t.list}return n+=C(e),r&&(n+="#t="+r),n},T.prototype.createEmbedUrl=function(t,e){var n="https://w.soundcloud.com/player/";if(delete e.start,t.mediaType===this.mediaTypes.APITRACK&&t.id)e.url="https%3A//api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;e.url="https%3A//api.soundcloud.com/playlists/"+t.list}return n+=C(e)},c.bind(new T);var V=n;function E(){this.provider="teachertube",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",CHANNEL:"channel",COLLECTION:"collection",GROUP:"group"}}E.prototype.parse=function(t,e){var n={};n.list=this.parsePlaylist(e),n.params=e;var r=t.match(/\/(audio|video|document|user\/channel|collection|group)\/(?:[\w-]+-)?(\w+)/);if(r)return n.mediaType=this.parseMediaType(r[1]),n.id=r[2],n},E.prototype.parsePlaylist=function(t){if(t["playlist-id"]){var e=t["playlist-id"];return delete t["playlist-id"],e}},E.prototype.parseMediaType=function(t){switch(t){case"audio":return this.mediaTypes.AUDIO;case"video":return this.mediaTypes.VIDEO;case"document":return this.mediaTypes.DOCUMENT;case"user/channel":return this.mediaTypes.CHANNEL;case"collection":return this.mediaTypes.COLLECTION;case"group":return this.mediaTypes.GROUP}},E.prototype.createLongUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/";return t.list&&(e["playlist-id"]=t.list),t.mediaType===this.mediaTypes.CHANNEL?n+="user/channel/":n+=t.mediaType+"/",n+=t.id,n+=V(e)}},E.prototype.createEmbedUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/embed/";if(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.AUDIO)return n+=t.mediaType+"/"+t.id,n+=V(e)}},c.bind(new E);var I=n;function D(){this.provider="tiktok",this.defaultFormat="long",this.formats={long:this.createLongUrl},this.mediaTypes={VIDEO:"video"}}D.prototype.parse=function(t,e){var n={params:e,mediaType:this.mediaTypes.VIDEO},r=t.match(/@([^/]+)\/video\/(\d{19})/);if(r)return n.channel=r[1],n.id=r[2],n},D.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id&&t.channel)return n+="https://www.tiktok.com/@".concat(t.channel,"/video/").concat(t.id),n+=I(e)},c.bind(new D);var L=n;function B(){this.provider="ted",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist"}}return B.prototype.parseUrl=function(t,e){var n=t.match(/\/(talks|playlists\/(\d+))\/([\w-]+)/),r=n?n[1]:void 0;return r?(e.channel=r.split("/")[0],e.id=n[3],"playlists"===e.channel&&(e.list=n[2]),e):e},B.prototype.parseMediaType=function(t){return t.id&&"playlists"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.PLAYLIST),t.id&&"talks"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.VIDEO),t},B.prototype.parse=function(t,e){var n={params:e};if(n=this.parseUrl(t,n),(n=this.parseMediaType(n)).id)return n},B.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n+="https://ted.com/talks/"+t.id;else{if(t.mediaType!==this.mediaTypes.PLAYLIST||!t.id)return;n+="https://ted.com/playlists/"+t.list+"/"+t.id}return n+=L(e)},B.prototype.createEmbedUrl=function(t,e){var n="https://embed.ted.com/";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.id)n+="playlists/"+t.list+"/"+t.id;else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="talks/"+t.id}return n+=L(e)},c.bind(new B),c}()},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){},function(t,e,n){},,,,function(t,e,n){},function(t,e,n){},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},t.exports.default=t.exports,t.exports.__esModule=!0,n(e,r)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){c=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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 c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),o=new P(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 S()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var c=k(o,n);if(c){if(c===l)continue;return c}}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 s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,o),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function f(){}function h(){}function p(){}var d={};d[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(O([])));y&&y!==e&&n.call(y,i)&&(d=y);var g=p.prototype=f.prototype=Object.create(d);function m(t){["next","throw","return"].forEach((function(e){c(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,c){var s=u(t[i],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,o,c)}),(function(t){r("throw",t,o,c)})):e.resolve(f).then((function(t){l.value=t,o(l)}),(function(t){return r("throw",t,o,c)}))}c(s.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 l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;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,l):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}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 P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function O(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:S}}function S(){return{value:void 0,done:!0}}return h.prototype=g.constructor=p,p.constructor=h,h.displayName=c(p,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(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(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),c(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=O,P.prototype={constructor:P,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 c=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(c&&s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!s)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,l):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),l},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),l}},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:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"create",(function(){return fe})),n.d(r,"clone",(function(){return he})),n.d(r,"copy",(function(){return pe})),n.d(r,"fromValues",(function(){return de})),n.d(r,"set",(function(){return ve})),n.d(r,"identity",(function(){return ye})),n.d(r,"transpose",(function(){return ge})),n.d(r,"invert",(function(){return me})),n.d(r,"adjoint",(function(){return be})),n.d(r,"determinant",(function(){return ke})),n.d(r,"multiply",(function(){return xe})),n.d(r,"translate",(function(){return we})),n.d(r,"scale",(function(){return Pe})),n.d(r,"rotate",(function(){return Oe})),n.d(r,"rotateX",(function(){return Se})),n.d(r,"rotateY",(function(){return je})),n.d(r,"rotateZ",(function(){return $e})),n.d(r,"fromTranslation",(function(){return Re})),n.d(r,"fromScaling",(function(){return Ce})),n.d(r,"fromRotation",(function(){return Me})),n.d(r,"fromXRotation",(function(){return Te})),n.d(r,"fromYRotation",(function(){return Ve})),n.d(r,"fromZRotation",(function(){return Ee})),n.d(r,"fromRotationTranslation",(function(){return Ie})),n.d(r,"fromQuat2",(function(){return De})),n.d(r,"getTranslation",(function(){return Le})),n.d(r,"getScaling",(function(){return Be})),n.d(r,"getRotation",(function(){return Ae})),n.d(r,"fromRotationTranslationScale",(function(){return ze})),n.d(r,"fromRotationTranslationScaleOrigin",(function(){return Fe})),n.d(r,"fromQuat",(function(){return He})),n.d(r,"frustum",(function(){return Ge})),n.d(r,"perspective",(function(){return _e})),n.d(r,"perspectiveFromFieldOfView",(function(){return Ne})),n.d(r,"ortho",(function(){return Xe})),n.d(r,"lookAt",(function(){return Ye})),n.d(r,"targetTo",(function(){return Ke})),n.d(r,"str",(function(){return Ue})),n.d(r,"frob",(function(){return We})),n.d(r,"add",(function(){return Ze})),n.d(r,"subtract",(function(){return qe})),n.d(r,"multiplyScalar",(function(){return Je})),n.d(r,"multiplyScalarAndAdd",(function(){return Qe})),n.d(r,"exactEquals",(function(){return tn})),n.d(r,"equals",(function(){return en})),n.d(r,"mul",(function(){return nn})),n.d(r,"sub",(function(){return rn}));var i={};n.r(i),n.d(i,"create",(function(){return an})),n.d(i,"clone",(function(){return on})),n.d(i,"length",(function(){return cn})),n.d(i,"fromValues",(function(){return sn})),n.d(i,"copy",(function(){return un})),n.d(i,"set",(function(){return ln})),n.d(i,"add",(function(){return fn})),n.d(i,"subtract",(function(){return hn})),n.d(i,"multiply",(function(){return pn})),n.d(i,"divide",(function(){return dn})),n.d(i,"ceil",(function(){return vn})),n.d(i,"floor",(function(){return yn})),n.d(i,"min",(function(){return gn})),n.d(i,"max",(function(){return mn})),n.d(i,"round",(function(){return bn})),n.d(i,"scale",(function(){return kn})),n.d(i,"scaleAndAdd",(function(){return xn})),n.d(i,"distance",(function(){return wn})),n.d(i,"squaredDistance",(function(){return Pn})),n.d(i,"squaredLength",(function(){return On})),n.d(i,"negate",(function(){return Sn})),n.d(i,"inverse",(function(){return jn})),n.d(i,"normalize",(function(){return $n})),n.d(i,"dot",(function(){return Rn})),n.d(i,"cross",(function(){return Cn})),n.d(i,"lerp",(function(){return Mn})),n.d(i,"hermite",(function(){return Tn})),n.d(i,"bezier",(function(){return Vn})),n.d(i,"random",(function(){return En})),n.d(i,"transformMat4",(function(){return In})),n.d(i,"transformMat3",(function(){return Dn})),n.d(i,"transformQuat",(function(){return Ln})),n.d(i,"rotateX",(function(){return Bn})),n.d(i,"rotateY",(function(){return An})),n.d(i,"rotateZ",(function(){return zn})),n.d(i,"angle",(function(){return Fn})),n.d(i,"zero",(function(){return Hn})),n.d(i,"str",(function(){return Gn})),n.d(i,"exactEquals",(function(){return _n})),n.d(i,"equals",(function(){return Nn})),n.d(i,"sub",(function(){return Yn})),n.d(i,"mul",(function(){return Kn})),n.d(i,"div",(function(){return Un})),n.d(i,"dist",(function(){return Wn})),n.d(i,"sqrDist",(function(){return Zn})),n.d(i,"len",(function(){return qn})),n.d(i,"sqrLen",(function(){return Jn})),n.d(i,"forEach",(function(){return Qn}));var a={};n.r(a),n.d(a,"create",(function(){return nr})),n.d(a,"identity",(function(){return rr})),n.d(a,"setAxisAngle",(function(){return ir})),n.d(a,"getAxisAngle",(function(){return ar})),n.d(a,"getAngle",(function(){return or})),n.d(a,"multiply",(function(){return cr})),n.d(a,"rotateX",(function(){return sr})),n.d(a,"rotateY",(function(){return ur})),n.d(a,"rotateZ",(function(){return lr})),n.d(a,"calculateW",(function(){return fr})),n.d(a,"exp",(function(){return hr})),n.d(a,"ln",(function(){return pr})),n.d(a,"pow",(function(){return dr})),n.d(a,"slerp",(function(){return vr})),n.d(a,"random",(function(){return yr})),n.d(a,"invert",(function(){return gr})),n.d(a,"conjugate",(function(){return mr})),n.d(a,"fromMat3",(function(){return br})),n.d(a,"fromEuler",(function(){return kr})),n.d(a,"str",(function(){return xr})),n.d(a,"clone",(function(){return Cr})),n.d(a,"fromValues",(function(){return Mr})),n.d(a,"copy",(function(){return Tr})),n.d(a,"set",(function(){return Vr})),n.d(a,"add",(function(){return Er})),n.d(a,"mul",(function(){return Ir})),n.d(a,"scale",(function(){return Dr})),n.d(a,"dot",(function(){return Lr})),n.d(a,"lerp",(function(){return Br})),n.d(a,"length",(function(){return Ar})),n.d(a,"len",(function(){return zr})),n.d(a,"squaredLength",(function(){return Fr})),n.d(a,"sqrLen",(function(){return Hr})),n.d(a,"normalize",(function(){return Gr})),n.d(a,"exactEquals",(function(){return _r})),n.d(a,"equals",(function(){return Nr})),n.d(a,"rotationTo",(function(){return Xr})),n.d(a,"sqlerp",(function(){return Yr})),n.d(a,"setAxes",(function(){return Kr}));var o={};n.r(o),n.d(o,"create",(function(){return Ur})),n.d(o,"clone",(function(){return Wr})),n.d(o,"fromValues",(function(){return Zr})),n.d(o,"copy",(function(){return qr})),n.d(o,"set",(function(){return Jr})),n.d(o,"add",(function(){return Qr})),n.d(o,"subtract",(function(){return ti})),n.d(o,"multiply",(function(){return ei})),n.d(o,"divide",(function(){return ni})),n.d(o,"ceil",(function(){return ri})),n.d(o,"floor",(function(){return ii})),n.d(o,"min",(function(){return ai})),n.d(o,"max",(function(){return oi})),n.d(o,"round",(function(){return ci})),n.d(o,"scale",(function(){return si})),n.d(o,"scaleAndAdd",(function(){return ui})),n.d(o,"distance",(function(){return li})),n.d(o,"squaredDistance",(function(){return fi})),n.d(o,"length",(function(){return hi})),n.d(o,"squaredLength",(function(){return pi})),n.d(o,"negate",(function(){return di})),n.d(o,"inverse",(function(){return vi})),n.d(o,"normalize",(function(){return yi})),n.d(o,"dot",(function(){return gi})),n.d(o,"cross",(function(){return mi})),n.d(o,"lerp",(function(){return bi})),n.d(o,"random",(function(){return ki})),n.d(o,"transformMat2",(function(){return xi})),n.d(o,"transformMat2d",(function(){return wi})),n.d(o,"transformMat3",(function(){return Pi})),n.d(o,"transformMat4",(function(){return Oi})),n.d(o,"rotate",(function(){return Si})),n.d(o,"angle",(function(){return ji})),n.d(o,"zero",(function(){return $i})),n.d(o,"str",(function(){return Ri})),n.d(o,"exactEquals",(function(){return Ci})),n.d(o,"equals",(function(){return Mi})),n.d(o,"len",(function(){return Ti})),n.d(o,"sub",(function(){return Vi})),n.d(o,"mul",(function(){return Ei})),n.d(o,"div",(function(){return Ii})),n.d(o,"dist",(function(){return Di})),n.d(o,"sqrDist",(function(){return Li})),n.d(o,"sqrLen",(function(){return Bi})),n.d(o,"forEach",(function(){return Ai}));var c={};n.r(c),n.d(c,"round",(function(){return zi})),n.d(c,"degreeToRadian",(function(){return Fi})),n.d(c,"div",(function(){return Hi})),n.d(c,"radianToDegree",(function(){return Gi})),n.d(c,"getXInCircle",(function(){return _i})),n.d(c,"getYInCircle",(function(){return Ni})),n.d(c,"getXYInCircle",(function(){return Xi})),n.d(c,"getDist",(function(){return Yi})),n.d(c,"getPointBetweenVerties",(function(){return Ki})),n.d(c,"vertiesMap",(function(){return Ui})),n.d(c,"makeGuidePoint",(function(){return qi})),n.d(c,"getVertiesMaxX",(function(){return Ji})),n.d(c,"getVertiesMaxY",(function(){return Qi})),n.d(c,"getVertiesMinX",(function(){return ta})),n.d(c,"getVertiesCenterX",(function(){return ea})),n.d(c,"getVertiesMinY",(function(){return na})),n.d(c,"getVertiesCenterY",(function(){return ra})),n.d(c,"calculateAngle",(function(){return ia})),n.d(c,"calculateAngleForVec3",(function(){return aa})),n.d(c,"calculateRotationOriginMat4",(function(){return oa})),n.d(c,"calculateMatrix",(function(){return ca})),n.d(c,"calculateMatrixInverse",(function(){return sa})),n.d(c,"calculateAnglePointDistance",(function(){return ua})),n.d(c,"calculateAngle360",(function(){return la})),n.d(c,"uuid",(function(){return ha})),n.d(c,"uuidShort",(function(){return pa})),n.d(c,"cubicBezier",(function(){return ga})),n.d(c,"getGradientLine",(function(){return ma})),n.d(c,"getCenterInTriangle",(function(){return ba})),n.d(c,"normalize",(function(){return xa}));var s={};n.r(s),n.d(s,"format",(function(){return uc})),n.d(s,"hex",(function(){return lc})),n.d(s,"rgb",(function(){return fc})),n.d(s,"hsl",(function(){return hc}));var u={};n.r(u),n.d(u,"randomNumber",(function(){return pc})),n.d(u,"randomByCount",(function(){return dc})),n.d(u,"random",(function(){return vc})),n.d(u,"randomRGBA",(function(){return yc}));var l={};n.r(l),n.d(l,"randomItem",(function(){return gc})),n.d(l,"repeat",(function(){return mc})),n.d(l,"CSS_TO_STRING",(function(){return bc})),n.d(l,"STRING_TO_CSS",(function(){return kc})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return xc})),n.d(l,"OBJECT_TO_CLASS",(function(){return wc})),n.d(l,"TAG_TO_STRING",(function(){return Pc})),n.d(l,"mapjoin",(function(){return Oc})),n.d(l,"isArrayEquals",(function(){return Sc})),n.d(l,"curveToPath",(function(){return jc})),n.d(l,"curveToPointLine",(function(){return $c}));var f={};n.r(f),n.d(f,"ReverseXyz",(function(){return cs})),n.d(f,"ReverseRGB",(function(){return ss})),n.d(f,"XYZtoRGB",(function(){return us})),n.d(f,"LABtoXYZ",(function(){return ls})),n.d(f,"PivotXyz",(function(){return fs})),n.d(f,"XYZtoLAB",(function(){return hs})),n.d(f,"LABtoRGB",(function(){return ps}));var h={};n.r(h),n.d(h,"RGBtoHSV",(function(){return ds})),n.d(h,"RGBtoCMYK",(function(){return vs})),n.d(h,"RGBtoHSL",(function(){return ys})),n.d(h,"c",(function(){return gs})),n.d(h,"gray",(function(){return ms})),n.d(h,"RGBtoSimpleGray",(function(){return bs})),n.d(h,"RGBtoGray",(function(){return ks})),n.d(h,"brightness",(function(){return xs})),n.d(h,"RGBtoYCrCb",(function(){return ws})),n.d(h,"PivotRGB",(function(){return Ps})),n.d(h,"RGBtoXYZ",(function(){return Os})),n.d(h,"RGBtoLAB",(function(){return Ss}));var p={};n.r(p),n.d(p,"HUEtoRGB",(function(){return js})),n.d(p,"HSLtoHSV",(function(){return $s})),n.d(p,"HSLtoRGB",(function(){return Rs}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return Vs})),n.d(d,"isColor",(function(){return Es})),n.d(d,"matches",(function(){return Is})),n.d(d,"convertMatches",(function(){return Ds})),n.d(d,"convertMatchesArray",(function(){return Ls})),n.d(d,"reverseMatches",(function(){return Bs})),n.d(d,"trim",(function(){return zs})),n.d(d,"parse",(function(){return Fs})),n.d(d,"parseGradient",(function(){return Hs}));var v={};n.r(v),n.d(v,"CMYKtoRGB",(function(){return Ks}));var g={};n.r(g),n.d(g,"HSVtoRGB",(function(){return Us})),n.d(g,"HSVtoHSL",(function(){return Ws}));var m={};n.r(m),n.d(m,"YCrCbtoRGB",(function(){return Zs}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return qs})),n.d(b,"interpolateRGBObject",(function(){return Js})),n.d(b,"scale",(function(){return Qs})),n.d(b,"blend",(function(){return tu})),n.d(b,"mix",(function(){return eu})),n.d(b,"contrast",(function(){return nu})),n.d(b,"contrastColor",(function(){return ru})),n.d(b,"gradient",(function(){return iu})),n.d(b,"scaleHSV",(function(){return au})),n.d(b,"scaleH",(function(){return ou})),n.d(b,"scaleS",(function(){return cu})),n.d(b,"scaleV",(function(){return su}));var k=n(5),w=n.n(k),P=(n(25),n(26),n(1)),O=n.n(P),S=n(2),j=n.n(S),$=n(3),R=n.n($),C=n(4),M=n.n(C),T=n(0),V=n.n(T),E=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return" ".concat(e," ").concat(t)},I=/^domevent (.*)/gi,D=/^load (.*)/gi,L=/^bind (.*)/gi,B=/^subscribe (.*)/gi,A="|",z={},F=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"domevent "+[r].concat(e).join(" ")}},H=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return"subscribe "+e.join(A)},G=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E(t,e)},_=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E("after(".concat(t,")"),e)},N=G,X=(G("ArrowUp"),G("ArrowDown"),G("ArrowLeft"),G("ArrowRight"),G("Enter")),Y=(G("Space"),G("Escape")),K=G("isAltKey"),U=(G("isShiftKey"),G("isMetaKey"),G("isCtrlKey"),G("hasMouse"),G("hasTouch"),G("hasPen"),G("self"),G("isMouseLeftButton")),W=(G("isMouseRightButton"),G("fit"),G("passive"),G("domdiff")),Z=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return G("debounce(".concat(t,")"))},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return G("delay(".concat(t,")"))},J=(Z(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return G("throttle(".concat(t,")"))}),Q=G("allTrigger()"),tt=G("selfTrigger()"),et=(G("capture()"),_("preventDefault")),nt=_("stopPropagation"),rt=H,it=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return H.apply(void 0,e.concat([Q]))},at=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return H.apply(void 0,e.concat([tt]))},ot=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];return H.apply(void 0,["config:".concat(t)].concat(n))},ct=F,st=F("click"),ut=F("dblclick"),lt=(F("mousedown"),F("mouseup"),F("mousemove"),F("mouseover"),F("mouseout"),F("mouseenter"),F("mouseleave"),F("touchstart"),F("touchmove"),F("touchend"),F("keydown")),ft=F("keyup"),ht=(F("keypress"),F("drag"),F("dragstart")),pt=F("drop"),dt=F("dragover"),vt=(F("dragenter"),F("dragleave"),F("dragexit"),F("dragout"),F("dragend")),yt=(F("contextmenu"),F("change")),gt=F("input"),mt=F("focus"),bt=(F("focusin"),F("focusout")),kt=F("blur"),xt=(F("paste"),F("resize")),wt=(F("scroll"),F("submit"),function(){return ct("pointerdown").apply(void 0,arguments)+U}),Pt=ct("pointerover"),Ot=(ct("pointerenter"),ct("pointerout")),St=ct("pointermove"),jt=ct("pointerup"),$t=ct("change","input"),Rt=ct("wheel","mousewheel","DOMMouseScroll"),Ct=(F("animationstart"),F("animationend"),F("animationiteration"),F("transitionstart"),F("transitionend")),Mt=(F("transitionrun"),F("transitioncancel"),ct("doubletab")),Tt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},Vt=function(t){return function(){return this.prevState[t]!=this.state[t]}},Et=function(){return!0},It=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"bind "+t};function Dt(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var Lt,Bt={addDomEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeDomEvent: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}}},At=n(7),zt=n.n(At),Ft=n(14),Ht=n.n(Ft);function Gt(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,c){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,c)}),e||300)}}function _t(t,e){var n=void 0;return function(r,i,a,o,c){n||(n=setTimeout((function(){t(r,i,a,o,c),n=null}),e||300))}}function Nt(t,e,n){return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];var o=n.every((function(t){return e[t.target].apply(e,i)}));o&&t.apply(e,i)}}function Xt(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Yt(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function Kt(t){return null==t}function Ut(t){return!1===Kt(t)}function Wt(t){return"boolean"==typeof t}function Zt(t){return"string"==typeof t}function qt(t){return"object"==Ht()(t)&&!Array.isArray(t)&&!Qt(t)&&!Zt(t)&&null!==t}function Jt(t){return"function"==typeof t}function Qt(t){return"number"==typeof t}function te(t){return!function(t){return 0===t}(t)}function ee(t){if(!Kt(t))return JSON.parse(JSON.stringify(t))}var ne=/\<(\w*)([^\>]*)\/\>/gim,re=(Lt={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},w()(Lt,"path",!0),w()(Lt,"polygon",!0),w()(Lt,"polyline",!0),w()(Lt,"use",!0),Lt),ie=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 Jt(r)&&console.log(r),Array.isArray(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(ne,(function(t,e){return re[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))},ae=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=zt()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},oe=n(8),ce=n.n(oe),se=1e-6,ue="undefined"!=typeof Float32Array?Float32Array:Array,le=Math.random;Math.PI;function fe(){var t=new ue(16);return ue!=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 he(t){var e=new ue(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 pe(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 de(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v){var y=new ue(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]=c,y[8]=s,y[9]=u,y[10]=l,y[11]=f,y[12]=h,y[13]=p,y[14]=d,y[15]=v,y}function ve(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=s,t[8]=u,t[9]=l,t[10]=f,t[11]=h,t[12]=p,t[13]=d,t[14]=v,t[15]=y,t}function ye(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 ge(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],c=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]=c}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 me(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15],m=n*c-r*o,b=n*s-i*o,k=n*u-a*o,x=r*s-i*c,w=r*u-a*c,P=i*u-a*s,O=l*v-f*d,S=l*y-h*d,j=l*g-p*d,$=f*y-h*v,R=f*g-p*v,C=h*g-p*y,M=m*C-b*R+k*$+x*j-w*S+P*O;return M?(M=1/M,t[0]=(c*C-s*R+u*$)*M,t[1]=(i*R-r*C-a*$)*M,t[2]=(v*P-y*w+g*x)*M,t[3]=(h*w-f*P-p*x)*M,t[4]=(s*j-o*C-u*S)*M,t[5]=(n*C-i*j+a*S)*M,t[6]=(y*k-d*P-g*b)*M,t[7]=(l*P-h*k+p*b)*M,t[8]=(o*R-c*j+u*O)*M,t[9]=(r*j-n*R-a*O)*M,t[10]=(d*w-v*k+g*m)*M,t[11]=(f*k-l*w-p*m)*M,t[12]=(c*S-o*$-s*O)*M,t[13]=(n*$-r*S+i*O)*M,t[14]=(v*b-d*x-y*m)*M,t[15]=(l*x-f*b+h*m)*M,t):null}function be(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15];return t[0]=c*(h*g-p*y)-f*(s*g-u*y)+v*(s*p-u*h),t[1]=-(r*(h*g-p*y)-f*(i*g-a*y)+v*(i*p-a*h)),t[2]=r*(s*g-u*y)-c*(i*g-a*y)+v*(i*u-a*s),t[3]=-(r*(s*p-u*h)-c*(i*p-a*h)+f*(i*u-a*s)),t[4]=-(o*(h*g-p*y)-l*(s*g-u*y)+d*(s*p-u*h)),t[5]=n*(h*g-p*y)-l*(i*g-a*y)+d*(i*p-a*h),t[6]=-(n*(s*g-u*y)-o*(i*g-a*y)+d*(i*u-a*s)),t[7]=n*(s*p-u*h)-o*(i*p-a*h)+l*(i*u-a*s),t[8]=o*(f*g-p*v)-l*(c*g-u*v)+d*(c*p-u*f),t[9]=-(n*(f*g-p*v)-l*(r*g-a*v)+d*(r*p-a*f)),t[10]=n*(c*g-u*v)-o*(r*g-a*v)+d*(r*u-a*c),t[11]=-(n*(c*p-u*f)-o*(r*p-a*f)+l*(r*u-a*c)),t[12]=-(o*(f*y-h*v)-l*(c*y-s*v)+d*(c*h-s*f)),t[13]=n*(f*y-h*v)-l*(r*y-i*v)+d*(r*h-i*f),t[14]=-(n*(c*y-s*v)-o*(r*y-i*v)+d*(r*s-i*c)),t[15]=n*(c*h-s*f)-o*(r*h-i*f)+l*(r*s-i*c),t}function ke(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],s=t[7],u=t[8],l=t[9],f=t[10],h=t[11],p=t[12],d=t[13],v=t[14],y=t[15];return(e*o-n*a)*(f*y-h*v)-(e*c-r*a)*(l*y-h*d)+(e*s-i*a)*(l*v-f*d)+(n*c-r*o)*(u*y-h*p)-(n*s-i*o)*(u*v-f*p)+(r*s-i*c)*(u*d-l*p)}function xe(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=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*c+x*f+w*v,t[1]=b*i+k*s+x*h+w*y,t[2]=b*a+k*u+x*p+w*g,t[3]=b*o+k*l+x*d+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*c+x*f+w*v,t[5]=b*i+k*s+x*h+w*y,t[6]=b*a+k*u+x*p+w*g,t[7]=b*o+k*l+x*d+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*c+x*f+w*v,t[9]=b*i+k*s+x*h+w*y,t[10]=b*a+k*u+x*p+w*g,t[11]=b*o+k*l+x*d+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*c+x*f+w*v,t[13]=b*i+k*s+x*h+w*y,t[14]=b*a+k*u+x*p+w*g,t[15]=b*o+k*l+x*d+w*m,t}function we(t,e,n){var r,i,a,o,c,s,u,l,f,h,p,d,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],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=c,t[5]=s,t[6]=u,t[7]=l,t[8]=f,t[9]=h,t[10]=p,t[11]=d,t[12]=r*v+c*y+f*g+e[12],t[13]=i*v+s*y+h*g+e[13],t[14]=a*v+u*y+p*g+e[14],t[15]=o*v+l*y+d*g+e[15]),t}function Pe(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 Oe(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m,b,k,x,w,P,O,S,j,$,R=r[0],C=r[1],M=r[2],T=Math.hypot(R,C,M);return T<se?null:(R*=T=1/T,C*=T,M*=T,i=Math.sin(n),o=1-(a=Math.cos(n)),c=e[0],s=e[1],u=e[2],l=e[3],f=e[4],h=e[5],p=e[6],d=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=R*R*o+a,k=C*R*o+M*i,x=M*R*o-C*i,w=R*C*o-M*i,P=C*C*o+a,O=M*C*o+R*i,S=R*M*o+C*i,j=C*M*o-R*i,$=M*M*o+a,t[0]=c*b+f*k+v*x,t[1]=s*b+h*k+y*x,t[2]=u*b+p*k+g*x,t[3]=l*b+d*k+m*x,t[4]=c*w+f*P+v*O,t[5]=s*w+h*P+y*O,t[6]=u*w+p*P+g*O,t[7]=l*w+d*P+m*O,t[8]=c*S+f*j+v*$,t[9]=s*S+h*j+y*$,t[10]=u*S+p*j+g*$,t[11]=l*S+d*j+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function Se(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],c=e[6],s=e[7],u=e[8],l=e[9],f=e[10],h=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+u*r,t[5]=o*i+l*r,t[6]=c*i+f*r,t[7]=s*i+h*r,t[8]=u*i-a*r,t[9]=l*i-o*r,t[10]=f*i-c*r,t[11]=h*i-s*r,t}function je(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[8],l=e[9],f=e[10],h=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-u*r,t[1]=o*i-l*r,t[2]=c*i-f*r,t[3]=s*i-h*r,t[8]=a*r+u*i,t[9]=o*r+l*i,t[10]=c*r+f*i,t[11]=s*r+h*i,t}function $e(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[4],l=e[5],f=e[6],h=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+u*r,t[1]=o*i+l*r,t[2]=c*i+f*r,t[3]=s*i+h*r,t[4]=u*i-a*r,t[5]=l*i-o*r,t[6]=f*i-c*r,t[7]=h*i-s*r,t}function Re(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 Ce(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 Me(t,e,n){var r,i,a,o=n[0],c=n[1],s=n[2],u=Math.hypot(o,c,s);return u<se?null:(o*=u=1/u,c*=u,s*=u,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=c*o*a+s*r,t[2]=s*o*a-c*r,t[3]=0,t[4]=o*c*a-s*r,t[5]=c*c*a+i,t[6]=s*c*a+o*r,t[7]=0,t[8]=o*s*a+c*r,t[9]=c*s*a-o*r,t[10]=s*s*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function Te(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 Ve(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 Ee(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 Ie(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=r+r,s=i+i,u=a+a,l=r*c,f=r*s,h=r*u,p=i*s,d=i*u,v=a*u,y=o*c,g=o*s,m=o*u;return t[0]=1-(p+v),t[1]=f+m,t[2]=h-g,t[3]=0,t[4]=f-m,t[5]=1-(l+v),t[6]=d+y,t[7]=0,t[8]=h+g,t[9]=d-y,t[10]=1-(l+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function De(t,e){var n=new ue(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=r*r+i*i+a*a+o*o;return f>0?(n[0]=2*(c*o+l*r+s*a-u*i)/f,n[1]=2*(s*o+l*i+u*r-c*a)/f,n[2]=2*(u*o+l*a+c*i-s*r)/f):(n[0]=2*(c*o+l*r+s*a-u*i),n[1]=2*(s*o+l*i+u*r-c*a),n[2]=2*(u*o+l*a+c*i-s*r)),Ie(t,e,n),t}function Le(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function Be(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],c=e[6],s=e[8],u=e[9],l=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,c),t[2]=Math.hypot(s,u,l),t}function Ae(t,e){var n=new ue(3);Be(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,c=e[1]*i,s=e[2]*a,u=e[4]*r,l=e[5]*i,f=e[6]*a,h=e[8]*r,p=e[9]*i,d=e[10]*a,v=o+l+d,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(f-p)/y,t[1]=(h-s)/y,t[2]=(c-u)/y):o>l&&o>d?(y=2*Math.sqrt(1+o-l-d),t[3]=(f-p)/y,t[0]=.25*y,t[1]=(c+u)/y,t[2]=(h+s)/y):l>d?(y=2*Math.sqrt(1+l-o-d),t[3]=(h-s)/y,t[0]=(c+u)/y,t[1]=.25*y,t[2]=(f+p)/y):(y=2*Math.sqrt(1+d-o-l),t[3]=(c-u)/y,t[0]=(h+s)/y,t[1]=(f+p)/y,t[2]=.25*y),t}function ze(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=e[3],s=i+i,u=a+a,l=o+o,f=i*s,h=i*u,p=i*l,d=a*u,v=a*l,y=o*l,g=c*s,m=c*u,b=c*l,k=r[0],x=r[1],w=r[2];return t[0]=(1-(d+y))*k,t[1]=(h+b)*k,t[2]=(p-m)*k,t[3]=0,t[4]=(h-b)*x,t[5]=(1-(f+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(p+m)*w,t[9]=(v-g)*w,t[10]=(1-(f+d))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function Fe(t,e,n,r,i){var a=e[0],o=e[1],c=e[2],s=e[3],u=a+a,l=o+o,f=c+c,h=a*u,p=a*l,d=a*f,v=o*l,y=o*f,g=c*f,m=s*u,b=s*l,k=s*f,x=r[0],w=r[1],P=r[2],O=i[0],S=i[1],j=i[2],$=(1-(v+g))*x,R=(p+k)*x,C=(d-b)*x,M=(p-k)*w,T=(1-(h+g))*w,V=(y+m)*w,E=(d+b)*P,I=(y-m)*P,D=(1-(h+v))*P;return t[0]=$,t[1]=R,t[2]=C,t[3]=0,t[4]=M,t[5]=T,t[6]=V,t[7]=0,t[8]=E,t[9]=I,t[10]=D,t[11]=0,t[12]=n[0]+O-($*O+M*S+E*j),t[13]=n[1]+S-(R*O+T*S+I*j),t[14]=n[2]+j-(C*O+V*S+D*j),t[15]=1,t}function He(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,c=r+r,s=i+i,u=n*o,l=r*o,f=r*c,h=i*o,p=i*c,d=i*s,v=a*o,y=a*c,g=a*s;return t[0]=1-f-d,t[1]=l+g,t[2]=h-y,t[3]=0,t[4]=l-g,t[5]=1-u-d,t[6]=p+v,t[7]=0,t[8]=h+y,t[9]=p-v,t[10]=1-u-f,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function Ge(t,e,n,r,i,a,o){var c=1/(n-e),s=1/(i-r),u=1/(a-o);return t[0]=2*a*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*s,t[6]=0,t[7]=0,t[8]=(n+e)*c,t[9]=(i+r)*s,t[10]=(o+a)*u,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*u,t[15]=0,t}function _e(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 Ne(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),c=Math.tan(e.rightDegrees*Math.PI/180),s=2/(o+c),u=2/(i+a);return t[0]=s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=u,t[6]=0,t[7]=0,t[8]=-(o-c)*s*.5,t[9]=(i-a)*u*.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 Xe(t,e,n,r,i,a,o){var c=1/(e-n),s=1/(r-i),u=1/(a-o);return t[0]=-2*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*s,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*u,t[11]=0,t[12]=(e+n)*c,t[13]=(i+r)*s,t[14]=(o+a)*u,t[15]=1,t}function Ye(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d=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(d-k)<se&&Math.abs(v-x)<se&&Math.abs(y-w)<se?ye(t):(l=d-k,f=v-x,h=y-w,i=m*(h*=p=1/Math.hypot(l,f,h))-b*(f*=p),a=b*(l*=p)-g*h,o=g*f-m*l,(p=Math.hypot(i,a,o))?(i*=p=1/p,a*=p,o*=p):(i=0,a=0,o=0),c=f*o-h*a,s=h*i-l*o,u=l*a-f*i,(p=Math.hypot(c,s,u))?(c*=p=1/p,s*=p,u*=p):(c=0,s=0,u=0),t[0]=i,t[1]=c,t[2]=l,t[3]=0,t[4]=a,t[5]=s,t[6]=f,t[7]=0,t[8]=o,t[9]=u,t[10]=h,t[11]=0,t[12]=-(i*d+a*v+o*y),t[13]=-(c*d+s*v+u*y),t[14]=-(l*d+f*v+h*y),t[15]=1,t)}function Ke(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=r[0],s=r[1],u=r[2],l=i-n[0],f=a-n[1],h=o-n[2],p=l*l+f*f+h*h;p>0&&(l*=p=1/Math.sqrt(p),f*=p,h*=p);var d=s*h-u*f,v=u*l-c*h,y=c*f-s*l;return(p=d*d+v*v+y*y)>0&&(d*=p=1/Math.sqrt(p),v*=p,y*=p),t[0]=d,t[1]=v,t[2]=y,t[3]=0,t[4]=f*y-h*v,t[5]=h*d-l*y,t[6]=l*v-f*d,t[7]=0,t[8]=l,t[9]=f,t[10]=h,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function Ue(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 We(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 Ze(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 qe(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 Je(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 Qe(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 tn(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 en(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],c=t[5],s=t[6],u=t[7],l=t[8],f=t[9],h=t[10],p=t[11],d=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],P=e[5],O=e[6],S=e[7],j=e[8],$=e[9],R=e[10],C=e[11],M=e[12],T=e[13],V=e[14],E=e[15];return Math.abs(n-m)<=se*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=se*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=se*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=se*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=se*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(c-P)<=se*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(s-O)<=se*Math.max(1,Math.abs(s),Math.abs(O))&&Math.abs(u-S)<=se*Math.max(1,Math.abs(u),Math.abs(S))&&Math.abs(l-j)<=se*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(f-$)<=se*Math.max(1,Math.abs(f),Math.abs($))&&Math.abs(h-R)<=se*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(p-C)<=se*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-M)<=se*Math.max(1,Math.abs(d),Math.abs(M))&&Math.abs(v-T)<=se*Math.max(1,Math.abs(v),Math.abs(T))&&Math.abs(y-V)<=se*Math.max(1,Math.abs(y),Math.abs(V))&&Math.abs(g-E)<=se*Math.max(1,Math.abs(g),Math.abs(E))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var nn=xe,rn=qe;function an(){var t=new ue(3);return ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function on(t){var e=new ue(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function cn(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function sn(t,e,n){var r=new ue(3);return r[0]=t,r[1]=e,r[2]=n,r}function un(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function ln(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function fn(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function hn(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function pn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function dn(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function vn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function yn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function gn(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 mn(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 bn(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function kn(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function xn(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 wn(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 Pn(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 On(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function Sn(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function jn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function $n(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 Rn(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function Cn(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],c=n[1],s=n[2];return t[0]=i*s-a*c,t[1]=a*o-r*s,t[2]=r*c-i*o,t}function Mn(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 Tn(t,e,n,r,i,a){var o=a*a,c=o*(2*a-3)+1,s=o*(a-2)+a,u=o*(a-1),l=o*(3-2*a);return t[0]=e[0]*c+n[0]*s+r[0]*u+i[0]*l,t[1]=e[1]*c+n[1]*s+r[1]*u+i[1]*l,t[2]=e[2]*c+n[2]*s+r[2]*u+i[2]*l,t}function Vn(t,e,n,r,i,a){var o=1-a,c=o*o,s=a*a,u=c*o,l=3*a*c,f=3*s*o,h=s*a;return t[0]=e[0]*u+n[0]*l+r[0]*f+i[0]*h,t[1]=e[1]*u+n[1]*l+r[1]*f+i[1]*h,t[2]=e[2]*u+n[2]*l+r[2]*f+i[2]*h,t}function En(t,e){e=e||1;var n=2*le()*Math.PI,r=2*le()-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 In(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 Dn(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 Ln(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],c=e[0],s=e[1],u=e[2],l=i*u-a*s,f=a*c-r*u,h=r*s-i*c,p=i*h-a*f,d=a*l-r*h,v=r*f-i*l,y=2*o;return l*=y,f*=y,h*=y,p*=2,d*=2,v*=2,t[0]=c+l+p,t[1]=s+f+d,t[2]=u+h+v,t}function Bn(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 An(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 zn(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 Fn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2],s=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+c*c),u=s&&Rn(t,e)/s;return Math.acos(Math.min(Math.max(u,-1),1))}function Hn(t){return t[0]=0,t[1]=0,t[2]=0,t}function Gn(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function _n(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function Nn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2];return Math.abs(n-a)<=se*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=se*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-c)<=se*Math.max(1,Math.abs(i),Math.abs(c))}var Xn,Yn=hn,Kn=pn,Un=dn,Wn=wn,Zn=Pn,qn=cn,Jn=On,Qn=(Xn=an(),function(t,e,n,r,i,a){var o,c;for(e||(e=3),n||(n=0),c=r?Math.min(r*e+n,t.length):t.length,o=n;o<c;o+=e)Xn[0]=t[o],Xn[1]=t[o+1],Xn[2]=t[o+2],i(Xn,Xn,a),t[o]=Xn[0],t[o+1]=Xn[1],t[o+2]=Xn[2];return t});function tr(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function er(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 ue(4),ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function nr(){var t=new ue(4);return ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function rr(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function ir(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 ar(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>se?(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 or(t,e){var n=Lr(t,e);return Math.acos(2*n*n-1)}function cr(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=n[0],s=n[1],u=n[2],l=n[3];return t[0]=r*l+o*c+i*u-a*s,t[1]=i*l+o*s+a*c-r*u,t[2]=a*l+o*u+r*s-i*c,t[3]=o*l-r*c-i*s-a*u,t}function sr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+o*c,t[1]=i*s+a*c,t[2]=a*s-i*c,t[3]=o*s-r*c,t}function ur(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s-a*c,t[1]=i*s+o*c,t[2]=a*s+r*c,t[3]=o*s-i*c,t}function lr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+i*c,t[1]=i*s-r*c,t[2]=a*s+o*c,t[3]=o*s-a*c,t}function fr(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 hr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=Math.exp(a),s=o>0?c*Math.sin(o)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=c*Math.cos(o),t}function pr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=o>0?Math.atan2(o,a)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function dr(t,e,n){return pr(t,e),Dr(t,t,n),hr(t,t),t}function vr(t,e,n,r){var i,a,o,c,s,u=e[0],l=e[1],f=e[2],h=e[3],p=n[0],d=n[1],v=n[2],y=n[3];return(a=u*p+l*d+f*v+h*y)<0&&(a=-a,p=-p,d=-d,v=-v,y=-y),1-a>se?(i=Math.acos(a),o=Math.sin(i),c=Math.sin((1-r)*i)/o,s=Math.sin(r*i)/o):(c=1-r,s=r),t[0]=c*u+s*p,t[1]=c*l+s*d,t[2]=c*f+s*v,t[3]=c*h+s*y,t}function yr(t){var e=le(),n=le(),r=le(),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 gr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,c=o?1/o:0;return t[0]=-n*c,t[1]=-r*c,t[2]=-i*c,t[3]=a*c,t}function mr(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function br(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 kr(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),c=Math.sin(n),s=Math.cos(n),u=Math.sin(r),l=Math.cos(r);return t[0]=a*s*l-o*c*u,t[1]=o*c*l+a*s*u,t[2]=o*s*u-a*c*l,t[3]=o*s*l+a*c*u,t}function xr(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var wr,Pr,Or,Sr,jr,$r,Rr,Cr=function(t){var e=new ue(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},Mr=function(t,e,n,r){var i=new ue(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},Tr=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},Vr=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},Er=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},Ir=cr,Dr=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},Lr=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},Br=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=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]=c+r*(n[3]-c),t},Ar=tr,zr=Ar,Fr=er,Hr=Fr,Gr=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},_r=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},Nr=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],c=e[1],s=e[2],u=e[3];return Math.abs(n-o)<=se*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-c)<=se*Math.max(1,Math.abs(r),Math.abs(c))&&Math.abs(i-s)<=se*Math.max(1,Math.abs(i),Math.abs(s))&&Math.abs(a-u)<=se*Math.max(1,Math.abs(a),Math.abs(u))},Xr=(wr=an(),Pr=sn(1,0,0),Or=sn(0,1,0),function(t,e,n){var r=Rn(e,n);return r<-.999999?(Cn(wr,Pr,e),qn(wr)<1e-6&&Cn(wr,Or,e),$n(wr,wr),ir(t,wr,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(Cn(wr,e,n),t[0]=wr[0],t[1]=wr[1],t[2]=wr[2],t[3]=1+r,Gr(t,t))}),Yr=(Sr=nr(),jr=nr(),function(t,e,n,r,i,a){return vr(Sr,e,i,a),vr(jr,n,r,a),vr(t,Sr,jr,2*a*(1-a)),t}),Kr=($r=new ue(9),ue!=Float32Array&&($r[1]=0,$r[2]=0,$r[3]=0,$r[5]=0,$r[6]=0,$r[7]=0),$r[0]=1,$r[4]=1,$r[8]=1,Rr=$r,function(t,e,n,r){return Rr[0]=n[0],Rr[3]=n[1],Rr[6]=n[2],Rr[1]=r[0],Rr[4]=r[1],Rr[7]=r[2],Rr[2]=-e[0],Rr[5]=-e[1],Rr[8]=-e[2],Gr(t,br(t,Rr))});function Ur(){var t=new ue(2);return ue!=Float32Array&&(t[0]=0,t[1]=0),t}function Wr(t){var e=new ue(2);return e[0]=t[0],e[1]=t[1],e}function Zr(t,e){var n=new ue(2);return n[0]=t,n[1]=e,n}function qr(t,e){return t[0]=e[0],t[1]=e[1],t}function Jr(t,e,n){return t[0]=e,t[1]=n,t}function Qr(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function ti(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function ei(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function ni(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function ri(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function ii(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function ai(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function oi(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function ci(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function si(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function ui(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function li(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function fi(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function hi(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function pi(t){var e=t[0],n=t[1];return e*e+n*n}function di(t,e){return t[0]=-e[0],t[1]=-e[1],t}function vi(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function yi(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 gi(t,e){return t[0]*e[0]+t[1]*e[1]}function mi(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function bi(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 ki(t,e){e=e||1;var n=2*le()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function xi(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 wi(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 Pi(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 Oi(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 Si(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),c=Math.cos(r);return t[0]=i*c-a*o+n[0],t[1]=i*o+a*c+n[1],t}function ji(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),c=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(c,-1),1))}function $i(t){return t[0]=0,t[1]=0,t}function Ri(t){return"vec2("+t[0]+", "+t[1]+")"}function Ci(t,e){return t[0]===e[0]&&t[1]===e[1]}function Mi(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=se*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=se*Math.max(1,Math.abs(r),Math.abs(a))}var Ti=hi,Vi=ti,Ei=ei,Ii=ni,Di=li,Li=fi,Bi=pi,Ai=function(){var t=Ur();return function(e,n,r,i,a,o){var c,s;for(n||(n=2),r||(r=0),s=i?Math.min(i*n+r,e.length):e.length,c=r;c<s;c+=n)t[0]=e[c],t[1]=e[c+1],a(t,t,o),e[c]=t[0],e[c+1]=t[1];return e}}();function zi(t,e){return e=void 0===e?1:e,Math.round(t*e)/e}function Fi(t){return t*(Math.PI/180)}function Hi(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function Gi(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function _i(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(Fi(t))}function Ni(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(Fi(t))}function Xi(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:_i(t,e,n),y:Ni(t,e,r)}}function Yi(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 o.distance([t,e],[n,r])}function Ki(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return i.lerp([],t,e,1+n/i.dist(t,e))}function Ui(t,e){return 1===t.length?[i.transformMat4([],t[0],e)]:2===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e)]:3===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e)]:4===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e)]:5===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e),i.transformMat4([],t[4],e)]:t.map((function(t){return i.transformMat4([],t,e)}))}function Wi(t,e,n,r){return[t,[e[0],t[1],e[2]],n,Math.abs(t[0]-e[0]),r]}function Zi(t,e,n,r){return[[e[0],t[1],t[2]],e,n,Math.abs(t[1]-e[1]),r]}function qi(t,e){var n=t,r=e,a=!1;t[4][0]-e[4][0]>0&&(n=e,r=t,a=!0);var o=i.lerp([],n[1],n[2],.5),c=i.lerp([],r[0],r[3],.5),s=[];return r[0][1]<=o[1]&&o[1]<=r[3][1]?s.push(Wi(o,c,"x",null)):r[0][1]<=n[1][1]?r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(Zi(r[3],[r[3][0],n[1][1],n[1][2]],"y",null)):s.push(Wi(n[1],c,"x",r[3])):n[3][0]<=r[0][0]&&r[0][0]<=n[2][0]?s.push(Zi(n[3],r[0],"y")):r[3][0]<=n[0][0]&&n[0][0]<=r[2][0]?s.push(Zi([r[0][0],n[3][1],n[3][2]],r[0],"y")):r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(Zi(r[3],[r[3][0],n[1][1],n[1][2]],"y")):s.push(Wi(n[2],c,"x",r[0])),s.sort((function(t,e){return t[3]-e[3]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===e)return t;var n=zt()(t,7),r=n[0],i=n[1],a=n[2],o=n[3],c=n[4],s=n[5],u=n[6];return c?[[i[0],c[1],i[2]],[r[0],c[1],r[2]],a,o,[r[0],r[1],c[2]],s,u,e]:[i,r,a,o,c,s,u,e]}([].concat(ce()(s[0]),[t,e]),a)}function Ji(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function Qi(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function ta(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function ea(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 na(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function ra(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 ia(t,e){return Gi(Math.atan2(e,t))}function aa(t,e,n){return ua({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function oa(t,e){var n=r.create();return r.translate(n,n,e),r.rotateZ(n,n,Fi(t)),r.translate(n,n,i.negate([],e)),n}function ca(){for(var t=r.create(),e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.forEach((function(e){r.multiply(t,t,e)})),t}function sa(){return r.invert([],ca.apply(void 0,arguments))}function ua(t,e,n){var r=ia(t.x-e.x,t.y-e.y);return ia(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function la(t,e){return(ia(t,e)+180)%360}var fa=/[xy]/g;function ha(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(fa,(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 pa(){var t=(new Date).getTime();return"idxxxxxxx".replace(fa,(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 da=function(t){return 3*t*t*(1-t)},va=function(t){return 3*t*(1-t)*(1-t)},ya=function(t){return(1-t)*(1-t)*(1-t)};function ga(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*da(t)+a*va(t)+ya(t))}}function ma(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 ba(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var ka=/[\b\t \,\n]/g;function xa(t){return t.trim().split(ka).filter((function(t){return t})).map((function(t){return+t}))}var wa={center:50,top:0,left:0,right:100,bottom:100},Pa=function t(){O()(this,t)};Pa.CENTER="center",Pa.TOP="top",Pa.RIGHT="right",Pa.LEFT="left",Pa.BOTTOM="bottom";var Oa=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Sa=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(O()(this,t),this.value=e,Qt(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return j()(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 Qt(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 Ut(wa[this.value])?t.percent(wa[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(Gi(this.value)):void 0}},{key:"toRad",value:function(){if(this.isRad())return this.clone();if(this.isTurn()){var e=this.toDeg();return t.rad(Fi(e.value))}return this.isDeg()?t.rad(Fi(this.value)):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(zi(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:"isZero",value:function(){return 0===this.value}}],[{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(Zt(e=e||t.number(0))){var n=(e=e.trim()).replace(Oa,"$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 Ut(e.percent)?r=e.percent:Ut(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Ut(e.px)?r=e.px:Ut(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Ut(e.em)?r=e.em:Ut(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Ut(e.deg)?r=e.deg:Ut(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Ut(e.deg)?r=e.turn:Ut(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Ut(e.second)?r=e.second:Ut(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Ut(e.ms)?r=e.ms:Ut(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Ut(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Ut(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Ut(e.str)?r=e.str:Ut(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Sa.auto=Sa.string("auto");var ja=n(6),$a=n.n(ja);function Ra(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ca(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ra(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ra(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ma=function(){return!0};function Ta(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ma,n=[],r=t.layers.length,i=r;i--;){var a=t.layers[i];n.push.apply(n,ce()(Ta(a.ref,e)))}return e(t)&&n.push(t),n}var Va=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return O()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return Jt(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){return t.json[n]!=r&&(t.json[n]=r,e.changed()),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.lastChangedField={},this.lastChangedFieldKeys=[],this.cachedValue={},this.ref}return j()(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:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"renameWithCount",value:function(){var t=this.json.name.split(" ");if(!(t.length<2)){var e=t.pop(),n=+e;Qt(n)&&!1===isNaN(n)?n++:n=e;var r=[].concat(ce()(t),[n]).join(" ");this.reset({name:r})}}},{key:"allLayers",get:function(){return Ta(this.ref)}},{key:"filteredAllLayers",value:function(t){return Ta(this.ref,t)}},{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:"setParent",value:function(t){this.json.parent=t}},{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}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{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:"addCache",value:function(t,e){this.cachedValue[t]=e}},{key:"getCache",value:function(t){return this.cachedValue[t]}},{key:"computed",value:function(t,e){var n="__cachedKey_".concat(t),r="".concat(n,"__parseValue"),i=this.json[t];return this.getCache(t)===i&&this.getCache(r)||(this.addCache(t,i),this.addCache(r,e(i,this.ref))),this.getCache(r)}},{key:"editable",value:function(t){return!0}},{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:"setCache",value:function(){}},{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","name","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){return t.__changedId||(t.__changedId=ha()),this.lastChangedField.__changedId!==t.__changedId&&(this.json=this.convert(Object.assign(this.json,t)),this.lastChangedField=t,this.lastChangedFieldKeys=Object.keys(t),this.changed()),!0}},{key:"hasChangedField",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.lastChangedFieldKeys.includes(e)}))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pa();return Ca({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]=ee(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref||(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:"refreshMatrixCache",value:function(){}},{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){Kt(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&&!Kt(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.renameWithCount(),n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.push(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}}]),t}(),Ea=n(11),Ia=n.n(Ea),Da=n(10),La=n.n(Da),Ba=n(12),Aa=n.n(Ba),za=n(9),Fa=n.n(za),Ha=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 Ga(t){return t.nodeType!==Node.TEXT_NODE&&"true"===t.getAttribute("data-domdiff-pass")}function _a(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Na(t,e,n,r){if(e)if(n){if(Ga(e)||Ga(n));else if(s=e,(c=n).nodeType===Node.TEXT_NODE&&c.textContent!==s.textContent||c.nodeName!==s.nodeName||function(t){return t.nodeType!==Node.TEXT_NODE&&t.getAttribute("refClass")}(n))t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&n.nodeType!==Node.COMMENT_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));for(var i=ce()(new Set(r)),a=0,o=i.length;a<o;a++){var c=i[a];Ha(t,c,e[c],n[c])}}(e,_a(n.attributes),_a(e.attributes));var i=Xa(e),a=Xa(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Na(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,s}var Xa=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Ya(t,e){t=t.el||t,e=e.el||e;for(var n=Xa(t),r=Xa(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Na(t,n[a],r[a],a)}var Ka=function(){function t(e,n,r){if(O()(this,t),"string"!=typeof 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 j()(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 w()({},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(ce()(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){return this.el.classList.toggle(t,e),this}},{key:"html",value:function(t){return void 0===t?this.el.innerHTML:("string"==typeof t?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Ya(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Ya(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Ya(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 ce()(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"string"==typeof t?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return"string"==typeof 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(void 0===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){var n=this;if(void 0!==t&&void 0!==e)0===t.indexOf("--")&&void 0!==e?this.el.style.setProperty(t,e):this.el.style[t]=e;else if(void 0!==t){if("string"==typeof t)return getComputedStyle(this.el)[t];Object.entries(t).forEach((function(t){var e=zt()(t,2),r=e[0],i=e[1];0===r.indexOf("--")&&void 0!==i?n.el.style.setProperty(r,i):n.el.style[r]=i}))}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),c=0;c<a;c++)o[c]=arguments[c];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return void 0===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,"".concat(e,"px"))}},{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(void 0===e)return this.el.value;if(void 0!==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:"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?ce()(this.el.files):[]}},{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:"totalLength",get:function(){return this.el.getTotalLength()}},{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:"firstChild",get:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){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:"toggleFullscreen",value:function(){this.el===document.fullscreenElement?document.exitFullscreen():this.fullscreen()}}],[{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}(),Ua=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};O()(this,t),this.context=e,this.options=n}return j()(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}();function Wa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Za={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},qa={doubletab:"touchend"},Ja={doubletab:!0},Qa=function(t){R()(n,t);var e=Wa(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(I)),this._domEvents.forEach((function(e){return t.parseDomEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach((function(e){t.removeDomEvent(e)})),this.initBindings()}},{key:"removeDomEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Bt.removeDomEvent(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(Ut(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=Ka.create(i);var a=n.runEventCallback(r,t,e);if(Ut(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=Bt.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 Jt(r)&&r?r.call(n,t):!Ut(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 Ka?e.getElement():e}},{key:"getRealEventName",value:function(t){return qa[t]||t}},{key:"getCustomEventName",value:function(t){return Ja[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=ae(r,"after"),o=zt()(a,2),c=o[0],s=o[1],u=ae(r,"before"),l=zt()(u,2),f=l[0],h=l[1],p=ae(r,"debounce"),d=zt()(p,2),v=d[0],y=d[1],g=ae(r,"delay"),m=zt()(g,2),b=m[0],k=m[1],x=ae(r,"throttle"),w=zt()(x,2),P=w[0],O=w[1],S=ae(r,"capture"),j=zt()(S,1)[0],$=[].concat(ce()(i),ce()(c),ce()(f),ce()(b),ce()(v),ce()(P),ce()(j)),R=r.filter((function(t){return-1===$.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:R,captures:j,afterMethods:s,beforeMethods:h,delayMethods:k,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addDomEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;Za[t.eventName]&&(n={passive:!0,capture:n}),Bt.addDomEvent(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:"bindingDomEvent",value:function(t,e,n){var r=Ia()(t),i=r[0],a=r[1],o=r.slice(2),c=this.getDefaultEventObject(i,e);if(c.dom=this.getDefaultDomElement(a),c.delegate=o.join(" "),c.debounceMethods.length)n=Gt(n,+c.debounceMethods[0].target);else if(c.throttleMethods.length){n=_t(n,+c.throttleMethods[0].target)}n=this.makeCustomEventCallback(c,n),this.addDomEvent(c,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:"parseDomEvent",value:function(t){for(var e=this.context,n=t.split(A).map((function(t){return t.trim()})).filter(Boolean),r=n.shift().split("domevent ")[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,c=i.length;o<c;o++)r[0]=i[o],this.bindingDomEvent(r,n,a)}}]),n}(Ua);function to(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eo=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"!==e||"function"!=typeof n?void 0===n?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"htmlDiff"===e?t.updateDiff(n):"svgDiff"===e?t.updateSVGDiff(n):"value"===e?t.val(n):t.attr(e,n):n();else if(Array.isArray(n))t.addClass.apply(t,ce()(n.filter(Boolean)));else if(qt(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],c=n[o];t.toggleClass(o,c)}else t.el.className=n;else"string"!=typeof n&&t.css(n);else t.cssText(n)},no=function(t){R()(n,t);var e=to(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.context.filterProps(L));var i=this._bindMethods.filter((function(t){if(!n.length)return!0;var e=t.split(A),r=zt()(e,2),i=r[0],a=(r[1],i.split(" ")),o=zt()(a,2),c=(o[0],o[1]);return n.indexOf(c)>-1}));i.forEach(function(){var e=La()(Fa.a.mark((function e(r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m;return Fa.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.context[r],a=r.split(A),o=zt()(a,2),r=o[0],c=o[1],s=t.getRef(c),u=Et,""!=s&&"string"==typeof s?u=Vt(s):"function"==typeof s&&(u=s),l=r.split("bind ")[1],f=t.context.refs[l],h="function"==typeof u&&u.call(t.context),!f||!h){e.next=16;break}return e.next=11,i.call.apply(i,[t.context].concat(n));case 11:if(p=e.sent){e.next=14;break}return e.abrupt("return");case 14:for(d=Object.keys(p),v=0,y=d.length;v<y;v++)g=d[v],m=p[g],eo(f,g,m);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),n}(Ua),ro={};function io(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).forEach((function(e){ro[e]||(ro[e]=t[e])}))}var ao,oo,co,so=/[xy]/g;function uo(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(so,(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 lo(){var t=(new Date).getTime();return"idxxxxxxx".replace(so,(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 fo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fo(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function po(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return vo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vo(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){c=!0,a=t},f:function(){try{o||null==n.return||n.return()}finally{if(c)throw a}}}}function vo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var yo=Ka.create("div"),go="[".concat("ref","]"),mo="[".concat("refclass","]"),bo=(new Map,ao={constructor:!0,initState:!0,updateData:!0},w()(ao,"constructor",!0),w()(ao,"initializeProperty",!0),w()(ao,"created",!0),w()(ao,"getRealEventName",!0),w()(ao,"initializeStoreEvent",!0),w()(ao,"destoryStoreEvent",!0),w()(ao,"destroy",!0),w()(ao,"emit",!0),w()(ao,"trigger",!0),w()(ao,"on",!0),w()(ao,"off",!0),w()(ao,"setState",!0),w()(ao,"_reload",!0),w()(ao,"render",!0),w()(ao,"initialize",!0),w()(ao,"afterRender",!0),w()(ao,"components",!0),w()(ao,"getRef",!0),w()(ao,"parseTemplate",!0),w()(ao,"parseProperty",!0),w()(ao,"parseSourceName",!0),w()(ao,"parseComponent",!0),w()(ao,"clean",!0),w()(ao,"refresh",!0),w()(ao,"load",!0),w()(ao,"bindData",!0),w()(ao,"template",!0),w()(ao,"eachChildren",!0),w()(ao,"destroy",!0),w()(ao,"collectProps",!0),w()(ao,"filterProps",!0),w()(ao,"self",!0),w()(ao,"isAltKey",!0),w()(ao,"isCtrlKey",!0),w()(ao,"isShiftKey",!0),w()(ao,"isMetaKey",!0),w()(ao,"preventDefault",!0),w()(ao,"stopPropagation",!0),w()(ao,"bodyMouseMove",!0),w()(ao,"bodyMouseUp",!0),ao),ko=function(){function t(e,n){O()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=uo(),this.__tempVariables=new Map,this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}var e;return j()(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=uo(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=this.components()}},{key:"initializeHandler",value:function(){return[new no(this),new Qa(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(w()({},t,!this.state[t]),e)}},{key:"variable",value:function(t){var e="".concat("__ref__variable:").concat(lo());return this.__tempVariables.set(e,t),e}},{key:"recoverVariable",value:function(t){if(!1===Zt(t))return t;var e=t;return this.__tempVariables.has(t)&&(e=this.__tempVariables.get(t),this.__tempVariables.delete(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(ie(oo||(oo=Aa()(["\n        ","\n      "])),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){Array.isArray(t)&&(t=t.join("")),t=t.trim();for(var n=yo.html(t).children(),r=0,i=n.length;r<i;r++){var a=n[r],o=a.attr("ref");o&&(this.refs[o]=a);for(var c=a.$$(go),s={},u=0,l=c.length;u<l;u++){var f=c[u],h=f.attr("ref");s[h]?console.warn("".concat(o," is duplicated. - ").concat(this.sourceName),this):s[h]=!0,this.refs[h]=f}}return e?yo.createChildrenFragment():n[0]}},{key:"parseProperty",value:function(t){var e,n,r={},i=po(t.el.attributes);try{for(i.s();!(e=i.n()).done;){var a=e.value;r[a.nodeName]=this.recoverVariable(a.nodeValue)}}catch(t){i.e(t)}finally{i.f()}return r.props&&(r=ho(ho({},r),(n=r.props,z[n]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","valueType"),n=zt()(e,3),i=n[0],a=n[1],o=n[2],c=a||t.text();"json"===o&&(c=JSON.parse(c)),r[i]=c})),r}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(ce()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return ro[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$(mo).forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r,i=t.parseProperty(e),a=e.attr("ref"),o=null;if(t.children[a]?(o=t.children[a])._reload(i):(o=new n(t,i),t.children[a||o.id]=o,o.render()),o.renderTarget)null===(r=o.$el)||void 0===r||r.appendTo(o.renderTarget),e.remove();else e.replace(o.$el)}else e.remove()})),Xt(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Xt(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:(e=La()(Fa.a.mark((function t(){var e,n,r,i,a=this,o=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(e=o.length,n=new Array(e),r=0;r<e;r++)n[r]=o[r];return this._loadMethods||(this._loadMethods=this.filterProps(D)),i=this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(A).map((function(t){return t.trim()}))[0];return!n.length||n.indexOf(e)>-1})),t.next=5,i.forEach(function(){var t=La()(Fa.a.mark((function t(e){var r,i,o,c,s,u,l,f,h;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=e.split("load ")[1],i=r.split(A).map((function(t){return t.trim()})),o=Ia()(i),c=o[0],s=(s=o.slice(1)).map((function(t){return t.trim()})),u=Boolean(s.filter((function(t){return W.includes(t)})).length),!a.refs[c]){t.next=11;break}return t.next=7,(l=a[e]).call.apply(l,[a].concat(n));case 7:f=t.sent,Array.isArray(f)&&(f=f.join("")),h=a.parseTemplate(ie(co||(co=Aa()(["",""])),f),!0),u?a.refs[c].htmlDiff(h):a.refs[c].html(h);case 11:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}());case 5:this._afterLoad();case 6:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{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){Jt(t)&&Xt(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&&this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return this.__cachedMethodList||(this.__cachedMethodList=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&Jt(t[n])&&!e[n]}));r.push.apply(r,a)}while(n=Object.getPrototypeOf(n));return r}(this,bo)),this.__cachedMethodList}},{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:"isMouseLeftButton",value:function(t){return 1===t.buttons}},{key:"isMouseRightButton",value:function(t){return 2===t.buttons}},{key:"hasMouse",value:function(t){return"mouse"===t.pointerType}},{key:"hasTouch",value:function(t){return"touch"===t.pointerType}},{key:"hasPen",value:function(t){return"pen"===t.pointerType}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}}]),t}(),xo=function(){function t(e){O()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return j()(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).debug.apply(t,arguments)}},{key:"on",value:function(t,e,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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],u=e;return i>0?u=Gt(e,i):a>0&&(u=_t(e,a)),s.length&&(u=Nt(u,n,s)),this.getCallbacks(t).push({event:t,callback:u,context:n,originalCallback:e,enableAllTrigger:o,enableSelfTrigger:c}),this.debug("add message event",t,n.sourceName),function(){r.off(t,e)}}},{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 c=r[a];c.enableSelfTrigger||(c.enableAllTrigger||c.originalCallback.source!==t)&&c.callback.apply(c.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 c=r[a];c.originalCallback.source===t&&c.callback.apply(c.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",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];Jt(t)?t.apply(void 0,n):this.sendMessage.apply(this,[this.source,t].concat(n))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",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];Jt(t)?t.apply(void 0,n):this.triggerMessage.apply(this,[this.source,t].concat(n))}}]),t}(),wo={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"}};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}var Oo=function(){function t(e){O()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return j()(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?Po(Object(n),!0).forEach((function(e){w()(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}({},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,ce()(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}(),So=new Map,jo=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return So.has(t)}},{key:"get",value:function(t){return So.get(t)}},{key:"set",value:function(t,e){So.size>1e3&&So.clear(),So.set(t,e)}}]),t}(),$o=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(jo.has(t))return jo.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 Sa.parse(t)})):e.map((function(t){return Sa.parse(t)})),jo.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=zt()(a,3),c=o[0],s=o[1],u=o[2];return c=c.toPx(n),s=s.toPx(r),u=u.toPx(i),"".concat(c," ").concat(s," ").concat(u)}}]),t}();function Ro(t,e,n,r,i,a,o,c){var s=((o-i)*(e-a)-(c-a)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e)),u=((n-t)*(e-a)-(r-e)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e));return 0<=s&&s<=1&&0<=u&&u<=1}function Co(){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 c=zt()(a,2),s=c[0],u=c[1],l=zt()(t[(o+1)%i],2),f=l[0],h=l[1];(u>=n&&h<n||u<n&&h>=n)&&e<(f-s)*(n-u)/(h-u)+s&&(r=!r)})),r}function Mo(){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,c){var s=zt()(o,2),u=s[0],l=s[1],f=zt()(t[(c+1)%a],2),h=f[0],p=f[1];return Ro(e,n,r,i,u,l,h,p)}))}function To(){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=zt()(r,2),o=a[0],c=a[1],s=zt()(t[(i+1)%n],2),u=s[0],l=s[1],f=Mo(e,o,c,u,l);return!!f||!!(f=Co(t,e[0][0],e[0][1]))}))}function Vo(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=$o.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 Eo(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=i.lerp([],t[0],t[1],.5),r=i.lerp([],t[2],t[3],.5),a=Ki(r,n,e);return a}function Io(){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.originVerties.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),Vo(e,n,r-e,i-n)}function Do(t){var e=Sa.px(t[0][0]).floor(),n=Sa.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Sa.px(i.dist(t[0],t[1])).floor(),height:Sa.px(i.dist(t[0],t[3])).floor()}}function Lo(t){return Bo(t).filter((function(t,e){return e<4}))}function Bo(t){var 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){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),Vo(e,n,r-e,i-n)}var Ao={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},zo={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)"},Fo=[[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"]],Ho=function(t){return ce()(_o(zo[t]||t))},Go=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=Fo.length;e<n;e++){var r=Fo[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(",")," )")},_o=function(t){if("string"==typeof t){if(Ao[t])return Fo.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},No=function(t,e,n,r){var i=[t,e,n,r];return function(t){return nc(i,t)}},Xo=function(t,e,n){var r=[t,e,n];return function(t){return rc(r,t)}},Yo=function(t,e){var n=[t,e];return function(t){return ic(n,t)}},Ko=function(t,e,n,r,i){var a=e(n),o=Yi(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},Uo=function(t,e,n,r,i,a,o,c){for(var s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,u=No({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}),l=0,f=u(0),h=0;h<=s;h++){var p=h/s,d=u(p);l+=Yi(f.x,f.y,d.x,d.y),f=d}return l},Wo=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=Xo({x:t,y:e},{x:n,y:r},{x:i,y:a}),s=0,u=c(0),l=0;l<=o;l++){var f=l/o,h=c(f);s+=Yi(u.x,u.y,h.x,h.y),u=h}return s},Zo=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++)Ko(n,t,a/e,r,i);var o=1/(2*e),c=n.minT;for(a=0;a<e;a++)Ko(n,t,c-o,r,i),Ko(n,t,c+o,r,i),o/=2;return n.minT}},qo=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Zo(No(t,e,n,r),i)},Jo=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Zo(Xo(t,e,n),r)},Qo=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Zo(Yo(t,e),n)},tc=function(t){if("linear"===t)return Yo(n={x:0,y:0},r={x:1,y:1});var e=_o(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return No(n,r,i,{x:1,y:1})},ec=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},nc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(t[2],t[3],e),a=ec(n,r,e),o=ec(r,i,e);return ec(a,o,e)},rc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e);return ec(n,r,e)},ic=function(t,e){return ec(t[0],t[1],e)},ac=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(t[2],t[3],e),a=ec(n,r,e),o=ec(r,i,e),c=ec(a,o,e);return{first:[t[0],n,a,c],second:[c,o,i,t[3]]}},oc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},cc=function(t,e){var n=ec(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},sc=function(t){var e=function(t){var e=i.negate([],t[0]),n=i.multiply([],[3,3,3],t[1]),r=i.multiply([],[-3,-3,-3],t[2]),a=t[3],o=i.add([],i.add([],e,n),i.add([],r,a));return i.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=i.multiply([],[-2,-2,-2],t[1]),r=t[2],a=i.add([],i.add([],e,n),r);return i.multiply([],[6,6,6],a)}(t),r=function(t){var e=i.add([],t[1],i.negate([],t[0]));return i.multiply([],[3,3,3],e)}(t),a=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var c=-n[0]/(2*e[0]);0<=c&&c<=1&&a.push(c)}else if(o>0){var s=(-n[0]+Math.sqrt(o))/(2*e[0]),u=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=s&&s<=1&&a.push(s),0<=u&&u<=1&&a.push(u)}var l=n[1]*n[1]-4*e[1]*r[1];if(l<0);else if(0===l){var f=-n[1]/(2*e[1]);0<=f&&f<=1&&a.push(f)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*e[1]),p=(-n[1]-Math.sqrt(l))/(2*e[1]);0<=h&&h<=1&&a.push(h),0<=p&&p<=1&&a.push(p)}return a};function uc(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?lc(t):"rgb"==e?fc(t,n):"hsl"==e?hc(t):t}function lc(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||void 0===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 fc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),void 0!==t)return 1==t.a||void 0===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 hc(t){return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||void 0===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 pc(t,e){return Math.floor(Math.random()*(e-t+1))+t}function dc(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=vc();return e}function vc(){return fc({r:pc(0,255),g:pc(0,255),b:pc(0,255)})}function yc(){return fc({r:pc(0,255),g:pc(0,255),b:pc(0,255),a:pc(0,1e3)/1e3})}function gc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[pc(0,e.length-1)]}function mc(t){return ce()(Array(t))}function bc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Ut(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function kc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=t.split(n).map((function(t){return t.trim()})),i=Ia()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r}function xc(t){return Object.keys(t).map((function(e){return"class"===e&&isObject(t[e])?"".concat(e,'="').concat(wc(t[e]),'"'):Wt(t[e])||Kt(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function wc(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function Pc(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Oc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function Sc(t,e){var n=new Set([].concat(ce()(t),ce()(e)));return n.size===t.length&&n.size===e.length}var jc=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=Ho(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    ")},$c=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=Ho(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 Rc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rc(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Mc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tc=function(t){R()(n,t);var e=Mc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Cc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return bc(this.toCSS())}}]),n}(Va),Vc=new Map,Ec=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return Vc.has(t)}},{key:"get",value:function(t){return Vc.get(t)}},{key:"set",value:function(t,e){Vc.size>1e3&&Vc.clear(),Vc.set(t,e)}}]),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 Dc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lc=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)?|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Bc=function(t){R()(n,t);var e=Dc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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?Ic(Object(n),!0).forEach((function(e){w()(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}({},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 e=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(ce()(e),ce()(i),ce()(r)).map((function(t){return new n(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new n(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"string"==typeof e&&(e=[e]),n.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t,!1).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var r=n.parseStyle(t,!1),i=r.find((function(t){return t.type===e.type}));return i?i.value=e.value:r.push(e),n.join(r)}},{key:"replaceAll",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?s.value=c.value:r.push(c)}return n.join(r)}},{key:"addTransform",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?c.value.forEach((function(t,e){s.value[e].value+=t.value})):r.push(c)}return n.join(r)}},{key:"get",value:function(t,e){var r=n.parseStyle(t,!0);if(r="function"==typeof e?r.find(e):r.find((function(t){return t.type===e})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=n.createRotateKey(t,e,r);return Ec.has(i)||Ec.set(i,n.replace(t,{type:r,value:[e]})),Ec.get(i)}},{key:"rotateZ",value:function(t,e){return n.rotate(t,e,"rotateZ")}},{key:"rotateX",value:function(t,e){return n.rotate(t,e,"rotateX")}},{key:"rotateY",value:function(t,e){return n.rotate(t,e,"rotateY")}},{key:"parseStyle",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(e&&Ec.has(t))return Ec.get(t);var i=t.match(Lc)||[];return i.forEach((function(t,e){var i=t.split("("),a=zt()(i,2),o=a[0],c=a[1],s=(c=c.split(")")[0]).split(",");s=c.includes("matrix")||c.includes("scale")?s.map((function(t){return Sa.number(t.trim())})):s.map((function(t){return Sa.parse(t.trim())})),r[e]=n.parse({type:o,value:s})})),e&&Ec.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var i=r.create(),a=0,o=t.length;a<o;a++){var c=t[a];switch(c.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=c.value;"translate"===c.type?s=[s[0].toPx(e).value,s[1].toPx(n).value,0]:"translateX"===c.type?s=[s[0].toPx(e).value,0,0]:"translateY"===c.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===c.type&&(s=[0,0,s[0].toPx().value]),r.translate(i,i,s);break;case"rotate":case"rotateZ":r.rotateZ(i,i,Fi(c.value[0].value));break;case"rotateX":r.rotateX(i,i,Fi(c.value[0].value));break;case"rotateY":r.rotateY(i,i,Fi(c.value[0].value));break;case"rotate3d":s=c.value;r.rotate(i,i,Fi(c.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":r.scale(i,i,[c.value[0].value,c.value[1].value,1]);break;case"scaleX":r.scale(i,i,[c.value[0].value,1,1]);break;case"scaleY":r.scale(i,i,[1,c.value[0].value,1]);break;case"scaleZ":r.scale(i,i,[1,1,c.value[0].value]);break;case"skewX":var u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,0,0,0,Math.tan(u.value),1,0,0,0,0,1,0,0,0,0,1));break;case"skewY":u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,Math.tan(u.value),0,0,0,1,0,0,0,0,1,0,0,0,0,1));break;case"skew":var l=c.value[0].toDeg().toRad(),f=c.value.length>1?c.value[1].toDeg().toRad():l;r.multiply(i,i,r.fromValues(1,Math.tan(f.value),0,0,Math.tan(l.value),1,0,0,0,0,1,0,0,0,0,1));break;case"matrix":s=[(s=c.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],r.multiply(i,i,s);break;case"matrix3d":s=c.value.map((function(t){return t.value}));r.multiply(i,i,s);break;case"perspective":s=c.value;r.perspective(i,.5*Math.PI,e/n,1,s[0].value)}}return i}},{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(" ")}}]),n}(Tc),Ac=function(){function t(){O()(this,t)}return j()(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,c=e*e,s=n[r],u=n[i],l=r+1;l<i;l++){var f=t.segmentDistance2(n[l].x,n[l].y,s,u);f<=a||(o=l,a=f)}a>c&&(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=ee(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,c=t-n.x,s=e-n.y,u=i*c+a*s;if(0===o)return c*c+s*s;if(u<=0)return c*c+s*s;if(u>=o)return(c=t-r.x)*c+(s=e-r.y)*s;var l=c*a-s*i;return l*l/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}(),zc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Fc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Hc=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";O()(this,t),this.reset(e)}return j()(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(Fc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(zc)||[];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,c=e.values.length;o<c;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:ce()(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 c=zt()(o,2),s=c[0],u=c[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}else if("L"===a){if((w=Ac.getPrevPoint(t,t.length)).curve){var l=zt()(o,2);s=l[0],u=l[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:ee(w.endPoint),curve:!0})}else{var f=zt()(o,2);s=f[0],u=f[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}}else if("Q"===a){var h=zt()(o,4),p=h[0],d=h[1];s=h[2],u=h[3];if((w=Ac.getPrevPoint(t,t.length)).curve){var v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:p,y:d}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:p,y:d};v={x:s,y:u},g={x:s,y:u},y={x:s,y:u};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:s,y:u},g={x:p,y:d},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=zt()(o,2);s=m[0],u=m[1];if((j=segments[e-1])&&"Q"===j.command){var b=zt()(j.values,4),k=(p=b[0],d=b[1],b[2]),x=b[3];(w=Ac.getPrevPoint(t,t.length)).endPoint=Ac.getReversePoint({x:k,y:x},{x:p,y:d});v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Ac.getPrevPoint(t,t.length),P=zt()(o,6),O=(p=P[0],d=P[1],P[2]),S=P[3];v={x:s=P[4],y:u=P[5]},g={x:O,y:S},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:p,y:d})}else if("S"===a){var j,$=zt()(o,2);s=$[0],u=$[1];if((j=segments[e-1])&&"C"===j.command){var R=zt()(j.values,4);O=R[0],S=R[1],k=R[2],x=R[3];(w=Ac.getPrevPoint(t,t.length)).endPoint=Ac.getReversePoint(w.startPoint,w.reversePoint);v={x:s,y:u},y={x:s,y:u},g={x:O,y:S};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Ac.getPrevPoint(t,t.length);var C=Ac.getFirstPoint(t,t.length);Ac.isEqual(w.startPoint,C.startPoint)&&(w.connected=!0,w.endPoint=ee(C.endPoint),C.reversePoint=ee(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 Ut(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(r.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(r.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(r.fromRotation([],Fi(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(r.fromRotation([],Fi(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(r.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(r.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(r.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(r.fromValues(1,Math.tan(Fi(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(r.fromValues(1,Math.tan(Fi(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Fi(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Fi(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,c,s,u=i.values,l=i.command,f=this.segments[a-1];switch(l){case"M":case"L":t=Math.min(t,u[0]),n=Math.max(n,u[0]),e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"V":t=Math.min(t,u[0]),n=Math.max(n,u[0]);break;case"H":e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"C":(o=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0],[u[4],u[5],0]],c=sc(o),s=o.map((function(t){return{x:t[0],y:t[1]}})),c.map((function(t){var e=nc(s,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 h=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0]].map((function(t){return{x:t[0],y:t[1]}})),p=0;p<=1;p+=1e-4){var d=rc(h,p),v=d.x,y=d.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:"d",get:function(){return this.toString()}},{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=i.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=i.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=i.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var a=0,o=n.length;a<o;a+=2){r=i.transformMat4([],[n[a],n[a+1],0],t);e.values[a]=r[0],e.values[a+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(r.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 zi(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,c=t[r-1],s=c.values[c.values.length-2],u=c.values[c.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[s,u]});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],s,u]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],s,u]});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:"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(ce()(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 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 _c(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xc=Sa.z(),Yc=function(t){R()(n,t);var e=Nc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return _c(_c({},$a()(V()(n.prototype),"toCloneObject",this).call(this,t)),this.attrs("x","y","width","height","transform","rotate","rotateZ"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.parse(t.height),t}},{key:"reset",value:function(t){var e=$a()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("x","y","width","height","transform","rotateZ","rotate","transform-origin","perspective","perspective-origin")&&this.refreshMatrixCache(),e}},{key:"setParent",value:function(t){$a()(V()(n.prototype),"setParent",this).call(this,t),this.refreshMatrixCache()}},{key:"refreshMatrixCache",value:function(){this.setCacheItemTransformMatrix(),this.setCacheLocalTransformMatrix(),this.setCacheAccumulatedMatrix(),this.setCacheLocalVerties(),this.setCacheVerties(),this.setCacheGuideVerties(),this.setCacheAreaPosition(),this.layers.forEach((function(t){t.refreshMatrixCache()}))}},{key:"setCacheItemTransformMatrix",value:function(){this._cachedItemTransform=this.getItemTransformMatrix(),this._cachedItemTransformInverse=r.invert([],this._cachedItemTransform)}},{key:"setCacheLocalTransformMatrix",value:function(){this._cachedLocalTransform=this.getLocalTransformMatrix(),this._cachedLocalTransformInverse=r.invert([],this._cachedLocalTransform),this._cachedTransformWithTranslate=this.getTransformWithTranslate(this),this._cachedTransformWithTranslateInverse=r.invert([],this._cachedTransformWithTranslate),this._cachedTransformWithTranslateTranspose=r.transpose([],this._cachedTransformWithTranslate)}},{key:"setCacheAccumulatedMatrix",value:function(){this._cachedAccumulatedMatrix=this.getAccumulatedMatrix(),this._cachedAccumulatedMatrixInverse=r.invert([],this._cachedAccumulatedMatrix)}},{key:"setCacheVerties",value:function(){this._cachedVerties=this.getVerties(),this._cachedVertiesWithoutTransformOrigin=this.rectVerties()}},{key:"setCacheLocalVerties",value:function(){this._cachedLocalVerties=this.getLocalVerties()}},{key:"setCacheGuideVerties",value:function(){this._cachedGuideVerties=this.getGuideVerties()}},{key:"setCacheAreaPosition",value:function(){this._cachedAreaPosition=this.getAreaPosition()}},{key:"localMatrix",get:function(){return this._cachedLocalTransform||this.getLocalTransformMatrix()}},{key:"localMatrixInverse",get:function(){return this._cachedLocalTransformInverse||this.getLocalTransformMatrixInverse()}},{key:"transformWithTranslate",get:function(){return this._cachedTransformWithTranslate||this.getTransformWithTranslate(this)}},{key:"transformWithTranslateToTranspose",get:function(){return this._cachedTransformWithTranslateTranspose||r.transpose([],this.getTransformWithTranslate(this))}},{key:"transformWithTranslateInverse",get:function(){return this._cachedTransformWithTranslateInverse||r.invert([],this.getTransformWithTranslate(this))}},{key:"itemMatrix",get:function(){return this._cachedItemTransform||this.getItemTransformMatrix()}},{key:"itemMatrixInverse",get:function(){return this._cachedItemTransformInverse||this.getItemTransformMatrixInverse()}},{key:"accumulatedMatrix",get:function(){return this._cachedAccumulatedMatrix||this.getAccumulatedMatrix()}},{key:"accumulatedMatrixInverse",get:function(){return this._cachedAccumulatedMatrixInverse||this.getAccumulatedMatrixInverse()}},{key:"verties",get:function(){return this._cachedVerties||this.getVerties()}},{key:"originVerties",get:function(){return this._cachedVertiesWithoutTransformOrigin||this.rectVerties()}},{key:"localVerties",get:function(){return this._cachedLocalVerties||this.getLocalVerties()}},{key:"guideVerties",get:function(){return this._cachedGuideVerties||this.getGuideVerties()}},{key:"areaPosition",get:function(){return this._cachedAreaPosition||this.getAreaPosition()}},{key:"getAreaPosition",value:function(){var t=Bo(this.getVerties());return{column:[Math.ceil(t[0][0]/100),Math.ceil(t[1][0]/100)],row:[Math.ceil(t[0][1]/100),Math.ceil(t[3][1]/100)]}}},{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:"screenX",get:function(){return this.isChild?Sa.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Sa.z()}},{key:"screenY",get:function(){return this.isChild?Sa.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Sa.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Xc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Xc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Xc:this.parent.is("project")||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?Xc:this.parent.is("project")||this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Sa.px(this.offsetX.value+t[0]).round(),y:Sa.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:Sa.px(t[0]-e.width/2),y:Sa.px(t[1]-e.height/2)})}},{key:"setAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:Bc.replaceAll(this.transform,"rotateZ(".concat(Sa.deg(t).round(1e3),")"))})}},{key:"addAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:Bc.addTransform(this.transform,"rotateZ(".concat(Sa.deg(t).round(1e3),")"))})}},{key:"checkInArea",value:function(t){return To(t,this.originVerties)}},{key:"hasPoint",value:function(t,e){return Co(this.originVerties,t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.originVerties.map((function(e){return Co.apply(void 0,[t].concat(ce()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Bc.get(this.json.transform||"","perspective")){var t=$o.parseStyle(this.json["perspective-origin"]),e=zt()(t,2),n=e[0],i=void 0===n?Sa.percent(50):n,a=e[1],o=void 0===a?Sa.percent(50):a,c=this.screenWidth.value,s=this.screenHeight.value;i=i.toPx(c).value,o=o.toPx(s).value;var u=r.create();r.translate(u,u,[i,o,0]);var l=Bc.get(this.json.transform,"perspective");if(l.length)r.multiply(u,u,r.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;r.multiply(u,u,r.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Sa.parse(this.json.perspective).value,1))}return r.translate(u,u,[-i,-o,0]),u}}},{key:"getItemTransformMatrix",value:function(){var t,e=Bc.parseStyle(null===(t=this.json)||void 0===t?void 0:t.transform),n=this.screenWidth.value,r=this.screenHeight.value;return Bc.createTransformMatrix(e,n,r)}},{key:"getItemTransformMatrixInverse",value:function(){return r.invert([],this.getItemTransformMatrix())}},{key:"getLocalTransformMatrix",value:function(){var t=$o.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=r.create();return r.translate(e,e,t),r.multiply(e,e,this.itemMatrix),r.translate(e,e,i.negate([],t)),e}},{key:"getLocalTransformMatrixInverse",value:function(){return r.invert([],this.getLocalTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var a=this.offsetX.value,o=this.offsetY.value,c=i.add([],$o.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),i.negate([],t)),s=r.create();return r.translate(s,s,[a,o,0]),r.translate(s,s,t),r.translate(s,s,c),r.multiply(s,s,this.itemMatrix),r.translate(s,s,i.negate([],c)),s}},{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=r.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,i=e.length;n<i;n++){var a=e[n];if(a.parent&&Jt(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&r.multiply(t,t,o)}var c=a.offsetX.value,s=a.offsetY.value;r.translate(t,t,[c,s,0]),r.multiply(t,t,a.localMatrix)}return t}},{key:"getTransformWithTranslate",value:function(t){t=t||this;var e=r.create(),n=t.offsetX.value,i=t.offsetY.value;return r.translate(e,e,[n,i,0]),r.multiply(e,e,t.localMatrix),e}},{key:"getAccumulatedMatrixInverse",value:function(){return r.invert([],this.getAccumulatedMatrix())}},{key:"getLocalVerties",value:function(t,e){return Vo(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"])}},{key:"getVerties",value:function(t,e){return Ui(Vo(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"selectionVerties",value:function(){return Ui(Vo(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"rectVerties",value:function(){return this.verties.filter((function(t,e){return e<4}))}},{key:"getGuideVerties",value:function(){var t=this.originVerties;return[].concat(ce()(t),[i.lerp([],t[0],t[1],.5),i.lerp([],t[1],t[2],.5),i.lerp([],t[2],t[3],.5),i.lerp([],t[3],t[0],.5)])}},{key:"toRectVerties",get:function(){return Io([this])}},{key:"matrix",get:function(){var t=this.id,e=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%",c=this.parent.accumulatedMatrix,s=this.parent.accumulatedMatrixInverse,u=this.localMatrix,l=this.localMatrixInverse,f=this.itemMatrix,h=this.itemMatrixInverse,p=this.accumulatedMatrix,d=this.accumulatedMatrixInverse,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,g=y.map((function(t){return t[0]})),m=y.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,originVerties:this.originVerties,xList:g,yList:m,directionMatrix:v,parentMatrix:c,parentMatrixInverse:s,localMatrix:u,localMatrixInverse:l,itemMatrix:f,itemMatrixInverse:h,accumulatedMatrix:p,accumulatedMatrixInverse:d}}},{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.d,n=new Hc(e);return n.transformMat4(this.accumulatedMatrix),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new Hc(t);return e.transformMat4(this.accumulatedMatrixInverse),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=ce()(this.checkInAreaForLayers(t));return this.is("artboard")||this.is("project")||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 r.fromTranslation([],$o.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return r.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=ca(this.accumulatedMatrixInverse,t.accumulatedMatrix),n=Bc.fromScale(r.getScaling([],e).map((function(t){return zi(t,1e3)}))),i=r.getRotation([],e),o=[],c=a.getAxisAngle(o,i),s=[{angle:o[0]?Gi(c*o[0]):0,type:"rotateX"},{angle:o[1]?Gi(c*o[1]):0,type:"rotateY"},{angle:o[2]?Gi(c*o[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Sa.deg(t.angle%360).round(1e3),")")})).join(" "),u=Bc.replaceAll(t.transform,"".concat(n," ").concat(s)),l=Bc.parseStyle(u),f=t.screenWidth.value,h=t.screenHeight.value,p=Bc.createTransformMatrix(l,f,h),d=r.getTranslation([],ca(e,sa(t.getTransformOriginMatrix(),p,t.getTransformOriginMatrixInverse()))),v=zt()(d,3),y=v[0],g=v[1];v[2];t.reset({x:Sa.px(y),y:Sa.px(g),transform:u}),t.refreshMatrixCache()}},{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(){}}]),n}(Va);function Kc(t,e){if(Zt(e)){var n=e.split(":"),r=zt()(n,4),i=r[0],a=r[1],o=r[2],c=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(c=parseInt(c,10))*(1/t)}return Qt(e)?e/t:0}function Uc(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 Wc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Uc(t,Kc(t,e)-Kc(t,n))}function Zc(t){var e={id:0,start:0,speed:t.speed||1,elapsed:t.elapsed||0,duration:t.duration||0,iterationStartCount:1,iterationCount:t.iterationCount||Number.MAX_SAFE_INTEGER,direction:t.direction||"normal",log:[],logIndex:0,tick:t.tick||function(){},startCallback:t.start||function(){},endCallback:t.end||function(){},firstCallback:t.first||function(){},lastCallback:t.last||function(){}},n=function(t){return"normal"===e.direction||"reverse"!==e.direction&&("alternate"===e.direction?e.iterationStartCount%2==1:"alternate-reverse"===e.direction?e.iterationStartCount%2==0:void 0)?t:1-t},r=function(t){var r=!1;null===e.start&&(e.start=t,r=!0);var o=t-e.start;e.elapsed+=o*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?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,Qt(t.elapsed)&&(e.elapsed=t.elapsed),Qt(t.speed)&&(e.speed=t.speed),Qt(t.duration)&&(e.duration=t.duration),Qt(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),Zt(t.direction)&&(e.direction=t.direction),Jt(t.tick)&&(e.tick=t.tick),Jt(t.start)&&(e.startCallback=t.start),Jt(t.end)&&(e.endCallback=t.end),Jt(t.first)&&(e.firstCallback=t.first),Jt(t.last)&&(e.lastCallback=t.last),Jt(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 qc(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 Jc(t,e,n){return function(t,e){return n}}function Qc(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 ts(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 es(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=Sa.parse(n),c=Sa.parse(r);return o.unit===c.unit?qc(t,e,o.value,c.value,o.unit):o.equals(c)?Jc(0,0,o):function(n,r){var s=Qc(t,e,o,i,a),u=Qc(t,e,c,i,a);return 0===r?s:1===r?u:ts(t,e,Sa.px(s.value+(u.value-s.value)*n),o.unit,i,a)}}var ns=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Sa.z(),"border-top-left-radius":Sa.z(),"border-top-right-radius":Sa.z(),"border-bottom-right-radius":Sa.z(),"border-bottom-left-radius":Sa.z()},n=t.split(" ").filter((function(t){return Sa.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}(),rs=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 is(t,e,n,r){for(var i=rs(ns.parseStyle(n)),a=rs(ns.parseStyle(r)),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++)c[s]=es(t,e,i[s],a[s]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}var as={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 os={isColorName:function(t){return!!as[t]},getColorByName:function(t){return as[t]}};function cs(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function ss(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function us(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,c=3.2406*i+-1.5372*a+-.4986*o,s=-.9689*i+1.8758*a+.0415*o,u=.0557*i+-.204*a+1.057*o;c=ss(c),s=ss(s),u=ss(u);var l=zi(255*c),f=zi(255*s),h=zi(255*u);return{r:l,g:f,b:h}}function ls(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=cs(i);var c=95.047*(a=cs(a)),s=100*i,u=108.883*(o=cs(o));return{x:c,y:s,z:u}}function fs(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function hs(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=fs(i);var c=116*(a=fs(a))-16,s=500*(i-a),u=200*(a-(o=fs(o)));return{l:c,a:s,b:u}}function ps(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return us(ls(t,e,n))}function ds(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,c=Math.max(i,a,o),s=Math.min(i,a,o),u=c-s,l=0;0==u?l=0:c==i?l=(a-o)/u%6*60:c==a?l=60*((o-i)/u+2):c==o&&(l=60*((i-a)/u+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:u/c,v:c}}function vs(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,c=1-Math.max(i,a,o),s=(1-i-c)/(1-c),u=(1-a-c)/(1-c),l=(1-o-c)/(1-c);return{c:s,m:u,y:l,k:c}}function ys(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),c=Math.min(t,e,n),s=(o+c)/2;if(o==c)i=a=0;else{var u=o-c;switch(a=s>.5?u/(2-o-c):u/(o+c),o){case t:i=(e-n)/u+(e<n?6:0);break;case e:i=(n-t)/u+2;break;case n:i=(t-e)/u+4}i/=6}return{h:zi(360*i),s:zi(100*a),l:zi(100*s)}}function gs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms((t+e+n)/3>90?0:255)}function ms(t){return{r:t,g:t,b:t}}function bs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms(Math.ceil((t+e+n)/3))}function ks(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms(ws(t,e,n).y)}function xs(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=xs(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ps(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Os(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,c=.4124*(i=Ps(i))+.3576*(a=Ps(a))+.1805*(o=Ps(o)),s=.2126*i+.7152*a+.0722*o,u=.0193*i+.1192*a+.9505*o;return{x:c,y:s,z:u}}function Ss(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return hs(Os(t,e,n))}function js(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 $s(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Rs(t,e,n);return ds(i.r,i.g,i.b)}function Rs(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 c=n<.5?n*(1+e):n+e-n*e,s=2*n-c;i=js(s,c,t+1/3),a=js(s,c,t),o=js(s,c,t-1/3)}return{r:zi(255*i),g:zi(255*a),b:zi(255*o)}}function Cs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ms(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cs(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ts=/(#(?:[\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 Vs(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Es(t){return!!Is(t).length}function Is(t){var e=t.match(Ts),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=os.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 Ds(t){var e=Is(t);return e.forEach((function(e){t=t.replace(e.color,Vs(e))})),{str:t,matches:e}}function Ls(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=Ds(t);return n.str.split(e).map((function(t,e){return t=zs(t),n.matches[e]&&(t=t.replace(Vs(n.matches[e]),n.matches[e].color)),t}))}function Bs(t,e){return e.forEach((function(e){t=t.replace(Vs(e),e.color)})),t}var As=/^\s+|\s+$/g;function zs(t){return t.replace(As,"")}function Fs(t){if(Zt(t)){if(os.isColorName(t)&&(t=os.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),ys(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(zs(r[e])):parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),ys(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(zs(r[e]));return o=Ms(Ms({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),Rs(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(zs(r[e])):parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),Rs(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=Ms(Ms({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i}),ys(o))}}else if(Qt(t)){var o;if(0<=t&&t<=16777215)return o=Ms(Ms({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),ys(o));if(0<=t&&t<=4294967295)return o=Ms(Ms({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),ys(o))}return t}function Hs(t){Zt(t)&&(t=Ls(t));var e=(t=t.map((function(t){if(Zt(t)){var e=Ds(t),n=zs(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]=Bs(n[0],e.matches),n}if(Array.isArray(t))return t[1]?Zt(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",ce()(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 Gs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gs(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ns(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xs=function(t){R()(n,t);var e=Ns(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),spreadRadius:Sa.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return _s(_s({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Sa.parse(t.offsetX),t.offsetY=Sa.parse(t.offsetY),t.blurRadius=Sa.parse(t.blurRadius),t.spreadRadius=Sa.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 n(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Ds(t);return e=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),i=e.filter((function(t){return"inset"===t})),a=e.filter((function(t){return t.includes("@")})).map((function(t){return Bs(t,r.matches)})),o=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return n.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Sa.parse(o[0]||"0px"),offsetY:Sa.parse(o[1]||"0px"),blurRadius:Sa.parse(o[2]||"0px"),spreadRadius:Sa.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Tc);function Ys(t,e,n,r){return function(t,e){return 1===e?r:n}}function Ks(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),c=255*(1-n)*(1-r);return{r:a,g:o,b:c}}function Us(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 c=a*o,s=c*(1-Math.abs(i/60%2-1)),u=o-c,l=[];return 0<=i&&i<60?l=[c,s,0]:60<=i&&i<120?l=[s,c,0]:120<=i&&i<180?l=[0,c,s]:180<=i&&i<240?l=[0,s,c]:240<=i&&i<300?l=[s,0,c]:300<=i&&i<360&&(l=[c,0,s]),{r:zi(255*(l[0]+u)),g:zi(255*(l[1]+u)),b:zi(255*(l[2]+u))}}function Ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Us(t,e,n);return ys(i.r,i.g,i.b)}function Zs(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),c=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(c)}}function qs(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=Js(t,e,n);return uc(i,r)}function Js(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=void 0===t.a?1:t.a,i=void 0===e.a?1:e.a;return{r:zi(t.r+(e.r-t.r)*n),g:zi(t.g+(e.g-t.g)*n),b:zi(t.b+(e.b-t.b)*n),a:zi(r+(i-r)*n,100)}}function Qs(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];"string"==typeof t&&(t=Ls(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(tu(t[i],t[i+1],a/e));return r}function tu(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=Fs(t),a=Fs(e);return qs(i,a,n,r)}function eu(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 tu(t,e,n,r)}function nu(t){return t=Fs(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function ru(t){return nu(t)>=128?"black":"white"}function iu(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Hs(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var c=t[a-1][0],s=t[a][0],u=1==a?t[a][1]:t[a][1]-t[a-1][1],l=a==t.length-1?i:Math.floor(u*r);n=n.concat(Qs([c,s],l),[s]),i-=l}return n}function au(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,c=Fs(t),s=ds(c),u=(a-i)*o/n,l=[],f=1;f<=n;f++)s[e]=Math.abs((o-u*f)/o),l.push(uc(Us(s),r));return l}function ou(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 au(t,"h",e,n,r,i,1)}function cu(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 au(t,"s",e,n,r,i,100)}function su(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 au(t,"v",e,n,r,i,100)}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 lu(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){w()(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}Qs.parula=function(t){return Qs(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},Qs.jet=function(t){return Qs(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},Qs.hsv=function(t){return Qs(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},Qs.hot=function(t){return Qs(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},Qs.pink=function(t){return Qs(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},Qs.bone=function(t){return Qs(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},Qs.copper=function(t){return Qs(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var fu=lu(lu(lu(lu(lu(lu(lu(lu(lu(lu(lu(lu({},u),s),c),b),d),m),h),v),g),p),f),l);function hu(t,e,n,r){var i=fu.parse(n||"rgba(0, 0, 0, 1)"),a=fu.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:qs(i,a,t,"rgb")}}function pu(t,e,n,r){for(var i=Xs.parseStyle(n),a=Xs.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Xs.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Xs.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Ys(0,0,l.inset,f.inset),offsetX:es(t,e,l.offsetX,f.offsetX),offsetY:es(t,e,l.offsetY,f.offsetY),blurRadius:es(t,e,l.blurRadius,f.blurRadius),spreadRadius:es(t,e,l.spreadRadius,f.spreadRadius),color:hu(0,0,l.color,f.color)})}return function(t,e){return Xs.join(c.map((function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}})))}}function du(t,e,n,r){return Ys(0,0,n,r)}var vu=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 yu(){return vu(1,"start")}function gu(){return vu(1,"end")}var mu=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},bu={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 vu(t,e)},"step-start":yu,"step-end":gu,stepStart:yu,stepEnd:gu,"ease-out-elastic":mu,easeOutElastic:mu};function ku(t,e,n,r){var i=Sa.parse(n),a=Sa.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Sa.deg(n):1===e?Sa.deg(r):Sa.deg(n+(r-n)*t).to(i.unit)}}function xu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Pu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ou=function(t){R()(n,t);var e=Pu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return wu(wu({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Sa.parse(t.offsetX),t.offsetY=Sa.parse(t.offsetY),t.blurRadius=Sa.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 n(t)}},{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Ds(t),r=e.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 Bs(t,e.matches)||"black"})),a=r.filter((function(t){return!t.includes("@")}));return n.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Sa.parse(a[0]||"0px"),offsetY:Sa.parse(a[1]||"0px"),blurRadius:Sa.parse(a[2]||"0px")})}));return r}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Tc);function Su(t,e,n,r){for(var i=Ou.parseStyle(n),a=Ou.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Ou.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Ou.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:es(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:es(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:es(t,e,l.blurRadius,f.blurRadius,"radius"),color:hu(0,0,l.color,f.color)})}return function(t,e){return Ou.join(c.map((function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}})))}}function 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 $u(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){w()(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}function Ru(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cu=function(t){R()(n,t);var e=Ru(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $u({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"}}]),n}(Tc);function Mu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Eu=1e10;var Iu=function(t){R()(n,t);var e=Vu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{id:"c"+Eu++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Tu(Tu({},$a()(V()(n.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:"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:"toLength",value:function(t){return Sa.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){$a()(V()(n.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"setValue",value:function(t,e){this.isPx?this.reset({px:e*t/100}):this.isPercent?this.reset({percent:t}):this.isEm&&this.reset({em:e*t/100/16})}}],[{key:"parse",value:function(t){var e=[],r=Ds(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)e.push(new n({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var c=Sa.parse(i[1]),s={unit:c.unit};c.isPercent()?s.percent=c.value:c.isPx()?s.px=c.value:c.isEm()&&(s.em=c.value),e.push(new n(Tu({color:o},s)))}else if(3===i.length){var u=Sa.parse(i[2]),l={unit:u.unit};u.isPercent()?l.percent=u.value:u.isPx()?l.px=u.value:u.isEm()&&(l.em=u.value),e.push(new n(Tu({color:o,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=pc(2,t),i=e/r,a=mc(r).map((function(t,e){return"".concat(fu.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]:Sa.px(1),n=pc(2,t),r=mc(n).map((function(t,n){return"".concat(fu.random()," ").concat(Sa.parse(e).mul(n+1))})).join(",");return r}}]),n}(Va);function Du(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Lu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Du(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Du(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Bu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Au={"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},zu=function(t){R()(n,t);var e=Bu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Lu({itemType:"image-resource",type:"gradient",colorsteps:[]},t)}},{key:"toCloneObject",value:function(){return Lu(Lu({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{colorsteps:this.json.colorsteps.map((function(t){return t.clone()}))})}},{key:"convert",value:function(t){return t.colorsteps[0]instanceof Iu||(t.colorsteps=t.colorsteps.map((function(t){return new Iu(t)}))),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return Kt(Au[t])?t:Au[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 Iu({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 Iu({index:o,color:a,percent:t}))}else for(var c=0,s=r.length-1;c<s;c++){var u=r[c],l=r[c+1];if(u.percent<=t&&t<=l.percent){a=fu.mix(u.color,l.color,(t-u.percent)/(l.percent-u.percent),"rgb");return void this.addColorStep(new Iu({index:u.index+1,color:a,percent:t}))}}}else this.addColorStepList([new Iu({color:e,percent:t,index:0}),new Iu({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:"colorsteps",get:function(){return this.json.colorsteps}},{key:"getColorString",value:function(){var t=this.colorsteps;return n.toColorString(t)}}],[{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 Iu({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),n}(Cu);function Fu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Fu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _u=function(t){R()(n,t);var e=Gu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Iu({color:"red",percent:0,index:0}),new Iu({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return Hu(Hu({},$a()(V()(n.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 n({colorsteps:[new Iu({color:t,percent:0,index:0}),new Iu({color:t,percent:100,index:1})]})}}]),n}(zu);function Nu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ku=["jpg","jpeg","png","gif","svg"];var Uu=function(t){R()(n,t);var e=Yu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Xu({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Xu(Xu({},$a()(V()(n.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 n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Ku.includes(t)}}]),n}(Cu);function Wu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Zu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ju={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"},Qu={"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"},tl=function(t){R()(n,t);var e=qu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Zu({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Zu(Zu({},$a()(V()(n.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 Qt(e=this.json.angle||0)&&(e=Ju["".concat(e)]||e),Qt(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 n({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Ds(t),r=0,i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){t.includes("@")?(t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t))):r=Kt(Qu[t])?Sa.parse(t):Sa.deg(+Qu[t])})),new n({angle:r.value,colorsteps:i})}}]),n}(zu);function el(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nl,rl=function(t){R()(n,t);var e=el(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var e=tl.parse(t);return new n({angle:e.angle,colorsteps:e.colorsteps})}}]),n}(tl);function il(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?il(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):il(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ol(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cl=(nl={},w()(nl,"center",!0),w()(nl,"top",!0),w()(nl,"left",!0),w()(nl,"right",!0),w()(nl,"bottom",!0),nl),sl=function(t){R()(n,t);var e=ol(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,al({type:"radial-gradient",radialType:"ellipse",radialPosition:[Pa.CENTER,Pa.CENTER]},t))}},{key:"toCloneObject",value:function(){return al(al({},$a()(V()(n.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=cl[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 e=Ds(t),r="ellipse",i=[Pa.CENTER,Pa.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),a.push.apply(a,Iu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=zt()(o,2);r=c[0],i=c[1]}else r=t;if("string"==typeof i){var s=i.split(" ");if(1===s.length){var u=Sa.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Sa.parse(t);return e.isString()?e.value:e.clone()})))}}})),new n({radialType:r,radialPosition:i,colorsteps:a})}}]),n}(zu);function ul(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ll,fl=function(t){R()(n,t);var e=ul(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var e=sl.parse(t);return new n({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(sl);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 pl(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){w()(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}function dl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vl=(ll={},w()(ll,"center",!0),w()(ll,"top",!0),w()(ll,"left",!0),w()(ll,"right",!0),w()(ll,"bottom",!0),ll),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},gl=function(t){R()(n,t);var e=dl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,pl({type:"conic-gradient",angle:0,radialPosition:[Pa.CENTER,Pa.CENTER]},t))}},{key:"toCloneObject",value:function(){return pl(pl({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:ee(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||Pa.CENTER;i=vl[i]?i:i.join(" "),Ut(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 e=Ds(t),r="0deg",i=[Pa.CENTER,Pa.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Sa.parse(t).toPercent():t})).join(" "),e.matches),a.push.apply(a,Iu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=zt()(o,2);r=c[0],i=c[1]}else r=t;if(Zt(i)){var s=i.split(" ");if(1===s.length){var u=Sa.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Sa.parse(t);return e.isString()?e.value:e})))}Zt(r)&&r.includes("from")&&(r=r.split("from")[1],r=Kt(yl[r])?Sa.parse(r):Sa.deg(+yl[r]))}})),new n({angle:r.value,radialPosition:i,colorsteps:a})}}]),n}(zu);function ml(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bl=function(t){R()(n,t);var e=ml(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Pa.CENTER,Pa.CENTER]})}}],[{key:"parse",value:function(t){var e=gl.parse(t);return new n({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(gl);function kl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pl,Ol=["repeat","no-repeat","repeat-x","repeat-y","round","space"],Sl=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,jl=function(t){R()(n,t);var e=wl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Sa.percent(100),height:Sa.percent(100),x:Sa.percent(0),y:Sa.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return xl(xl(xl({},$a()(V()(n.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=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width&&(t.width=Sa.parse(t.width)),t.height&&(t.height=Sa.parse(t.height)),Zt(t.image)&&(t.image=n.parseImage(t.image)),t}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}},{key:"checkField",value:function(t,e){return"repeat"===t?Ol.includes(e):$a()(V()(n.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){return xl(xl(xl(xl(xl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Yt(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:"createImage",value:function(t){return new Uu({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 _u(xl(xl({},o),{},{colorsteps:n}));case"linear-gradient":return new tl(xl(xl({},o),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new rl(xl(xl({},o),{},{colorsteps:n,angle:r}));case"radial-gradient":return new sl(xl(xl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new fl(xl(xl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new gl(xl(xl({},o),{},{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new bl(xl(xl({},o),{},{colorsteps:n,angle:r,radialPosition:a}))}return new zu}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Ds(t),n=null,r=e.str.match(Sl);return r?(r.forEach((function(t,r){(t=Bs(t,e.matches)).includes("repeating-linear-gradient")?n=rl.parse(t):t.includes("linear-gradient")?n=tl.parse(t):t.includes("repeating-radial-gradient")?n=fl.parse(t):t.includes("radial-gradient")?n=sl.parse(t):t.includes("repeating-conic-gradient")?n=bl.parse(t):t.includes("conic-gradient")?n=gl.parse(t):t.includes("url")&&(n=Uu.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new _u(t);case"linear-gradient":return new tl(t);case"repeating-linear-gradient":return new rl(t);case"radial-gradient":return new sl(t);case"repeating-radial-gradient":return new fl(t);case"conic-gradient":return new gl(t);case"repeating-conic-gradient":return new bl(t);case"image-resource":case"url":return new Uu(t)}}},{key:"parseStyle",value:function(t){var e=[];JSON.stringify(t);if(t["background-image"]){var r=Ds(t["background-image"]);r.str.match(Sl).forEach((function(t,i){var a=null;(t=Bs(t,r.matches)).includes("repeating-linear-gradient")?a=rl.parse(t):t.includes("linear-gradient")?a=tl.parse(t):t.includes("repeating-radial-gradient")?a=fl.parse(t):t.includes("radial-gradient")?a=sl.parse(t):t.includes("repeating-conic-gradient")?a=bl.parse(t):t.includes("conic-gradient")?a=gl.parse(t):t.includes("url")&&(a=Uu.parse(t)),e[i]=new n({type:a.type,image:a})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=t.split(" "),i=zt()(r,2),a=i[0],o=i[1];e[n].width=Sa.parse(a),e[n].height=Sa.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=t.split(" "),i=zt()(r,2),a=i[0],o=i[1];e[n].x=Sa.parse(a),e[n].y=Sa.parse(o)}})),e}},{key:"toPropertyCSS",value:function(t){var e,n={};return t.forEach((function(t){Xt(t.toCSS(),(function(t,e){n[t]||(n[t]=[]),n[t].push(e)}))})),e=n,Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}},{key:"join",value:function(t){return bc(n.toPropertyCSS(t.map((function(t){return n.parse(t)}))))}},{key:"joinCSS",value:function(t){return n.toPropertyCSS(t.map((function(t){return n.parse(t)})))}}]),n}(Tc);function $l(t,e,n,r){var i={cut:Ys(0,0,n.cut,r.cut),percent:qc(t,e,n.percent,r.percent),px:qc(t,e,n.px,r.px),em:qc(t,e,n.em,r.em),unit:du(0,0,n.unit,r.unit),color:hu(0,0,n.color,r.color)};return function(t,e){return new Iu({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 Rl(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 c=n[o],s=r[o];a[o]=c&&s?$l(t,e,c,s):Ys(0,0,c,s)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Cl(t,e,n,r){var i={angle:qc(t,e,n.angle,r.angle),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new tl({angle:i.angle(t,e),colorsteps:n})}}Pl={},w()(Pl,"center",!0),w()(Pl,"top",!0),w()(Pl,"left",!0),w()(Pl,"right",!0),w()(Pl,"bottom",!0);function Ml(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 Tl(t,e,n,r){n.radialPosition[0]=Ml(n.radialPosition[0],"width"),n.radialPosition[1]=Ml(n.radialPosition[1],"height"),r.radialPosition[0]=Ml(r.radialPosition[0],"width"),r.radialPosition[1]=Ml(r.radialPosition[1],"height");var i={radialType:du(0,0,n.radialType,r.radialType),radialPositionX:es(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:es(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new sl({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Vl(t,e,n,r){var i={angle:qc(t,e,n.angle,r.angle),radialPositionX:es(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:es(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new gl({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function El(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Ys(0,0,n,r);else if(n.type!=r.type)i.image=Ys(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Cl(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=Cl(t,e,n,r);return function(t,e){var n=i(t,e);return new rl({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=Tl(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=Tl(t,e,n,r);return function(t,e){var n=i(t,e);return new fl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=Vl(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=Vl(t,e,n,r);return function(t,e){var n=i(t,e);return new bl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function Il(t,e,n,r){for(var i=jl.parseStyle(kc(n)),a=jl.parseStyle(kc(r)),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||null,f=a[s]||null;l&&!f?c.push({image:Jc(0,0,l.image),size:Jc(0,0,l.size),width:Jc(0,0,l.width),height:Jc(0,0,l.height),x:Jc(0,0,l.x),y:Jc(0,0,l.y),blendMode:Jc(0,0,l.blendMode),repeat:Jc(0,0,l.repeat)}):!l&&f?c.push({image:Jc(0,0,f.image),size:Jc(0,0,f.size),width:Jc(0,0,f.width),height:Jc(0,0,f.height),x:Jc(0,0,f.x),y:Jc(0,0,f.y),blendMode:Jc(0,0,f.blendMode),repeat:Jc(0,0,f.repeat)}):l&&f&&c.push({image:El(t,e,l.image,f.image),size:du(0,0,l.size,f.size),width:es(t,e,l.width,f.width,"width","self"),height:es(t,e,l.height,f.height,"height","self"),x:es(t,e,l.x,f.x,"width","self"),y:es(t,e,l.y,f.y,"height","self"),blendMode:du(0,0,l.blendMode,f.blendMode),repeat:du(0,0,l.repeat,f.repeat)})}return function(t,e){return jl.join(c.map((function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}})))}}function Dl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ll(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Bl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Al=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia|url)\(([^\)]*)\))/gi,zl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Ll({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=ql[t.type];return e?new e(t):new Hl({value:t.value})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Ds(t);return(r.str.match(Al)||[]).forEach((function(t,i){var a=t.split("("),o=zt()(a,2),c=o[0],s=o[1];if(s=s.split(")")[0],"drop-shadow"===c){var u=s.split(" "),l=u.filter((function(t){return t.includes("@")})).map((function(t){return Bs(t,r.matches)})),f=u.filter((function(t){return!t.includes("@")}));e[i]=n.parse({type:c,offsetX:Sa.parse(f[0]),offsetY:Sa.parse(f[1]),blurRadius:Sa.parse(f[2]),color:l[0]||"rgba(0, 0, 0, 1)"})}else e[i]=n.parse({type:c,value:Sa.parse(s)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(Tc),Fl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(zl);Fl.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Sa.z()};var Hl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(zl);Hl.spec={inputType:"select",defaultValue:""};var Gl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(zl);Gl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var _l=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(zl);_l.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Sa.deg(0)};var Nl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(zl);Nl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var Xl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(zl);Xl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Yl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(zl);Yl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Kl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(zl);Kl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Ul=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(zl);Ul.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Wl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(zl);Wl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var Zl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),n}(zl);Zl.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var ql={blur:Fl,grayscale:Gl,"hue-rotate":_l,invert:Nl,brightness:Xl,contrast:Yl,opacity:Kl,saturate:Ul,sepia:Wl,"drop-shadow":Zl,svg:Hl};function Jl(t,e,n,r){var i={type:du(0,0,n.type,r.type),value:Ys(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=es(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=qc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=es(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=es(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=es(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=es(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=hu(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 Ql(t,e,n,r){for(var i=zl.parseStyle(n),a=zl.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s],f=a[s];l&&!f?c.push(Jc(0,0,l)):!l&&f?c.push(Jc(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Ys(0,0,l,f)):c.push(Jl(t,e,l,f))}return function(t,e){return zl.join(c.map((function(n){return n(t,e)})))}}var tf=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Sa.parse(t)})),n=Sa.percent(0),r=Sa.percent(0),i=Sa.percent(0),a=Sa.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 ef(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?ef(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ef(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var af=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,of=function(t){R()(n,t);var e=rf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,nf({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return nf(nf({},$a()(V()(n.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 n(t).toCSS()}},{key:"toString",value:function(t){return n.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new n(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(af)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=zt()(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 Sa("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];return Kt(s)&&(s=c),{radius:e,x:c=Sa.parse(c),y:s=Sa.parse(s)}}},{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=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];Kt(s)&&(s=c),c=Sa.parse(c),s=Sa.parse(s);var u=e.split(" "),l=zt()(u,2),f=l[0],h=l[1];return Kt(h)&&(h=f),{radiusX:f=Sa.parse(f),radiusY:h=Sa.parse(h),x:c,y:s}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=zt()(e,2),r=n[0],i=n[1],a=tf.parse(r),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=tf.parse(i),p=zt()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=zt()(e,2),r=n[0],i=n[1];return{x:Sa.parse(r),y:Sa.parse(i)}}))}}]),n}(Tc);function cf(t,e,n,r){var i=of.parseStyle(n),a=of.parseStyle(r),o={type:Ys(0,0,i.type,i.type),value:Ys(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=of.parseStyleForCircle(i.value),a.value=of.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=Ys(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=es(t,e,n.radius,r.radius,"width","self"),i.x=es(t,e,n.x,r.x,"width","self"),i.y=es(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),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=of.parseStyleForEllipse(i.value),a.value=of.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:es(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:es(t,e,n.radiusY,r.radiusY,"height","self"),x:es(t,e,n.x,r.x,"width","self"),y:es(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=of.parseStyleForInset(i.value),a.value=of.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:qc(t,e,n.top.value,r.top.value,n.top.unit),left:qc(t,e,n.left.value,r.left.value,n.left.unit),right:qc(t,e,n.right.value,r.right.value,n.right.unit),bottom:qc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Ys(0,0,n.round,r.round),topRadius:qc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:qc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:qc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:qc(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),c=i.round(t,e),s=i.topRadius(t,e),u=i.leftRadius(t,e),l=i.bottomRadius(t,e),f=i.rightRadius(t,e),h=[n,r,a,o].join(" "),p=[s,f,l,u].join(" ");return"".concat(h," ").concat(c&&p.trim()?"round ".concat(p):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=of.parseStyleForPolygon(i.value),a.value=of.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 c=n[o],s=r[o];c&&!s?a.push({x:Jc(0,0,c.x),y:Jc(0,0,c.y)}):!c&&s?a.push({x:Jc(0,0,s.x),y:Jc(0,0,s.y)}):a.push({x:es(t,e,c.x,s.x,"width","self"),y:es(t,e,c.y,s.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=of.parseStyleForPath(i.value),a.value=of.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 sf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(es(t,e,s,u,n.type)):a.push(es(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function uf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];if(s&&u)a.push(qc(t,e,s.value,u.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;a.push(qc(t,e,l,f))}}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 Sa.number(t)}))),{type:r,value:n}}}function lf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(ku(0,0,s,u)):a.push(ku(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function ff(t,e,n,r){for(var i=Bc.parseStyle(n.trim()),a=Bc.parseStyle(r.trim()),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];if(u&&!l)c.push(Jc(0,0,u));else if(!u&&l)c.push(Jc(0,0,l));else if(u.type!=l.type)c.push(Ys(0,0,u,l));else switch(u.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(sf(t,e,u,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(lf(0,0,u,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(uf(t,e,u,l))}}return function(t,e){return Bc.join(c.map((function(n){return n(t,e)})))}}function hf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Sa.parse(t)})),a=r.split(" ").map((function(t){return Sa.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(es(t,e,u,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function pf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Sa.parse(t)})),a=r.split(" ").map((function(t){return Sa.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(es(t,e,u,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function df(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),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(qc(t,e,u,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function vf(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],c=r[r.length-1],s=0;s<i;s++){var u=n[s],l=r[s];u&&!l?a.push(qc(t,e,u,c)):!u&&l?a.push(qc(t,e,o,l)):a.push(qc(t,e,u,l))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function yf(t,e,n,r){for(var i=new Hc,a=new Hc(n),o=new Hc(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=0;u<c;u++){var l=a.segments[u],f=o.segments[u];l.command===f.command?l.values.length===f.values.length?s.push({command:Jc(0,0,l.command),values:vf(t,e,l.values,f.values)}):s.push({command:Jc(0,0,l.command),values:Jc(0,0,l.values)}):s.push({command:Ys(0,0,l.command,f.command),values:Ys(0,0,l.values,f.values)})}return function(t,e){var n=s.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var gf=function(){function t(){O()(this,t),this.pathArray=[]}return j()(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:"d",get:function(){return this.pathArray.join(" ").trim()}},{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:"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 Hc(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}},{key:"makePathByVerties",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=zt()(e[r],3),o=a[0],c=a[1];a[2];0===r?n.M({x:o,y:c}):n.L({x:o,y:c})}return n.L({x:e[0][0],y:e[0][1]}),n.d}}]),t}();function mf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bf=/[\b\t \,]/g,kf=function(t){R()(n,t);var e=mf(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return O()(this,n),e.call(this,t)}return j()(n,[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;Array.isArray(t)&&(t=t.join(" "));for(var e=t.trim().split(bf).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 gf,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=zt()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new n(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),n}(Hc);function xf(t,e,n,r){for(var i=new kf,a=new kf(n),o=new kf(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=a.segments[a.segments.length-1].x,l=a.segments[a.segments.length-1].y,f=o.segments[o.segments.length-1].x,h=o.segments[o.segments.length-1].y,p=0;p<c;p++){var d=a.segments[p],v=o.segments[p];d&&!v?s.push({x:qc(t,e,d.x,f),y:qc(t,e,d.y,h)}):!d&&v?s.push({x:qc(t,e,u,v.x),y:qc(t,e,l,v.y)}):s.push({x:qc(t,e,d.x,v.x),y:qc(t,e,d.y,v.y)})}return function(t,e){return i.joinPoints(s.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function wf(t,e,n,r){var i={x:qc("","",t,n),y:qc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Pf(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 rc(o,e)}}function Of(t,e,n,r,i,a,o,c){var s=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}];return function(t,e){return nc(s,e)}}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 jf(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){w()(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}function $f(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=zt()(a,4),c=o[0],s=o[1],u=o[2],l=o[3],f={id:c,distance:Sa.parse(s||"0%"),rotateStatus:u||"auto",rotate:Sa.parse(l||"0deg")},h=function(t,e){return{x:x,y:y}},p=0,d=0;if(i){var v=i.searchById(f.id);v&&(p=v.screenX.value,d=v.screenY.value),h=function(t,e,n){var r=function(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=zt()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var c=n,s=zt()(c,2),u=s[0],l=s[1],f=zt()(t.values,2);a=f[0],o=f[1];n=[a+=u,o+=l];break;case"L":var h=n,p=zt()(h,2),d=(u=p[0],l=p[1],zt()(t.values,2));a=d[0],o=d[1];e.push({command:t.command,values:[u,l,a,o],length:Yi(u,l,a,o),interpolate:wf(u,l,a,o)}),n=[a,o];break;case"l":var v=n,y=zt()(v,2),g=(u=y[0],l=y[1],zt()(t.values,2));a=g[0],o=g[1];a+=u,o+=l,e.push({command:t.command,values:[u,l,a,o],length:Yi(u,l,a,o),interpolate:wf(u,l,a,o)}),n=[a,o];break;case"C":var m=n,b=zt()(m,2),k=(u=b[0],l=b[1],zt()(t.values,6)),x=k[0],w=k[1],P=k[2],O=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Uo(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"c":var S=n,j=zt()(S,2),$=(u=j[0],l=j[1],zt()(t.values,6));x=$[0],w=$[1],P=$[2],O=$[3],a=$[4],o=$[5];x+=u,P+=u,a+=u,w+=l,O+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Uo(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"Q":var R=n,C=zt()(R,2),M=(u=C[0],l=C[1],zt()(t.values,4));x=M[0],w=M[1],a=M[2],o=M[3];e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o];break;case"q":var T=n,V=zt()(T,2),E=(u=V[0],l=V[1],zt()(t.values,4));x=E[0],w=E[1],a=E[2],o=E[3];x+=u,a+=u,w+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o];break;case"S":var I=n,D=zt()(I,2),L=(u=D[0],l=D[1],zt()(t.values,4)),B=(P=L[0],O=L[1],a=L[2],o=L[3],e[e.length-1]);if(["C","c","S","s"].includes(B.command)){var A=zt()(B.values,8),z=(A[0],A[1],A[2],A[3],A[4]),F=A[5],H=A[6],G=A[7],_=Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F});x=_.x,w=_.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"s":var N=n,X=zt()(N,2),Y=(u=X[0],l=X[1],zt()(t.values,4));P=Y[0],O=Y[1],a=Y[2],o=Y[3];P+=u,a+=u,O+=l,o+=l;B=e[e.length-1];if(["C","c","S","s"].includes(B.command)){var K=zt()(B.values,8),U=(K[0],K[1],K[2],K[3],z=K[4],F=K[5],H=K[6],G=K[7],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=U.x,w=U.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"T":var W=n,Z=zt()(W,2),q=(u=Z[0],l=Z[1],zt()(t.values,2));a=q[0],o=q[1],B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var J=zt()(B.values,6),Q=(J[0],J[1],z=J[2],F=J[3],H=J[4],G=J[5],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=Q.x,w=Q.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o]}break;case"t":var tt=n,et=zt()(tt,2),nt=(u=et[0],l=et[1],zt()(t.values,2));a=nt[0],o=nt[1];a+=u,o+=l;B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var rt=zt()(B.values,6),it=(rt[0],rt[1],z=rt[2],F=rt[3],H=rt[4],G=rt[5],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=it.x,w=it.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,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}}(new Hc(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=f.distance.toPx(i);(e+=o/i)>1&&(e-=1);var c=a[0];0===e?c=a[0]:1===e&&(c=a[a.length-1]);var s=a.find((function(t){return t.startT<=e&&e<t.endT}));s&&(c=s);var u=(e-c.startT)/(c.endT-c.startT),l=n(u);return jf(jf({},c.interpolate(l,u,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Sa.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),c=h(e,n,r),s={x:c.x+p-a.value,y:c.y+d-o.value};if(t.setScreenX(s.x),t.setScreenY(s.y),"element"===f.rotateStatus);else{var u=c,l=0;n<1&&(l=1/c.totalLength);var v=h(e+l,n+l,r),y=ia(v.x-u.x,v.y-u.y),g=Sa.deg(function(t,e){var n=0;switch(t){case"angle":n=f.rotate.value;break;case"auto angle":n=e+f.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(f.rotateStatus,y));t.reset({transform:Bc.rotate(t.transform,g)})}return s}}function Rf(t,e,n,r){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 Cf(t,e,n,r,i,a){var o=a.$("video").el,c=n.split(":"),s=zt()(c,3),u=s[0],l=(s[1],+(u||0)*+(s[2]||1));return function(e,n){0===n?(o.currentTime=l,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Mf=function(){return function(t,e){}};function Tf(t,e,n,r,i,a,o){var c=i||e;switch(c){case"width":case"x":return es(t,e,n,r,"width");case"height":case"y":return es(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 es(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return qc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return hu(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return du(0,0,n,r);case"rotate":return ku(0,0,n,r)}var s=function(t){switch(t){case"border-radius":return is;case"border":return makeInterpolateBorder;case"box-shadow":return pu;case"text-shadow":return Su;case"background-image":case"BackgroundImageEditor":return Il;case"filter":case"backdrop-filter":return Ql;case"clip-path":return cf;case"transform":return ff;case"transform-origin":return hf;case"perspective-origin":return pf;case"stroke-dasharray":return df;case"d":return yf;case"points":return xf;case"offset-path":return $f;case"text":return Rf;case"playTime":return Cf}}(c);return s?s(t,e,n,r,a,o):Mf}function Vf(t,e,n,r,i,a,o){return Tf(t,e,n,r,i,a,o)}function Ef(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=zt()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=bu[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,ce()(o))}return If(t)}function If(t){var e=tc(t);return function(t){return e(t).y}}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 Lf(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){w()(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 Bf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Af=function(t){R()(n,t);var e=Bf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Sa.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Lf(Lf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offset=Sa.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(bc(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Lf({checked:!0,value:Sa.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(ce()(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],Lf({},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],Lf({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=Lf(Lf({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new n(t)}}]),n}(Tc);function zf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ff(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gf=function(t){R()(n,t);var e=Hf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=(t.name,t.selectedType,t.offsets);return Ff(Ff(Ff({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","selectedType")),{},{offsets:e.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 Af(Ff({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(ce()(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 n(t)}},{key:"parseStyle",value:function(t){var e=[],r={};if(t.keyframe){var i=Ds(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),c=Ia()(o),s=c[0],u=c[1],l=c[2],f=c.slice(3).join(" ");r[s]||(r[s]=new n({name:s}),e[a]=s);var h=r[s].offsets.filter((function(t){return t.offset.equals(Sa.parse(u))})),p=null;h.length?p=h[0]:(p=new Af({offset:Sa.parse(u)}),r[s].offsets.push(p)),p.addProperty({key:l,value:Bs(f,i.matches)})}))}return e.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]}))}}]),n}(Tc);function _f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_f(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Xf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}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 Kf(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){w()(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 Uf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wf=function(t){R()(n,t);var e=Uf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Kf({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&$a()(V()(n.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Ut(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 c=Ka.body().$('[data-id="'.concat(t,'"]')),s=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,u=i.keyframes[e+1];t.editor=s,u||(u={time:t.time,value:t.value});var l={layer:a,layerElement:c,property:i.property,isOnlyTime:o.time===u.time,startTime:t.time,endTime:u.time,startValue:t.value,endValue:u.value,timing:t.timing,interpolateFunction:Vf(a,i.property,t.value,u.value,t.editor,r,c),timingFunction:Ef(t.timing)};return l.func=n.makeTimingFunction(l),l})).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){Ut(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(w()({},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){Uc(e.fps,n.time)<e.currentTimecode&&(t=Math.max(n.time,t))})),t}},{key:"getSelectedTimelineNextTime",value:function(){var t=this.getSelectedTimelineLastTime();return this.getKeyframeList((function(e,n){Uc(e.fps,n.time)>e.currentTimecode&&(t=Math.min(n.time,t))})),t}},{key:"setTimelineTitle",value:function(t,e){var n=this.json.timeline.find((function(e){return e.id===t}));n&&(n.title=e)}},{key:"selectTimeline",value:function(t){t?this.json.timeline.forEach((function(e){e.selected=e.id===t})):this.json.timeline.filter((function(t){return t.selected})).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(t){this.json.timeline=this.json.timeline.filter((function(e){return e.id!==t})),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=pa(),r=Kf(Kf({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=Kc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Uc(t,0),totalTimecode:Uc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{key:"setTimelineCurrentTime",value:function(t){var e=this.getSelectedTimeline(),n=e.fps,r=e.totalTimecode;if(e){var i=t,a=t;+i+""===i&&(a=Wc(n,i=+i)),a>r&&(a=r);var o=Kc(n,a);e.currentTime=o,e.currentTimecode=Uc(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(Uc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Wc(e.fps,n)),Kc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Kc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Kc(e.fps,r)}}},{key:"getTimelineObject",value:function(t){var e=this.getSelectedTimeline();if(e)return e.animations.find((function(e){return e.id===t}))}},{key:"addTimelineProperty",value:function(t,e){this.addTimelineLayer(t);var n=this.getTimelineObject(t);n&&(n.properties.filter((function(t){return t.property===e})).length||(n.properties.push({property:e,keyframes:[]}),this.compiledTimingFunction(t,e)))}},{key:"getTimelineProperty",value:function(t,e){var n=this.getSelectedTimeline();if(n){t=t||n.selectedLayerId,e=e||n.selectedProperty;var r=this.getTimelineObject(t);if(r)return r.properties.find((function(t){return t.property===e}))}}},{key:"setSelectedOffset",value:function(t,e,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=t,r.selectedProperty=e,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach((function(t){t.selected=t.time===n})))}},{key:"deleteTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);r&&(r.keyframes=r.keyframes.filter((function(t){return t.id!=n})))}},{key:"removeTimelineProperty",value:function(t,e){var n=this.getTimelineObject(t);n&&(n.properties=n.properties.filter((function(t){return t.property!=e})))}},{key:"removeTimeline",value:function(t){var e=this.getSelectedTimeline();e&&(e.animations=e.animations.filter((function(e){return e.id!=t})))}},{key:"setTimelineKeyframeOffsetTime",value:function(t,e,n,r){var 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&&(Ut(a)&&(o.time=a),Ut(r)&&(o.value=r),Ut(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 c=this.getSelectedTimeline(),s=this.getTimelineProperty(e,n);if(s){var u=a||c.currentTime;if(!s.keyframes.filter((function(t){return t.time===u})).length){r=Kt(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:pa(),layerId:e,property:n,time:u,value:r,timing:i||"linear",editor:o};return s.keyframes.push(l),s.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),c=this.getDefaultPropertyValue(e),s="linear",u="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),c=o[0].value+"",s=o[0].timing+"",u=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:s,editor:u})}}},{key:"getTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find((function(t){return t.time===n}))}},{key:"getTimelineKeyframeById",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find((function(t){return t.id===n}))}},{key:"sortTimelineKeyframe",value:function(t,e){var n=this.getTimelineProperty(t,e);n&&(n.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(t,e))}},{key:"setFps",value:function(t){var e=this.getSelectedTimeline();e&&(e.fps=t,e.currentTimecode=Uc(t,e.currentTime),e.totalTimecode=Uc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return Kf(Kf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{timeline:ee(this.json.timeline)})}}]),n}(function(t){R()(n,t);var e=Xf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Nf({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 Gf(Nf({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(ce()(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=Nf({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return Nf(Nf({},$a()(V()(n.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]=Nf(Nf({},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]=Nf(Nf({},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]=Nf(Nf({},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]=Nf(Nf({},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,n=this.json.svgfilters.map((function(t,e){return{id:t.id,index:e}})).filter((function(e){return e.id===t}));return n.length?null==n||null===(e=n[0])||void 0===e?void 0: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]=Nf(Nf({},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]=Nf(Nf({},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)}}]),n}(Va));function Zf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qf=Sa.z(),th=Sa.z(),eh=r.create(),nh=function(t){R()(n,t);var e=Jf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"indexed",get:function(){return this.createIndexItemMap(),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:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{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=zt()(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 $a()(V()(n.prototype),"getDefaultObject",this).call(this,qf({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return qf(qf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","description","rootVariable"))}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return Qf}},{key:"offsetY",get:function(){return th}},{key:"hasLayout",value:function(){return!1}},{key:"getTransformMatrix",value:function(){return r.create()}},{key:"resetMatrix",value:function(t){var e=r.getTranslation([],ca(t.accumulatedMatrix,t.localMatrixInverse)),n=zt()(e,2),i=n[0],a=n[1];t.reset({x:Sa.px(i),y:Sa.px(a)})}},{key:"rectVerties",get:function(){var t;return null!==(t=this.layers)&&void 0!==t&&t.length?Io(this.layers):null}},{key:"accumulatedMatrix",get:function(){return eh}},{key:"accumulatedMatrixInverse",get:function(){return eh}},{key:"contentBox",get:function(){return{left:0,top:0,width:0,height:0}}}]),n}(Wf);function rh(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,rh(t,e))})),(e.id||e.includes(t.id))&&n.push(t),n}var ih=function(){function t(e){var n=this;O()(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=Vo(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Yc({parent:this.currentProject,x:Sa.px(0),y:Sa.px(0),width:Sa.px(0),height:Sa.px(0)}),this.$editor.on("config:bodyEvent",(function(){n.refreshMousePosition()}))}return j()(t,[{key:"refreshMousePosition",value:function(){var t=this.$editor.config,e=this.$editor.viewport.getWorldPosition();this.pos=e,this.column=Math.ceil(e[0]/t.get("area.width")),this.row=Math.ceil(e[1]/t.get("area.width"))}},{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{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:"isLayoutItem",get:function(){var t;return null===(t=this.current)||void 0===t?void 0:t.isLayoutItem()}},{key:"allLayers",get:function(){return this.currentProject.allLayers||[]}},{key:"filteredLayers",get:function(){var t=this;return this.currentProject.filteredAllLayers((function(e){var n=e.areaPosition;if(!n)return!1;var r=n.column,i=n.row;return r[0]<=t.column&&t.column<=r[1]&&i[0]<=t.row&&t.row<=i[1]})).filter((function(e){return e.hasPoint(t.pos[0],t.pos[1])}))}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&(!t.check(e)&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)})))})):[]}},{key:"snapTargetLayersWithSelection",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)}))})):[]}},{key:"selectedArtboards",get:function(){return ce()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"hasChangedField",value:function(){var t;return!!this.current&&(t=this.current).hasChangedField.apply(t,arguments)}},{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:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{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:"reload",value:function(){return this.select.apply(this,ce()(this.itemsByIds(this.ids)))}},{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(Array.isArray(t)?e=t:(Zt(t)||qt(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=rh(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]=ee(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,ce()(rh(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,ce()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,ce()(this.items).concat(ce()(rh(this.project,t))))}},{key:"removeById",value:function(t){var e=t;Zt(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,ce()(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 Co(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.originVerties;if(n.artboard){var i=n.artboard.originVerties;if(Co(i,r[0][0],r[0][1])||To(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return Co(e,r[0][0],r[0][1])||To(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"setRectCache",value:function(){if(this.isEmpty)return this.cachedVerties=[],this.cachedRectVerties=[],this.cachedItemVerties=[],void(this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}})));this.cachedVerties=this.verties,this.cachedRectVerties=Bo(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:"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 this.isEmpty?[]:Io(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Sa.px(t[0][0]),y:Sa.px(t[0][1]),width:Sa.px(i.distance(t[0],t[1])),height:Sa.px(i.distance(t[0],t[3]))}}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"pack",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:"packByValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=[];return null===e?r=this.items:(Zt(e)||Array.isArray(e))&&(r=this.itemsByIds(e)),r.forEach((function(e){n[e.id]={},Object.keys(t).forEach((function(r){n[e.id][r]=Jt(t[r])?t[r].call(t,e):t[r]}))})),n}},{key:"each",value:function(t){Jt(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return Jt(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{key:"reset",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n,r=zt()(t,2),i=r[0],a=r[1];null===(n=e.get(i))||void 0===n||n.reset(a)}))}},{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,ce()(this.copyItems.map((function(t){return t.copy(10)})))),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&&!Kt(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?Co(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return Co(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return Zt(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.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}}]),t}(),ah=function(){function t(e){O()(this,t),this.editor=e,this.components={},this.inspectors={}}return j()(t,[{key:"registerComponent",value:function(t,e){if(this.components[t])throw new Error("It has duplicated item name. "+t);this.components[t]=e}},{key:"registerInspector",value:function(t,e){if(this.inspectors[t])throw new Error("It has duplicated item name. "+t);this.inspectors[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"getInspector",value:function(t){return this.inspectors[t]}},{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)}},{key:"createInspector",value:function(t){var e=this.getInspector(t.itemType);return Jt(e)?e(t)||[]:Jt(t.getProps)&&t.getProps()||[]}}]),t}();function oh(t){t.emit("noneSelectMenu"),t.nextTick((function(){t.emit("refreshAll"),t.emit("refreshSelectionTool")}))}function ch(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ch(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ch(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}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 lh(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){w()(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}function fh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ph,dh={command:"clipboard.paste",execute:(ph=La()(Fa.a.mark((function t(e,n){var r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.selection.length||!e.selection.copyItems.length){t.next=5;break}e.selection.paste(),e.emit("refreshAll"),t.next=9;break;case 5:return t.next=7,navigator.clipboard.readText();case 7:(r=t.sent)&&e.emit("convertPasteText",r);case 9:case"end":return t.stop()}}),t)}))),function(t,e){return ph.apply(this,arguments)})},vh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},yh={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:pa(),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:pa(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function mh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Sa.px(n.naturalWidth),naturalHeight:Sa.px(n.naturalHeight),width:Sa.px(n.naturalWidth),height:Sa.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function bh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xh={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"),mh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,c=Sa.px(i.height.value*a);t.emit("addImage",kh(kh(kh({src:e.id},i),n),{},{width:o,height:c}),r),t.changeMode(Lg),t.emit("afterChangeMode")})))}};function wh(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Sa.px(n.videoWidth),naturalHeight:Sa.px(n.videoHeight),width:Sa.px(n.videoWidth),height:Sa.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 Ph(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Oh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ph(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ph(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sh={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"),wh(e,(function(i){t.emit("addVideo",Oh(Oh({src:e.id},i),n),r),t.changeMode(Lg),t.emit("afterChangeMode")})))}};function jh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){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 $h={command:"dropImageUrl",execute:function(t,e){mh({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?jh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Lg),t.emit("afterChangeMode")}))}},Rh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=pa(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Ch={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 c=o.createImage({id:pa(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),Jt(n)&&n(c.id)}},r.readAsDataURL(e)}},Mh={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:pa(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),Jt(n)&&n(a))},r.readAsDataURL(e)}},Th=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=zt()(r,2),a=(i[0],i[1]),o=a.split(","),c=Ia()(o),s=c[0],u=c.slice(1),l=s.split(";"),f=zt()(l,2),h=f[0],p=f[1];return u=u.join(","),{mimeType:h,local:n&&t.getLink(h,p,u)}}},{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 c=new Blob([a],{type:t});return URL.createObjectURL(c)}return""}}]),t}(),Vh={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Th.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:pa(),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:pa(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function Eh(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 Ih={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Eh("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},Dh=function(t,e){return t.replaceLocalUrltoRealUrl(t.svg.render(e))},Lh={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=Dh(t,e).trim();Eh("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function Bh(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ka.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var Ah={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Dh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;mh({local:i},(function(n,r){Bh(r,(function(n){Eh(n,a),e&&t.emit(e,n)}))}))}}},zh={command:"load.json",execute:function(t,e){0===(e=t.loadResource("projects",[])||e).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),oh(t)}}};function Fh(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Hh={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Fh(t,(function(r,i){var a;!1===Array.isArray(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")}))}},Gh={command:"setTimelineOffset",debounce:100,execute:function(t,e){Fh(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},_h={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Fh(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")}))}},Nh={command:"removeTimelineProperty",execute:function(t,e,n){Fh(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Xh={command:"deleteTimelineKeyframe",execute:function(t){Fh(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")}))}},Yh={command:"selectTimelineItem",execute:function(t,e){Fh(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Kh={command:"removeTimeline",execute:function(t,e){Fh(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Uh={command:"removeAnimationItem",execute:function(t,e){Fh(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},Wh={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Fh(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")}))}},Zh={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Fh(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},qh={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"),Fh(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Zc({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(Uc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Uc(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(Uc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Jh={command:"prevTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Qh={command:"firstTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},tp={command:"nextTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ep={command:"lastTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},np={command:"addTimelineItem",execute:function(t,e){Fh(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},rp={command:"drop.asset",execute:function(){var t=La()(Fa.a.mark((function t(e,n){var r,i,a=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=a.length>2&&void 0!==a[2]?a[2]:null,!n.color){t.next=5;break}e.emit("addBackgroundColor",n.color,r),t.next=22;break;case 5:if(!n.gradient){t.next=9;break}e.emit("addBackgroundImageGradient",n.gradient,r),t.next=22;break;case 9:if(!n.pattern){t.next=13;break}e.emit("addBackgroundImagePattern",n.pattern,r),t.next=22;break;case 13:if(!n.imageUrl){t.next=17;break}e.emit("addBackgroundImageAsset",n.imageUrl,r),t.next=22;break;case 17:if(!n.asset){t.next=22;break}return t.next=20,e.storageManager.getCustomAsset(n.asset.id);case 20:(i=t.sent)&&e.emit("addArtBoard",i,n.asset.center);case 22:oh(e);case 23:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},ip={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;console.log(n);var r=t.selection.itemsByIds(n);console.log(r);var i={};r.forEach((function(t){var n=jl.parseStyle(kc(t["background-image"]));n.unshift(new jl({image:jl.parseImage(e)})),i[t.id]={"background-image":jl.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},ap={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=jl.parseStyle(kc(t["background-image"]));n.unshift(new jl({image:new Uu({url:e})})),i[t.id]={"background-image":jl.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},op={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")}))}},cp={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},sp={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)}},up={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)}},lp={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)}},fp={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)}},hp=new Map,pp=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return hp.has(t)}},{key:"get",value:function(t){return hp.get(t)}},{key:"set",value:function(t,e){hp.size>1e3&&hp.clear(),hp.set(t,e)}}]),t}();function dp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,mp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,vp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=$p[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;if(pp.has(t))return pp.get(t);var r=Ds(t);return(r.str.match(gp)||[]).forEach((function(t,i){var a=t.split("("),o=zt()(a,2),c=o[0],s=o[1],u=(s=s.split(")")[0]).split(",").map((function(t){return t.trim()})),l=zt()(u,6),f=l[0],h=l[1],p=l[2],d=l[3],v=l[4],y=l[5],g=f.split(" "),m=zt()(g,2),b=m[0],k=m[1],x=h.split(" "),w=zt()(x,2),P=w[0],O=w[1],S=(y||"").split(" "),j=zt()(S,2),$=j[0],R=j[1];e[i]=n.parse({type:c,x:Sa.parse(P),y:Sa.parse(O),width:Sa.parse(b),height:Sa.parse(k),foreColor:Bs(p,r.matches),backColor:Bs(d,r.matches),blendMode:v||"normal",lineWidth:Sa.parse($||"1px"),lineHeight:Sa.parse(R||"1px")})})),pp.set(t,e),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,jl.parseStyle(kc(t.toCSS())))})),jl.joinCSS(e)}}]),n}(Tc),bp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:Sa.z(),y:Sa.z(),width:Sa.px(20),height:Sa.px(20),lineWidth:Sa.px(1),lineHeight:Sa.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).width=Sa.parse(t.width),t.height=Sa.parse(t.height),t.lineWidth=Sa.parse(t.lineWidth),t.lineHeight=Sa.parse(t.lineHeight),t.x=Sa.parse(t.x),t.y=Sa.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,c=t.backColor,s=t.blendMode,u=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(c,", ").concat(s,", ").concat(u," ").concat(l,")")}}]),n}(mp),kp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";\n    ")}}]),n}(bp),xp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,i=t.lineHeight,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";      \n    ")}}]),n}(bp),wp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,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    ")}}]),n}(bp),Pp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(c," ").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(s,";\n    ")}}]),n}(bp),Op=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.lineWidth,a=t.backColor,o=t.foreColor,c=t.blendMode;return a=a||"transparent",o=o||"black","\n    background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0px, ").concat(o," ").concat(i,", ").concat(a," 0px, ").concat(a," 50%);\n    background-size: ").concat(e," ").concat(n,";      \n    background-blend-mode: ").concat(c,";\n  ")}}]),n}(bp),Sp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(bp),jp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(bp),$p={check:kp,grid:xp,dot:wp,"cross-dot":Pp,"diagonal-line":Op,"vertical-line":Sp,"horizontal-line":jp},Rp={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:mp.join([].concat(ce()(mp.parseStyle(e)),ce()(mp.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Cp={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.command("setAttributeForMulti","add background color",t.selection.packByValue({"background-color":e},n))}};var Mp={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=ea(e.artboard.verties)-ea(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ea(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ea(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Tp={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=ta(e.artboard.verties)-ta(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ta(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ta(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Vp={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=ra(e.artboard.verties)-ra(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ra(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ra(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Ep={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=Qi(e.artboard.verties)-Qi(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Qi(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Qi(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Ip={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=na(e.artboard.verties)-na(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=na(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=na(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Dp={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=Ji(e.artboard.verties)-Ji(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Ji(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Ji(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Lp={command:"same.width",description:"fit at the same width",execute:function(t){if(console.log(t.selection.isMany),t.selection.isMany){var e=Do(t.selection.verties);t.command("setAttributeForMulti","fit at the same width",t.selection.packByValue({x:e.x,width:e.width}))}}},Bp={command:"same.height",description:"fit at the same height",execute:function(t){var e=t.selection.length;if(1==e);else if(e>1){var n=Do(t.selection.verties);t.command("setAttributeForMulti","fit at the same height",t.selection.packByValue({y:n.y,height:n.height}))}}};var Ap={command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),oh(t)}},zp={command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),oh(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}var Hp={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?Fp(Object(n),!0).forEach((function(e){w()(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}({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")}}}},Gp={command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=ce()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,ce()(i)),t.emit("refreshAll")}}}},_p={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;Sc(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)}},Np={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){var i={};Object.keys(r).forEach((function(t){var n=r[t];i[t]=Jt(n)?n(e):n})),e.reset(i)&&(t.emit("refreshElement",e),t.emit("changeValue",n,i))}))}))}},Xp={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(ce()(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")}))}},Yp={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(ce()(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")}))}};function Kp(){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 Up={command:"history.removeLayer",description:"remove layer",execute:function(t,e,n,r){var i=t.selection.itemsByIds(r||t.selection.ids),a=(i=Kp(i)).map((function(t){return t.id})),o=t.serialize(i);i.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[a],undoValues:o}),t.nextTick((function(){t.selection.removeById(i.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=Kp(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")}))}},Wp={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("setAttributeForMulti",t.selection.packByValue({d:r.scale(1/n.width.value,1/n.height.value).d}))}else{var a=n.invertPath(e.d),o=a.getBBox(),c=n.offsetX.value+o[0][0],s=n.offsetY.value+o[0][1],u=i.distance(o[1],o[0]),l=i.distance(o[3],o[0]);a.translate(-o[0][0],-o[0][1]),t.emit("setAttributeForMulti",t.selection.packByValue({d:a.scale(1/u,1/l).d,x:Sa.px(c),y:Sa.px(s),width:Sa.px(u),height:Sa.px(l)}))}}},Zp={command:"moveLayer",description:"move 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;t.command("setAttributeForMulti","item move down",t.selection.packByValue({x:function(t){return Sa.px(t.offsetX.value+e)},y:function(t){return Sa.px(t.offsetY.value+n)}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},qp={command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e&&t.viewport.moveLayerToCenter(e,void 0,n)}},Jp={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:Sa.px(t.item.offsetX.value+t.dist[0]).round(),y:Sa.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")}))}},Qp={command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=[];n=t.selection.isEmpty?t.selection.currentProject.rectVerties:Io(t.selection.items),t.emit("moveToCenter",n,e)}},td={command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Dh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);mh({local:i},(function(n,r){Bh(r,(function(n){e&&t.emit(e,n)}))}))}}},ed={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))}},nd=n(15),rd=n.n(nd);function id(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ad(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?id(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):id(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var od,cd=(od={openEditor:{command:"open.editor",description:"Open custom editor for item  when doubleclick is fired",execute:function(t){if(!1!==t.selection.isOne){var e=t.selection.current;if(e)if(e.setCache(),e.d)t.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d,changeEvent:function(e){t.emit("updatePathItem",e)}}),t.emit("hideSelectionToolView");else if(e["clip-path"]){var n=of.parseStyle(e["clip-path"]);if("path"===n.type){var r=e.accumulatedPath(e.clipPathString).d,i=r?"modify":"path";t.emit("showPathEditor",i,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(n.d,")")}))},current:e,d:r}),t.emit("hideSelectionToolView")}else"svg"===n.type||t.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue(e))}})}}}},refreshHistory:function(t){t.emit("saveJSON")},convertPasteText:{command:"convertPasteText",execute:function(){var t=La()(Fa.a.mark((function t(e,n){var r,i;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=rd.a.create({videoInfo:rd.a.parse(n),format:"embed",mediaType:"clip"}))&&(i=e.viewport.center,300,200,e.emit("newComponent","iframe",{x:Sa.px(i[0]-150),y:Sa.px(i[1]-100),width:Sa.px(300),height:Sa.px(200),"background-color":"transparent",url:r}));case 2:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},refreshCursor:ed,recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},toggleToolHand:{command:"toggleToolHand",execute:function(t){t.config.toggle("set.tool.hand")}},rotateLayer:{command:"rotateLayer",description:"rotate layer by keydown with matrix ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.command("setAttributeForMulti","change rotate",t.selection.packByValue({transform:function(t){return Bc.addTransform(t.transform,"rotateZ(".concat(Sa.deg(e).round(1e3),")"))}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},historyAddLayer:Yp,historyRemoveLayer:Up,historySetAttributeForMulti:Xp,historyRefreshSelection:_p,historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:Zp,moveLayerForItems:Jp,moveToCenter:qp,moveSelectionToCenter:Qp,groupItem:Hp,ungroupItem:Gp,setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshSelectionStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Cp,addBackgroundImagePattern:Rp,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:sp,segmentMoveUp:up,segmentMoveRight:lp,segmentMoveLeft:fp,changeModeView:cp,removeLayer:op,itemMoveDepthDown:Ap,itemMoveDepthUp:zp,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:rp,addBackgroundImageAsset:ap,addBackgroundImageGradient:ip,addTimelineItem:np,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:ep,nextTimelineItem:tp,firstTimelineItem:Qh,prevTimelineItem:Jh,playTimelineItem:qh,copyTimelineProperty:Zh,addTimelineKeyframe:Wh,removeAnimationItem:Uh,removeTimeline:Kh,selectTimelineItem:Yh,deleteTimelineKeyframe:Xh,removeTimelineProperty:Nh,addTimelineCurrentProperty:_h,setTimelineOffset:Gh,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Hh,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:zh,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},savePNG:td,downloadPNG:Ah,downloadSVG:Lh,downloadJSON:Ih,updateUriList:Vh,updateImageAssetItem:Ch,updateVideoAssetItem:Mh,addSVGFilterAssetItem:Rh,dropImageUrl:$h,addImageAssetItem:xh,addVideoAssetItem:Sh,updateImage:yh,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:vh,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:dh,clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=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(sh({itemType:"artboard",x:Sa.px(300),y:Sa.px(200),width:Sa.px(375),height:Sa.px(667)},e)));n&&(i.reset({x:Sa.px(0),y:Sa.px(0)}),i.moveByCenter(n)),t.selection.select(i),oh(t)},addCustomComponent: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,i=r.appendChildItem(t.createItem(ad({x:Sa.px(300),y:Sa.px(200),width:Sa.px(375),height:Sa.px(667)},e)));n&&(i.reset({x:Sa.px(0),y:Sa.px(0)}),i.moveByCenter(n)),t.selection.select(i),oh(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){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),oh(t))},addLayerView:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),t.emit("removeGuideLine"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e,n))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(lh({itemType:"project"},e)));t.selection.selectProject(n),oh(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 Hc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","set attribute -d",t.selection.packByValue({d:i},r.id))}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new Hc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","change clip path",t.selection.packByValue({"clip-path":"path(".concat(i,")")},r.id))}},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;"svg-textpath"===e?n=hh(hh({},n),{},{"font-size":Sa.parse(n.height),textLength:"100%",d:gf.makeLine(0,1,1,1)}):"svg-circle"===e?(e="svg-path",n=hh(hh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:gf.makeCircle(0,0,1,1)})):"svg-rect"===e?(e="svg-path",n=hh(hh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:gf.makeRect(0,0,1,1)})):"text"===e?n=hh({width:Sa.px(300),height:Sa.px(50)},n):"artboard"===e&&(n=hh(hh({},n),{},{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(hh({itemType:e},n)),n,r,i),t.changeMode(Lg),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=zt()(r,2),a=i[0],o=i[1];a=Sa.px(+a),o=Sa.px(+o),n.reset({width:a,height:o}),t.selection.select(n),oh(t)}},setAttributeForMulti:Np,sortBottom:Ep,sortCenter:Mp,sortLeft:Tp,sortMiddle:Vp},w()(od,"sortBottom",Ep),w()(od,"sortTop",Ip),w()(od,"sortRight",Dp),w()(od,"sameWidth",Lp),w()(od,"sameHeight",Bp),w()(od,"updatePathItem",Wp),w()(od,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(e.d,")")}))}}),od),sd=function(){function t(e){O()(this,t),this.$editor=e,this.loadCommands()}return j()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(cd).forEach((function(e){Jt(cd[e])?t.registerCommand(e,cd[e]):t.registerCommand(cd[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))};return r.source=t,this.$editor.on(t,r,this,0)}if(qt(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))};return i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),ud={name:void 0};function ld(){return void 0===ud.name&&(-1!=navigator.appVersion.indexOf("Win")?ud.name="win":-1!=navigator.appVersion.indexOf("Mac")?ud.name="mac":-1!=navigator.appVersion.indexOf("X11")?ud.name="linux":ud.name=""),ud.name}var fd=[{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:"Tools",key:"h",command:"toggleToolHand",description:"set hand tool on",when:"CanvasView"},{category:"Layer",key:"Meta+ArrowLeft",command:"rotateLayer",description:"rotate to left",args:[-5],when:"CanvasView"},{category:"Layer",key:"Meta+ArrowRight",command:"rotateLayer",description:"rotate to right",args:[5],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:"Delete",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",win:"ctrl+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],hd={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 pd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pd(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vd(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function yd(t){return hd["".concat(t).toLowerCase()]||t}var gd=function(){function t(e){O()(this,t),this.$editor=e,this.loadShortCuts()}return j()(t,[{key:"getGeneratedKeyCode",value:function(t){return yd(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},fd.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=ld();this.list.push(dd(dd({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||!0)})),this.sort()}},{key:"makeWhenFunction",value:function(t,e){if(Wt(e)&&e)return function(){return!0};var n=this.$editor,r=e.split("|").map((function(t){return t.trim()}));return function(){return r.some((function(t){return t===n.modeView}))}}},{key:"sort",value:function(){var t=this;this.commands={},this.list.forEach((function(e){!1===Array.isArray(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)})),vd(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",yd(o.join("")))}},{key:"makeKeyString",value:function(t){return vd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return vd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return vd(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(n){var r;(r=e.$editor).emit.apply(r,[n.command].concat(ce()(n.args),[t]))}))}}}]),t}(),md=function(){function t(e){O()(this,t),this.editor=e,this.configList=[],this.config=new Map}return j()(t,[{key:"get",value:function(t){var e;!1===this.config.has(t)&&this.config.set(t,null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.defaultValue);return this.config.get(t)}},{key:"set",value:function(t,e){var n=this.config.get(t);n!==e&&(this.config.set(t,e),this.editor.emit("config:"+t,e,n))}},{key:"setAll",value:function(t){var e=this;Object.keys(t).forEach((function(n){e.set(n,t[n])}))}},{key:"getType",value:function(t){var e;return null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.type}},{key:"isType",value:function(t,e){return this.getType(t)===e}},{key:"isBoolean",value:function(t){return this.isType(t,"boolean")}},{key:"toggle",value:function(t){this.isBoolean(t)&&this.set(t,!this.get(t))}},{key:"true",value:function(t){return!0===this.get(t)}},{key:"false",value:function(t){return!1===this.get(t)}},{key:"remove",value:function(t){this.config.delete(t),this.editor.emit("config:"+t)}},{key:"registerConfig",value:function(t){this.config.set(t.key,t.defaultValue),this.configList.push(t)}}]),t}(),bd=function(){function t(e){O()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return j()(t,[{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}},{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){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=performance.now(),i=this.undoHistories[this.undoHistories.length-1],a={message:t,command:e,data:n,time:r};return i&&i.message===t&&r-i.time<this.$editor.config.get("history.delay.ms")?this.undoHistories[this.undoHistories.length-1]=a:(this.undoHistories.push(a),this.currentIndex++,this.undoHistories.length=this.currentIndex+1),this.$editor.emit("refreshHistory",e.command),a}},{key:"map",value:function(t){return[].concat(ce()(this.undoHistories.map(t)),["-"],ce()(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",e.command)}))}}},{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",e.command)}))}}}]),t}(),kd=i.fromValues(0,0,0);function xd(t,e){return Math.abs(t[0]-e[0])<1}function wd(t,e){return Math.abs(t[1]-e[1])<1}var Pd=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;O()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return j()(t,[{key:"dist",get:function(){return this.editor.config.get("snap.distance")||this.snapDistance}},{key:"gridSize",get:function(){return this.editor.config.get("snap.grid")||50}},{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,rectVerties:Lo(t.originVerties)}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties;return ce()(e)}},{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=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=[];return t.forEach((function(t,a){e.forEach((function(e,o){var c=t-e,s=n.gridSize-Math.abs(e)%n.gridSize;Math.abs(c)<=r?i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:c}):Math.abs(s)<=r&&i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:s})}))})),i}},{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.dist,a=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var c=e.checkX(t.xList,a,r)[0],s=e.checkY(t.yList,o,r)[0];n.push(i.fromValues(c?c.dx:0,s?s.dy:0,0))})),n.find((function(t){return te(t[0])||te(t[1])}))||kd}},{key:"checkPoint",value:function(t){var e=this.check([t]);return i.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,a=[],o={},c=0,s=t.length;c<s;c++){n=t[c];var u="".concat(n[0],"_x"),l="".concat(n[1],"_y");o[u]||(o[u]=[]),o[l]||(o[l]=[]);for(var f=0,h=e.length;f<h;f++)xd(n,r=e[f])&&o[u].push([n,r,"x",i.dist(n,r)]),wd(n,r)&&o[l].push([n,r,"y",i.dist(n,r)])}return Object.keys(o).forEach((function(t){if(o[t]&&o[t].length){var e=o[t].sort((function(t,e){return t[3]-e[3]})),n=zt()(e[0],3),r=n[0],i=n[1],c=n[2];a.push([r,i,c])}})),a}},{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}(),Od=function(){function t(e){O()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return j()(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}(),Sd=function(){function t(e){O()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=Vo(0,0,0,0),this.mouse=i.create(),this.scale=1,this.translate=i.create(),this.transformOrigin=i.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return j()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=i.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(i.add([],this.translate,i.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=ca(r.fromTranslation([],this.translate),r.fromTranslation([],this.transformOrigin),r.fromScaling([],[this.scale,this.scale,1]),r.fromTranslation([],i.negate([],this.transformOrigin))),this.matrixInverse=r.invert([],this.matrix),this.scaleMatrix=ca(r.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=r.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=Vo(0,0,this.canvasSize.width,this.canvasSize.height);var e=i.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=i.add([],this.verties[0],[e[0]/2,e[1]/2,0]),a=r.getTranslation([],ca(this.matrix,sa(r.fromTranslation([],n),this.scaleMatrix,r.invert([],r.fromTranslation([],n)))));this.setTranslate(a),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=Vo(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=Ui(this.cachedViewport,this.matrixInverse))}},{key:"getWorldPosition",value:function(t){return t=t||this.editor.config.get("bodyEvent"),this.createWorldPosition(t.clientX,t.clientY)}},{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(i.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(i.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){this.setTransformOriginWithTranslate(i.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=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=i.lerp([],t[0],t[2],.5),a=i.dist(t[0],t[1]),o=i.dist(t[0],t[3]),c=i.lerp([],this.verties[0],this.verties[2],.5),s=i.dist(this.verties[0],this.verties[1]),u=i.dist(this.verties[0],this.verties[3]),l=n?Math.min(s/a,u/o)+e:1;this.setTranslate(i.add([],this.translate,i.subtract([],c,r))),this.setTransformOrigin(r),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{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:"center",get:function(){return this.verties[4]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}},{key:"checkInViewport",value:function(t){var e=zt()(t,3),n=e[0],r=e[1],i=(e[2],this.minX<n&&n<this.maxX),a=this.minY<r&&r<this.maxY;return i&&a}},{key:"applyVertex",value:function(t){return i.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return i.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return Ui(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return Ui(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return Ui(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return Ui(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return Vo(t,e,n,r)}(t,e,n,r))}}]),t}(),jd=function(){function t(e){O()(this,t),this.editor=e,this.customAssetKey="custom-assets"}var e,n,r,i,a;return j()(t,[{key:"getCustomAssetList",value:(a=La()(Fa.a.mark((function t(){var e,n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=!1,n=(this.editor.loadItem(this.customAssetKey)||[]).map((function(t){return t.id||(t.id=ha(),e=!0),t})),!e){t.next=5;break}return t.next=5,this.setCustomAssetList(n);case 5:return t.abrupt("return",n);case 6:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})},{key:"setCustomAssetList",value:(i=La()(Fa.a.mark((function t(e){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem(this.customAssetKey,e);case 1:case"end":return t.stop()}}),t,this)}))),function(t){return i.apply(this,arguments)})},{key:"getCustomAsset",value:(r=La()(Fa.a.mark((function t(e){var n,r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:if(n=t.sent,!(r=n.find((function(t){return t.id===e})))||!r.component){t.next=6;break}return t.abrupt("return",r.component);case 6:return t.abrupt("return",null);case 7:case"end":return t.stop()}}),t,this)}))),function(t){return r.apply(this,arguments)})},{key:"saveCustomAsset",value:(n=La()(Fa.a.mark((function t(){var e,n,r,i,a=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:"",!(n=this.editor.selection.current)){t.next=13;break}return t.next=5,this.getCustomAssetList();case 5:return r=t.sent,t.next=8,this.editor.json.render(n);case 8:return(i=t.sent).x="0px",i.y="0px",t.next=13,this.setCustomAssetList([].concat(ce()(r),[{id:ha(),preview:e,component:i}]));case 13:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:"removeCustomAsset",value:(e=La()(Fa.a.mark((function t(e){var n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:return n=t.sent,t.next=5,this.setCustomAssetList(n.filter((function(t){return t.id!==e})));case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})}]),t}();function $d(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 Rd=$d('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Cd=$d('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Md=$d('<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"/>'),Td=$d('<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"/>'),Vd=$d('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Ed=$d('<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"/>'),Id=$d('<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"/>'),Dd=$d('<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"/>'),Ld=$d('<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"/>'),Bd=$d('<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"/>'),Ad=$d('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),zd=$d('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Fd=$d('<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"/>'),Hd=$d('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Gd=$d('<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"/>'),_d=$d('<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"/>'),Nd=$d('<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"/>'),Xd=$d('<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"/>'),Yd=$d('<path d="M19 13H5v-2h14v2z"/>'),Kd=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Ud=$d('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Wd=$d('<path d="M10 17l5-5-5-5v10z"/>'),Zd=$d('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),qd=$d('<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"/>'),Jd=$d('<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"/>'),Qd=$d('<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"/>'),tv=$d('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),ev=$d('<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"/>'),nv=$d('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),rv=$d('<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"/>'),iv=$d('<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"/>'),av=$d('<path d="M8 5v14l11-7z"/>'),ov=$d('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),cv=$d('<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"/>'),sv=$d('<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"/>'),uv=$d('<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"/>'),lv=$d('<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"/>'),fv=$d('<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"/>'),hv=$d('<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"/>'),pv=$d('<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>'),dv=$d('<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"/>'),vv=$d('<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"/>'),yv=$d('<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"/>'),gv=$d('<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"/>'),mv=$d('<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"/>'),bv=$d('<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"/>'),kv=$d('<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"/>'),xv=$d('<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"/>'),wv=$d('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Pv=$d('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),Ov=$d('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),Sv=$d('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),jv=$d('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),$v=$d('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Rv=$d('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Cv=$d('<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"/>'),Mv=$d('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Tv=$d('<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"/>'),Vv=$d('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Ev=$d('<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" />'),Iv=$d('<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"/>'),Dv=$d('<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"/>'),Lv=$d('<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"/>'),Bv=$d('<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"/>'),Av=$d('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),zv=$d('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Fv=$d('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),Hv=$d('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Gv=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),_v=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Nv=$d('<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"/>'),Xv=$d('<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)"/>'),Yv=$d('<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"/>'),Kv=$d('\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'),Uv=$d('<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"/>'),Wv=$d('<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"/>'),Zv=$d('<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"/>'),qv=$d('<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"/>'),Jv=$d('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),Qv=$d('<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"/>'),ty=$d('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),ey=$d('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),ny=$d('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),ry=$d('<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"/>'),iy=$d('<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"/>'),ay=$d('<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"/>'),oy=$d('<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"/>'),cy=$d('<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"/>'),sy=$d('<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"/>'),uy=$d('<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"/>'),ly=$d('<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"/>'),fy=$d('<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"/>'),hy=$d('<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"/>'),py=$d('<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"/>'),dy=$d('<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"/>'),vy=$d('<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"/>'),yy=$d('<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"/>'),gy=$d('<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"/>'),my=$d('<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"/>'),by=$d('<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"/>'),ky=$d('<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"/>'),xy=$d('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),wy=$d('<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"/>'),Py=$d('<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"/>'),Oy=$d('<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"/>'),Sy=$d('<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"/>'),jy=$d('\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'),$y=$d('<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"/>'),Ry=$d('<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"/>'),Cy=$d('\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'),My=$d('<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"/>'),Ty=$d('<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"/>'),Vy=$d('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Ey=$d('<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"/>'),Iy=$d('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),Dy=$d('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Ly=$d('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),By=$d('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),Ay=$d('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),zy=$d('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Fy=$d('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Hy=$d('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gy=$d('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),_y=$d('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Ny=$d('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Xy=$d('<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"/>'),Yy=$d('<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"/>'),Ky=$d('<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"/>'),Uy=$d('<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"/>'),Wy=$d('\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    '),Zy=$d('\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'),qy=$d('\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    '),Jy=$d('\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    '),Qy=$d('\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'),tg=$d('\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'),eg=$d('<path d="M14 7l-5 5 5 5V7z"/>'),ng=$d('\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=$d('<path d="M10 17l5-5-5-5v10z"/>'),ig=$d('<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"/>'),ag=$d('<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"/>'),og=$d('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),cg=$d('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),sg=$d('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),ug=$d('<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"/>'),lg=$d('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),fg=$d('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),hg=$d('<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"/>'),pg=$d('\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    '),dg=$d('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),vg=$d('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),yg=$d('<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"/>'),gg=$d('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),mg=$d('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),bg=$d('<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"/>'),kg=$d('<path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/>'),xg=$d('<path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/>'),wg=$d('<path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/>'),Pg=$d('<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/>'),Og=$d('<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/>'),Sg=$d('<path d="M18 24h-6.55c-1.08 0-2.14-.45-2.89-1.23l-7.3-7.61 2.07-1.83c.62-.55 1.53-.66 2.26-.27L8 14.34V4.79c0-1.38 1.12-2.5 2.5-2.5.17 0 .34.02.51.05.09-1.3 1.17-2.33 2.49-2.33.86 0 1.61.43 2.06 1.09.29-.12.61-.18.94-.18 1.38 0 2.5 1.12 2.5 2.5v.28c.16-.03.33-.05.5-.05 1.38 0 2.5 1.12 2.5 2.5V20c0 2.21-1.79 4-4 4zM4.14 15.28l5.86 6.1c.38.39.9.62 1.44.62H18c1.1 0 2-.9 2-2V6.15c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V3.42c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V2.51c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V4.79c0-.28-.22-.5-.5-.5s-.5.23-.5.5v12.87l-5.35-2.83-.51.45z"/>'),jg=$d('<path d="M18.85,10.39l1.06-1.06c0.78-0.78,0.78-2.05,0-2.83L18.5,5.09c-0.78-0.78-2.05-0.78-2.83,0l-1.06,1.06L18.85,10.39z M14.61,11.81L7.41,19H6v-1.41l7.19-7.19L14.61,11.81z M13.19,7.56L4,16.76V21h4.24l9.19-9.19L13.19,7.56L13.19,7.56z M19,17.5 c0,2.19-2.54,3.5-5,3.5c-0.55,0-1-0.45-1-1s0.45-1,1-1c1.54,0,3-0.73,3-1.5c0-0.47-0.48-0.87-1.23-1.2l1.48-1.48 C18.32,15.45,19,16.29,19,17.5z M4.58,13.35C3.61,12.79,3,12.06,3,11c0-1.8,1.89-2.63,3.56-3.36C7.59,7.18,9,6.56,9,6 c0-0.41-0.78-1-2-1C5.74,5,5.2,5.61,5.17,5.64C4.82,6.05,4.19,6.1,3.77,5.76C3.36,5.42,3.28,4.81,3.62,4.38C3.73,4.24,4.76,3,7,3 c2.24,0,4,1.32,4,3c0,1.87-1.93,2.72-3.64,3.47C6.42,9.88,5,10.5,5,11c0,0.31,0.43,0.6,1.07,0.86L4.58,13.35z" />');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 Rg(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){w()(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 Cg=Rg(Rg({},{fullscreen:Jd}),{},{draw:jg,pantool:Sg,left_hide:Pg,right_hide:Og,straighten:wg,plugin:xg,auto_awesome:kg,web:bg,navigation:mg,delete_forever:yg,horizontal_rule:gg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return $d('<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:pg,align_horizontal_center:ag,align_horizontal_left:og,align_horizontal_right:cg,align_vertical_bottom:sg,align_vertical_center:ug,align_vertical_top:lg,vertical_distribute:dg,horizontal_distribute:vg,rotate_left:hg,swap_horiz:fg,arrow_right:rg,group:ng,volume_down:Jy,arrowLeft:eg,volume_up:Qy,volume_off:tg,pentool:Zy,launch:Wy,apps:Yy,outline_rect:Ky,outline_circle:Uy,keyboard:Xy,local_movie:Ny,same_height:_y,same_width:Gy,layers:ig,middle:Hy,bottom:Fy,top:zy,right:Ay,center:By,left:Ly,flag:Dy,lens:Iy,local_library:Ey,italic:Vy,strikethrough:Ty,underline:My,cylinder:Cy,text_rotate:Ry,device_hub:$y,control_point:Sy,flip_camera:jy,flipY:Oy,flip:Py,account_tree:xy,format_shapes:wy,merge:by,texture:ky,settings_input_component:my,view_comfy:gy,camera_roll:yy,broken_image:vy,shadow:dy,opacity:py,looks:hy,vintage:fy,waves:ly,blur_linear:uy,blur:sy,landscape:cy,palette:oy,diffuse:ay,specular:iy,photo:ry,near_me:ny,view_list:ey,flash_on:ty,doc:Qv,storage:Jv,archive:qv,file_copy:Zv,gps_fixed:Wv,refresh:Uv,cat:Kv,shuffle:Yv,replay:Xv,speed:Nv,alternate_reverse:_v,alternate:Gv,note:Bv,rect:Lv,circle:Dv,color_lens:Iv,cube:Ev,polygon:Vv,star:Tv,dahaze:Mv,brush:Cv,expand:Rv,list:jv,grid:$v,align_center:wv,align_justify:Pv,align_left:Ov,align_right:Sv,color:xv,size:kv,edit:bv,outline_image:mv,ballot:vv,shape:dv,scatter:pv,transform:hv,gradient:fv,close:lv,build:uv,code:sv,autorenew:cv,play:av,pause:ov,skip_next:Av,skip_prev:zv,fast_forward:Fv,fast_rewind:Hv,filter:iv,input:rv,timer:ev,title:tv,paint:Qd,border_all:qd,border_inner:Jd,check:Zd,video:qy,arrowRight:Wd,screen:Ud,repeat:Kd,remove2:Yd,setting:Xd,image:Nd,artboard:_d,folder:Gd,publish:Hd,add_note:Fd,add:zd,save:Bd,export:Ad,redo:Ld,undo:Dd,lock:Id,lock_open:gv,remove:Vd,copy:Ed,visible:Td,add_box:Md,add_circle:yv,create_folder:Cd,chevron_right:Rd,chevron_left:nv}),Mg=function(){function t(){O()(this,t)}var e;return j()(t,[{key:"load",value:(e=La()(Fa.a.mark((function t(){var e,n,r,i,a,o,c,s=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!Cg[e]){t.next=8;break}for(r=s.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=s[a];return o=Jt(Cg[e])?(n=Cg[e]).call.apply(n,[Cg[e]].concat(i)):Cg[e],c=new Blob([o],{type:"image/svg+xml"}),t.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(c)})));case 8:return t.abrupt("return",e);case 9:case"end":return t.stop()}}),t)}))),function(){return e.apply(this,arguments)})}]),t}(),Tg=function(){function t(e){O()(this,t),this.$editor=e}return j()(t,[{key:"project",get:function(){return this.$editor.selection.currentProject}},{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=Th.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 Array.isArray(t)?t=t.map((function(t){return n.applyAsset(t,e)})):qt(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):Zt(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}}]),t}(),Vg=function(){function t(e){O()(this,t),this.editor=e,this.plugins=[]}var e;return j()(t,[{key:"registerPlugin",value:function(t){this.plugins.push(t)}},{key:"initializePlugin",value:(e=La()(Fa.a.mark((function t(){var e,n=this,r=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:{},t.next=3,Promise.all(this.plugins.map(function(){var t=La()(Fa.a.mark((function t(r){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,r(n.editor,e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()));case 3:return t.abrupt("return",t.sent);case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})}]),t}(),Eg=function(){function t(e){O()(this,t),this.editor=e,this.renderers={},this.rendererTypes={}}return j()(t,[{key:"getRenderType",value:function(t){return this.renderers[t]||(this.renderers[t]={}),this.renderers[t]}},{key:"registerRenderer",value:function(t,e,n){var r=this.getRenderType(t);if(r[e])throw new Error("It has duplicated renderer name. "+e);r[e]=n}},{key:"registerRendererType",value:function(t,e){if(this.rendererTypes[t])throw new Error("It has duplcated renderer type name. "+name);this.rendererTypes[t]=e}},{key:"getRenderer",value:function(t){return this.rendererTypes[t]}},{key:"getRendererInstance",value:function(t,e){return this.getRenderType(t)[e]}}]),t}(),Ig=function(){function t(e){O()(this,t),this.editor=e,this.menuItems={}}return j()(t,[{key:"registerMenuItem",value:function(t,e){var n=this;this.menuItems[t]||(this.menuItems[t]=[]),Object.keys(e).forEach((function(r){n.menuItems[t].push({refClass:r,class:e[r]})}))}},{key:"getTargetMenuItems",value:function(t){return this.menuItems[t]||[]}},{key:"generate",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.getTargetMenuItems(t).map((function(t){var n=e?'ref="$'.concat(t.refClass,'"'):"";return'<object refClass="'.concat(t.refClass,'" ').concat(n," />")})).join("\n")}}]),t}(),Dg=function(){function t(e){O()(this,t),this.editor=e,this.locales={},this.fallbackLang="en_US"}return j()(t,[{key:"getLang",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t||this.fallbackLang}},{key:"setFallbackLang",value:function(t){this.fallbackLang=t}},{key:"get",value:function(t){var e,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this.getLang(i),o=(null===(e=this.locales[a])||void 0===e?void 0:e[t])||(null===(n=this.locales[this.fallbackLang])||void 0===n?void 0:n[t])||t||void 0;if(Jt(o))return o(r);var c=o;return t===c?t.split(".").pop():(Object.entries(r).forEach((function(t){var e=zt()(t,2),n=e[0],r=e[1];c=c.replace(new RegExp("{".concat(n,"}"),"ig"),r)})),c)}},{key:"hasKey",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=this.getLang(e);return!(!this.locales[n][t]&&!this.locales[this.fallbackLang][t])}},{key:"registerI18nMessage",value:function(t,e){this.locales[t]||(this.locales[t]={}),Object.assign(this.locales[t],e)}}]),t}(),Lg="SELECTION",Bg=function(){function t(){O()(this,t),this.EDITOR_ID=ha(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Lg,this.modeView="CanvasView",this.addComponentType="",this.loadManagers()}return j()(t,[{key:"loadManagers",value:function(){this.store=new xo(this),this.config=new md(this),this.snapManager=new Pd(this),this.commands=new sd(this),this.shortcuts=new gd(this),this.selection=new ih(this),this.timeline=new Oo(this),this.history=new bd(this),this.keyboardManager=new Od(this),this.viewport=new Sd(this),this.storageManager=new jd(this),this.cursorManager=new Mg(this),this.assetManager=new Tg(this),this.menuItemManager=new Ig(this),this.components=new ah(this),this.pluginManager=new Vg(this),this.renderers=new Eg(this),this.i18n=new Dg(this),this.initTheme(),this.initPlugins(),this.initStorage()}},{key:"initStorage",value:function(){this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all"}},{key:"createProject",value:function(){return this.createItem({itemType:"project"})}},{key:"getI18nMessage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.i18n.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return this.i18n.hasKey(t,e||this.locale)}},{key:"initI18nMessage",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"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"initPlugins",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.pluginManager.initializePlugin(t)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return wo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Lg;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(Lg)}},{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:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){var t=this.config.get("bodyEvent");return!t||("pointerup"===t.type||"pointermove"===t.type&&0===t.buttons)}},{key:"isPointerDown",get:function(){return!this.isPointerUp}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}},{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(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var i=n[0],a=n[1],o=n.slice(2);return(t=this.store).on.apply(t,[i,a,this].concat(ce()(o)))}},{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 Zt(t)?e.push(t):Array.isArray(t)&&(e=ce()(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:"storeKey",get:function(){return"__els__.".concat(this.config.get("store.key"))}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),JSON.stringify(e))}},{key:"loadResource",value:function(t){return this.assetManager.revokeResource(window.localStorage.getItem("".concat(this.storeKey,".").concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("".concat(this.storeKey,".").concat(t))||JSON.stringify(""))}},{key:"registerElement",value:function(t){io(t)}},{key:"registerMenuItem",value:function(t,e){this.menuItemManager.registerMenuItem(t,e),this.registerElement(e)}},{key:"registerComponent",value:function(t,e){this.components.registerComponent(t,e)}},{key:"registerItem",value:function(t,e){this.registerComponent(t,e)}},{key:"registerInspector",value:function(t,e){this.components.registerInspector(t,e)}},{key:"registerRenderer",value:function(t,e,n){this.renderers.registerRenderer(t,e,n)}},{key:"registerRendererType",value:function(t,e){this.renderers.registerRendererType(t,e)}},{key:"getRendererInstance",value:function(t,e){return this.renderers.getRendererInstance(t,e)}},{key:"renderer",value:function(t){return this.renderers.getRenderer(t)}},{key:"html",get:function(){return this.renderer("html")}},{key:"svg",get:function(){return this.renderer("svg")}},{key:"json",get:function(){return this.renderer("json")}},{key:"registerCommand",value:function(t){return this.commands.registerCommand(t)}},{key:"registerShortCut",value:function(t){this.shortcuts.registerShortCut(t)}},{key:"registerPlugin",value:function(t){this.pluginManager.registerPlugin(t)}},{key:"registerPluginList",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((function(e){return t.registerPlugin(e)}))}},{key:"registerConfig",value:function(t){this.config.registerConfig(t)}},{key:"registerI18nMessage",value:function(t,e){this.i18n.registerI18nMessage(t,e)}},{key:"registerI18nMessageWithLocale",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n=zt()(t,2),r=n[0],i=n[1];e.registerI18nMessage(r,i)}))}}]),t}(),Ag=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return _("bodyMouseMove ".concat(t))},zg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return _("bodyMouseUp ".concat(t))};function Fg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hg=function(t){R()(n,t);var e=Fg(n);function n(t){var r,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return O()(this,n),(r=e.call(this,t,i)).__UID=new Set,r.created(),r.initialize(),r.initializeStoreEvent(),r}return j()(n,[{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:MULTI_PREFIX,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=ae(t,e),i=zt()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"createLocalCallback",value:function(t,e){var n=e.bind(this);return n.displayName="".concat(this.sourceName,".").concat(t),n.source=this.source,n}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(B).forEach((function(e){var n=t.getRealEventName(e,"subscribe "),r=n.split(A),i=Ia()(r),a=(i[0],i.slice(1)),o=a.map((function(t){return t.trim()})).filter((function(e){return t[e]})).map((function(t){return{target:t}})),c=t.splitMethod(a,"debounce"),s=zt()(c,2),u=s[0],l=s[1],f=t.splitMethod(a,"throttle"),h=zt()(f,2),p=h[0],d=h[1],v=t.splitMethod(a,"allTrigger"),y=zt()(v,2),g=(y[0],y[1]),m=t.splitMethod(a,"selfTrigger"),b=zt()(m,2),k=(b[0],b[1]);n.split(A).filter((function(t){return-1===o.indexOf(t)&&-1===l.indexOf(t)&&-1===g.indexOf(t)&&-1===k.indexOf(t)&&-1===d.indexOf(t)})).map((function(t){return t.trim()})).filter(Boolean).forEach((function(n){if(Jt(t[e])){var r=t.createLocalCallback(n,t[e]);t.$store.on(n,r,t,u,p,g.length,k.length,o)}}))}))}},{key:"destoryStoreSUBSCRIBE",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){$a()(V()(n.prototype),"destroy",this).call(this),this.destoryStoreSUBSCRIBE()}},{key:"rerender",value:function(){$a()(V()(n.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:"broadcast",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];Object.keys(this.children).forEach((function(n){var i;(i=e.children[n]).trigger.apply(i,[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:"subscribe",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="subscribe.".concat(lo()),i=this.createLocalCallback(r,t);return this.$store.on(r,i,this,e,n,!1,!0),r}}]),n}(ko);function Gg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _g=function(t){R()(n,t);var e=Gg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.$editor.registerI18nMessageWithLocale(this.initializeI18nMessage())}},{key:"initializeI18nMessage",value:function(){return{}}},{key:"$editor",get:function(){return this.parent.$editor}},{key:"$store",get:function(){return this.$editor.store||this.parent.$store}},{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 this.$editor.getI18nMessage(t,e,n)}},{key:"$initI18n",value:function(t){return this.$editor.initI18nMessage(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}},{key:"$menuManager",get:function(){return this.$editor.menuItemManager}},{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:"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)}}]),n}(Hg);function Ng(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xg={x:0,y:0},Yg={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Kg=function(t){R()(n,t);var e=Ng(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.$editor.registerPluginList(this.getPlugins()),Array.isArray(this.opt.plugins)&&this.$editor.registerPluginList(this.opt.plugins),this.$editor.initPlugins(),qt(this.opt.config)&&this.$config.setAll(this.opt.config||{})}},{key:"$editor",get:function(){return this.__editorInstance||(this.__editorInstance=new Bg),this.__editorInstance}},{key:"afterRender",value:function(){$a()(V()(n.prototype),"afterRender",this).call(this),this.$el.attr("data-theme",this.$editor.theme),this.$el.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initialize",value:function(){var t;$a()(V()(n.prototype),"initialize",this).call(this),this.__initBodyMoves(),this.emit("load.json",null===(t=this.opt.data)||void 0===t?void 0:t.projects)}},{key:"getPlugins",value:function(){return[]}},{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):Gt(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")||Yg;!(n.x===t.x&&n.y===t.y)&&this.__moves.size&&(this.__moves.forEach((function(n){var r=Yi(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:it("add/body/mousemove"),value:function(t,e,n){this.__moves.add({func:t,context:e,xy:n})}},{key:it("add/body/mouseup"),value:function(t,e,n){this.__ends.add({func:t,context:e,xy:n})}},{key:wt("document"),value:function(t){var e=t.xy||Xg;this.$config.set("bodyEvent",t),this.$config.set("pos",e)}},{key:St("document"),value:function(t){var e=t.xy||Xg;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.__requestId||(this.__requestId=requestAnimationFrame(this.__funcBodyMoves))}},{key:jt("document"),value:function(t){this.$config.set("bodyEvent",t),this.__removeBodyMoves(),cancelAnimationFrame(this.__requestId),this.__requestId=null}},{key:xt("window")+Z(100),value:function(){this.emit("resize.window")}},{key:rt("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:rt("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:rt("changeTheme"),value:function(){this.$el.attr("data-theme",this.$editor.theme)}},{key:rt("changed.locale"),value:function(){this.rerender()}}]),n}(_g);n(34);function Ug(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wg=[],Zg=function(t){R()(n,t);var e=Ug(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(d," ").concat(30-c," L ").concat(d," 30 ")}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(h,'" y="',0,'" dx="0" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(f,"</text>")}return o.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,c=(n[0][0]-i)/a*o,s=(n[2][0]-i)/a*o;return"\n            M ".concat(c," 20 \n            L ").concat(c," 30 \n            L ").concat(s," 30 \n            L ").concat(s," 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,t),n=Math.max.apply(Math,t),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,c=(e-i)/a*o,s=(n-i)/a*o;return"\n            M ".concat(c," 15 \n            L ").concat(c," 20 \n            L ").concat(s," 20 \n            L ").concat(s," 15 \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 Wg=[],this.makeLine(Wg,200,e,n,r,i,10,20,1e4),this.makeLine(Wg,100,e,n,r,i,10,20,200),this.makeLine(Wg,50,e,n,r,i,10,20,100),this.makeLine(Wg,10,e,n,r,i,10,18,50),this.makeLine(Wg,5,e,n,r,i,10,15,10),this.makeLine(Wg,1,e,n,r,i,10,13,5),Wg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Tt("$ruler")+W,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:Tt("$layerRuler")+W,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:rt("updateViewport","refreshSelection"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+J(10),value:function(){this.$selection.current&&(this.$selection.current.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh())}},{key:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(_g);n(35);function qg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Jg=[],Qg=function(t){R()(n,t);var e=qg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(30-c," ").concat(d," L 30 ").concat(d)}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(1,'" y="',h,'" dy="6" dominant-baseline="central" transform="rotate(-90, 1, ').concat(h,')">').concat(f,"</text>")}return o.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,c=(n[0][1]-i)/a*o,s=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(c,"\n            L 30 ").concat(c,"\n            L 30 ").concat(s,"\n            L 20 ").concat(s,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=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 15 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 15 ").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 Jg=[],this.makeLine(Jg,200,e,n,r,i,10,18,1e4),this.makeLine(Jg,100,e,n,r,i,10,18,200),this.makeLine(Jg,50,e,n,r,i,10,18,100),this.makeLine(Jg,10,e,n,r,i,10,18,50),this.makeLine(Jg,5,e,n,r,i,10,15,10),this.makeLine(Jg,1,e,n,r,i,10,14,5),Jg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Tt("$body")+W,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:Tt("$layerRuler")+W,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+J(10),value:function(){var t=this.$selection.current;t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh()}},{key:rt("refreshSelection"),value:function(){this.load("$layerRuler")}},{key:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(_g),tm=function(){function t(){O()(this,t)}return j()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=ce()(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=ce()(t.dataTransfer.files)),[].concat(ce()(e),ce()(n))}}]),t}(),em=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],nm={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},rm={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},am=function(t){return nm[t]||!1},om=function(t){return im[t]||!1};function cm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sm=Ka.create("div"),um=function(t){R()(n,t);var e=cm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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      <style type='text/css' ref='$styleView'></style>\n    </div>\n    "}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.refs.$head=Ka.create(document.head)}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new nh;this.refs.$head.$$('style[data-renderer-type="html"]').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=Ka.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-renderer-type="html"][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:Tt("$svgArea")+W,value:function(){var t=this.$selection.currentProject||{};return this.$editor.html.renderSVG(t)}},{key:rt("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:rt("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:rt("refreshSelection"),value:function(){var t=this.$selection.items.map((function(t){return'[data-id="'.concat(t.id,'"]')})).join(","),e=this.$selection.isMany?"\n      ".concat(t," {\n        box-shadow: 0 0 0 1px #66baff;\n      }\n    "):"";this.refs.$styleView.html(e)}},{key:rt("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Array.isArray(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?Zt(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var c=n[a],s=c.allLayers.map((function(t){return'style[data-renderer-type="html"][data-id="'.concat(t.id,'"]')})).join(",");i.push(s),r.push(this.makeStyle(c))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var u=sm.html(r.join("")).createChildrenFragment();this.refs.$head.append(u)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),n}(_g);n(36);function lm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fm=function(t){R()(n,t);var e=lm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{StyleView:um}}},{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return"\n            <div class='elf--element-view' ref='$body'>\n                <object refClass='StyleView' ref='$styleView' />\n                <div class='canvas-view' ref='$view'></div>\n                ".concat(this.$menuManager.generate("render.view"),"\n            </div>\n        ")}},{key:rt("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:rt("refElement"),value:function(t,e){Jt(e)&&e(this.getElement(t))}},{key:"clearElementAll",value:function(){var t=this;this.$selection.each((function(e){t.clearElement(e.id)}))}},{key:"clearElement",value:function(t){this.state.cachedCurrentElement[t]=void 0}},{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:ut("$view .element-item.text .text-content"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:bt("$view .element-item.text .text-content"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:ft("$view .element-item.text .text-content"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.parent().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){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(hd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(n))return!0;var r=Ka.create(t.target);if(r.hasClass("canvas-view"))return!1;var i=r.closest("element-item");if(!i)return!!this.$editor.isSelectionMode();if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey){var o=this.$selection.currentProject.searchById(a);if(o.is("artboard")&&o.hasChildren())return this.$config.set("set.dragarea.mode",!0),!0}return this.$editor.isSelectionMode()}},{key:ut("$view"),value:function(t){var e=Ka.create(t.target).closest("element-item").attr("data-id"),n=this.$selection.get(e);this.$selection.isOne&&n&&(this.emit("open.editor"),this.emit("removeGuideLine"))}},{key:wt("$view")+N("checkEditMode")+Ag("calculateMovedElement")+zg("calculateEndedElement"),value:function(t){if(this.initMousePoint=this.$viewport.getWorldPosition(t),this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else{var e=this.$selection.hasPoint(this.initMousePoint),n=Ka.create(t.target);if(n.hasClass("canvas-view"))return this.$selection.select(),this.initializeDragSelection(),this.emit("history.refreshSelection"),!1;var r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||!1===this.$selection.check({id:i})&&this.$selection.selectById(i),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);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.initializeDragSelection(),this.emit("history.refreshSelection")}}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"calculateMovedElement",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(!this.$selection.isLayoutItem){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.moveTo(e),this.$selection.changeArtBoard()&&(this.initMousePoint=t,this.$selection.reselect(),this.$snapManager.clear(),this.clearElementAll(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Sa.px(t.x+n[0]).round(1e3),y:Sa.px(t.y+n[1]).round(1e3)}})),this.$selection.reset(r)}},{key:rt("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"calculateEndedElement",value:function(t,e){var n=this.$viewport.getWorldPosition(),r=i.dist(n,this.initMousePoint);if(this.$config.get("set.dragarea.mode"))return this.emit("endDragAreaView"),void this.$config.set("set.dragarea.mode",!1);r<1?this.$selection.current:(this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"))),this.emit("refreshSelectionTool",!0)}},{key:It("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Sa.px(e),height:Sa.px(n)}}}},{key:It("$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,")");return{style:{"transform-origin":"".concat(n[0],"px ").concat(n[1],"px"),transform:i}}}},{key:rt("refreshSelectionStyleView"),value:function(t){var e=this;(t?[t]:this.$selection.items).forEach((function(t){e.updateElement(t)}))}},{key:"updateElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:"updateTimelineElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:rt("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:rt("refreshAllCanvas"),value:function(){this.clearElementAll();var t=this.$selection.currentProject,e=this.$editor.html.render(t,null,this.$editor)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view"),this.trigger("updateAllCanvas",t)}},{key:rt("updateAllCanvas"),value:function(t){var e=this;t.layers.forEach((function(t){e.updateElement(t,e.getElement(t.id)),e.trigger("updateAllCanvas",t)}))}},{key:rt("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));ce()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:rt("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,c=r.height;t.reset({x:Sa.px(i),y:Sa.px(a),width:Sa.px(o),height:Sa.px(c)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:rt("updateViewport"),value:function(){this.bindData("$view")}}]),n}(_g);n(37);function hm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pm=function(t){R()(n,t);var e=hm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return"     \n      <div class='elf--page-tools'>\n        <button type='button' ref='$minus'>".concat(Cg.remove2,"</button>\n        <div class='select'>\n          <object \n            refClass=\"NumberInputEditor\" \n            ref='$scale' \n            min='10' \n            max='240' \n            step=\"1\" \n            key=\"scale\" \n            value=\"").concat(100*this.$viewport.scale,'" \n            onchange=').concat(this.subscribe((function(e,n){t.$viewport.setScale(n/100),t.emit("updateViewport"),t.trigger("updateViewport")}),1e3),"\n        />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Cg.add,"</button>        \n        <button type='button' ref='$center' data-tooltip=\"Move to Center\" data-direction=\"top\">").concat(Cg.gps_fixed,"</button>    \n        <button type='button' ref='$ruler' data-tooltip=\"Toggle Ruler\" data-direction=\"top\">").concat(Cg.straighten,"</button>    \n        <button type='button' ref='$fullscreen' data-tooltip=\"FullScreen Canvas\" data-direction=\"top\">").concat(Cg.fullscreen,"</button>                        \n        <button type='button' ref='$pantool' class=\"").concat(wc({on:this.$config.get("set.tool.hand")}),'" data-tooltip="Hand | H" data-direction="top">').concat(Cg.pantool,"</button>   \n        ").concat(this.$menuManager.generate("page.tools"),"                             \n      </div>\n\n    ")}},{key:rt("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale&&this.children.$scale.setValue(t)}},{key:st("$plus")+et+nt,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:st("$minus")+et+nt,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:st("$center")+et+nt,value:function(){this.emit("moveSelectionToCenter")}},{key:st("$pantool")+et+nt,value:function(){this.$config.toggle("set.tool.hand")}},{key:st("$ruler")+et+nt,value:function(){this.$config.toggle("show.ruler")}},{key:st("$fullscreen")+et+nt,value:function(){this.emit("bodypanel.toggle.fullscreen")}},{key:ot("set.tool.hand"),value:function(){this.refs.$pantool.toggleClass("on",this.$config.get("set.tool.hand"))}}]),n}(_g);n(38);function dm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ym=function(t){R()(n,t);var e=vm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--layer-append-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:"black",fontSize:30,showRectInfo:!1,areaVerties:Vo(0,0,0,0),content:"Insert a text",pathManager:new gf,rect:{},options:{},containerItem:void 0}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:St("$el")+N("checkNotDragStart"),value:function(t){var e=this.$viewport.getWorldPosition(t),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertex=i.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertex=null),this.bindData("$mousePointer")}},{key:wt("$el")+Ag()+zg()+et+nt,value:function(t){this.initMousePoint=this.state.targetPositionVertex?this.state.targetPositionVertex:this.$viewport.getWorldPosition(t),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="";var e=Vo(this.initMousePoint[0],this.initMousePoint[1],0,0);this.state.areaVerties=this.$viewport.applyVerties(e),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"text":case"svg-text":return"\n                <div \n                    class='draw-item' \n                    \n                    style='font-size: 30px;outline: 1px solid blue;white-space:nowrap'\n                >\n                    <p contenteditable=\"true\" style=\"margin:0px;display: inline-block;outline:none;\" ></p>\n                </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(gf.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(gf.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(gf.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            ");default:return"<div class='draw-item' style='outline: 1px solid blue;'></div>"}}},{key:It("$area"),value:function(){var t=Do(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:It("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=Do(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Sa.px(e[2][0]),top:Sa.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||[]).filter(Boolean);return 0!==e.length?'\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    "):void 0}},{key:It("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n]).filter(Boolean)):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,a=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),c=Math.max(n[0],this.initMousePoint[0])-a,s=Math.max(n[1],this.initMousePoint[1])-o;r&&(s=c);var u=Vo(a,o,c,s);this.state.areaVerties=this.$viewport.applyVerties(u),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.content,o=r.fontSize,c=r.areaVerties,s=this.$viewport.applyVertiesInverse(c),u=this.$selection.getArtboardByPoint(s[0]),l=Do(s),f=l.x,h=l.y,p=l.width,d=l.height,v=!0;if(0===p.value&&0===d.value)switch(this.state.type){case"text":a="",d.set(this.state.fontSize),v=!1;break;default:p.set(100),d.set(100)}var y=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({x:f,y:h,width:p,height:d,"background-color":i,content:a,"font-size":o},this.state.options);switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete y["background-color"];break;default:delete y.content}switch(this.state.type){case"image":this.trigger("openImage",y,u);break;case"video":this.trigger("openVideo",y,u);break;case"audio":this.trigger("openAudio",y,u);break;case"text":if(!v){var g=this.state.fontSize/this.$viewport.scale,m=this.refs.$area.$(".draw-item > p");return m.parent().css("height","".concat(g,"px")),m.parent().css("font-size","".concat(g,"px")),m.select(),void m.focus()}y["font-size"]=Sa.px(this.state.fontSize/this.$viewport.scale);default:this.emit("newComponent",this.state.type,y,!0,u)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:rt("showLayerAppendView"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.type=t,this.state.options=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:rt("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:rt("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:lt("document")+N("isShow")+Y+X+et+nt,value:function(t){}},{key:ft("document")+N("isShow")+Y+X+et+nt,value:function(t){switch(this.state.type){case"text":var e=Ka.create(t.target),n=this.state,r=n.fontSize,i=n.areaVerties,a=this.$viewport.applyVertiesInverse(i),o=Do(a),c=o.x,s=o.y,u=e.rect(),l=u.width,f=u.height,h=e.text();if(console.log(h,f),0===h.length)break;var p=this.$viewport.applyScaleVertiesInverse([[l,f,r]]),d=zt()(p,1),v=zt()(d[0],3),y=v[0],g=v[1],m=v[2],b={x:c,y:s,width:Sa.px(y),height:Sa.px(g),content:h.trim(),"font-size":Sa.px(m)},k=this.$selection.getArtboardByPoint(a[0]);this.emit("newComponent",this.state.type,b,!0,k)}this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect"),this.trigger("hideLayerAppendView")}},{key:ft("$el")+N("isShow"),value:function(t){switch(this.state.type){case"text":var e=Ka.create(t.target).rect();e.width,e.height}}},{key:yt("$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:yt("$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:rt("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:rt("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}}]),n}(_g);function gm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var bm=function(){function t(){O()(this,t),this.segmentList=[]}return j()(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(mm(mm({},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(mm(mm({},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?"":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 km(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?km(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):km(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var wm=["startPoint","endPoint","reversePoint"];function Pm(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 Om(t,e,n,r){var i=[],a=wm;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],c=Math.abs(o[e]-n);c<=r&&i.push({dist:c,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function Sm(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 c=a,s=t[c];if(s){if("M"===s.command)i.push({command:"M",values:[s.startPoint]});else{var u=Ac.getPrevPoint(t,a);!1===s.curve?!1===u.curve?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[u.endPoint,s.startPoint]}):!1===u.curve?Ac.isEqual(s.reversePoint,s.startPoint)?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[s.reversePoint,s.startPoint]}):i.push({command:"C",values:[u.endPoint,s.reversePoint,s.startPoint]})}s.close&&i.push({command:"Z"})}}var l=i.map((function(t){return jm(e,n,t,r)})).join(" ");return{d:l}}function jm(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 $m=function(){function t(e){O()(this,t),this.pathEditor=e,this.pathStringManager=new gf,this.guideLineManager=new gf,this.segmentManager=new bm,this.initialize(),this.initializeSelect()}return j()(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:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return ce()(this.state.points)}},{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=i.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){var e=this.transformRect,n=e.x,i=e.y,a=e.width,o=e.height,c=r.create();switch(r.translate(c,c,[n,i,0]),t){case"flipX":r.scale(c,c,[-1,1,1]),r.translate(c,c,[-a,0,0]);break;case"flipY":r.scale(c,c,[1,-1,1]),r.translate(c,c,[0,-o,0]);break;case"flip":r.scale(c,c,[-1,-1,1]),r.translate(c,c,[-a,-o,0])}r.translate(c,c,[-n,-i,0]),this.transformMat4(c)}},{key:"initTransform",value:function(t){this.transformRect=ee(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:ee(t.startPoint),endPoint:ee(t.endPoint),reversePoint:ee(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=Ac.getReversePoint(n.startPoint,a));var c={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(c)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:ee(t),curve:!1,reversePoint:ee(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=Ac.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Ac.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Ac.getNextPoint(i,t));var a=Ac.isFirst(r.segment);if(a){var o=Ac.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ee(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ee(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=zt()(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=ee(n.startPoint),n.endPoint=ee(n.startPoint),"M"===n.command){var r=Ac.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=ee(r.startPoint),r.endPoint=ee(r.startPoint))}else{if((i=Ac.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ee(o.startPoint),o.endPoint=ee(o.startPoint)}else{n.curve=!0;var i,a=Ac.getPrevPoint(e,t);if((i=Ac.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Ac.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ee(n.endPoint),o.reversePoint=ee(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var c=(n.startPoint.x-a.startPoint.x)/3,s=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reversePoint=Ac.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){c=(n.startPoint.x-i.startPoint.x)/3,s=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reverse=Ac.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]=Ac.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],c=o.x,s=o.y,u=n.originalSegment[e],l=u.x,f=u.y,h=Xi(la(c-i,s-a),Yi(l,f,i,a),i,a),p=h.x,d=h.y;n.segment[e]={x:p,y:d}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var a=r.state,o=a.cachedPoints,c=a.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=c.x+e,u=c.y+n,l=Pm(o,"x",s,e,i),f=l.point,h=(e=l.distanceValue,Pm(o,"y",u,n,i)),p=h.point,d=(n=h.distanceValue,{x:c.x+e,y:c.y+n}),v=[];return f&&v.push({startPoint:f,endPoint:d}),p&&v.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:v}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=ee(t.startPoint),e.endPoint=ee(t.endPoint),e.reversePoint=ee(t.reversePoint)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}},{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=Ac.splitPoints(this.state.points),n=Ac.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=ee(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=ee(t.startPoint)),Ac.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,c=this.calculateSnap(a,t,e,3),s=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=s||[],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 u="endPoint"===a?"reversePoint":"endPoint";r.segment[u]=Ac.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},c={x:i,y:a};n.dragPoints&&(c=Ac.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Ac.getPoint(r,e),a=Ac.getPoint(r,n),o=[xm(xm({},i),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},xm(xm({},a),{},{reversePoint:t.second[2]})],c=Ac.getIndex(r,e);return r.splice.apply(r,[c,2].concat(o)),this.state.points=r,c+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Ac.getPoint(r,e),a=Ac.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[xm(xm({},i),{},{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Ac.getIndex(r,e);r.splice.apply(r,[c,1].concat(ce()(o)))}else{o=[xm({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},xm(xm({},a),{},{reversePoint:t.second[1],curve:!0})],c=Ac.getIndex(r,e);r.splice.apply(r,[c,2].concat(ce()(o)))}return this.state.points=r,c+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=Ac.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 Sm(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,c=i,s=la(r-n,a-i)-180,u=Xi(0,20,o,c),l=u.x,f=u.y,h=Xi(s/2,20,o,c),p=(h.x,h.y,Xi(s,20,o,c));this.segmentManager.addDistanceAngle(p,20,20,s,{x:l,y:f},{x:l-20,y:f})}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)):(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint),!1===Ac.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===Ac.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?Ac.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===Ac.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===Ac.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ac.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===Ac.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ac.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?Ac.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 gf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new gf).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ac.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new gf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new gf).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new gf).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=Ac.getNextPoint(t,n),o=Ac.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=Om(t,"x",e.x,n),i=Om(t,"y",e.y,n),a=xm({},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),c=o.snapPointList,s=o.moveXY;a.push.apply(a,c),t.moveXY=s,r=s,this.snapPointList=a;var u=e[e.length-1];if(i)if(u){if(u.curve){var l=Ac.getReversePoint(n,r);p=l.x,d=l.y;this.guideLineManager.M(u.startPoint).C(u.endPoint,{x:p,y:d},n),this.segmentManager.addGuideLine(u.startPoint,u.endPoint).addGuideLine(n,{x:p,y:d}).addGuideLine(n,r).addCurvePoint(u.endPoint).addCurvePoint({x:p,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===u.curve){var f=Ac.getReversePoint(n,r);p=f.x,d=f.y;this.guideLineManager.M(u.startPoint).Q({x:p,y:d},n),this.segmentManager.addGuideLine(r,{x:p,y:d}).addPoint(!1,n).addCurvePoint({x:p,y:d}).addCurvePoint(r)}}else{var h=Ac.getReversePoint(n,r),p=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:p,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:p,y:d})}else u&&(u.curve?(this.guideLineManager.M(u.startPoint).Q(u.endPoint,r),this.segmentManager.addGuideLine(u.endPoint,u.startPoint).addCurvePoint(u.endPoint)):u.close||(this.guideLineManager.M(u.startPoint).L(r),this.segmentManager.addPoint(!1,u.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new gf;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:"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 Sm(t,e,n,r).d}}]),t}();function Rm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cm=function(t){R()(n,t);var e=Rm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),n}(zu);function Mm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Em=function(t){R()(n,t);var e=Vm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Tm({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Tm(Tm({},$a()(V()(n.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 e=Ds(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t));else{var a=t.split(" "),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];r.x1=Sa.parse(c),r.y1=Sa.parse(s),r.x2=Sa.parse(u),r.y2=Sa.parse(l),r.spreadMethod=f||"pad"}})),new n(Tm(Tm({},r),{},{colorsteps:i}))}}]),n}(Cm);function Im(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Im(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Im(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bm=function(t){R()(n,t);var e=Lm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Dm({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Dm(Dm({},$a()(V()(n.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,c=e.fr,s=e.spreadMethod;return"\n<radialGradient ".concat(xc({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:c,spreadMethod:s})," >\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 e=Ds(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t));else{var a=t.split(" "),o=zt()(a,7),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6];r.cx=c,r.cy=s,r.r=u,r.fx=l,r.fy=f,r.fr=h,r.spreadMethod=p||"pad"}})),new n(Dm(Dm({},r),{},{colorsteps:i}))}}]),n}(Cm);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){w()(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}function Fm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hm=function(t){R()(n,t);var e=Fm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Iu({color:"red",percent:0,index:0}),new Iu({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return zm(zm({},$a()(V()(n.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 n({colorsteps:[new Iu({color:t,percent:0,index:0}),new Iu({color:t,percent:100,index:0})]})}}]),n}(Cm);function Gm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xm=["jpg","jpeg","png","gif","svg"];var Ym=function(t){R()(n,t);var e=Nm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,_m({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return _m(_m({},$a()(V()(n.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,c=t.imageHeight,s=t.url,u=[e,n,r,i,a,o,c].join(",").trim();return"url(".concat(s,"#").concat(u,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,c=e.imageWidth,s=e.imageHeight;return"\n  <pattern ".concat(xc({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(xc({x:a,y:o,width:c,height:s,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var e=t.split("(")[1].split(")")[0].trim().split("#"),r=zt()(e,2),i=r[0],a=r[1];if(!a)return new n({url:i});var o=a.split(","),c=zt()(o,7);return new n({patternUnits:c[0],patternWidth:c[1],patternHeight:c[2],imageX:c[3],imageY:c[4],imageWidth:c[5],imageHeight:c[6],url:i})}},{key:"isImageFile",value:function(t){return Xm.includes(t)}}]),n}(Cu);function Km(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Um(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Km(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Km(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Wm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zm=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,qm=function(t){R()(n,t);var e=Wm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.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 Em(Um(Um({},r),{},{colorsteps:n}));case"radial-gradient":return new Bm(Um(Um({},r),{},{colorsteps:n}));default:return new Hm(Um(Um({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Ds(t),n=null,r=e.str.match(Zm);return r?(r.forEach((function(t,r){t=Bs(t,e.matches),n=t.includes("linear")?Em.parse(t):t.includes("radial")?Bm.parse(t):t.includes("url")?Ym.parse(t):Hm.parse(t)})),n):Hm.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Em(t);case"radial-gradient":return new Bm(t);case"image-resource":case"url":return new Ym(t);default:return new Hm(t)}}}]),n}(Tc);n(39);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eb=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],nb=function(t){R()(n,t);var e=tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new Hc}},{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:Sa.z(),screenY:Sa.z(),screenWidth:Sa.z(),screenHeight:Sa.z()}}},{key:rt("changeDrawManager"),value:function(t){this.setState(Qm({},t),!1)}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:ft("document")+N("isShow")+Y+X+et+nt,value:function(){this.trigger("hidePathDrawEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var a=Ac.simply(this.state.points,this.state.tolerance),o=new Hc(gf.makePathByPoints(a)),c=new Hc($m.generatorPathString(o.convertGenerator()));c.transformMat4(this.$viewport.matrixInverse);var s=c.getBBox(),u=i.distance(s[1],s[0]),l=i.distance(s[3],s[0]);c.translate(-s[0][0],-s[0][1]);var f={itemType:"svg-path",x:Sa.px(s[0][0]),y:Sa.px(s[0][1]),width:Sa.px(u),height:Sa.px(l),d:c.scale(1/u,1/l).d,totalLength:this.totalPathLength};eb.forEach((function(t){n.state[t]&&Object.assign(f,w()({},t,n.state[t]))})),e=r.appendChildItem(this.$editor.createItem(f))}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(Qm(Qm({},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:rt("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:rt("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:rt("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:rt("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:"toFillSVG",get:function(){return qm.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return qm.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 qm.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return qm.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}},{key:It("$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(gf.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:rt("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Sa.z(),y:Sa.z(),width:Sa.z(),height:Sa.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:wt("$view")+Ag()+zg(),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")}}]),n}(_g);n(40);function rb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?rb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ab(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function ob(t){var e=zt()(t,2);return{x:e[0],y:e[1]}}var cb=["fill","fill-opacity","stroke","stroke-width"],sb=function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new Hc,this.pathGenerator=new $m(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Sa.z(),screenY:Sa.z(),screenWidth:Sa.z(),screenHeight:Sa.z()}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:ft("document")+N("isShow")+X+et+nt,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:ft("document")+N("isShow")+Y+et+nt,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new Hc(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var a=r.getBBox(),o=i.distance(a[1],a[0]),c=i.distance(a[3],a[0]);r.translate(-a[0][0],-a[0][1]);var s={itemType:"svg-path",x:Sa.px(a[0][0]),y:Sa.px(a[0][1]),width:Sa.px(o),height:Sa.px(c),d:r.scale(1/o,1/c).d,totalLength:this.totalPathLength,fill:"#C4C4C4"};cb.forEach((function(t){e.state[t]&&(s[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(a[0])||n).appendChildItem(this.$editor.createItem(s))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new Hc(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(ib({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:rt("changePathManager"),value:function(t){this.setState(ib(ib({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:rt("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new Hc(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:rt("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:rt("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:rt("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:It("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,canvas:"canvas"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:It("$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:St("$view")+et,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=Ka.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:wt("$view :not(.split-path)")+et+nt+Ag()+zg(),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=Ka.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=zt()(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:Sa.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:Sa.px(t.x+(e<0?e:0)),top:Sa.px(t.y+(n<0?n:0)),width:Sa.px(Math.abs(e)),height:Sa.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 Sa.parse(t)})),e=zt()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Sa.px(n.x.value+n.width.value),n.y2=Sa.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(Yi(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(),Jt(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:rt("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:rt("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:rt("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))}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("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:rt("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new Hc(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new Hc(t);if("C"===n.segments[1].command){var r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2)),ob(n.segments[1].values.slice(2,4)),ob(n.segments[1].values.slice(4,6))],i=qo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return ac(r,i).first[3]}if("Q"===n.segments[1].command){r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2)),ob(n.segments[1].values.slice(2,4))],i=Jo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return oc(r,i).first[2]}if("L"===n.segments[1].command){r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2))],i=Qo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return cc(r,i).first[1]}return e}},{key:wt("$view .split-path")+Ag()+zg(),value:function(t){this.initRect();var e=new Hc(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=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2)),ob(e.segments[1].values.slice(2,4)),ob(e.segments[1].values.slice(4,6))],a=qo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(ac(i,a))}else if("Q"===e.segments[1].command){i=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2)),ob(e.segments[1].values.slice(2,4))],a=Jo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(oc(i,a))}else if("L"===e.segments[1].command){i=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2))],a=Qo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(cc(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)}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:ut("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:Mt("$view [data-segment]")+et+q(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),n}(_g))));n(41);function ub(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lb=function(t){R()(n,t);var e=ub(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--hover-view'>\n                <div class='elf--hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:ot("bodyEvent"),value:function(){var t,e=null===(t=this.$selection.filteredLayers.filter((function(t){return!1===t.is("artboard")}))[0])||void 0===t?void 0:t.id;e&&!1!==this.$config.get("hoverView")?this.$selection.setHoverId(e)&&this.renderHoverLayer():(this.$selection.setHoverId(""),this.renderHoverLayer())}},{key:rt("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(""),this.emit("removeGuideLine");else{var e=t[0].verties,n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n),this.emit("refreshGuideLineByTarget",[t[0].verties])}}},{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                />\n        </svg>')}}]),n}(_g);n(42);function fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hb=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,"' />")},pb=function(t,e){var n="".concat(Math.floor(t)),r=13,i=16,a=n.length*r,o=i;return'\n    \n        <rect x="'.concat(e[0]-a/4,'" y="').concat(e[1]-i-2,'" width="').concat(a,'" height="').concat(o,'" rx="2" ry="2" fill="#00a9f4" />\n        <text x="').concat(e[0],'" y="').concat(e[1],'" dy="-5" font-size="16">').concat(n,"</text>\n    ")},db=function(t,e){return hb(t,e)},vb=function(t,e){return hb(t,e)},yb=function(t){return'\n    <path \n        class="base-rect"\n        fill="none"\n        stroke-width="1"\n        stroke="red"\n        stroke-dasharray="2 2"\n        d="'.concat(gf.makeRect(t[0][0],t[0][1],i.dist(t[0],t[1]),i.dist(t[0],t[3])),'\n        " \n    />\n')},gb=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left";return"left"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]+e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"right"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]-e," ").concat(t[1]+e,'\n            " \n        />\n    '):"up"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"down"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '):'\n        <path \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    ')},mb=function(t){R()(n,t);var e=fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <svg class=\'elf--guide-line-view\' ref="$guide" width="100%" height="100%" ></svg>\n            '}},{key:"initState",value:function(){return{list:[]}}},{key:It("$guide"),value:function(){return{svgDiff:"<g>".concat(this.createGuideLine(this.state.list),"</g>")}}},{key:"createGuideLine",value:function(t){for(var e=[],n=[],r=0,a=(t=t.filter(Boolean)).length;r<a;r++){var o=zt()(t[r],8),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6],d=(o[7],Math.floor(l)),v=this.$viewport.applyVertex(c),y=this.$viewport.applyVertex(s),g=void 0;f&&(g=this.$viewport.applyVerties([f])[0]),"x"===u&&(d>0&&e.push(hb(v,y,"dash-line")),g&&e.push(hb(y,g,"dash-line")),d>0&&n.push(pb(d,i.lerp([],v,y,.5)))),"y"===u&&(d>0&&e.push(hb(v,y,"dash-line")),g&&e.push(hb(y,g,"dash-line")),d>0&&n.push(pb(d,i.add([],i.lerp([],v,y,.5),[20,0,0])))),"x"===u&&e.push(db(y,v)),"y"===u&&e.push(vb(y,v)),this.state.hasVerties&&(e.push(gb(v,3,"vertex")),e.push(gb(y,3,"vertex"))),h&&(this.$selection.isOne&&this.$editor.isPointerDown||this.$selection.isMany&&!this.$editor.isPointerMove)&&e.push(yb(this.$viewport.applyVerties(h))),p&&e.push(yb(this.$viewport.applyVerties(p)))}return[].concat(e,n).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState({list:t,hasVerties:e})}},{key:rt("removeGuideLine","refreshSelection"),value:function(){this.removeGuideLine()}},{key:rt("refreshGuideLineByTarget"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.refreshSmartGuides(t)}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:"refreshSmartGuides",value:function(t){if(!this.$selection.isEmpty){var e,n=Bo(this.$selection.verties);if(t)e=t.map((function(t){return Bo(t)}));else{var r=this.$selection.snapTargetLayers.map((function(t){var e=Bo(t.verties);return{targetVerties:e,dist:i.dist(e[4],n[4])}}));r.sort((function(t,e){return t.dist-e.dist})),e=r.map((function(t){return t.targetVerties}))}var a=e.map((function(t){return qi(n,t)}));a.sort((function(t,e){return t[3]-e[3]}));var o=[a[0],a[1]].filter(Boolean);this.setGuideLine(o)}}},{key:"refreshSmartGuidesForVerties",value:function(){var t=this.$snapManager.findGuide(this.$selection.verties);this.setGuideLine(t,!0)}},{key:rt("refreshSelectionStyleView"),value:function(){!this.$selection.hasChangedField("d","clip-path")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refreshSmartGuidesForVerties()}}]),n}(_g);n(43);function bb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kb=function(t){R()(n,t);var e=bb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='elf--selection-info-view'></div>"}},{key:wt("$el [data-artboard-title-id]")+U+Ag("calculateMovedElement")+zg("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.getWorldPosition(t);var e=t.$dt.attr("data-artboard-title-id");this.$selection.selectById(e),t.altKey&&(this.$selection.selectAfterCopy(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),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.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));this.emit("selectionToolView.moveTo",n),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.refresh()}))}},{key:rt("refreshItemName"),value:function(t,e){var n;this.emit("setAttributeForMulti",w()({},t,{name:e})),null===(n=this.$el.$("[data-artboard-title-id='".concat(t,"']")))||void 0===n||n.text(e)}},{key:"calculateEndedElement",value:function(t,e){this.command("setAttributeForMulti","move item",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView"),value:function(){this.$selection.current&&this.$selection.current.is("artboard")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refresh()}},{key:Tt("$el")+W,value:function(){var t=this;return this.$selection.currentProject.artboards.map((function(e){return{title:e.name,id:e.id,rect:[t.$viewport.applyVertex(e.verties[0]),t.$viewport.applyVertex(e.verties[1])]}})).map((function(e){return t.makeArtboardTitleArea(e)}))}},{key:"makeArtboardTitleArea",value:function(t){return'\n            <div class="artboard-title is-not-drag-area" \n                 data-artboard-title-id="'.concat(t.id,'" \n                 style="left: ').concat(t.rect[0][0],"px;top:").concat(t.rect[0][1],'px;"\n            >').concat(t.title,"</div>")}}]),n}(_g);function xb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Pb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ob=function(t){R()(n,t);var e=Pb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Tt("$el"),value:function(){var t=this;if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var n=e.parent,r=n.screenX,i=n.screenY,a=n.width,o=n.height,c=this.$editor.html.toGridLayoutCSS(n);return"<div style='".concat(bc(wb({position:"absolute",left:r,top:i,width:a,height:o,border:"1px solid black"},c)),"'>\n                ").concat(n.layers.map((function(e){var n=t.$editor.html.toLayoutItemCSS(e);return"<div style='".concat(bc(wb(wb({},n),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:rt("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:rt("updateViewport"),value:function(){this.refresh()}}]),n}(_g);n(20);function Sb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jb=function(t){R()(n,t);var e=Sb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView"></div>            \n        '}},{key:"checkSelectionArea",value:function(t){var e=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(e))return!0}},{key:"checkEditMode",value:function(t){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(hd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);return this.inSelection=!1,this.$selection.hasPoint(n)?(this.inSelection=!0,this.$selection.current.is("artboard")&&this.$selection.current.hasChildren()?(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1),!0):(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0),!0)):(this.mouseOverItem=this.$selection.filteredLayers[0],this.mouseOverItem?(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0)):(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1)),!0)}},{key:wt("$dragAreaView")+N("checkEditMode")+Ag("movePointer")+zg("moveEndPointer"),value:function(t){if(this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else if(this.$config.get("set.move.mode"))if(this.initMousePoint=this.$viewport.getWorldPosition(),this.mouseOverItem=this.$selection.filteredLayers[0],t.altKey)!1===this.$selection.isEmpty&&this.$selection.hasPoint(this.initMousePoint)&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(this.mouseOverItem){var e=this.mouseOverItem.id;if(t.shiftKey)this.$selection.toggleById(e);else if(!1===this.$selection.check({id:e})){var n=this.$selection.currentProject.searchById(e);n&&n.is("artboard")&&n.hasChildren()||this.$selection.selectById(e)}}this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"movePointer",value:function(t,e){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(this.$config.get("set.move.mode")){if(this.$selection.isLayoutItem)return;var n=this.$viewport.getWorldPosition(),r=i.floor([],i.subtract([],n,this.initMousePoint));this.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){var e=t.verties.map((function(t){return i.add([],t,n)})),a=i.subtract([],i.transformMat4([],e[0],t.parentMatrixInverse),i.transformMat4([],t.verties[0],t.parentMatrixInverse));r[t.id]={x:Sa.px(t.x+a[0]).round(1e3),y:Sa.px(t.y+a[1]).round(1e3)}})),this.$selection.reset(r)}},{key:rt("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"moveEndPointer",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("endDragAreaView");else if(this.$config.get("set.move.mode")){var t=this.$viewport.getWorldPosition();if(i.floor([],i.subtract([],t,this.initMousePoint))<1){if(this.$selection.current.isSVG())return this.emit("open.editor"),void this.emit("removeGuideLine")}else this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"));this.emit("refreshSelectionTool",!0)}this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!1)}}]),n}(_g);function $b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rb=function(t){R()(n,t);var e=$b(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView" style="pointer-events:none;">\n                <div class=\'drag-area-rect\' ref=\'$dragAreaRect\'></div>\n            </div>            \n        '}},{key:rt("drawAreaView"),value:function(t){this.refs.$dragAreaRect.css(t)}},{key:rt("initDrawAreaView"),value:function(){this.refs.$dragAreaRect.css({left:Sa.px(-1e4),top:Sa.z(),width:Sa.z(),height:Sa.z()})}},{key:rt("startDragAreaView"),value:function(){this.initMousePoint=this.$viewport.getWorldPosition(),this.$config.set("hoverView",!1),this.dragRect={left:Sa.px(this.initMousePoint[0]),top:Sa.px(this.initMousePoint[1]),width:Sa.z(),height:Sa.z()},this.trigger("drawAreaView",this.dragRect)}},{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:rt("moveDragAreaView"),value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));t.shiftKey&&(n[1]=n[0]);var r=i.floor([],this.initMousePoint),a=i.floor([],i.add([],this.initMousePoint,n)),o=Bo([this.$viewport.applyVertex(r),this.$viewport.applyVertex(a)]);if(this.dragRect={left:Sa.px(o[0][0]),top:Sa.px(o[0][1]),width:Sa.px(Math.abs(o[1][0]-o[0][0])),height:Sa.px(Math.abs(o[3][1]-o[0][1]))},this.trigger("drawAreaView",this.dragRect),this.$editor.isSelectionMode()){var c=this.dragRect,s=c.left,u=c.top,l=c.width,f=c.height,h={x:s.value,y:u.value,width:l.value,height:f.value};if(this.$selection.currentProject){var p,d=this.getSelectedItems(h,Lo([r,a]));(p=this.$selection).select.apply(p,ce()(d))&&(this.emit("refreshSelection"),this.emit("refreshSelectionTool",!0))}}}},{key:rt("endDragAreaView"),value:function(){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.$config.set("hoverView",!0),0===e[0]&&0===e[1]&&this.$selection.empty(),this.trigger("initDrawAreaView"),this.$selection.reselect(),this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),this.emit("removeGuideLine")}}]),n}(_g);n(21);function Cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mb={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"},Tb=function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:rt("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:rt("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:wt("$pointerRect .rotate-pointer")+Ag("rotateVertex")+zg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.verties=ee(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),r=4===this.rotateTargetNumber?Eo(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(aa(r,this.verties[4],n));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);if(n){var r=Bc.addTransform(e.transform,"rotateZ(".concat(Sa.deg(a).round(1e3),")"));if(t.$config.get("bodyEvent").shiftKey){var i=Bc.get(r,"rotateZ");if(i[0]){var o=i[0].value-i[0].value%t.$config.get("fixed.angle");r=Bc.rotateZ(r,Sa.deg(o))}}n.reset({transform:r})}})),this.state.dragging=!0,this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform"))}},{key:"rotateEndVertex",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","change rotate",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=la(r[0],r[1]),o=Math.floor(a)-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:Pt("$pointerRect .rotate-pointer")+N("checkPointerIsNotMoved"),value:function(t){this.refreshRotatePointerIcon(t)}},{key:Pt("$pointerRect .pointer")+N("checkPointerIsNotMoved"),value:function(t){this.refreshPointerIcon(t)}},{key:Ot("$pointerRect .pointer,.rotate-pointer")+N("checkPointerIsNotMoved"),value:function(t){this.emit("recoverCursor")}},{key:wt("$pointerRect .pointer")+Ag("moveVertex")+zg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=Mb["".concat(e)];this.initMousePoint=this.$viewport.getWorldPosition(t),this.state.moveType=n,this.state.moveTarget=e,this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.subtract([],$o.scale(a,e,n),t);return sa(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Sa.px(e[0]+(n<0?n:0)),y:Sa.px(e[1]+(r<0?r:0)),width:Sa.px(Math.abs(n)),height:Sa.px(Math.abs(r))})}},{key:"moveDirectionVertex",value:function(t,e,n,i,a){var o=ca(t.directionMatrix[i],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),c=r.getTranslation([],o);this.moveItem(this.$selection.get(t.id),c,e,n)}},{key:"moveBottomRightVertex",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=zt()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var c=n.width+a,s=n.height+o;e.moveDirectionVertex(n,c,s,"to top left",[0,0,0])}))}},{key:"moveTopRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom left",[0,c,0])}}},{key:"moveTopLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom right",[o,c,0])}}},{key:"moveTopVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,o,c,"to top right",[o,0,0])}}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType?this.moveBottomVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.pack("x","y","width","height"))}))}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)}))),n=i.add([],t,e),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Sa.px(t.x+n[0]),y:Sa.px(t.y+n[1])}})),this.$selection.reset(r)}},{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.$selection.isEmpty){var t=this.$selection.verties,e=this.$selection.selectionVerties,n=r.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var i=this.createRenderPointers.apply(this,ce()(this.state.renderPointerList));if(i){var a=i.line,o=i.point,c=i.size;this.refs.$pointerRect.updateDiff(a+o+c)}}}},{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,a="";if(!(r&&r.is("artboard"))){var o=i.lerp([],t[0],t[1],.5);a+="\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(a,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.$selection.current.width.value,l=this.$selection.current.height.value,f=i.subtract([],c.data.start,c.data.end),h=la(f[0],f[1])+90,p="".concat(zi(u,100)," x ").concat(zi(l,100));if(this.state.isRotate){var d=Bc.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(zi(d[0].value,1e3),"°"))}return'\n            <div \n                data-layout="'.concat(this.$selection.current.layout,"\"\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(t,e,n){var r=this.$selection.current,a=this.$editor.isPointerMove;if(!r||!r.is("text")||0!==r.width.value||0!==r.height.value){var o=r&&r.is("artboard"),c=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),s=Sa.deg(la(c[0],c[1])+90).round(1e3),u=Eo(t,34),l=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,u,n[0]),size:this.createSize(t),point:[o?void 0:this.createRotatePointer(e[0],0),o?void 0:this.createRotatePointer(e[1],1),o?void 0:this.createRotatePointer(e[2],2),o?void 0:this.createRotatePointer(e[3],3),o?void 0:this.createRotatePointer(u,4,"center center"),a?void 0:this.createPointer(t[0],1,s),a?void 0:this.createPointer(t[1],2,s),a?void 0:this.createPointer(t[2],3,s),a?void 0:this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20||a?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11,s),l<20||a?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12,s),l<20||a?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13,s),l<20||a?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14,s)].join("")}}}},{key:"checkShow",value:function(){return!(!this.$selection.isOne||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:rt("refreshSelectionStyleView")+N("checkShow"),value:function(){this.renderPointers()}},{key:rt("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:rt("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:rt("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:rt("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),n}(_g));function Vb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Eb=function(t){R()(n,t);var e=Vb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGroup",get:function(){return Boolean(this.layers.length)}},{key:"isLayoutItem",value:function(){return this.parent.hasLayout()}},{key:"hasLayout",value:function(){return"default"!==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}}]),n}(Yc);function Ib(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Ib(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ib(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bb=function(t){R()(n,t);var e=Lb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Db({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Db(Db({},$a()(V()(n.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 n(t)}}]),n}(Tc);function Ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ab(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hb={};["appearance","position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","border-radius","border","box-shadow","clip-path","color","perspective-origin","transform-origin","transform-style","perspective","mix-blend-mode","overflow","opacity","flex-layout","grid-layout","animation","transition","pattern"].forEach((function(t){Hb[t]=!0}));var Gb=function(t){R()(n,t);var e=Fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,zb({position:"absolute",x:Sa.z(),y:Sa.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Sa.px(300),height:Sa.px(300),color:"black",overflow:"visible",opacity:1,"z-index":Sa.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 zb(zb(zb({},$a()(V()(n.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","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:"editable",value:function(t){if("border"==t&&this.hasChildren())return!1;switch(t){case"svg-item":case"box-model":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Boolean(Hb[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 Bb(zb({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(ce()(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():Sa.z(),y:this.json.y?this.json.y.clone():Sa.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Sa.px(t.x.value+t.width.value),t.y2=Sa.px(t.y.value+t.height.value),t}},{key:"reset",value:function(t){var e=$a()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("clip-path")&&this.setClipPathCache(),e}},{key:"setClipPathCache",value:function(){var t=of.parseStyle(this.json["clip-path"]);"path"===t.type&&(this.cacheClipPath=new Hc(t.value.trim()))}},{key:"setCache",value:function(){$a()(V()(n.prototype),"setCache",this).call(this),this.setClipPathCache()}},{key:"clipPathString",get:function(){if(this.cacheClipPath||this.setClipPathCache(),this.cacheClipPath)return this.cacheClipPath.clone().scaleTo(this.json.width.value,this.json.height.value)}}]),n}(Eb);function _b(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_b(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Xb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yb=function(t){R()(n,t);var e=Xb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Nb({itemType:"artboard",name:"New ArtBoard",width:Sa.px(1e3),height:Sa.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return Nb(Nb({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Cg.artboard}},{key:"editable",value:function(t){switch(t){case"border":case"border-radius":case"backdrop-filter":case"box-shadow":case"clip-path":return!1;case"artboard-size":case"layout":return!0}return $a()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(Gb);function Kb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ub={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"},Wb=function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:rt("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:rt("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:wt("$pointerRect .rotate-pointer")+Ag("rotateVertex")+zg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.verties=this.groupItem.verties,this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),a=4===this.rotateTargetNumber?Eo(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(aa(a,this.verties[4],n));this.$config.get("bodyEvent").shiftKey&&(o-=o%this.$config.get("fixed.angle")),this.localAngle=this.angle+o,this.groupItem.reset({transform:Bc.rotateZ(this.groupItem.transform,Sa.deg(this.localAngle))});var c=oa(o,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=Ui(e.verties,r.multiply([],e.parentMatrixInverse,c)),a=Eo(n,34),o=ia(a[0]-n[4][0],a[1]-n[4][1])-270,s=i.transformMat4([],n[0],oa(-o,n[4])),u=t.$selection.get(e.id);u&&u.reset({x:Sa.px(s[0]),y:Sa.px(s[1]),transform:Bc.rotateZ(e.transform,Sa.deg(o))})})),this.state.dragging=!0,this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform"))}},{key:"rotateEndVertex",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=la(r[0],r[1]),o=Math.floor(a)-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:Pt("$pointerRect .rotate-pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.refreshRotatePointerIcon(t)}},{key:Pt("$pointerRect .pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.refreshPointerIcon(t)}},{key:Ot("$pointerRect .pointer,.rotate-pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.emit("recoverCursor")}},{key:wt("$pointerRect .pointer")+et+Ag("moveVertex")+zg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=Ub["".concat(e)],this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.initMatrix(!0),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.add([],$o.scale(a,e,n),i.negate([],t));return sa(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Sa.px(t[0]+(e<0?e:0)).round(1e3),y:Sa.px(t[1]+(n<0?n:0)).round(1e3),width:Sa.px(Math.abs(e)).round(1e3),height:Sa.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=sa(r.fromTranslation([],e[4]),t.itemMatrix,r.fromTranslation([],i.negate([],e[4]))),c=i.transformMat4([],e[0],o),s=zt()(c,2),u=s[0],l=s[1],f=i.distance(e[0],e[1]),h=i.distance(e[0],e[3]),p=this.$selection.get(t.id);p&&p.reset({x:Sa.px(u+n),y:Sa.px(l+a),width:Sa.px(f),height:Sa.px(h)})}},{key:"recoverItemForGroup",value:function(t,e,n){var i=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,c=t.accumulatedMatrix,s=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var u=ca(t.parentMatrixInverse,c,r.fromTranslation([],[a,o,0]),r.fromScaling([],[e,n,1]),s),l=Ui(t.verties,u);i.moveItemForGroup(t,l)}))}},{key:"moveBottomRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,c=e.height+a;this.moveDirectionVertex(e,0,0,o,c,"to top left",[0,0,0])}},{key:"moveTopRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,0,a,o,c,"to bottom left",[0,c,0])}},{key:"moveDirectionVertex",value:function(t,e,n,i,a,o,c){var s=i/t.width,u=a/t.height;if(s>=0&&u>=0){var l=ca(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(c,i,a,t.originalTransformOrigin,t.itemMatrix)),f=r.getTranslation([],l);this.moveGroupItem(f,i,a),this.recoverItemForGroup(t,s,u,e,n)}}},{key:"moveTopVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,i,a,o,c,"to bottom right",[o,c,0])}},{key:"moveLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,i,0,o,c,"to top right",[o,0,0])}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to bottom left"===this.state.moveType?this.moveBottomLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType&&this.moveBottomVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.state.dragging=!1,this.initMatrix(!0),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.pack("x","y","width","height","transform"))}))}},{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:"item",get:function(){var t=this.verties||Vo(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new Yb),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Sa.px(t[0][0]),y:Sa.px(t[0][1]),width:Sa.px(i.dist(t[0],t[1])),height:Sa.px(i.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=ee(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.state.dragging?this.groupItem.verties:this.$selection.verties,e=this.groupItem.selectionVerties();if(0!==t.length){this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,ce()(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,n){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){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=i.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=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.groupItem.width.value,l=this.groupItem.height.value,f=i.subtract([],c.data.start,c.data.end),h=la(f[0],f[1])+90,p="".concat(zi(u,100)," x ").concat(zi(l,100));if(this.state.isRotate){var d=Bc.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(t,e){var n=this.$editor.isPointerMove,r=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),a=Sa.deg(la(r[0],r[1])-90).round(1e3),o=Eo(t,30),c=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,o),size:this.createSize(t),point:[this.createRotatePointer(e[0],0,"bottom right"),this.createRotatePointer(e[1],1,"bottom left"),this.createRotatePointer(e[2],2,"top left"),this.createRotatePointer(e[3],3,"top right"),this.createRotatePointer(o,4,"center center"),n?void 0:this.createPointer(t[0],1,a),n?void 0:this.createPointer(t[1],2,a),n?void 0:this.createPointer(t[2],3,a),n?void 0:this.createPointer(t[3],4,a),c<20||n?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11),c<20||n?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12),c<20||n?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13),c<20||n?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14)].join("")}}},{key:"checkShow",value:function(){return!(!this.$selection.isMany||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:rt("refreshSelectionStyleView")+N("checkShow"),value:function(){this.renderPointers()}},{key:rt("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("hideSelectionToolView"),value:function(){}},{key:rt("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:rt("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:rt("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:rt("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),n}(_g));n(44);function Zb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qb=function(t){R()(r,t);var e,n=Zb(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"components",value:function(){return{SelectionToolView:Tb,GroupSelectionToolView:Wb,PageTools:pm,GridLayoutLineView:Ob,DragAreaRectView:Rb,HTMLRenderView:fm,SelectionInfoView:kb,LayerAppendView:ym,PathEditorView:sb,PathDrawView:nb,HoverView:lb,GuideLineView:mb,DragAreaView:jb}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.nextTick((function(){t.trigger("resizeCanvas"),t.emit("moveSelectionToCenter",!1),t.refreshCursor()}))}},{key:"template",value:function(){return"\n      <div class='elf--page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view' ref=\"$pageView\">\n          <div class='page-lock scrollbar' ref='$lock'>            \n            <object refClass=\"DragAreaView\" ref=\"$dragAreaView\" />               \n            <object refClass='HTMLRenderView' ref='$elementView' />                                        \n            <object refClass='SelectionToolView' ref='$selectionTool' />\n            <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n            <object refClass=\"DragAreaRectView\" ref=\"$dragAreaRectView\" />                  \n            <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />            \n            <object refClass='SelectionInfoView' ref='$selectionInfoView' />                                                            \n            <object refClass='GuideLineView' ref='$guideLineView' />            \n            <object refClass='HoverView' ref='$hoverView' />     \n            <object refClass='LayerAppendView' ref='$objectAddView' />       \n            <object refClass='PathEditorView' ref='$pathEditorView' />                 \n            <object refClass='PathDrawView' ref='$pathDrawView' />            \n          </div>\n        </div>\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:It("$pageView"),value:function(){return{style:{"--elf--canvas-background-color":this.$config.get("style.canvas.background.color")}}}},{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(t){return!!this.$config.get("set.tool.hand")||this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(hd.space))}},{key:wt("$lock")+N("checkSpace")+Ag("movePan")+zg("moveEndPan"),value:function(t){this.startMovePan()}},{key:ot("set.tool.hand"),value:function(t){t?(this.startMovePan(),this.emit("refreshCursor","grab")):(this.emit("recoverCursor","auto"),this.emit("addStatusBarMessage",""))}},{key:"startMovePan",value:function(){this.lastDist=i.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n;this.emit("refreshCursor","grabbing");var r=i.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,ce()(i.transformMat4([],i.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:"refreshCursor",value:function(){!1===this.$config.get("set.tool.hand")?(this.emit("refreshCursor","auto"),this.emit("addStatusBarMessage","")):this.emit("refreshCursor","grab")}},{key:"moveEndPan",value:function(){this.refreshCursor()}},{key:It("$container"),value:(e=La()(Fa.a.mark((function t(){var e,n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(ce()(this.state.cursorArgs||[])));case 2:return n=t.sent,t.abrupt("return",{style:{cursor:n}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{key:dt("$lock")+et,value:function(){}},{key:pt("$lock")+et,value:function(t){var e=this.$viewport.getWorldPosition(t);if(t.dataTransfer.getData("text/asset"))this.emit("drop.asset",{asset:{id:t.dataTransfer.getData("text/asset"),center:e}});else{tm.getAllDropItems(t);var n=Ka.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:Rt("$lock")+et,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),[Dt(e,24),Dt(n,24),0]}(t),r=zt()(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 c=-2.5*i,s=-2.5*a;this.$viewport.pan(-c/this.$viewport.scale,-s/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:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:rt("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"))}}]),r}(_g);n(45);function Jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qb=function(t){R()(n,t);var e=Jb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CanvasView:qb,VerticalRuler:Qg,HorizontalRuler:Zg}}},{key:"template",value:function(){return"\n      <div class=\"elf--body-panel\">\n        <object refClass='HorizontalRuler' />\n        <object refClass='VerticalRuler' />\n        <object refClass='CanvasView' />        \n      </div>\n    "}},{key:It("$el"),value:function(){return{class:"elf--body-panel ".concat(this.$config.get("show.ruler")?"ruler":"")}}},{key:ot("show.ruler"),value:function(){this.refresh()}},{key:rt("bodypanel.toggle.fullscreen"),value:function(){this.refs.$el.toggleFullscreen()}}]),n}(_g);n(46);function tk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ek=function(t){R()(n,t);var e=tk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='elf--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(Cg.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:st("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}}]),n}(_g);n(47);function nk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rk=function(t){R()(n,t);var e=nk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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:rt("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.layers.map((function(e){return t.makeStyle(e)})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(this.$editor.html.renderSVG(e),"\n").concat(this.$editor.html.render(e),"\n        ");this.refs.$html.text(r);var i=e.layers.map((function(e){return t.$editor.svg.render(e)}));this.refs.$svgimage.text(i.join("\n\n")),this.refs.$svgimagePreview.html(Ka.createByHTML("<div>".concat(i.map((function(t){return"<div>".concat(t,"</div>")})).join(""),"</div>")))}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"makeHTML",value:function(t){return this.$editor.html.render(t)}},{key:st("$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))}}]),n}(ek);io({ExportWindow:rk});n(48);function ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ak=new Set;fd.forEach((function(t){ak.add(t.category)}));var ok={};ak.forEach((function(t){fd.filter((function(e){return e.category===t})).forEach((function(t){ok[t.category]||(ok[t.category]=[]),ok[t.category].push(t)}))}));var ck={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},sk=ld(),uk=function(t){R()(n,t);var e=ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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(ck[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(sk,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(ok).map((function(e){return t.getTemplateForCategory(e,ok[e])})).join(""),"\n        </div>\n        ")}},{key:rt("showShortcutWindow"),value:function(){this.show()}}]),n}(ek);io({ShortcutWindow:uk});n(49);function lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fk=function(t){R()(n,t);var e=lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--project-window"}},{key:"getTitle",value:function(){return"Project Manager"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="project-container">\n            <div class="project-menu left">\n                Project Menu\n            </div>\n            <div class="project-list right">\n                Project List\n            </div>\n        </div>\n        '}},{key:rt("open.projects"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){this.$selection.currentProject}}]),n}(ek);io({ProjectWindow:fk});n(50);function hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pk=function(t){R()(n,t);var e=hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--notification-view'>\n            </div>\n        "}},{key:Ct("$el"),value:function(t){Ka.create(t.target).remove()}},{key:st("$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]:1e3;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(Cg.close,"</span>\n        </div>\n    ")}},{key:rt("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1e3,i=Ka.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),n}(_g);function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vk=function(t){R()(n,t);var e=dk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{NotificationView:pk}}},{key:"template",value:function(){return"\n      <div class=\"popup-manger\">\n        <object refClass='ExportWindow' />\n        <object refClass='ProjectWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n        ".concat(this.$menuManager.generate("popup"),"\n      </div>\n    ")}}]),n}(_g);function yk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gk=["TEXTAREA","INPUT","SELECT"],mk=function(t){R()(n,t);var e=yk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class="keyboard-manager"></div>\n    '}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!gk.includes(e)&&"true"!==Ka.create(t.target).attr("contenteditable")}},{key:lt("document")+N("isNotFormElement")+et,value:function(t){this.emit("keymap.keydown",t)}},{key:ft("document")+N("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),n}(_g);function bk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kk=function(t){R()(n,t);var e=bk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{selectedIndexValue:"style"}}},{key:"template",value:function(){var t=this;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="style" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Cg.palette,'</label>\n              </div>         \n              <div class="tab-item" data-value="transition" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Cg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="code" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Cg.code,"</label>\n              </div>          \n\n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                  <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                    <label>').concat(Cg[t.class.icon]||t.class.icon,"</label>\n                  </div>\n                ")})),'\n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="style">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                <object refClass="AppearanceProperty" />                                   \n\n                ').concat(this.$menuManager.generate("inspector.tab.style"),"                             \n                <div class='empty'></div>\n              </div>     \n              <div class='tab-content scrollbar' data-value='transition'>\n                ").concat(this.$menuManager.generate("inspector.tab.transition"),'              \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="code">\n                ').concat(this.$menuManager.generate("inspector.tab.code"),"                            \n                <div class='empty'></div>                           \n              </div>       \n            \n              \n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                  <div class='tab-content' data-value='".concat(r,"'>\n                    ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                    ").concat(t.$menuManager.generate("inspector.tab.".concat(r)),"\n                  </div>\n                ")})),"              \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$header .tab-item:not(.empty-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(_g);function xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wk=function(t){R()(n,t);var e=xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"locales",get:function(){return Object.keys(this.$editor.i18n.locales)}},{key:"template",value:function(){var t=this,e=this.locales.map((function(e){return{text:t.$i18n("app.lang.".concat(e)),value:e}}));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(this.variable(e),'\n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:at("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),n}(_g);function Pk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ok=["dark","light"],Sk=function(t){R()(n,t);var e=Pk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=Ok.map((function(e){return{value:e,text:t.$i18n("app.theme.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.theme,'" \n                        onchange=').concat(this.subscribe((function(e,n){return t.emit("switchTheme",n)})),"\n                    /> \n                </div>\n            </div>\n        ")}}]),n}(_g);function jk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $k=function(t){R()(n,t);var e=jk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){return{value:e,text:t.$i18n("app.layout.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:at("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),n}(_g);function Rk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ck=function(t){R()(n,t);var e=Rk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{version:"0.10.72"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),n}(_g);n(51);function Mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tk=function(t){R()(n,t);var e=Mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button class="elf--switch-left-panel" data-tooltip="Toggle left panel" data-direction="top left">'.concat(Cg.left_hide,"</button>\n        ")}},{key:st(),value:function(){this.$config.toggle("show.left.panel")}}]),n}(_g);n(52);function Vk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ek=function(t){R()(n,t);var e=Vk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <button class="elf--switch-right-panel" data-tooltip="Toggle right panel" data-direction="top right">'.concat(Cg.right_hide,"</button>\n        ")}},{key:st(),value:function(){this.$config.toggle("show.right.panel")}}]),n}(_g);n(53);function Ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dk=function(t){R()(n,t);var e=Ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LanguageSelector:wk,ThemeSwitcher:Sk,LayoutSelector:$k,VersionView:Ck,SwitchLeftPanel:Tk,SwitchRightPanel:Ek}}},{key:"template",value:function(){return"\n            <div class='elf--status-bar'>\n                <div class='tool-view left' ref='$leftTool'>\n                    <object refClass=\"SwitchLeftPanel\" />\n                    ".concat(this.$menuManager.generate("statusbar.left"),"                    \n                </div>            \n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$rightTool'>\n                    ").concat(this.$menuManager.generate("statusbar.right"),'\n                    <object refClass="LayoutSelector" />\n                    <object refClass="ThemeSwitcher" />\n                    <object refClass="LanguageSelector" />\n                    <object refClass="VersionView" />\n                    <object refClass="SwitchRightPanel" />                    \n                </div>\n            </div>\n        ')}},{key:"initState",value:function(){return{msg:""}}},{key:It("$msg"),value:function(){return{text:this.state.msg}}},{key:rt("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),n}(_g);n(54);function Lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bk=function(t){R()(n,t);var e=Lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:rt("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"]||Sa.number(1)))}},{key:rt("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='elf--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=').concat(this.variable(["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=').concat(this.variable(["miter","bevel","round"]),'\n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:at("changeValue"),value:function(t,e,n){this.updateData(w()({},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:rt("changePathManager"),value:function(t){this.setState({mode:t})}},{key:rt("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:rt("hideDrawManager"),value:function(){this.$el.hide()}}]),n}(_g);n(55);function Ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zk={"segment-move":"modify",modify:"modify",path:"path"},Fk=function(t){R()(n,t);var e=Ak(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:rt("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"]||Sa.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Sa.number(1)))}},{key:"template",value:function(){return"\n      <div class='elf--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(Cg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Cg.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(Cg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Cg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Cg.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(Cg.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:rt("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("setAttributeForMulti","change color assets",this.$selection.packByValue({stroke:e})))}},{key:at("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change path",this.$selection.packByValue(w()({},t,e))),this.updateData(w()({},t,e))}},{key:It("$mode"),value:function(){return{"data-selected-value":zk[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:st("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:st("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:st("$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:rt("changePathManager"),value:function(t){this.setState({mode:t})}},{key:rt("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:rt("hidePathManager"),value:function(){this.$el.hide()}}]),n}(_g);n(56);function Hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gk=function(t){R()(n,t);var e=Hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{PathManager:Fk,DrawManager:Bk}}},{key:"template",value:function(){return"\n      <div class='elf--page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n      </div>\n    "}}]),n}(_g);function _k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nk=function(t){R()(n,t);var e=_k(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'elf--menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'data-tooltip="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n            data-direction="').concat(this.getDirection(),'"\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Cg[this.getIconString()]||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:st(),value:function(t){this.clickButton(t)}},{key:"getDirection",value:function(){return this.props.direction||""}}],[{key:"createMenuItem",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){R()(r,e);var n=_k(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIconString",value:function(){return t.iconString||"add_box"}},{key:"getTitle",value:function(){return t.title||"New Item"}},{key:"isHideTitle",value:function(){return t.isHideTitle||!0}},{key:"clickButton",value:function(e){t.clickButton(e)}},{key:"getDirection",value:function(){return t.direction}}]),r}(n)}}]),n}(_g);function Xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yk=function(t){R()(n,t);var e=Xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.$el.$(".icon").css("transform","rotate(-30deg)")}},{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:rt("addLayerView"),value:function(t){this.setSelected("select"===t)}},{key:rt("refreshSelection"),value:function(){this.setSelected(this.$selection.isEmpty)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Kk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uk=function(t){R()(n,t);var e=Kk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"isHideTitle",value:function(){return!0}},{key:rt("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),n}(Nk);function Wk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddArtboard:Uk});var Zk=function(t){R()(n,t);var e=Wk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("rect"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddRect:Zk});var Jk=function(t){R()(n,t);var e=qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("circle"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddCircle:Jk});var tx=function(t){R()(n,t);var e=Qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("text"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddText:tx});var nx=function(t){R()(n,t);var e=ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function rx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddImage:nx});var ix=function(t){R()(n,t);var e=rx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"draw"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ax(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddDrawPath:ix});var ox=function(t){R()(n,t);var e=ax(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("path"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddPath:ox});var sx=function(t){R()(n,t);var e=cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"RectPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ux(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddSVGRect:sx});var lx=function(t){R()(n,t);var e=ux(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"CirclePath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function fx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddSVGCircle:lx});var hx=function(t){R()(n,t);var e=fx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);n(57);function px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dx=function(t){R()(n,t);var e=px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{SelectTool:Yk,AddArtboard:Uk,AddRect:Zk,AddCircle:Jk,AddText:tx,AddImage:nx,AddDrawPath:ix,AddPath:ox,AddSVGRect:sx,AddSVGCircle:lx,AddSVGTextPath:hx}}},{key:"template",value:function(){return"\n      <div class='elf--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              \x3c!--object refClass='AddVideo' /--\x3e\n              ").concat(this.$menuManager.generate("tool.menu.css"),"\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              ").concat(this.$menuManager.generate("tool.menu.svg"),"              \n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:rt("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:rt("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:st("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),n}(_g);function vx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yx=function(t){R()(n,t);var e=vx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.projects.title")}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("open.projects")}}]),n}(Nk);function gx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mx=function(t){R()(n,t);var e=gx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kx=function(t){R()(n,t);var e=bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wx=function(t){R()(n,t);var e=xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ox=function(t){R()(n,t);var e=Px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Sx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jx=function(t){R()(n,t);var e=Sx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){var e=this;this.emit("saveJSON"),this.nextTick((function(){e.emit("notify","alert","Save","Save the content on localStorage",2e3)}))}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);n(58);function $x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rx=function(t){R()(n,t);var e=$x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{Projects:yx,Fullscreen:mx,KeyBoard:kx,ExportView:wx,Download:Ox,Save:jx,PageSubEditor:Gk,ToolMenu:dx}}},{key:"template",value:function(){return"\n            <div class='elf--tool-bar'>\n                <div class='logo-item'>\n                    <label class='logo'></label>\n                </div>                 \n                <div class='left'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"Projects\" />\n                                <object refClass=\"Fullscreen\" />      \n                                ".concat(this.$menuManager.generate("toolbar.left"),"\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n                <div class='center'>\n                    <object refClass=\"ToolMenu\" />\n                    <object refClass='PageSubEditor' />  \n                </div>\n                <div class='right'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"KeyBoard\" />        \n                                <object refClass=\"ExportView\" />\n                                <object refClass=\"Download\" />\n                                <object refClass=\"Save\" />   \n                                ").concat(this.$menuManager.generate("toolbar.right"),"                             \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ")}}]),n}(_g);function Cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mx=function(t){R()(n,t);var e=Cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Tx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vx=function(t){R()(n,t);var e=Tx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ix=function(t){R()(n,t);var e=Ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Dx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lx=function(t){R()(n,t);var e=Dx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ax=function(t){R()(n,t);var e=Bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function zx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fx=function(t){R()(n,t);var e=zx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),n}(Nk);function Hx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gx=function(t){R()(n,t);var e=Hx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){console.log(t),this.emit("same.width")}}]),n}(Nk);function _x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nx=function(t){R()(n,t);var e=_x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);n(59);function Xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yx=function(t){R()(n,t);var e=Xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='elf--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                </label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body ").concat(this.getBodyClassName(),"'>").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:"getBodyClassName",value:function(){return""}},{key:"getKeyframeProperty",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:st("$el .property-body .add-timeline-property")+et+nt,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:st("$el .property-title .add-timeline-property")+et+nt,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&&(Jt(t)&&t()||!Jt(t)&&t.includes(n.itemType))?(this.show(),e&&this.refresh()):this.hide()}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}},{key:"editableProperty",get:function(){return""}},{key:"checkShow",value:function(){return this.$selection.current&&this.$selection.current.editable(this.editableProperty)?(this.show(),!0):(this.hide(),!1)}}]),n}(_g);n(60);function Kx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ux=function(t){R()(n,t);var e=Kx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LeftAlign:Ix,CenterAlign:Vx,RightAlign:Ax,TopAlign:Nx,MiddleAlign:Lx,BottomAlign:Mx,SameWidth:Gx,SameHeight:Fx}}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="elf--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" direction="bottom" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),n}(Yx);function Wx(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Zx(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,Wx(e))})),{str:t,matches:n}}function qx(t,e){return e.forEach((function(e){t=t.replace(Wx(e),e.parsedString)})),t}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){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tw=/((cubic-bezier|steps)\(([^\)]*)\))/gi,ew=function(t){R()(n,t);var e=Qx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Sa.second(0),timingFunction:"linear",delay:Sa.second(0),iterationCount:Sa.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).duration=Sa.parse(t.duration),t.iterationCount=Sa.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?Jx(Object(n),!0).forEach((function(e){w()(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}({},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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Zx(t,tw);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Sa.parse(e[0]),timingFunction:qx(e[1],r.matches),delay:Sa.parse(e[2]),iterationCount:"infinite"===e[3]?Sa.string("infinite"):Sa.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Sa.parse(e[0]),timingFunction:qx(e[1],r.matches),delay:Sa.parse(e[2]),name:e[3]}:e.length>=1?{duration:Sa.parse(e[0]),name:e[1]}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Tc);n(61);function nw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iw=function(t){R()(n,t);var e=rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(Cg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Tt("$animationList")+W,value:function(){var t=this,e=this.$selection.current;return e?ew.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=jc(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(Cg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Cg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Cg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:st("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add animation property",this.$selection.packByValue({animation:function(t){return ew.add(t.animation,{name:null})}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:st("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:ew.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:st("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=ew.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:ew.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=ew.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:st("$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:rt("changeAnimationPropertyPopup"),value:function(t){var e=this;this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.command("setAttributeForMulti","change animation property",this.$selection.packByValue({animation:function(t){return ew.replace(t.animation,e.selectedIndex,e.currentAnimation)}})),this.refresh()))}}]),n}(Yx);n(62);function aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ow=function(t){R()(n,t);var e=aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--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(Cg.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n            \x3c!--<div class='popup-resizer' ref='$resizer'></div> --\x3e\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:st("$close"),value:function(){this.$el.hide()}},{key:wt("$title")+Ag("movePopupTitle")+zg("endPopupTitle"),value:function(){this.x=Sa.parse(this.$el.css("left")),this.y=Sa.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Sa.px(this.x.value+t),r=Sa.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?Sa.parse(r):Sa.px(110),o="auto"!==i?Sa.parse(i):Sa.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:rt("hidePropertyPopup"),value:function(){this.hide()}},{key:wt("$resizer")+Ag("moveResizer"),value:function(t){this.width=Sa.parse(this.$el.css("width")),this.height=Sa.parse(this.$el.css("height"))}},{key:"moveResizer",value:function(t,e){this.$el.css({width:Sa.px(Math.min(this.width.value+t,1e3)),height:Sa.px(Math.min(this.height.value+e,700))})}}]),n}(_g);n(63);function cw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lw=function(t){R()(n,t);var e=uw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=sw(sw({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--animation-property-popup' ref='$popup'></div>"}},{key:Tt("$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:Tt("$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:yt("$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:at("changeSelect"),value:function(t,e){this.updateData(w()({},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:at("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Sa.number(e.value):Sa.string(e.unit)),this.updateData(w()({},t,e))}},{key:at("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:rt("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:rt("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),n}(ow);function fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hw=["visible","hidden","scroll","auto"],pw=function(t){R()(n,t);var e=fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return this.variable(hw.map((function(e){return{value:e,text:t.$i18n("background.color.property.overflow.".concat(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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" \n          ref='$color' \n          label=\"".concat(this.$i18n("background.color.property.color"),"\" \n          key='background-color' \n          onchange=\"changeColor\" \n        />\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:at("changeColor"),value:function(t,e){this.command("setAttributeForMulti","change background color",this.$selection.packByValue(w()({},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:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"appearance"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx),dw=[{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"}]}]}];n(64);function vw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yw=function(t){R()(n,t);var e=vw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--artboard-size-list"}},{key:"editableProperty",get:function(){return"artboard-size"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=dw.map((function(t,e){return{category:t.category,index:e}}));return'\n      <object refClass="SelectEditor"  \n        ref=\'$select\' \n        value="'.concat(t[0].category,'" \n        options=').concat(this.variable(t.map((function(t){return t.category})))," \n        onchange='changeSizeIndex'\n      />\n    ")}},{key:at("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;dw.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:st("$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:Tt("$list")+W,value:function(){var t=this;return dw[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),n}(Yx),gw=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function mw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bw=function(t){R()(n,t);var e=mw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBodyClassName",value:function(){return"no-padding"}},{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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Tt("$filterSelect"),value:function(){var t=this,e=gw.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(ce()(e),[{title:"-------",value:""}],ce()(n)):ce()(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:Tt("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="backdrop-filter" value=\''.concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />\n      </div>\n    ")}},{key:at("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change backdrop filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"backdrop-filter"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);function kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xw=function(t){R()(n,t);var e=kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:Tt("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'\n      <object refClass="SelectEditor"  \n          ref=\'$1\' \n          key=\'background-clip\' \n          icon="true" \n          value="'.concat(t,'" \n          options=').concat(this.variable(["","paddinb-box","border-box","content-box","text"]),' \n          onchange="changeSelect" \n      />')}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change background clip",this.$selection.packByValue(w()({},t,e)))}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),n}(Yx);n(65);function ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pw={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Cg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Cg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Cg.repeat," Conic")},Ow={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"},Sw=function(t){R()(n,t);var e=ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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""===t?[]:jl.parseStyle(kc(t))}},{key:"setValue",value:function(t){console.log("aaaa",t),this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='elf--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(Cg.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:Tt("$fillList")+W,value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=Ow[i.type],o=Pw[i.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(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(Cg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=bc(jl.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:rt("add"),value:function(){this.state.images.push(new jl({image:new tl({angle:90,colorsteps:[new Iu({percent:0,color:"white",index:0}),new Iu({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:ht("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$fillList .fill-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:pt("$fillList .fill-item")+et,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:st("$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:rt("selectFillPopupTab"),value:function(t,e){var n=Ow[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:at("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,w()({},t,e),n)}},{key:at("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),n}(_g);n(66);function jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $w=function(t){R()(n,t);var e=jw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Sa.z(),y:this.props.y||Sa.z(),width:this.props.width||Sa.z(),height:this.props.height||Sa.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"  \n          label="'.concat(this.$i18n("background.image.position.popup.size"),"\" \n          ref='$size' \n          key='size' \n          value=\"").concat(this.state.size,'" \n          options=').concat(this.variable(["contain","cover","auto"]),'\n          onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:st("$repeat button"),value:function(t){var e=t.$dt;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Tt("$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:rt("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),n}(ow);function Rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cw=function(t){R()(n,t);var e=Rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Tt("$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:"editableProperty",get:function(){return"background-image"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBackgroundImage"),value:function(t,e){this.command("setAttributeForMulti","change background image",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(67);function Mw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ew=function(t){R()(n,t);var e=Vw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(Tw({},t))}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:rt("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Tw({},t))}}]),n}(_g),Iw={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Dw=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){return kc(t)}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){Iw[t]?e=t:fu.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}();n(68);function Lw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bw=["border"],Aw={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},zw=function(t){R()(n,t);var e=Lw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Dw.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 Dw.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=Dw.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Tt("$editorArea"),value:function(){var t=this;return Bw.map((function(e){var n=Aw[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=\"elf--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:at("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),n}(_g);n(69);function Fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hw=function(t){R()(n,t);var e=Fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:Tt("$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:"editableProperty",get:function(){return"border"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeKeyValue"),value:function(t,e){this.command("setAttributeForMulti","change border",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(70);function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _w=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Nw=function(t){R()(n,t);var e=Gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:Dw.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 Dw.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=Dw.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Sa.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="elf--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(_w,"' 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:at("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),n}(_g);function Xw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uw=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],Ww=Uw.map((function(t){return t.key})),Zw={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Cg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Cg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Cg.repeat," Conic")},qw=function(t){R()(n,t);var e=Kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Border Image"}},{key:rt("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:st("$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:Tt("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?Zw[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:at("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&Ww.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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Uw.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:yt("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:st("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:st("$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=ce()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Pa.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Pa.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",Yw(Yw({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(Zw.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(Zw[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:rt("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 Ww.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:st("$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()}}]),n}(Yx);n(71);function Jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qw=[{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"}],tP=Qw.map((function(t){return t.key})),eP=function(t){R()(n,t);var e=Jw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return ns.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='elf--border-radius-editor' ref='$body'></div>"}},{key:at("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&tP.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Qw.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:gt("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:yt("$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,tP.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"]+"":tP.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:st("$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()}}]),n}(_g);function nP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rP=function(t){R()(n,t);var e=nP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:Tt("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:"editableProperty",get:function(){return"border-radius"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBorderRadius"),value:function(t){this.command("setAttributeForMulti","change border radius",this.$selection.packByValue({"border-radius":t}))}}]),n}(Yx);n(72);function iP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aP=[];["margin","padding"].forEach((function(t){aP.push.apply(aP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var oP=function(t){R()(n,t);var e=iP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:"editableProperty",get:function(){return"box-model"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:"getBody",value:function(){return'<div class="property-item elf--box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||Sa.z();return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:Tt("$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:gt("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};aP.forEach((function(n){e[n]=Sa.px(t.getRef("$",n).value)})),this.command("setAttributeForMulti","change padding or margin",this.$selection.packByValue(e))}}]),n}(Yx);n(73);function cP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sP=function(t){R()(n,t);var e=cP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Xs.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Cg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Tt("$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(Cg.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(Cg.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:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:rt("add"),value:function(){this.state.boxShadows.push(new Xs({offsetX:Sa.px(2),offsetY:Sa.px(2),blurRadius:Sa.px(3),spreadRadius:Sa.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:st("$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:st("$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){var e=this;this.emit("showBoxShadowPropertyPopup",{changeEvent:function(t,n){var r=e.state.boxShadows[e.selectedIndex];r&&(r.reset(t),e.refresh(),e.modifyBoxShadow())},color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}}]),n}(_g);function uP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lP=function(t){R()(n,t);var e=uP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:Tt("$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(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:"editableProperty",get:function(){return"box-shadow"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBoxShadow"),value:function(t){this.command("setAttributeForMulti","change box shadow",this.$selection.packByValue({"box-shadow":t}))}}]),n}(Yx);n(74);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 hP(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){w()(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}function pP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dP=function(t){R()(n,t);var e=pP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),spreadRadius:Sa.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='elf--box-shadow-property-popup' ref='$popup'></div>"}},{key:Tt("$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\" \n              ref='$spreadRadius' \n              label='Spread' \n              key='spreadRadius' \n              value=\"").concat(this.state.spreadRadius,"\" \n              onchange='changeRangeEditor' \n            />        \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:st("$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:wt("$popup .drag-board")+Ag("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(c),this.updateData({offsetX:Sa.px(o),offsetY:Sa.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:rt("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(hP(hP({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:rt("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),n}(ow);function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yP=function(t){R()(n,t);var e=vP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Sa("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];return Kt(s)&&(s=c),{radius:e,x:c=Sa.parse(c),y:s=Sa.parse(s)}}},{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:It("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:wt("$area")+Ag()+zg(),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=Sa.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Sa.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:at("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Sa("","closest-side"):r.includes("farthest-side")&&(n=new Sa("","farthest-side")),this.updateData({radius:n})}}}]),n}(_g);function gP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mP=function(t){R()(n,t);var e=gP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=zt()(e,2),r=n[0],i=n[1],a=tf.parse(r),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=tf.parse(i),p=zt()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=Sa.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),s=o.clone(),u=Sa.percent(100-r.value).toPx(220),l=Sa.percent(100-n.value).toPx(220),f=Sa.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=i.toPx(220),p=Sa.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),d=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(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(s,";top: ").concat(u,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(h,";top: ").concat(p,";'></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(h,";top: ").concat(c,";width: ").concat(Sa.px(l.value-i.value),";height: ").concat(Sa.px(u.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(d," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:It("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:st("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Tt("$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:at("changeBorderRadius"),value:function(t){var e=zt()(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),c=Sa.percent(a).toPx(220),s=e.toPx(220),u=Sa.percent(a).toPx(220),l=Sa.percent(100-r.value).toPx(220),f=Sa.percent(100-n.value).toPx(220),h=Sa.percent(o).toPx(220),p=i.toPx(220),d=Sa.percent(o).toPx(220);this.refs.$top.css({left:c,top:s}),this.refs.$right.css({left:f,top:h}),this.refs.$bottom.css({left:u,top:l}),this.refs.$left.css({left:p,top:d}),this.refs.$clipArea.css({left:p,top:s,width:Sa.px(f.value-p.value),height:Sa.px(l.value-s.value)}),this.bindData("$clipAreaView")}},{key:wt("$area .clip-area-handle")+Ag("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:Sa.parse(this.$target.css("left")),top:Sa.parse(this.$target.css("top")),width:Sa.parse(this.$target.css("width")),height:Sa.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=Sa.px(i),c=Sa.px(a);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:Sa.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Sa.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:wt("$area .drag-pointer")+Ag(),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=Sa.px(n-this.areaRect.x),a=Sa.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Sa.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Sa.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,c=t.leftRadius,s=t.bottomRadius,u=t.rightRadius,l=[e,n,i,r].join(" "),f=[o,u,s,c].join(" ");return"".concat(l," ").concat(a&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(_g);function bP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wP=function(t){R()(n,t);var e=xP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(r,2),a=i[0],o=i[1];return{x:Sa.parse(a).toPx(e),y:Sa.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:Tt("$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(Cg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Cg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:st("$area")+et,value:function(t){if(Ka.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:Sa.px(n-this.areaRect.left),y:Sa.px(r-this.areaRect.top)}),this.refresh()}}},{key:st("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:st("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:It("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Tt("$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:st("$area .drag-pointer")+K+et,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:wt("$area .drag-pointer")+Ag(),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=Sa.px(n-this.areaRect.x),a=Sa.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:Sa.px(n.value+10),y:Sa.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]=kP(kP({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(_g);function PP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OP=function(t){R()(n,t);var e=PP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];Kt(s)&&(s=c),c=Sa.parse(c),s=Sa.parse(s);var u=e.split(" "),l=zt()(u,2),f=l[0],h=l[1];return Kt(h)&&(h=f),{radiusX:f=Sa.parse(f),radiusY:h=Sa.parse(h),x:c,y:s}}},{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:It("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:wt("$area")+Ag()+zg(),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=Sa.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Sa.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:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e.clone()))}}]),n}(_g);n(75);function SP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jP=function(t){R()(n,t);var e=SP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CircleEditor:yP,InsetEditor:mP,PolygonEditor:wP,EllipseEditor:OP}}},{key:"getTitle",value:function(){return"ClipPath"}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return of.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='elf--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:Tt("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Tt("$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:at("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:rt("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(of.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:rt("hideClipPathPopup"),value:function(){this.hide()}}]),n}(ow);n(76);function $P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RP=["circle","ellipse","inset","polygon","path","svg"],CP=function(t){R()(n,t);var e=$P(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='elf--clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(RP.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(Cg.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(Cg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:st("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:st("$clippathList .del")+et,value:function(t){var e=this;this.$selection.current&&(this.command("setAttributeForMulti","delete clip-path",this.$selection.packByValue({"clip-path":""})),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:"editableProperty",get:function(){return"clip-path"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:Tt("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:st("$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("setAttributeForMulti","change clip-path",this.$selection.packByValue({"clip-path":this.refs.$clipPathSelect.value}))),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this,e=this.$selection.current;if(e)switch(of.parseStyle(e["clip-path"]).type){case"path":var n=e.accumulatedPath(e.clipPathString).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.updatePathInfo({"clip-path":"path(".concat(n.d,")")})},current:e,d:n});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.updatePathInfo(e)}})}}},{key:"updatePathInfo",value:function(t){if(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttributeForMulti","change clip-path",this.$selection.packByValue(t)))}}}]),n}(Yx);n(77);function MP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TP=function(t){R()(n,t);var e=MP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:"checkParentTab",value:function(){return"code"===this.parent.state.selectedIndexValue}},{key:rt("refreshSelectionStyleView","refreshSelection")+N("checkParentTab"),value:function(){this.refresh()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item elf--code-view-item\" ref='$body'></div>\n    "}},{key:Tt("$body")+W,value:function(){return[this.$editor.html.codeview(this.$selection.current)]}}]),n}(Yx);function VP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EP=function(t){R()(n,t);var e=VP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:It("$bar"),value:function(){var t=this.state.hue;return{style:{left:Sa.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:wt("$container")+Ag("movePointer")+zg("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})}}]),n}(_g);function IP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DP=function(t){R()(n,t);var e=IP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{colorbar:fu.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:It("$colorbar"),value:function(){var t=ee(this.state.colorbar);t.a=0;var e=fu.format(t,"rgb");t.a=1;var n=fu.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:It("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Sa.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:wt("$container")+Ag("movePointer")+zg("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.toFixed(2)})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),n}(_g);function LP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BP=function(t){R()(n,t);var e=LP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:It("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),n}(_g);function AP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zP=function(t){R()(n,t);var e=AP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"manager",get:function(){return this.parent.manager}},{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:"hasValue",value:function(t){return""!==t.target.value}},{key:gt("$rgb_r")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_g")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_b")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_a")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$hsl_h")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_s")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_l")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_a")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:ft("$hexCode")+N("hasValue"),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:st("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:st("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:st("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:st("$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()}}]),n}(_g);function FP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HP=function(t){R()(n,t);var e=FP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:It("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:It("$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:Sa.px(t),top:Sa.px(e)}}}},{key:wt("$el")+Ag("movePointer")+zg("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),c=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:c})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),n}(_g),GP=[{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=GP.length;t<e;t++){var n=GP[t],r=fu.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var _P={colors:GP,checkHueColor:function(t){for(var e,n,r=0;r<GP.length;r++)if(GP[r].start>=t){e=GP[r-1],n=GP[r];break}return e&&n?fu.mix(e,n,(t-e.start)/(n.start-e.start)):GP[0].rgb}};function NP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var YP=function(){function t(){O()(this,t),this.initialize()}return j()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{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}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){"string"==typeof(t=t||"#FF0000")&&(t=fu.parse(t)),this.state.alpha=void 0!==t.a?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=XP(XP({},this.state.hsl),t),this.state.rgb=fu.HSLtoRGB(this.state.hsl),this.state.hsv=fu.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=XP(XP({},this.state.rgb),t),this.state.hsl=fu.RGBtoHSL(this.state.rgb),this.state.hsv=fu.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=XP(XP({},this.state.hsv),t),this.state.rgb=fu.HSVtoRGB(this.state.hsv),this.state.hsl=fu.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return _P.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 fu.format(XP(XP({},e),{},{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}}]),t}();function KP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UP=function(t){R()(n,t);var e=KP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.manager=new YP}},{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:at("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:EP,Opacity:DP,ColorView:BP,Palette:HP,ColorInformation:zP}}},{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      '}}]),n}(_g);n(78);function WP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZP=function(t){R()(n,t);var e=WP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact elf--colorpicker-popup"}},{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(){var t=this;return"\n    <div class=\"elf--color-picker-popup\">\n      <div class='box'>\n        <object \n          refClass=\"EmbedColorPicker\" \n          ref='$color' \n          value='".concat(this.state.color,"' \n          onchange=").concat(this.subscribe((function(e){return t.updateData({color:e})}))," \n          onchangeend=").concat(this.subscribe((function(e){return t.updateEndData({color:e})}))," />\n      </div>\n    </div>\n  ")}},{key:Tt("$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:st("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:rt("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof Hg))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:rt("hideColorPickerPopup"),value:function(){this.hide()}}]),n}(ow);function qP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JP=function(t){R()(n,t);var e=qP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:at("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:at("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)}}]),n}(_g);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}function tO(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){w()(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}function eO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nO=function(t){R()(n,t);var e=eO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return t.$editor.components.createInspector(n).length>0}))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load())}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"getPropertyEditor",value:function(t,e,n,r,i){return Zt(r)?'\n        <div>  \n          <object refClass="'.concat(r,'" ').concat(xc(tO(tO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t),key:e})),'>\n            <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n          </object>\n        </div>"):Object.keys(r).map((function(r){return'\n          <div>\n            <object refClass="'.concat(r,'" ').concat(xc(tO(tO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t).concat(r),key:e})),'>\n              <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n            </object>\n          </div>")})).join("")}},{key:Tt("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":this.$editor.components.createInspector(e).map((function(n,r){return Zt(n)?"\n          <div class='property-item is-label'> \n            <label class='label string-label'>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item'> \n            ".concat(t.getPropertyEditor(r,n.key,e[n.key]||n.defaultValue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:at("changeComponentProperty"),value:function(t,e){var n,r=this.$selection.current,i=null===(n=this.$editor.components.createInspector(r).find((function(e){return e.key===t})))||void 0===n?void 0:n.convert,a=i?i(r,t,e):w()({},t,e);this.command("setAttributeForMulti","change component : "+t,this.$selection.packByValue(a))}}]),n}(Yx);n(79);function rO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iO=function(t){R()(n,t);var e=rO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Content"}},{key:rt("refreshSelection","refreshContent")+Z(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item elf--content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:It("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:gt("$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("refreshSelectionStyleView",t)}}}]),n}(Yx),aO=[{key:"style.canvas.background.color",defaultValue:"#ececec",title:"Canvas Background Color",description:"Set canvas background color",type:"color"},{key:"area.width",defaultValue:100,title:"Area Width to find layers fastly",description:"Set area width/height",type:"number"},{key:"store.key",defaultValue:"easylogic.studio",title:"Store Key",description:"Set localStorage key",type:"number"},{key:"set.tool.hand",defaultValue:!1,title:"Hand tool",description:"Hand tool is on",type:"boolean"},{key:"canvas.width",defaultValue:1e4,title:"Default canvas width",description:"Set default canvas width",type:"number"},{key:"canvas.height",defaultValue:1e4,title:"Default canvas height",description:"Set default canvas height",type:"number"},{key:"body.move.ms",defaultValue:30,title:"pointer move delay millisecond",description:"Set delay millisecond to moving pointer in body  ",type:"number"},{key:"debug",defaultValue:!1,title:"debug mode",description:"Set debug mode to on ",type:"boolean"},{key:"fixed.angle",defaultValue:15,title:"fixed angle count",description:"Set fixed angle",type:"number"},{key:"show.ruler",defaultValue:!0,title:"Show ruler",description:"Set ruler visibility to on",type:"boolean"},{key:"show.left.panel",defaultValue:!0,title:"Show left panel",description:"Set left panel visibility to on",type:"boolean"},{key:"show.right.panel",defaultValue:!0,title:"Show right panel",description:"Set right panel visibility to on",type:"boolean"},{key:"snap.distance",defaultValue:3,title:"Snap distance between objects",description:"Set snap distance",type:"number"},{key:"snap.grid",defaultValue:50,title:"Snap grid size between objects",description:"Set snap grid size",type:"number"},{key:"history.delay.ms",defaultValue:1e3,title:"history delay milliseconds",description:"Set history delay time",type:"number"}];function oO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uO=function(t){R()(n,t);var e=sO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,cO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Cg.rect}},{key:"toCloneObject",value:function(){return cO(cO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Cg.rect}}]),n}(Gb);function lO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pO=function(t){R()(n,t);var e=hO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,fO({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),n}(uO);function dO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gO=function(t){R()(n,t);var e=yO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,vO({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return vO(vO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),n}(uO);function mO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xO=function(t){R()(n,t);var e=kO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,bO({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),n}(uO);function wO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PO(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){w()(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}function OO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SO={};["appearance","border","border-radius","background-image","backdrop-filter","clip-path","pattern","box-shadow","layout","transform","transform-origin","perspective","perspective-origin","backdrop-filter"].forEach((function(t){SO[t]=!0}));var jO=function(t){R()(n,t);var e=OO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,PO({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:"editable",value:function(t){if(SO[t])return!1;switch(t){case"svg-item":return!0}return $a()(V()(n.prototype),"editable",this).call(this,t)}},{key:"toCloneObject",value:function(){return PO(PO({},$a()(V()(n.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}}]),n}(uO);function $O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$O(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function CO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MO=function(t){R()(n,t);var e=CO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,RO({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){$a()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new Hc(this.json.d))}},{key:"setCache",value:function(){$a()(V()(n.prototype),"setCache",this).call(this),this.cachePath=new Hc(this.json.d)}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new Hc(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"toCloneObject",value:function(){return RO(RO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{d:this.json.d})}},{key:"getDefaultTitle",value:function(){return"Path"}}]),n}(jO);function TO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function EO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var IO=function(t){R()(n,t);var e=EO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,VO({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Sa.number(100),textLength:Sa.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).textLength=Sa.parse(t.textLength),t}},{key:"toCloneObject",value:function(){return VO(VO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}}]),n}(jO);function DO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function LO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function BO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AO=function(t){R()(n,t);var e=BO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,LO({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Sa.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Sa.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){$a()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new Hc(this.json.d))}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new Hc(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).textLength=Sa.parse(t.textLength),t.startOffset=Sa.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return LO(LO({},$a()(V()(n.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 am(t.property)})),n=t.filter((function(t){return e=t.property,rm[e]||!1;var e})),r=t.filter((function(t){return om(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}]}}]),n}(jO);function zO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GO=function(t){R()(n,t);var e=HO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"is",value:function(){for(var t,e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return!!r.includes("component")||(t=$a()(V()(n.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}],[{key:"createComponent",value:function(t){var e=t.iconString,r=t.title,i=void 0===r?"Unknown Title":r,a=t.attrs,o=void 0===a?{}:a,c=t.enableHasChildren,s=void 0!==c&&c;return function(t){R()(r,t);var n=HO(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIcon",value:function(){return e||Cg.add}},{key:"getDefaultObject",value:function(){return $a()(V()(r.prototype),"getDefaultObject",this).call(this,FO({itemType:"NewComponent",name:"New Component"},o))}},{key:"toCloneObject",value:function(){return FO(FO({},$a()(V()(r.prototype),"toCloneObject",this).call(this)),this.attrs.apply(this,ce()(Object.keys(o))))}},{key:"enableHasChildren",value:function(){return s||!1}},{key:"getDefaultTitle",value:function(){return i}}]),r}(n)}}]),n}(uO);function _O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function NO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_O(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function XO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YO='\n  <svg>\n    <rect width="100%" height="100%" fill="black" />\n  </svg>\n',KO=function(t){R()(n,t);var e=XO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.auto_awesome}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,NO({itemType:"template",name:"New Template",engine:"dom",template:YO,params:[]},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Template"}},{key:"toCloneObject",value:function(){return NO(NO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("template"))}}]),n}(GO);function UO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?UO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qO,JO=function(t){R()(n,t);var e=ZO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,WO({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 WO(WO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("content"))}},{key:"editable",value:function(t){switch(t){case"font":case"font-spacing":case"text-style":case"text-shadow":case"text-fill":case"text-clip":case"background-image":case"box-model":return!0;case"svg-item":case"border":case"border-radius":case"backdrop-filter":case"background-image":case"pattern":case"box-shadow":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return $a()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(uO),QO={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":"Component","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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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":"Full Screen","menu.item.shortcuts.title":"ShortCuts","menu.item.github.title":"Github","menu.item.learn.title":"Learn","menu.item.projects.title":"Projects","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","component.items.chart":"Chart","component.items.plugin":"Plugin","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:(qO={"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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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","menu.item.projects.title":"Projects","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"},w()(qO,"inspector.tab.title.history","History"),w()(qO,"timeline.property.title","Chronologie"),w()(qO,"timeline.property.resize","Drag if you want to resize timeline height."),w()(qO,"timeline.animation.property.title","Animations"),w()(qO,"timeline.play.control.play","Jouer"),w()(qO,"timeline.play.control.pause","Pause"),w()(qO,"timeline.play.control.first","Premier"),w()(qO,"timeline.play.control.prev","Précédent"),w()(qO,"timeline.play.control.next","Suivant"),w()(qO,"timeline.play.control.last","Dernier"),w()(qO,"timeline.play.control.direction","Direction"),w()(qO,"timeline.play.control.speed","Vitesse"),w()(qO,"timeline.play.control.repeat","Répéter"),w()(qO,"timeline.play.control.infinite","Infini"),w()(qO,"timeline.play.control.normal","normal"),w()(qO,"timeline.play.control.alternate","alternatif"),w()(qO,"timeline.play.control.reverse","inverse"),w()(qO,"timeline.play.control.alternate.reverse","inverse alternatif"),w()(qO,"timeline.value.editor.value","Valeur"),w()(qO,"timeline.value.editor.time","Temps"),w()(qO,"timeline.value.editor.timing","Calage temps"),w()(qO,"timeline.value.editor.offset.message","Please input enter key to change time offset."),w()(qO,"svgfilter.popup.title","Filtre SVG"),w()(qO,"css.item.rotate","Rotation"),w()(qO,"css.item.rotateX","Rotation X"),w()(qO,"css.item.rotateY","Rotation Y"),w()(qO,"css.item.rotateZ","Rotation Z"),w()(qO,"css.item.rotate3d","Rotation 3D"),w()(qO,"css.item.skewX","Oblique X"),w()(qO,"css.item.skewY","Oblique Y"),w()(qO,"css.item.translate","Translation"),w()(qO,"css.item.translateX","Translation X"),w()(qO,"css.item.translateY","Translation Y"),w()(qO,"css.item.translateZ","Translation Z"),w()(qO,"css.item.translate3d","Translation 3D"),w()(qO,"css.item.perspective","Perspéctive"),w()(qO,"css.item.scale","Echelle"),w()(qO,"css.item.scaleX","Echelle X"),w()(qO,"css.item.scaleY","Echelle Y"),w()(qO,"css.item.scaleZ","Echelle Z"),w()(qO,"css.item.scale3d","Echelle 3D"),w()(qO,"css.item.matrix","Matrice"),w()(qO,"css.item.matrix3d","Matrice 3D"),w()(qO,"animation.property.title","Animation CSS"),w()(qO,"animation.property.direction","Direction"),w()(qO,"animation.property.play.state","Etat lecture"),w()(qO,"animation.property.fill.mode","Mode remplissage"),w()(qO,"animation.property.delay","Délais"),w()(qO,"animation.property.duration","Durée"),w()(qO,"animation.property.iteration.count","Nombre Itérations"),w()(qO,"animation.property.Select a keyframe","Selectionner une image clé"),w()(qO,"animation.property.popup.title","Animation"),w()(qO,"animation.property.popup.timing.function","Fonction temps"),w()(qO,"animation.property.popup.keyframe","image clé"),w()(qO,"animation.property.popup.direction","Direction"),w()(qO,"animation.property.popup.play.state","Etat lecture"),w()(qO,"animation.property.popup.fill.mode","Mode remplissage"),w()(qO,"animation.property.popup.delay","Délais"),w()(qO,"animation.property.popup.duration","Duréé"),w()(qO,"animation.property.popup.iteration","Itération"),w()(qO,"animation.property.popup.normal","normal"),w()(qO,"animation.property.popup.reverse","inverse"),w()(qO,"animation.property.popup.alternate","alternatif"),w()(qO,"animation.property.popup.alternate-reverse","inverse alternatif"),w()(qO,"animation.property.popup.none","Aucun"),w()(qO,"animation.property.popup.forwards","en avant"),w()(qO,"animation.property.popup.backwards","en arrière"),w()(qO,"animation.property.popup.both","les deux"),w()(qO,"animation.property.popup.Select a keyframe","Selectionner une image clé"),w()(qO,"keyframe.popup.title","image clé"),w()(qO,"code.view.property.title","Vue code"),w()(qO,"svg.filter.editor.tab.filter","Filtrer"),w()(qO,"svg.filter.editor.tab.preset","Pre-rempli"),w()(qO,"svg.filter.editor.tab.asset","Eléments"),w()(qO,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),w()(qO,"svg.filter.editor.SOURCES","SOURCES"),w()(qO,"svg.filter.editor.MODIFIER","MODIFIER"),w()(qO,"svg.filter.editor.LIGHTING","ECLAIRAGE"),w()(qO,"svg.filter.editor.COMBINERS","COMBINER"),w()(qO,"svg.filter.editor.Template","Modèle"),w()(qO,"layout.property.title","Disposition"),w()(qO,"layout.property.flex","Boîte Flex"),w()(qO,"layout.property.grid","Grille"),w()(qO,"layout.property.default","Défaut"),w()(qO,"flex.layout.editor.row","Ligne"),w()(qO,"flex.layout.editor.column","Colonne"),w()(qO,"flex.layout.editor.row-reverse","Inverse ligne"),w()(qO,"flex.layout.editor.column-reverse","Inverse Colonne"),w()(qO,"flex.layout.editor.nowrap","Non-emballé"),w()(qO,"flex.layout.editor.wrap","Emballé (wrap)"),w()(qO,"flex.layout.editor.wrap-reverse","Inverse emballé"),w()(qO,"flex.layout.editor.flex-start","Début"),w()(qO,"flex.layout.editor.flex-end","Fin"),w()(qO,"flex.layout.editor.center","Centrer"),w()(qO,"flex.layout.editor.space-between","Entre"),w()(qO,"flex.layout.editor.space-around","Autour"),w()(qO,"flex.layout.editor.baseline","Base"),w()(qO,"flex.layout.editor.stretch","Etirement"),w()(qO,"flex.layout.editor.direction","Direction"),w()(qO,"flex.layout.editor.justify-content","Justifier"),w()(qO,"flex.layout.editor.align-items","Aligner objets"),w()(qO,"flex.layout.editor.align-content","Aligner contenu"),w()(qO,"flex.layout.item.property.title","Détail Disposition objet"),w()(qO,"flex.layout.item.property.grow","Augmenter Flex"),w()(qO,"flex.layout.item.property.shrink","Réduire Flex"),w()(qO,"flex.layout.item.property.basis","Base Flex"),w()(qO,"flex.layout.item.property.none","Aucun"),w()(qO,"flex.layout.item.property.auto","auto"),w()(qO,"flex.layout.item.property.value","valeur"),w()(qO,"grid.layout.editor.template.columns","Colonne"),w()(qO,"grid.layout.editor.column.gap","Espace Colonne"),w()(qO,"grid.layout.editor.template.rows","Lignes"),w()(qO,"grid.layout.editor.row.gap","Espace lignes"),w()(qO,"grid.box.editor.box.title","Boîte"),w()(qO,"grid.box.editor.type","Type"),w()(qO,"grid.box.editor.repeat","Répéter"),w()(qO,"grid.box.editor.length","Longueur"),w()(qO,"grid.box.editor.none","Aucun"),w()(qO,"grid.box.editor.auto","Auto"),w()(qO,"grid.box.editor.count","Compte"),w()(qO,"grid.box.editor.value","Taille"),w()(qO,"grid.layout.item.property.title","Détail disposition objets"),w()(qO,"grid.layout.item.property.column","Colonne"),w()(qO,"grid.layout.item.property.row","Ligne"),w()(qO,"grid.layout.item.property.start","Début"),w()(qO,"grid.layout.item.property.end","Fin"),w()(qO,"grid.layout.item.property.none","Aucun"),w()(qO,"grid.layout.item.property.value","valeur"),w()(qO,"box.model.property.title","Modèle"),w()(qO,"box.model.property.margin","Marge"),w()(qO,"box.model.property.padding","Espace"),w()(qO,"component.items.canvas","Toile"),w()(qO,"component.items.layer","Objet"),w()(qO,"component.items.3dlayer","Objet 3D"),w()(qO,"component.items.drawing","Dessin"),w()(qO,"component.items.custom","Composant personnalisé"),w()(qO,"component.items.chart","Chart"),w()(qO,"component.items.plugin","Plugin"),w()(qO,"svg.text.property.title","Style SVG Texte"),w()(qO,"svg.text.property.textarea","Zone Texte"),w()(qO,"svg.text.property.size","Taille"),w()(qO,"svg.text.property.weight","Poids"),w()(qO,"svg.text.property.style","Style"),w()(qO,"svg.text.property.anchor","Ancre Texte"),w()(qO,"svg.text.property.family","Famille"),w()(qO,"svg.text.property.length.adjust","Ajusteement longueur"),w()(qO,"svg.text.property.text.length","Ajusteement Texte"),w()(qO,"svg.text.property.start.offset","Décallage départ"),w()(qO,"fill.picker.popup.title","Sélection Fragment SVG"),w()(qO,"gradient.editor.drag.message","Glisser pour déplacer centre."),w()(qO,"draw.manager.tolerance","Tolérance"),w()(qO,"pattern.property.title","Motif"),w()(qO,"pattern.info.popup.title","Info Motif"),w()(qO,"pattern.info.popup.width","Largeur"),w()(qO,"pattern.info.popup.height","Hauteur"),w()(qO,"pattern.info.popup.lineWidth","Largeur ligne"),w()(qO,"pattern.info.popup.lineHeight","Hauteur de ligne"),w()(qO,"pattern.info.popup.rotate","Rotatation"),w()(qO,"pattern.info.popup.blend","Mélange"),w()(qO,"pattern.info.popup.foreColor","Avant"),w()(qO,"pattern.info.popup.backColor","Arrière"),w()(qO,"stroke.dasharray.editor.add","Ajout tiret"),w()(qO,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),qO),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":"아트보드 프리뷰를 삭제 하시겠습니까?","app.confirm.message.custom-component.items.removeCustomComponent":"컴포넌트 프리뷰를 삭제 하시겠습니까?","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":"배우기","menu.item.projects.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":"사용자 정의 컴포넌트","component.items.chart":"차트","component.items.plugin":"플러그인","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 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}};n(80);function tS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eS=function(t){R()(n,t);var e=tS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:rt("refreshSelection","refreshContent")+Z(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"elf--export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(Cg.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(Cg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:st("$svg"),value:function(){this.emit("downloadSVG")}},{key:st("$png"),value:function(){this.emit("downloadPNG")}}]),n}(Yx),nS=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function rS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iS=function(t){R()(n,t);var e=rS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Tt("$filterSelect"),value:function(){var t=this,e=nS.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(ce()(e),[{title:"-------",value:""}],ce()(n)):ce()(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:Tt("$body"),value:function(){var t=(this.$selection.current||{}).filter;return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="filter" value=\''.concat(t,"' hide-label='true' onchange='changeFilterEditor' />\n      </div>")}},{key:at("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"filter"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$filterSelect")}}]),n}(Yx);function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oS=function(t){R()(n,t);var e=aS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:"editableProperty",get:function(){return"font"}},{key:rt("refreshSelection")+N("checkShow"),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=').concat(this.variable(["normal","italic"]),"\n          icons='title,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <object refClass=\"FontSelectEditor\"  \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:at("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:at("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change font attribute",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function cS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sS=function(t){R()(n,t);var e=cS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"editableProperty",get:function(){return"font-spacing"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Sa.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:at("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Sa.number(e.value)),this.command("setAttributeForMulti","change font spacing : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(81);function uS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fS=["static-gradient","linear-gradient","radial-gradient","image-resource"],hS={"image-resource":Cg.photo},pS={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%"}},dS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],vS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],yS=function(t){R()(n,t);var e=lS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:qm.parseImage(this.props.value||"transparent")||Hm.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:qm.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='elf--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(Cg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Cg.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(fS.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(hS[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(vS.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(Kt(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:yt("$file"),value:function(t){var e=this;this.$selection.currentProject&&ce()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:st("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");pS[e]&&(this.state.image.reset(pS[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:224,height:150}}},{key:"getFieldValue",value:function(t){return Sa.parse(this.getImageFieldValue(this.state.image,t))}},{key:It("$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:It("$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:It("$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:It("$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:It("$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:wt("$pointerDrawArea circle[data-type]")+Ag("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:Sa.percent((e-a)/r*100),top:Sa.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:st("$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={};dS.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=qm.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uS(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:at("changeKeyValue"),value:function(t,e){this.state.image.reset(w()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:rt("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:st("$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:It("$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:It("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:"fillId",get:function(){return this.id+"fill"}},{key:It("$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:Tt("$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(Sa.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:wt("$stepList .step")+Ag(),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(Sa.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(zu.toColorString(t.colorsteps),")")}},{key:rt("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:rt("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())}}]),n}(_g);n(82);function gS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kS,xS=function(t){R()(n,t);var e=bS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--gradient-picker-popup\" 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:rt("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof zu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Tt("$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:at("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:at("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:at("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:rt("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:rt("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:rt("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(mS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(ow);function wS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SS=function(t){R()(n,t);var e=OS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"initState",value:function(){return{image:Hm.create()}}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){var t=this;return ie(kS||(kS=Aa()(["\n      <div class=\"elf--gradient-picker-popup\" 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="," />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "])),this.subscribe((function(e){t.trigger("changeColor",e)})))}},{key:rt("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof zu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Tt("$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:at("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:at("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:at("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:rt("showFillPickerPopup"),value:function(t,e){this.show(240),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:rt("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:rt("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(PS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(ow);n(83);function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $S=function(t){R()(n,t);var e=jS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:qm.parseImage(this.props.image||"transparent")}}},{key:"fillId",get:function(){return this.id+"fill"}},{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:qm.parseImage(t)})}},{key:It("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:It("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:rt("changeFillSingle"),value:function(t,e){this.updateData({image:qm.parseImage(t)}),this.refresh()}}]),n}(_g);n(84);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}function CS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MS=function(t){R()(n,t);var e=CS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RS(Object(n),!0).forEach((function(e){w()(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}({},t))}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:rt("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),n}(_g),TS=["0deg","45deg","90deg"],VS=["0deg","45deg","90deg"],ES=["0deg","45deg","90deg"],IS=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"linear-gradient(".concat(gc.apply(void 0,TS),", ").concat(Iu.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"linear-gradient(".concat(gc.apply(void 0,VS),", ").concat(Iu.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(gc.apply(void 0,ES),", ").concat(Iu.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Iu.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Iu.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Iu.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){var e=pc(45,55),n=pc(45,55),r=pc(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Iu.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 mc(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Iu.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 mc(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Iu.createRepeatColorStep(10,"10deg"),")")}}))}}];n(85);function DS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var LS=IS.map((function(t){return{value:t.key,text:t.title}})),BS=function(t){R()(n,t);var e=DS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Tt("$tools"),value:function(){return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options=').concat(this.variable(LS),' onchange="changePreset"  />\n    ')}},{key:at("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--gradient-assets-property"}},{key:rt("refreshSelection")+Z(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:ht("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Tt("$gradientList"),value:function(){var t=this,e=IS.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(icon.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:st("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:zu.random(),name:"",variable:""})}))}},{key:st("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}}]),n}(Yx);n(86);function AS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zS=function(t){R()(n,t);var e=AS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--history-list-view\" ref='$body'></div>\n    "}},{key:Tt("$body")+W,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?Cg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:rt("refreshHistory"),value:function(){this.refresh()}}]),n}(Yx);function FS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function GS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _S={},NS=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],XS=function(t){R()(n,t);var e=GS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toStringPropertyCSS",value:function(t,e){return kc(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return _S;var e=[];if(t.pattern)for(var n=mp.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,jl.parseStyle(kc(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,jl.parseStyle(kc(t["background-image"]))),e.length?jl.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=HS(HS({},n),kc(t["flex-layout-item"])):"grid"===e&&(n=HS(HS({},n),kc(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return HS({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return HS({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return t.hasChildren()?{}:this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?w()({},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.hasChildren()||(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 Ut(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",HS(HS(HS({},e),{"will-change":"auto"}),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=zt()(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=zt()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return bc(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return NS.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(""===t.transform)return _S;var e={transform:t.transform};return"rotateZ(0deg)"===e.transform&&delete e.transform,{transform:e.transform}}},{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=of.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(t.clipPathString,'" /></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;var n=of.parseStyle(e);switch(n.type){case"path":n.value&&(e="url(#".concat(this.clipPathId(t),")"));break;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(bc(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:bc(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-renderer-type=\"html\" data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>\n").concat(n,"\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="element-item ').concat(a,'" data-id="').concat(r,'" data-title="').concat(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){if(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=Ka.createByHTML(i);a&&e.prepend(a)}}}}}]),n}(function(){function t(){O()(this,t)}return j()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function YS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KS=function(t){R()(n,t);var e=YS(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(XS);function US(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?US(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):US(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qS=["","100x100","200x200","300x300","400x300","900x600","1024x762"],JS=function(t){R()(n,t);var e=ZS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Cg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(qS.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:at("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Sa.px(t)})),r=zt()(n,2),i=r[0],a=r[1];this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:i,height:a}))}},{key:st("$resize"),value:function(){this.$selection.current&&this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:function(t){return t.naturalWidth.clone()},height:function(t){return t.naturalHeight.clone()}}))}},{key:It("$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:Tt("$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:at("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(WS({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttributeForMulti","change image",this.$selection.packByValue(WS({src:e},n))))}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShow(["image"])}}]),n}(Yx);n(87);function QS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tj=function(t){R()(n,t);var e=QS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='elf--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:Tt("$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:yt("$file"),value:function(t){var e=this,n=ce()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:st("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:rt("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)}}]),n}(_g);n(88);function ej(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nj=function(t){R()(n,t);var e=ej(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:Tt("$imageBox")+W,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:st("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Sa.px(e.naturalWidth),naturalHeight:Sa.px(e.naturalHeight),width:Sa.px(e.naturalWidth),height:Sa.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:rt("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:rt("hideImageSelectPopup"),value:function(){this.hide()}}]),n}(ow);n(89);function rj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ij=function(t){R()(n,t);var e=rj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{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='elf--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:gt("$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:rt("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:rt("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:rt("hideKeyframePopup"),value:function(){this.$el.hide()}}]),n}(ow);n(90);function aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oj=function(t){R()(n,t);var e=aj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{key:"getBody",value:function(){return"<div class='elf--keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(Cg.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(Cg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Cg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Cg.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:st("$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:st("$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:st("$keyframeList .del")+et,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:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Tt("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Gf.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:st("$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:rt("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))}}]),n}(Yx);function cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sj=function(t){R()(n,t);var e=cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Sa.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:rt("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){if(Kt(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:Tt("$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!Ka.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:st("$offset")+N("isNotOffsetItem")+et,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Sa.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Af({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:wt("$offset .offset-item")+Ag("moveOffset")+zg("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Sa.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=Sa.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:rt("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:rt("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=ce()(t)),this.modifyOffset()}}]),n}(_g);n(91);function uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lj=function(t){R()(n,t);var e=uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getBody",value:function(){return"\n      <div class=\"elf--layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:It("$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:Sa.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:Sa.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:Sa.px(r),height:Sa.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 Cg.group;switch(t.itemType){case"artboard":return Cg.artboard;case"circle":return Cg.lens;case"image":return Cg.image;case"text":case"svg-text":return Cg.title;case"svg-textpath":return Cg.text_rotate;case"svg-path":return Cg.pentool;case"cube":return Cg.cube;case"cylinder":return Cg.cylinder;default:return Cg.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),this.$selection.check(a)?"selected":""),c=this.$selection.checkHover(a)?"hovered":"",s=a.name;a.is("text")&&(s=a.text||a.name);var u="";a.hasLayout()&&(u=this.$i18n("layer.tree.property.layout.title."+a.layout));var l=a.isTreeItemHide(),f=Sa.px(20*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(c,"' 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(l,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(u,"' style='padding-left: ").concat(f,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(a.isGroup?Cg.arrow_right:"","</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(s,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Cg.lock:Cg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Cg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Cg.remove2,"</button>                          \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:rt("refreshContent"),value:function(t){this.refresh()}},{key:Tt("$layerList")+W,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:ht("$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:vt("$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:dt("$layerList .layer-item:not(.".concat("drag-start",")"))+et,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:pt("$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:ut("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t,e){var n=this;if(hd.enter===e.keyCode)this.endInputEditing(t,(function(){var e=t.closest("layer-item").attr("data-layer-id"),r=t.text();n.emit("refreshItemName",e,r)}));else{var r=t.closest("layer-item").attr("data-layer-id"),i=t.text();this.emit("refreshItemName",r,i)}}},{key:lt("$layerList .layer-item .name")+nt,value:function(t){this.modifyDoneInputEditing(t.$dt,t)}},{key:bt("$layerList .layer-item .name")+et+nt,value:function(t){this.modifyDoneInputEditing(t.$dt,{keyCode:hd.enter})}},{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:st("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":"#ececec",width:Sa.px(200),height:Sa.px(100)})}},{key:st("$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.command("refreshSelection")}},{key:st("$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:st("$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("setAttributeForMulti","change visible for layer",this.$selection.packByValue({visible:!r.visible},r.id))}},{key:st("$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:st("$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("setAttributeForMulti","change lock for layer",this.$selection.packByValue({lock:i},r.id))}},{key:rt("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:at("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:rt("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:rt("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:rt("refreshLayerTreeView"),value:function(){this.refresh()}},{key:rt("changeItemLayout"),value:function(){this.refresh()}}]),n}(Yx);function fj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dj=function(t){R()(n,t);var e=pj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 this.variable(t.split(",").map((function(t){return{value:t,text:e.$i18n("flex.layout.editor."+t)}})))}},{key:"initState",value:function(){return hj({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(hj({},kc(t)))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);function vj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gj=function(t){R()(n,t);var e=yj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(kc(t))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);n(92);function mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bj=function(t){R()(n,t);var e=mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"elf--flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","auto","value"].map((function(e){return{value:e,text:t.$i18n("flex.layout.item.property.".concat(e))}})))}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Tt("$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),bc({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:at("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":this.getFlexValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),n}(Yx);n(93);function kj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xj=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,wj=function(t){R()(n,t);var e=kj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getLayoutItemOptions",value:function(){var t=this;return this.variable("none,auto,repeat,length".split(",").map((function(e){return{value:e,text:t.$i18n("grid.box.editor.".concat(e))}})))}},{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=xj.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=Ia()(a),c=o[0],s=o.slice(1);n.push({type:"repeat",count:c,value:s.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(Cg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Cg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Tt("$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='elf--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(Cg.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:st("$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:st("$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:st("$add"),value:function(){this.trigger("add")}},{key:rt("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:at("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()}}]),n}(_g);function Pj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Oj=function(t){R()(n,t);var e=Pj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 Sa.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:Tt("$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:at("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),n}(_g);n(94);function Sj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Sj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rj=function(t){R()(n,t);var e=$j(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return jj({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(jj({},kc(t)))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"template",value:function(){return"\n            <div class='elf--grid-layout-editor' ref='$body' ></div>\n        "}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);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 Mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tj=function(t){R()(n,t);var e=Mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(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){w()(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}({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(kc(t))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);n(95);function Vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ej=function(t){R()(n,t);var e=Vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","value"].map((function(e){return{value:e,text:t.$i18n("grid.layout.item.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Tt("$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=kc(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 bc({"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:at("changeGridItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":this.getGridValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),n}(Yx);n(96);function Ij(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dj=function(t){R()(n,t);var e=Ij(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["default","flex","grid"].map((function(e){return{value:e,text:t.$i18n("layout.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Tt("$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:at("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change layout info",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(this.$selection.packByValue(w()({},t,e))),this.command("setAttributeForMulti","change layout type",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.refresh(),n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:"editableProperty",get:function(){return"layout"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx),Lj=[{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)"}]}}];n(97);function Bj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Aj=function(t){R()(n,t);var e=Bj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=this.variable(Lj.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:at("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--pattern-assets-property"}},{key:"editableProperty",get:function(){return"pattern"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){}},{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:ht("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Tt("$patternList"),value:function(){var t=this,e=Lj.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=bc(mp.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:st("$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)}}]),n}(Yx);n(98);function zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fj=function(t){R()(n,t);var e=zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 mp.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='elf--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(Cg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:Tt("$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(Cg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=mp.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:rt("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Lj.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,mp.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:st("$add"),value:function(){this.trigger("add")}},{key:ht("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$patternList .pattern-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:pt("$patternList .pattern-item")+et,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:st("$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:rt("changePatternSizeInfo")+Z(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),n}(_g);function Hj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gj=function(t){R()(n,t);var e=Hj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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||Sa.z(),y:this.props.y||Sa.z(),width:this.props.width||Sa.z(),height:this.props.height||Sa.z(),lineWidth:this.props.lineWidth||Sa.px(1),lineHeight:this.props.lineHeight||Sa.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,c=e.backColor,s=e.blendMode,u=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:c,blendMode:s,lineWidth:u,lineHeight:l},this.state.params)}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:Tt("$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:rt("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)}}]),n}(ow),_j=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"];function Nj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xj=function(t){R()(n,t);var e=Nj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Tt("$patternSelect"),value:function(){var t=this,e=_j.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return ce()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Tt("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:at("changePatternEditor"),value:function(t,e){this.command("setAttributeForMulti","change pattern",this.$selection.packByValue({pattern:e}))}},{key:"editableProperty",get:function(){return"pattern"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$patternSelect")}}]),n}(Yx);n(99);function Yj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Kj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wj=function(t){R()(n,t);var e=Uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:Sa.parse(this.props.x),y:Sa.parse(this.props.y),width:Sa.parse(this.props.width),height:Sa.parse(this.props.height),lineWidth:Sa.parse(this.props.linewidth),lineHeight:Sa.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(Kj({},t))}},{key:It("$miniView"),value:function(){var t=Kj({},this.state);return this.state.width.value>80&&(t.width=Sa.px(80),t.x=Sa.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Sa.px(80),t.y=Sa.px(this.state.y.value/this.state.height.value/80)),{cssText:mp.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='elf--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:st("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){var t=this;this.emit("showPatternInfoPopup",{changeEvent:function(e){t.updateData(Kj({},e))},data:this.state,instance:this})}}]),n}(_g);function Zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qj=function(t){R()(n,t);var e=Zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Cg.remove,"</button>\n    ")}},{key:st("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Tt("$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:at("changePerspective"),value:function(t,e){this.command("setAttributeForMulti","change perspective",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"perspective"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);n(100);function Jj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qj=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],t$=Qj.map((function(t){return t.key})),e$={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%"},n$=function(t){R()(n,t);var e=Jj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Sa.z(),"perspective-origin-x":Sa.z(),"perspective-origin-y":Sa.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Sa.parse(t[0]),e["perspective-origin-x"]=Sa.parse(t[0]),e["perspective-origin-y"]=Sa.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Sa.parse(t[0]),e["perspective-origin-y"]=Sa.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:st("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=e$[e].split(" "),r=zt()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Sa.parse(i),this.state["perspective-origin-y"]=Sa.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:at("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&t$.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Qj.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,t$.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:st("$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()}}]),n}(_g);function r$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var i$=function(t){R()(n,t);var e=r$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Cg.remove,"</button>\n    ")}},{key:st("$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:Tt("$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:"editableProperty",get:function(){return"perspective-origin"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changePerspectiveOrigin"),value:function(t){this.command("setAttributeForMulti","change perspective origin",this.$selection.packByValue({"perspective-origin":t}))}}]),n}(Yx);function a$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var o$=Sa.z(),c$=function(t){R()(n,t);var e=a$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:rt("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"checkChangedValue",value:function(){var t=this.$selection.current;return!!t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate","opacity")}},{key:rt("refreshSelectionStyleView")+N("checkChangedValue")+J(10),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||o$),this.children.$y.setValue(t.y||o$),this.children.$width.setValue(t.width||o$),this.children.$height.setValue(t.height||o$),this.children.$opacity.setValue(t.opacity||"1");var e=Bc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}},{key:"isHideHeader",value:function(){return!0}},{key:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 10px;'>\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=\"-360\"\n              max=\"360\"\n              step=\"1\"\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;if(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),this.children.$opacity.setValue(t.opacity||"1");var e=Bc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}}},{key:at("changRangeEditor"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change position or size",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeRotate"),value:function(t,e){console.log(e),this.command("setAttributeForMulti","change rotate",this.$selection.packByValue({transform:function(t){return Bc.rotateZ(t.transform,e)}}))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(101);function s$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var u$=function(t){R()(n,t);var e=s$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return"string"==typeof t?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),n=this.props.value,r=this.props.tabindex;return{splitChar:t,label:this.props.label||"",options:e,value:n,tabIndex:r}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='elf--select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:It("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Tt("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e.value,r=e.text||e.value;""===r?r=t.props["none-value"]?t.props["none-value"]:"":"-"===r&&(r="----------",n="");var i=n===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(n,'">').concat(r,"</option>")}))}},{key:yt("$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)}}]),n}(_g);function l$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?l$(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function h$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var p$=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],d$=function(t){R()(n,t);var e=h$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getBlendList",value:function(){var t=this;return p$.map((function(e){return{value:e,text:t.$i18n("blend.".concat(e))}}))}},{key:"initState",value:function(){return f$(f$({},$a()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}]),n}(u$);n(102);function v$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var y$=function(t){R()(n,t);var e=v$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='elf--clip-path-editor'></div>\n        "}},{key:Tt(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:st(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){var t=this;this.emit("showClipPathPopup",{changeEvent:function(e){t.updateData({clippath:e["clip-path"]})},"clip-path":this.state.clippath})}}]),n}(_g),g$={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=fu.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=fu.parse(t.color),r=fu.parse(e.color);return n.h>r.h?1:-1})),e}},m$=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),b$={title:"material red",key:"material-red",execute:function(){return m$}},k$=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),x$={title:"material pink",key:"material-pink",execute:function(){return k$}},w$=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),P$={title:"material purple",key:"material-purple",execute:function(){return w$}},O$=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),S$={title:"material deep purple",key:"material-deeppurple",execute:function(){return O$}},j$=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),$$={title:"material indigo",key:"material-indigo",execute:function(){return j$}},R$=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),C$={title:"material blue",key:"material-blue",execute:function(){return R$}},M$=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),T$={title:"material light blue",key:"material-lightblue",execute:function(){return M$}},V$=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),E$={title:"material cyan",key:"material-cyan",execute:function(){return V$}},I$=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),D$={title:"material teal",key:"material-teal",execute:function(){return I$}},L$=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),B$={title:"material green",key:"material-green",execute:function(){return L$}},A$=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),z$={title:"material lightgreen",key:"material-lightgreen",execute:function(){return A$}},F$=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),H$={title:"material lime",key:"material-lime",execute:function(){return F$}},G$=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),_$={title:"material yellow",key:"material-yellow",execute:function(){return G$}},N$=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),X$={title:"material amber",key:"material-amber",execute:function(){return N$}},Y$=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),K$={title:"material orange",key:"material-orange",execute:function(){return Y$}},U$=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),W$={title:"material deep orange",key:"material-deeporange",execute:function(){return U$}},Z$=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),q$={title:"material brown",key:"material-brown",execute:function(){return Z$}},J$=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Q$={title:"material gray",key:"material-gray",execute:function(){return J$}},tR=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),eR={title:"material bluegray",key:"material-bluegray",execute:function(){return tR}},nR=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),rR=[g$,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return nR}},b$,x$,P$,S$,$$,C$,T$,E$,D$,B$,z$,H$,_$,X$,K$,W$,q$,Q$,eR];n(103);function iR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aR=function(t){R()(n,t);var e=iR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"grid",preset:"random",isLoaded:!1,colors:rR}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Tt("$tools"),value:function(){var t=this.variable(this.state.colors.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:rt("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"template",value:function(){return"\n      <div class='elf--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:Tt("$colorList"),value:function(){var t=this,e=this.state.colors.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:st("$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)}}]),n}(_g);n(104);function oR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cR=function(t){R()(n,t);var e=oR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:It("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='elf--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:st("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.refs.$miniView.cssText("background-color: ".concat(e)),t.updateData({color:e})},color:this.state.color})}}]),n}(_g);n(105);function sR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uR=function(t){R()(n,t);var e=sR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"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='elf--color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","            \n                <div class='color-code' ref=\"$container\">\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:It("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:It("$colorCode"),value:function(){return{value:this.state.value}}},{key:mt("$colorCode"),value:function(t){this.refs.$container.addClass("focused")}},{key:kt("$colorCode"),value:function(t){this.refs.$container.removeClass("focused")}},{key:st("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.updateData({value:e})},changeEndEvent:function(e){t.updateEndData({value:e})},color:this.state.value})}},{key:st("$remove"),value:function(t){this.updateData({value:""})}},{key:gt("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}}]),n}(_g);n(106);function lR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fR=function(t){R()(n,t);var e=lR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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='elf--css-property-editor ".concat(wc({"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(Cg.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 Sa.string("");case"offset-distance":return Sa.percent(0);case"rotate":return Sa.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Sa.z()}}},{key:st("$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="changeKeyValue" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\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=").concat(this.variable(["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=").concat(this.variable(["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=").concat(this.variable(["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      "):"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:at("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:at("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:at("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:at("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:at("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:at("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:at("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:at("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:at("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:at("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:at("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:at("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:Tt("$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(Cg.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(Cg.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:rt("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:st("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:st("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),n}(_g);n(107);function hR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pR=function(t){R()(n,t);var e=hR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:Ho(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=jc(this.state.currentBezier,150,150),e=$c(this.state.currentBezier,150,150),n=jc("ease",30,30),r=$c("ease",30,30),i=jc("ease-in",30,30),a=$c("ease-in",30,30),o=jc("ease-out",30,30),c=$c("ease-out",30,30);return"\n            <div class='elf--cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Cg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Cg.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(c,'" 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:It("$bezierCanvas"),value:function(){return{d:jc(this.state.currentBezier,150,150)}}},{key:It("$bezierCanvasPoint"),value:function(){return{d:$c(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,Go(this.state.currentBezier))}},{key:st("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Fo.length-1:--n;e=Fo[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:st("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Fo.length,e=Fo[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:st("$text"),value:function(){var t=ce()(Fo[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:st("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=Ho(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=Ho(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:Sa.px(r).round(),top:Sa.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Sa.px(r).round(),top:Sa.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=Ho(this.state.currentBezier),e=tc(Go(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 c=a.y;return c-=i,{x:Hi(o,e),y:c==n?0:Hi(n-c,n)}}},{key:wt("$pointer1")+Ag("movePointer1")+zg("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:wt("$pointer2")+Ag("movePointer2")+zg("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:rt("showCubicBezierEditor"),value:function(t){var e=Ho(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),n}(_g);n(108);function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],yR=function(t){R()(n,t);var e=dR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=tf.parse(this.props.value),e=zt()(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='elf--direction-editor' ref='$body'></div>"}},{key:rt("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&vR.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(w()({},t,e))}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(vR.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:st("$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})}}]),n}(_g);n(109);function gR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kR={blur:Fl.spec,grayscale:Gl.spec,"hue-rotate":_l.spec,invert:Nl.spec,brightness:Xl.spec,contrast:Yl.spec,"drop-shadow":Zl.spec,opacity:Kl.spec,saturate:Ul.spec,sepia:Wl.spec,svg:Hl.spec},xR=function(t){R()(n,t);var e=bR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:zl.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='elf--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(Cg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:Tt("$filterSelect"),value:function(){var t=em.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(ce()(t),[{title:"-------",value:""}],ce()(e)):ce()(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 kR[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(Cg.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            on-change-value="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=i.svgfilters.map((function(t){return{value:t.id}}))),'\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(this.variable([""].concat(ce()(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(Cg.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:Tt("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:ht("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$filterList .filter-item .title label")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:pt("$filterList .filter-item")+et,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,this.props.key,t,this.props.params)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return zl.parse(mR(mR({},e),{},{type:t}))}},{key:st("$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,a,o=r.getSVGFilterIndex(null===(i=n.value)||void 0===i||null===(a=i.value)||void 0===a?void 0:a.replace("#",""));this.trigger("openSVGFilterPopup",o)}}},{key:rt("openSVGFilterPopup"),value:function(t){var e=this,n=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:function(t){var n=e.$selection.currentProject;n&&(n.setSVGFilterValue(t.index,{filters:t.filters}),e.emit("refreshSVGFilterAssets"),e.emit("refreshSVGArea"))},index:t,preview:!1,filters:n.filters})}},{key:rt("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:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:st("$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:at("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:at("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(w()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),n}(_g);function wR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SR=["","Arial","Arial Black","Times New Roman","Times","Courier New","Courier","Verdana","Georgia","Palatino","Garamond","Bookman","Tahoma","Trebuchet MS","Impact","Comic Sans MS","serif","sans-serif","monospace","cursive","fantasy","system-ui"],jR=function(t){R()(n,t);var e=OR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getFontList",value:function(){return SR.map((function(t){return{value:t}}))}},{key:"initState",value:function(){return PR(PR({},$a()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getFontList()})}}]),n}(u$);n(110);function $R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RR=["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"],CR=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],MR={"image-resource":Cg.photo},TR={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},VR={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%"]},ER=function(t){R()(n,t);var e=$R(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:jl.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:jl.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='elf--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(Cg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Cg.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(CR.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(MR[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                <object refClass=\"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(this.variable(RR),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:yt("$file"),value:function(t){var e=this;this.$selection.currentProject&&ce()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:st("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");VR[e]&&(this.state.image.radialPosition=ee(VR[e]),this.refresh(),this.updateData())}},{key:ut("$gradientView")+et,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:wt("$gradientView")+Ag("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=Sa.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Sa.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:st("$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=jl.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Sa.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:at("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:rt("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:st("$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:It("$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:It("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:It("$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:It("$dragPosition"),value:function(){var t="50%",e="50%";if(TR[this.state.image.type]){var n=zt()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Tt("$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.toLength(),";'>\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:st("$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(Sa.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:wt("$stepList .step")+Ag(),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.setValue(o,n.width),this.children.$range.setValue(Sa.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(zu.toColorString(t.colorsteps),")")}},{key:rt("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:rt("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())}}]),n}(_g);n(111);function IR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DR=function(t){R()(n,t);var e=IR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor elf--list-view-editor' ref='$body'></div>"}},{key:It("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Tt("$body"),value:function(){var t=this;return Object.keys(Cg).map((function(e){var n=Cg[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:st("$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)}}]),n}(_g);function LR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BR=function(t){R()(n,t);var e=LR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(t){return+t})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:It("$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:Tt("$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:gt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(_g);n(112);function AR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zR=function(t){R()(n,t);var e=AR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Sa.parse(this.props.value||Sa.z()),n=this.props.label||"";return Cg[n]&&(n=Cg[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:Tt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=c,l=(+s).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(wc(w()({"elf--input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},u,!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(l,'" 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(Cg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Sa.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:mt("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:st("$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 Sa(0,this.children.$unit.getValue()))}},{key:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Sa(e,this.children.$unit.getValue())})}},{key:at("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(_g);n(113);function FR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HR=function(t){R()(n,t);var e=FR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Sa.parse(this.props.value||Sa.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:Tt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=o,l=(+s).toString(),f=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),{value:t,text:e}}));return'\n        <div \n            ref="$range"\n            class="'.concat(wc(w()({"elf--range--editor":!0,"has-label":!!i,compact:!!c,"is-removable":a},u,!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(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" 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(this.variable(f)," onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Cg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Sa.parse(t)})}},{key:mt("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:st("$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 Sa(0,this.children.$unit.getValue()))}},{key:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Sa(e,this.children.$unit.getValue())})}},{key:gt("$property"),value:function(t){this.trigger("changeRangeValue")}},{key:wt("$property")+zg(),value:function(){}},{key:"end",value:function(){this.trigger("changeRangeValue")}},{key:at("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Sa(t,this.children.$unit.getValue())})}},{key:at("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(_g);function GR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _R(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XR=function(t){R()(n,t);var e=NR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Sa(0,"infinite"):Sa.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return _R(_R({},$a()(V()(n.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}]),n}(HR);n(114);function YR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KR=function(t){R()(n,t);var e=YR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=zt()(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='elf--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:at("changeValue"),value:function(t,e){this.updateData(w()({},t,e/this.state.duration),!0)}},{key:wt("$start")+Ag("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Sa.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Sa.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:It("$start"),value:function(){return{"data-info":this.state.start,style:{left:Sa.percent(100*(this.state.start||0))}}}},{key:wt("$end")+Ag("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Sa.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Sa.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Sa.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:It("$end"),value:function(){return{"data-info":this.state.end,style:{left:Sa.percent(100*(this.state.end||1))}}}},{key:It("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Sa.percent(100*t),width:Sa.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=zt()(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)}}]),n}(_g);n(115);function UR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WR=function(t){R()(n,t);var e=UR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Sa.parse(this.props.value||Sa.number(0));t=t.toUnit("number");var e=this.props.label||"";return Cg[e]&&(e=Cg[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:Tt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=c?"compact":"",f=o,h=(+s).toString();return"\n        <div class='elf--number-input-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" 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:Sa.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.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:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),n}(_g);n(116);function ZR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qR=function(t){R()(n,t);var e=ZR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Sa.parse(this.props.value||Sa.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:Tt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=o?"is-removable":"",f=c,h=(+s).toString();return"\n        <div class='elf--number-range-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(h,'" 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(Cg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Sa.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Sa.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:Sa.parse(t)})}},{key:mt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:st("$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:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:gt("$property"),value:function(){this.trigger("changeRangeValue")}},{key:wt("$property")+zg("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeRangeValue")}},{key:at("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Sa.number(0)),this.updateData({value:this.state.value.set(t)})}}]),n}(_g);n(117);function JR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tC=function(t){R()(n,t);var e=QR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new Hc(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 Hc(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='elf--path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Tt("$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?JR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JR(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:gt("$data input[type=number]")+Z(300),value:function(t){this.updateData()}},{key:st("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=zt()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),n}(_g);n(118);function eC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nC=function(t){R()(n,t);var e=eC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new kf(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 kf(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='elf--polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Tt("$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:gt("$data input[type=number]")+Z(300),value:function(t){this.updateData()}}]),n}(_g);n(119);function rC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iC=function(t){R()(n,t);var e=rC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return Zt(t)?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),n=(this.props.icons||"").split(t).map((function(t){return t.trim()})),r=(this.props.colors||"").split(t).map((function(t){return t.trim()})),i=this.props.value||"";return{label:this.props.label||"",compact:"true"===this.props.compact,options:e,icons:n,colors:r,value:i}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='elf--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:st("$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:Tt("$options")+W,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e.value,i=e.text,a=e.text,o="",c=r===t.state.value,s=c?"selected":"";if(""===e.value){i=Cg.close;a="close"}else{var u=t.state.icons[n];Cg[u]&&(o="icon"),a=i,i=Cg[u]||i||u||e.text||e.value}var l=t.state.colors[n],f={};return c&&l&&(f["background-color"]=l),"<div class='select-icon-item ".concat(s," ").concat(o,"' style='").concat(bc(f),"' data-value=\"").concat(r,"\" title='").concat(a,"'>").concat(i,"</div>")}))}},{key:st("$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)}}]),n}(_g);n(120);function aC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oC=function(t){R()(n,t);var e=aC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.generateValue(this.props.value||"");return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label,e=!!t;return"\n      <div class='elf--stroke-dasharray-editor'>\n        <div class='tools ".concat(e?"has-label":"","'>\n          ").concat(e?"<label class='label'>".concat(t,"</label>"):"","\n          <label ref='$add'>").concat(Cg.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>      \n        <div ref='$body'></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){Array.isArray(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Tt("$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=\"").concat(t,'" \n            min="0"\n            max="100"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Cg.remove2,"</button>\n        </div>\n      ")}))}},{key:at("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:st("$add"),value:function(){this.setState({value:[].concat(ce()(this.state.value),[0])})}},{key:st("$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)}}]),n}(_g);n(121);function cC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sC=function(t){R()(n,t);var e=cC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Sa.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='elf--text-area-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:It("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:gt("$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)}}]),n}(_g);n(122);function uC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lC=function(t){R()(n,t);var e=uC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.value;return"\n            <div class='elf--text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <div>\n                    <input type='text' ref='$text' value=\"").concat(n,'" />\n                </div>\n            </div>\n        ')}},{key:"getValue",value:function(){return this.refs.$text.value}},{key:"setValue",value:function(t){this.refs.$text.val(t),this.setState({value:t},!1)}},{key:It("$text"),value:function(){return{value:this.state.value}}},{key:gt("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(_g);n(123);function fC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hC=function(t){R()(n,t);var e=fC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(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='elf--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(Cg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:rt("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:Tt("$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(Cg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:st("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:gt("$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)}}]),n}(_g),pC=[/\(/gi,/\)/gi],dC="grayscale,matrix,rotateZ,blur,sepia,linear-gradient,radial-gradient,conic-gradient,circle,inset,polygon,rgb".split(",").map((function(t){return new RegExp(t,"gi")})),vC="butt,miter,start,at,black,repeat,lighten,multiply,solid,border-box,visible,absolute,relative,auto".split(",").map((function(t){return new RegExp(t,"gi")}));function yC(t){return vC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="keyword">'.concat(t,"</span>")}))})),dC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="function">'.concat(t,"</span>")}))})),pC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="char">'.concat(t,"</span>")}))})),t}function gC(t){return t.split(";").filter((function(t){return t.trim()})).map((function(t){var e=(t=t.trim()).split(":").map((function(t){return t.trim()})),n=zt()(e,2),r=n[0],i=n[1];return""===i?"":'<div class="block"><strong>'.concat(r,'</strong><span>:&nbsp;</span><span class="value">').concat(yC(i),"</span><span>;</span></div>")})).join("").trim()}var mC=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("html","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("html",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(t){var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}}},{key:"renderSVG",value:function(t,e){var n=this.getRendererInstance(t);return Jt(n.renderSVG)?n.renderSVG(t,e||this):this.getDefaultRendererInstance().renderSVG(t,e||this)}},{key:"to",value:function(t,e){var n=this.getRendererInstance(e);if(Jt(n[t]))return n[t].call(n,e);var r=this.getDefaultRendererInstance();return Jt(r[t])?r[t].call(r,e):void 0}},{key:"toCSS",value:function(t){return this.to("toCSS",t)}},{key:"toNestedCSS",value:function(t){return this.to("toNestedCSS",t)}},{key:"toTransformCSS",value:function(t){return this.to("toTransformCSS",t)}},{key:"toGridLayoutCSS",value:function(t){return this.to("toGridLayoutCSS",t)}},{key:"toLayoutItemCSS",value:function(t){return this.to("toLayoutItemCSS",t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);return Jt(n.toStyle)?n.toStyle(t,e||this):this.getDefaultRendererInstance().toStyle(t,e||this)}},{key:"update",value:function(t,e,n){var r=this.getRendererInstance(t);return Jt(r.update)?r.update(t,e,n):this.getDefaultRendererInstance().update(t,e,n)}},{key:"codeview",value:function(t){if(!t)return"";var e=t.top,n=gC(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?bc(e.toRootVariableCSS()):"",i=t,a=gC(i?Pc(bc(this.toCSS(i))):""),o=i?this.toNestedCSS(i).map((function(t){var e=t.cssText?t.cssText:bc(t.css);return"".concat(t.selector," { \n    ").concat(gC(Pc(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=i?i.selectors:[];return"\n<div class=''>\n\n".concat(a&&"<div><pre title='CSS'>".concat(a,"</pre></div>"),"\n\n").concat(o.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        ")}}]),t}();function bC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kC=function(t){R()(n,t);var e=bC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=(t.name,t.itemType,n||"div");return"    \n      <".concat(i,' class="element-item artboard" data-id="').concat(r,'">\n        ').concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(i,">\n    ")}},{key:"toBorderCSS",value:function(t){return{}}}]),n}(XS);function xC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wC=function(t){R()(n,t);var e=xC(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function PC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function SC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jC=["front","back","left","right","top","bottom"],$C=function(t){R()(n,t);var e=SC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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",OC(OC({},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 OC(OC(OC(OC(OC({},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"],c=OC(OC(OC(OC({},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(bc(c),"\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(jC.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}}]),n}(KS);function RC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CC=function(t){R()(n,t);var e=RC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(KS);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 TC(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){w()(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}function VC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EC="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),IC={xChannelSelector:!0,yChannelSelector:!0},DC=function(t){R()(n,t);var e=VC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pa();return $a()(V()(n.prototype),"getDefaultObject",this).call(this,TC({itemType:"svgfilter",id:e,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter((function(e){return e.id===t.id})).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return"string"==typeof t.in&&(t.in=JSON.parse(t.in)),"string"==typeof t.bound&&(t.bound=JSON.parse(t.bound)),"string"==typeof t.connected&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return TC(TC({},$a()(V()(n.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(IC).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=""),EC.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,eT[t.type])(t)}}]),n}(Tc);function LC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BC=function(t){R()(n,t);var e=LC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:n.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Sa.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    ')}}]),n}(DC);function AC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}BC.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Sa.number(0)}};var zC=function(t){R()(n,t);var e=AC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.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>")}}]),n}(DC);function FC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zC.spec={};var HC=function(t){R()(n,t);var e=FC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:n.spec.operator.defaultValue,k1:n.spec.k1.defaultValue,k2:n.spec.k2.defaultValue,k3:n.spec.k3.defaultValue,k4:n.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}}]),n}(DC);function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HC.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:Sa.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)}};var _C=function(t){R()(n,t);var e=GC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:n.spec.operator.defaultValue,radius:n.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()," />")}}]),n}(DC);function NC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_C.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)}};var XC=function(t){R()(n,t);var e=NC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:n.spec.filterType.defaultValue,baseFrequency:n.spec.baseFrequency.defaultValue,numOctaves:n.spec.numOctaves.defaultValue,seed:n.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=Sa.parse(t.baseFrequency),t.numOctaves=Sa.parse(t.numOctaves),t.seed=Sa.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(xc({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function YC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XC.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Sa.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Sa.number(0)}};var KC=function(t){R()(n,t);var e=YC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:n.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=Sa.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}}]),n}(DC);function UC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KC.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Sa.number(0)}};var WC=function(t){R()(n,t);var e=UC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:n.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()," />")}}]),n}(DC);function ZC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WC.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 qC=function(t){R()(n,t);var e=ZC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:n.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()," />")}}]),n}(DC);function JC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qC.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var QC=function(t){R()(n,t);var e=JC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:n.spec.stdDeviationX.defaultValue,stdDeviationY:n.spec.stdDeviationY.defaultValue,edgeMode:n.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=Sa.parse(t.stdDeviationX),t.stdDeviationY=Sa.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()," />")}}]),n}(DC);function tM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}QC.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var eM=function(t){R()(n,t);var e=tM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,color:n.spec.color.defaultValue,opacity:n.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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(xc({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),n}(DC);function nM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}eM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var rM=function(t){R()(n,t);var e=nM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:n.spec.r.defaultValue,g:n.spec.g.defaultValue,b:n.spec.b.defaultValue,a:n.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=t.split(" "),n=Ia()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=zt()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=zt()(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(xc(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(xc(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(xc(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(xc(i)," />"),"\n    </feComponentTransfe>")}}]),n}(DC);function iM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}rM.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 aM=function(t){R()(n,t);var e=iM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:n.spec.azimuth.defaultValue,elevation:n.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(xc({azimuth:e,elevation:n})," />")}}]),n}(DC);function oM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}aM.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var cM=function(t){R()(n,t);var e=oM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,z:n.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(xc({x:e,y:n,z:r})," />")}}]),n}(DC);function sM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}cM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var uM=function(t){R()(n,t);var e=sM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:n.spec.x.defaultValue,y:n.spec.x.defaultValue,z:n.spec.x.defaultValue,pointsAtX:n.spec.pointsAtX.defaultValue,pointsAtY:n.spec.pointsAtY.defaultValue,pointsAtZ:n.spec.pointsAtZ.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,limitingConeAngle:n.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,c=t.specularExponent,s=t.limitingConeAngle;return"<feSpotLight ".concat(xc({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:c,limitingConeAngle:s})," />")}}]),n}(DC);function lM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?lM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}uM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)}};var pM=function(t){R()(n,t);var e=hM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,diffuseConstant:n.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return fM(fM({},$a()(V()(n.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(xc({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}]),n}(DC);function dM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}pM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var gM=function(t){R()(n,t);var e=yM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,specularConstant:n.spec.specularConstant.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return vM(vM({},$a()(V()(n.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(xc({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}]),n}(DC);function mM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}gM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var bM=function(t){R()(n,t);var e=mM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:n.spec.dx.defaultValue,dy:n.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(xc({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function kM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}bM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var xM=function(t){R()(n,t);var e=kM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:n.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(xc({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),n}(DC);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}function PM(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){w()(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}function OM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}xM.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var SM=function(t){R()(n,t);var e=OM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,PM({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),n}(DC);function jM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $M=function(t){R()(n,t);var e=jM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),n}(SM);function RM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CM=function(t){R()(n,t);var e=RM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),n}(SM);function MM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TM=function(t){R()(n,t);var e=MM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),n}(SM);function VM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EM=function(t){R()(n,t);var e=VM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),n}(SM);function IM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DM=function(t){R()(n,t);var e=IM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),n}(SM);function LM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BM=function(t){R()(n,t);var e=LM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),n}(SM);function AM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zM=function(t){R()(n,t);var e=AM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:n.spec.dx.defaultValue,dy:n.spec.dy.defaultValue,stdDeviation:n.spec.stdDeviation.defaultValue,color:n.spec.color.defaultValue,opacity:n.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(xc({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Sa.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var HM=function(t){R()(n,t);var e=FM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:n.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()," />")}}]),n}(DC);function GM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HM.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Sa.number(0)}};var _M=function(t){R()(n,t);var e=GM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:n.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()," />")}}]),n}(DC);function NM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_M.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Sa.number(0)}};var XM=function(t){R()(n,t);var e=NM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),n}(DC);function YM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XM.spec={};var KM=function(t){R()(n,t);var e=YM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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(xc({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function UM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var WM=function(t){R()(n,t);var e=UM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Image",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,src:n.spec.src.defaultValue,alignment:n.spec.alignment.defaultValue,scaleing:n.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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,c=t.scaleing;return"<feImage ".concat(xc({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);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 qM(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){w()(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}function JM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.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 QM=["result"],tT=function(t){R()(n,t);var e=JM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,qM({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return QM.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,eT[t.type])(t)}}]),n}(Tc),eT={Image:WM,Tile:KM,Saturate:HM,HueRotate:_M,LuminanceAlpha:XM,DropShadow:zM,SourceGraphic:$M,SourceAlpha:CM,BackgroundImage:TM,BackgroundAlpha:EM,FillPaint:DM,StrokePaint:BM,ComponentTransfer:rM,DistantLight:aM,PointLight:cM,SpotLight:uM,DiffuseLighting:pM,SpecularLighting:gM,Blend:xM,Offset:bM,RotaMatrix:BC,GaussianBlur:QC,Flood:eM,Merge:zC,Composite:HC,Morphology:_C,Turbulence:XC,DisplacementMap:KC,ColorMatrix:WC,ConvolveMatrix:qC},nT={Image:WM.spec,Tile:KM.spec,DropShadow:zM.spec,Saturate:HM.spec,HueRotate:_M.spec,LuminanceAlpha:XM.spec,Offset:bM.spec,ComponentTransfer:rM.spec,SpecularLighting:gM.spec,SpotLight:uM.spec,PointLight:cM.spec,DistantLight:aM.spec,DiffuseLighting:pM.spec,Blend:xM.spec,RotaMatrix:BC.spec,Merge:zC.spec,GaussianBlur:QC.spec,Flood:eM.spec,Morphology:_C.spec,Composite:HC.spec,Turbulence:XC.spec,DisplacementMap:KC.spec,ColorMatrix:WC.spec,ConvolveMatrix:qC.spec};function rT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iT=function(t){R()(n,t);var e=rT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(ce()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n<style type='text/css' data-renderer-type=\"html\" data-id='".concat(t.id,"'>\n    :root {\n        ").concat(bc(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 tT.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")}}]),n}(XS);function aT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oT=function(t){R()(n,t);var e=aT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function cT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lT=function(t){R()(n,t);var e=uT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ka.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:"cachedStroke",value:function(t){return t.computed("stroke",(function(t){return qm.parseImage(t||"black")}))}},{key:"cachedFill",value:function(t){return t.computed("fill",(function(t){return qm.parseImage(t||"black")}))}},{key:"toFillSVG",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toStrokeSVG",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.strokeId(t))}},{key:"toFillValue",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return fu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,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 sT(sT({},$a()(V()(n.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)}}]),n}(KS);function fT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hT=function(t){R()(n,t);var e=fT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(t.hasChangedField("width","height","d")&&n.setAttrNS({d:t.d}),t.hasChangedField("fill")&&n.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&n.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&n.setAttrNS({filter:this.toFilterValue(t)}),t.hasChangedField("fill-rule")&&n.setAttrNS({"fill-rule":t["fill-rule"]||"nonezero"})),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    ')}}]),n}(lT);function pT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dT=function(t){R()(n,t);var e=pT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&t.hasChangedField("width","height","d")&&n.attr("d",t.d);var r=e.$("path.guide");r&&t.hasChangedField("width","height","d")&&r.attr("d",t.d);var i=e.$("textPath");i&&(t.hasChangedField("text")&&i.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&i.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&i.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&i.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&i.setAttrNS({filter:this.toFilterValue(t)})),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,'" stroke="rgba(0, 0, 0, 0.5)" fill="none"/>\n      </svg>\n    ')}}]),n}(lT);function vT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yT=function(t){R()(n,t);var e=vT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){e.$("text")&&(t.hasChangedField("text")&&$textPath.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&$textPath.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&$textPath.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&$textPath.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&$textPath.setAttrNS({filter:this.toFilterValue(t)})),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>")}}]),n}(lT),gT={dom:function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t){return t}}]),t}()},mT=function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=gT[t]||gT.dom;return r.compile(e,n)}}]),t}();function bT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kT=function(t){R()(n,t);var e=bT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(!1===t.hasChangedField("x","y","width","height")){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r)}$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return mT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=this.compile(t);return"\n      <div class='element-item template' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <style id="style-').concat(e,'">\n          [data-id="').concat(e,'"] .inner-html {\n            width: 100%; \n            height: 100%;\n            position:relative;\n            display:block;\n            pointer-events: none; \n          }\n\n          [data-id="').concat(e,'"] .inner-html > * {\n            width: 100%; \n            height: 100%;\n          }          \n        </style>\n        <div class="inner-html" data-domdiff-pass="true">\n          ').concat(n,"\n        </div>\n      </div>")}}]),n}(KS);function xT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wT=function(t){R()(n,t);var e=xT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=$a()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{key:"update",value:function(t,e){var r=e.$(".text-content");if(r){var i=t.content;r.updateDiff(i)}$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.id,n=t.content;return"\n            <div class='element-item text' data-id=\"".concat(e,'">\n                ').concat(this.toDefString(t),'\n                <div class="text-content" tabIndex="-1" data-id="').concat(e,'">').concat(n,"</div>\n            </div>\n        ")}}]),n}(KS);function PT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OT=function(t){R()(n,t);var e=PT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=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(c,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>")}},{key:"update",value:function(t,e){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=e.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(KS),ST=function(){function t(e){O()(this,t),this.editor=e}var e,n;return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("json","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("json",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:(n=La()(Fa.a.mark((function t(e,n){var r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(!(r=this.getRendererInstance(e))){t.next=7;break}return t.next=6,r.render(e,n||this);case 6:return t.abrupt("return",t.sent);case 7:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"getResourceDataURI",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}(),jT=function(){function t(){O()(this,t)}var e,n;return j()(t,[{key:"render",value:(n=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.toCloneObject(e,n);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){var r,i,a,o;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=e.attrs("itemType","name","elementType","type","visible","lock","selected")).referenceId=e.id,r.newTargetId=ha(),i=[],a=0,o=e.layers.length;case 5:if(!(a<o)){t.next=14;break}return t.t0=i,t.next=9,n.render(e.layers[a],n);case 9:t.t1=t.sent,t.t0.push.call(t.t0,t.t1);case 11:a++,t.next=5;break;case 14:return r.layers=i,t.abrupt("return",r);case 16:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}();function $T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$T(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function CT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function MT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ET=function(t){R()(r,t);var e,n=VT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=TT,t.t1=TT,t.t2=TT,t.t3={},t.next=6,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 6:return t.t4=t.sent,t.t5=(0,t.t2)(t.t3,t.t4),t.t6=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"),t.t7=(0,t.t1)(t.t5,t.t6),t.t8={},t.t9={selectors:e.selectors.map((function(t){return t.clone()})),svg:e.svg.map((function(t){return t.clone()}))},t.abrupt("return",(0,t.t0)(t.t7,t.t8,t.t9));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=CT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=RT,t.t1=RT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("x","y","width","height"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(jT));function IT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BT=function(t){R()(r,t);var e,n=LT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=DT,t.t1=DT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(ET);function AT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?AT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function FT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HT=function(t){R()(r,t);var e,n=FT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=zT,t.t1=zT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("tagName"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(ET);function GT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _T=function(t){R()(n,t);var e=GT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(HT);function NT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KT=function(t){R()(r,t);var e,n=YT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=XT,t.t1=XT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function UT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qT=function(t){R()(r,t);var e,n=ZT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){var i,a,o;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=e.project,a=i.imageKeys[e.src],o=a.original,t.t0=WT,t.t1=WT,t.t2={},t.next=8,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 8:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5={},t.t6={src:o},t.abrupt("return",(0,t.t0)(t.t4,t.t5,t.t6));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function JT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?JT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function eV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function iV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cV=function(t){R()(r,t);var e,n=oV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=aV,t.t1=aV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name","description","rootVariable"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=rV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=nV,t.t1=nV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("timeline"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=tV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=QT,t.t1=QT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(jT)));function sV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uV=function(t){R()(n,t);var e=sV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(HT);function lV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pV=function(t){R()(r,t);var e,n=hV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=fV,t.t1=fV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function dV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gV=function(t){R()(r,t);var e,n=yV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=vV,t.t1=vV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("d"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function mV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xV=function(t){R()(r,t);var e,n=kV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=bV,t.t1=bV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function wV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SV=function(t){R()(r,t);var e,n=OV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=PV,t.t1=PV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function jV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $V(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function RV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CV=function(t){R()(r,t);var e,n=RV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=$V,t.t1=$V,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("engine","template","params"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function MV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EV=function(t){R()(r,t);var e,n=VV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=TV,t.t1=TV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("content"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function IV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BV=function(t){R()(r,t);var e,n=LV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=DV,t.t1=DV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT),AV=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("svg","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("svg",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(!t)return"";var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}},{key:"toCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toCSS(t)}},{key:"toTransformCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toTransformCSS(t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.toStyle(t,e||this)}},{key:"update",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.update(t,e)}},{key:"codeview",value: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        ")}}]),t}();function zV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GV=function(t){R()(n,t);var e=HV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toDefaultCSS",value:function(t){return FV({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.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return FV(FV({},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,c=t.itemType;return"\n\n<svg class='svg-element-item ".concat(c,'\'\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(Jt(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(bc(a),';width:100%;height:100%;"></').concat(i,">\n</foreignObject>    \n").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),n}(XS);function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NV=function(t){R()(n,t);var e=_V(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(bc(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),n}(GV);function XV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YV=function(t){R()(n,t);var e=XV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(GV);function KV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UV=function(t){R()(n,t);var e=KV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(YV);function WV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZV=function(t){R()(n,t);var e=WV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=e.$("iframe");r&&r.attr("src",t.url||"about:blank"),$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.width,n=t.height,r=(t.id,t.url),i=void 0===r?"about:blank":r,a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n  <foreignObject\n      width="'.concat(e.value,'"\n      height="').concat(n.value,'"\n  >\n      <iframe \n          xmlns="http://www.w3.org/1999/xhtml"\n          width="100%" \n          height="100%" \n          style="border:0px;width:100%;height:100%;pointer-events:none; ').concat(bc(a),'" \n          src="').concat(i,'"\n      ></iframe>\n  </foreignObject>              \n          ')}))}}]),n}(YV);function qV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JV=function(t){R()(n,t);var e=qV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(bc(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(YV);function QV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tE=function(t){R()(n,t);var e=QV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),n}(GV);function eE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nE=function(t){R()(n,t);var e=eE(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(YV);function rE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iE=function(t){R()(n,t);var e=rE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ka.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 qm.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qm.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qm.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return fu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qm.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{}}}]),n}(YV);function aE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function oE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?aE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):aE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sE=function(t){R()(n,t);var e=cE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(oE(oE({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:bc(e.toCSS(t))}))," />\n    ")}))}}]),n}(iE);function uE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hE=function(t){R()(n,t);var e=fE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(lE(lE({"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:bc(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      ")}))}}]),n}(iE);function pE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yE=function(t){R()(n,t);var e=vE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(dE(dE({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:bc(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),n}(iE);function gE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mE=function(t){R()(n,t);var e=gE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r),$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return mT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=t.width,r=t.height,i=this.compile(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" style="width: 100%;height:100%;">\n                    <style id="style-').concat(e,'">\n                    [data-id="').concat(e,'"] .inner-html {\n                        width: 100%; \n                        height: 100%;\n                        position:relative;\n                        display:block;\n                        pointer-events: none; \n                    }\n\n                    [data-id="').concat(e,'"] .inner-html > * {\n                        width: 100%; \n                        height: 100%;\n                    }          \n                    </style>\n                    <div class="inner-html">\n                    ').concat(i,"\n                    </div>\n                </div>\n            </foreignObject>              \n          ")}))}}]),n}(YV);function bE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kE=function(t){R()(n,t);var e=bE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=$a()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{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(bc(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),n}(YV);function xE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wE=function(t){R()(n,t);var e=xE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=t.poster,s=t.loop,u=t.crossorigin,l=t.autoplay,f=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(c,'"\n                    loop="').concat(s,'"\n                    crossorigin="').concat(u,'"\n                    autoplay="').concat(l,'"\n                    style="').concat(bc(f),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),n}(YV);n(124);function PE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OE=function(t){R()(n,t);var e=PE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{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='elf--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:gt("$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(){$a()(V()(n.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:rt("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:rt("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),n}(ow);n(125);function SE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jE=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].map((function(t){return{value:t}})),$E=function(t){R()(n,t);var e=SE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{key:"getBody",value:function(){return"<div class='elf--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\" none-value=\"selector\" options=".concat(this.variable(jE),' />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Cg.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(Cg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:st("$selectorList .selector-item .del")+et+nt,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:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Tt("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?Bb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:ht("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$selectorList .selector-item")+et,value:function(t){}},{key:pt("$selectorList .selector-item")+et,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:st("$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:rt("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))}}]),n}(Yx);n(126);function RE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CE=function(t){R()(n,t);var e=RE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"elf--svgfilter-assets-property"}},{key:rt("refreshSelection")+Z(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:Tt("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return tT.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(Cg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Cg.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Cg.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:st("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:pa(),filters:[]})}))}},{key:st("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:st("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:gt("$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:st("$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:rt("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:rt("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:rt("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),n}(Yx),ME={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"};n(127);function TE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VE=Object.keys(ME).map((function(t){return{title:t,values:ME[t]}})),EE=function(t){R()(n,t);var e=TE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:xa(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='elf--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:It("$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:Tt("$sample"),value:function(){return VE.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:st("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=VE[e];this.updateData({values:xa(n.values)}),this.load("$body")}},{key:Tt("$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:gt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(_g);n(128);function IE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BE=function(t){R()(n,t);var e=LE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return DE({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=Ia()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=zt()(i,2),o=a[0],c=a[1];else if("gamma"===r)var s=zt()(i,3),u=s[0],l=s[1],f=s[2];return{type:r,values:i,slop:o,intercept:c,amplitude:u,exponent:l,offset:f}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Tt("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="SelectEditor"  \n            label="'.concat(r,'" \n            key="type" \n            value="').concat(this.state.type,'" \n            options=').concat(this.variable(["identity","table","discrete","linear","gamma"]),' \n            onchange="changeType" />\n        <div class=\'elf--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\" \n                    label='tableValues' \n                    ref='$values' \n                    key='values' \n                    value=\"").concat(this.state.values.join(" "),'" \n                    onchange=').concat(this.subscribe((function(e,n){t.updateData(w()({},e,n.split(" ")))}))," />\n            </div>\n            <div data-type='linear'>\n                ").concat(["slop","intercept"].map((function(e){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                            />\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"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                                />\n                        </div>                    \n                    ")})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:rt("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(ce()(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(DE({},this.parse(t)))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(_g),AE={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"}]}]};n(129);function zE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GE=[{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"}]}],_E=[{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 NE(t){switch(t){case"SpecularLighting":return Cg.specular;case"DiffuseLighting":return Cg.diffuse;case"SourceGraphic":case"SourceAlpha":return Cg.image;case"BackgroundImage":case"BackgroundAlpha":return Cg.outline_image;case"Flood":return Cg.palette;case"Image":return Cg.landscape;case"GaussianBlur":return Cg.blur;case"ColorMatrix":return Cg.blur_linear;case"Turbulence":return Cg.waves;case"Saturate":return Cg.vintage;case"HueRotate":return Cg.looks;case"LuminanceAlpha":return Cg.opacity;case"DropShadow":return Cg.shadow;case"Morphology":return Cg.broken_image;case"ConvolveMatrix":return Cg.camera_roll;case"Offset":return Cg.transform;case"Tile":return Cg.view_comfy;case"Blend":return Cg.gradient;case"Composite":return Cg.merge;case"Merge":return Cg.settings_input_component;case"DisplacementMap":return Cg.texture}return""}function XE(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 YE=[45],KE=[20],UE={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},WE={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(WE).forEach((function(t){WE[t]=WE[t].map((function(t){return t+20}))}));var ZE=function(t){R()(n,t);var e=HE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(Oc(GE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(Oc(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(NE(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(Oc(_E,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(Oc(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=\'elf--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 scrollbar selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content  scrollbar" 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:st("$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:ht("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:dt("$connectedLinePanel")+et,value:function(){}},{key:pt("$connectedLinePanel")+et,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=AE[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return nT[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r=this,i="".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(i,"' \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(i,"' \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(i,"' \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 a=t.options;return Jt(t.options)&&(a=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(i,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(a,"' \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(i,"' \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(i,"' \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(i,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange=').concat(this.subscribe((function(t,e,n){r.trigger("changeRangeEditor",t,e,n)})),"\n          />\n        </div>\n      "):"FuncFilter"===t.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(i,"' \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(i,"' \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(i,"' \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(Cg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Yt(t,e).join(n)}(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:Tt("$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 tT.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return tT.parse(FE(FE({},e),{},{type:t}))}},{key:st("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:st("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:st("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Tt("$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:wt("$graphPanel .filter-node")+Ag()+zg(),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=Ka.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=ee(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,c=a.y-e.y,s=o+a.width/2,u=c+a.height/2;this.startXY={x:s,y:u}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Tt("$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 gf,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+YE[0],r=t.bound.y+KE[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 c=o.index;return[{x:n,y:r},{x:i.it.bound.x+UE[a][0],y:i.it.bound.y+WE[a][c]}]}},{key:Tt("$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=XE(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:st("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=zt()(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=Ka.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(c=this.state.filters[+a.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var o=+i.attr("data-index");c.in[o]||(c.setIn(o,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(i.hasClass("out"))(c=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:Sa.px(n.bound.x),top:Sa.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(wc({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(Cg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(XE(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(NE(e.type),"</div>\n          <div class='in-list'>\n            ").concat(mc(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(Cg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:at("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:at("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:at("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter((function(e){return e.id!=t}));e.forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=t})),e.in=e.in.filter((function(e){return e.id!=t}))})),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:st("$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)}}]),n}(_g);n(130);function qE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JE=function(t){R()(n,t);var e=qE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{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='elf--svg-filter-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:Tt("$editor"),value:function(){var t=this;return"\n      <object refClass=\"SVGFilterEditor\" ref='$filter' title='Filter Type' key=\"filter\" onchange=".concat(this.subscribe((function(e,n){t.updateData({filters:n})})),'>\n        <property name="value" valueType="json">').concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:rt("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return tT.parse(t)})),t.preview=!Ut(t.preview)||t.preview,this.setState(t),this.show(1e3)}},{key:rt("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),n}(ow);n(131);function QE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tI=function(t){R()(n,t);var e=QE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='elf--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(Cg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Cg.remove,"</button>\n            </div>\n        ")}},{key:st("$remove"),value:function(t){this.updateData({value:""})}},{key:st("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){this.load()}},{key:It("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Tt("$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=zt()(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:yt("$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:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$options")}},{key:rt("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:rt("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),n}(_g);function eI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nI=function(t){R()(n,t);var e=eI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"editableProperty",get:function(){return"svg-item"}},{key:rt("refreshSelection")+N("checkShow"),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"]||Sa.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Sa.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Sa.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"]))}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return"\n      <div ref='$svgProperty'>\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=').concat(this.variable(["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        \x3c!--<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>--\x3e\n        <div class=\'property-item\'>\n          <object refClass="StrokeDashArrayEditor" label="').concat(this.$i18n("svg.item.property.dashArray"),"\" 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=').concat(this.variable(["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=').concat(this.variable(["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        \x3c!--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--\x3e         \n      </div>\n   \n    ')}},{key:at("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change svg item property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function rI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iI=function(t){R()(n,t);var e=rI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:rt("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=').concat(this.variable(["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=").concat(this.variable(["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:at("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change svg text property: ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function aI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oI="none,uppercase:AG,lowercase:ag,capitalize:Ag".split(",").map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),cI="none,underline,overline:O,line-through".split(",").map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),sI=function(t){R()(n,t);var e=aI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"editableProperty",get:function(){return"text-style"}},{key:rt("refreshSelection")+N("checkShow"),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=").concat(this.variable(["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=").concat(this.variable(oI),'\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=").concat(this.variable(cI),"\n          icons=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:at("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change text property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function uI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lI=function(t){R()(n,t);var e=uI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:Tt("$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=').concat(this.variable(["","text"]),' onchange="changeSelect" />\n    ')}},{key:at("changeSelect"),value:function(t,e){this.emit("setAttributeForMulti",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"text-clip"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);function fI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hI=function(t){R()(n,t);var e=fI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"editableProperty",get:function(){return"text-fill"}},{key:rt("refreshSelection")+N("checkShow"),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:at("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:at("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change text fill",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(132);function pI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dI=function(t){R()(n,t);var e=pI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:this.props.value}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Cg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Tt("$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(Cg.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:rt("add"),value:function(){this.state.textShadows.push(new Ou),this.refresh(),this.modifyTextShadow()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:st("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:st("$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:rt("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),n}(_g);function vI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yI=function(t){R()(n,t);var e=vI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Tt("$shadowList"),value:function(){var t=this,e=this.$selection.current||{};return'\n      <object refClass="TextShadowEditor" \n        ref=\'$textshadow\' \n        value="'.concat(this.variable(Ou.parseStyle(e["text-shadow"])),'" \n        hide-label="true" \n        onChange=').concat(this.subscribe((function(e){t.command("setAttributeForMulti","change text shadow",t.$selection.packByValue({"text-shadow":e}))})),"\n      />\n    ")}},{key:"editableProperty",get:function(){return"text-shadow"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);n(133);function gI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mI=function(t){R()(n,t);var e=gI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z()}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='elf--text-shadow-property-popup' ref='$popup'></div>"}},{key:Tt("$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:rt("changeShadow"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:wt("$popup .drag-board")+Ag("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.updateData({offsetX:Sa.px(o),offsetY:Sa.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:rt("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:rt("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),n}(ow);n(134);function bI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kI=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],xI={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},wI=function(t){R()(n,t);var e=bI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--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(kI.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(Cg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:st("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Sa.deg(xI[e]||0);this.$selection.each((function(t){var e=Bc.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool",!1)}},{key:It("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Bc.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:It("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Bc.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:ut("$rotateArea"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return Bc.remove(t.transform,["rotateX","rotateY"])}})),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool"),this.bindData("$rotateContainer")}},{key:wt("$rotateArea")+Ag("moveRotateXY")+zg("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=Bc.get(t.transform,"rotateX"),n=Bc.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Sa.deg(0),rotateY:n?n[0]:Sa.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Sa.deg(-e),r=Sa.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Bc.rotateX(e,Sa.deg(t.rotateX.value+n.value)),e=Bc.rotateY(e,Sa.deg(t.rotateY.value+r.value)),t.item.reset({transform:e})})),this.bindData("$rotateContainer"),this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"moveEndRotateXY",value:function(t,e){this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:ut("$handle"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return Bc.remove(t.transform,["rotateZ","rotate"])}})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:wt("$handle")+Ag()+zg(),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=Bc.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Sa.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"end",value:function(){this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Sa.deg(Math.floor(ua(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Bc.rotateZ(e,Sa.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:rt("refreshSelection"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView"),value:function(){this.$selection.hasChangedField("transform")&&this.refresh()}}]),n}(_g);n(135);function PI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function SI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jI=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],$I={scale:["X","Y"],skew:["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"]},RI=function(t){R()(n,t);var e=SI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Bc.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='elf--transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(jI.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(Cg.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":case"skew":return $I[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":case"skew":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-100,max:100,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"skew":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad",editorType:"RangeEditor"};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-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Cg.remove2,'\n            </button>\n          </div>\n        </div>\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),c=o.min,s=o.max,u=o.step,l=o.units;return'\n            <div>\n              <object refClass="RangeEditor"  \n                    ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                    min=\"").concat(c,'" \n                    max="').concat(s,'" \n                    step="').concat(u,'" \n                    label="').concat(a,'"\n                    key="').concat(n,"\" \n                    params='").concat(i,"' \n                    value=\"").concat(e,'" \n                    units="').concat(l,'" \n                    onchange="changeRangeEditor" />\n            </div>')})).join(""),"      \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(Cg.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),c=o.min,s=o.max,u=o.step,l=o.units,f=o.editorType;return'\n              <div>\n                <object refClass="'.concat(void 0===f?"NumberInputEditor":f,"\"  \n                      ref='$range_").concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(c,'" \n                      max="').concat(s,'" \n                      step="').concat(u,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:Tt("$transformList")+W,value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:"setValue",value:function(t){this.setState({transforms:Bc.parseStyle(t)})}},{key:ht("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:dt("$transformList .transform-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:pt("$transformList .transform-item")+et,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[Sa.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Sa.deg(0)];case"translate":return[Sa.z(),Sa.z()];case"translate3d":return[Sa.z(),Sa.z(),Sa.z()];case"scale":return[Sa.number(1),Sa.number(1)];case"skew":return[Sa.deg(0),Sa.deg(0)];case"scaleX":case"scaleY":return[Sa.number(1)];case"matrix":return[Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0)];case"matrix3d":return[Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1)]}return[Sa.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Bc.parse(OI(OI({},e),{},{type:t,value:n}))}},{key:at("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:st("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:st("$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:at("changeRangeEditor"),value:function(t,e,n){Ut(n)?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),n}(_g);function CI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],TI=function(t){R()(n,t);var e=CI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isFirstShow",value:function(){return!0}},{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(MI.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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Tt("$body")+W,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:at("changeTransformEditor"),value:function(t){var e=this;this.command("setAttributeForMulti","change transform property",this.$selection.packByValue({transform:t})),this.nextTick((function(){e.emit("refreshSelectionTool",!1)}))}},{key:"refresh",value:function(){this.children.$transformEditor.setValue(this.$selection.current.transform)}},{key:"editableProperty",get:function(){return"transform"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+Z(100),value:function(){var t=this.$selection.current;t&&t.hasChangedField("transform")&&this.refresh()}}]),n}(Yx);n(136);function VI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EI=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],II=EI.map((function(t){return t.key})),DI={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%"},LI=function(t){R()(n,t);var e=VI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Sa.percent(50),"transform-origin-x":Sa.percent(50),"transform-origin-y":Sa.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Sa.parse(t[0]),e["transform-origin-x"]=Sa.parse(t[0]),e["transform-origin-y"]=Sa.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Sa.parse(t[0]),e["transform-origin-y"]=Sa.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:st("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=DI[e].split(" "),r=zt()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Sa.parse(i),this.state["transform-origin-y"]=Sa.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:at("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&II.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Tt("$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(EI.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,II.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:st("$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()}}]),n}(_g);function BI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AI=function(t){R()(n,t);var e=BI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:st("$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:Tt("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:"editableProperty",get:function(){return"transform-origin"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeTransformOrigin"),value:function(t,e){this.command("setAttributeForMulti","change transform-origin",this.$selection.packByValue({"transform-origin":e}))}}]),n}(Yx);function zI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FI=/((cubic-bezier|steps)\(([^\)]*)\))/gi,HI=function(t){R()(n,t);var e=zI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Sa.second(0),timingFunction:"linear",delay:Sa.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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Zx(t,FI);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Sa.parse(e[1]),timingFunction:qx(e[2],r.matches),delay:Sa.parse(e[3])}:e.length>=3?{name:e[0],duration:Sa.parse(e[1]),delay:Sa.parse(e[2])}:e.length>=1?{name:e[0],duration:Sa.parse(e[1])}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Tc);n(137);function GI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NI=function(t){R()(n,t);var e=_I(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{key:"getBody",value:function(){return"<div class='elf--transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(Cg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Tt("$transitionList")+W,value:function(){var t=this,e=this.$selection.current;return e?HI.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=jc(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(Cg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:rt("refreshSelection"),value:function(){this.refreshShowIsNot([])}},{key:st("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add transition",this.$selection.packByValue({transition:function(t){return HI.add(t.transition)}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:st("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:HI.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=HI.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:st("$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:rt("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?GI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:HI.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),n}(Yx);n(138);function XI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?XI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function KI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UI=["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"].map((function(t){return{value:t,text:t}})),WI=function(t){R()(n,t);var e=KI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Transition"}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=YI(YI({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--transition-property-popup' ref='$popup'></div>"}},{key:Tt("$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:at("changeTransition"),value:function(t,e){this.updateData(w()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  \n          ref=\'$property\' \n          icon="true" \n          label="Property" \n          key=\'name\' \n          value="'.concat(this.state.data.name,'" \n          options=').concat(this.variable(UI)," \n          onChange='changeTransition' \n        /> \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:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e))}},{key:at("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:rt("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:rt("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),n}(ow);n(139);function ZI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qI=function(t){R()(n,t);var e=ZI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item elf--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:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:Tt("$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(Cg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Cg.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(Cg.volume_off,"</span>\n            <span data-value='down'>").concat(Cg.volume_down,"</span>\n            <span data-value='up'>").concat(Cg.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:rt("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({currentTime:e}))}},{key:rt("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({playbackRate:e}))}},{key:$t("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({volume:e}))}},{key:It("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:It("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:st("$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:at("changeValue")+Z(100),value:function(t,e){this.state.$video&&this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:at("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:rt("refreshSelection")+Z(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")}))}}]),n}(Yx),JI=[function(t){aO.forEach((function(e){t.registerConfig(e)}))},function(t){Object.keys(QO).forEach((function(e){t.registerI18nMessage(e,QO[e])}))},function(t){t.registerItem("project",nh),t.registerItem("artboard",Yb),t.registerItem("rect",xO),t.registerItem("circle",pO),t.registerItem("image",gO),t.registerItem("text",JO),t.registerItem("svg-path",MO),t.registerItem("svg-text",IO),t.registerItem("svg-textpath",AO),t.registerItem("template",KO)},function(t){t.registerRendererType("html",new mC(t)),t.registerRenderer("html","project",new iT),t.registerRenderer("html","artboard",new kC),t.registerRenderer("html","rect",new oT),t.registerRenderer("html","circle",new wC),t.registerRenderer("html","image",new CC),t.registerRenderer("html","text",new wT),t.registerRenderer("html","video",new OT),t.registerRenderer("html","svg-path",new hT),t.registerRenderer("html","svg-text",new yT),t.registerRenderer("html","svg-textpath",new dT),t.registerRenderer("html","cube",new $C),t.registerRenderer("html","template",new kT)},function(t){t.registerRendererType("json",new ST(t)),t.registerRenderer("json","project",new cV),t.registerRenderer("json","artboard",new BT),t.registerRenderer("json","rect",new uV),t.registerRenderer("json","circle",new _T),t.registerRenderer("json","image",new qT),t.registerRenderer("json","template",new CV),t.registerRenderer("json","iframe",new KT),t.registerRenderer("json","text",new EV),t.registerRenderer("json","video",new BV),t.registerRenderer("json","svg-path",new gV),t.registerRenderer("json","svg-text",new SV),t.registerRenderer("json","svg-textpath",new xV)},function(t){t.registerRendererType("svg",new AV(t)),t.registerRenderer("svg","project",new tE),t.registerRenderer("svg","artboard",new NV),t.registerRenderer("svg","rect",new nE),t.registerRenderer("svg","circle",new UV),t.registerRenderer("svg","image",new JV),t.registerRenderer("svg","template",new mE),t.registerRenderer("svg","iframe",new ZV),t.registerRenderer("svg","video",new wE),t.registerRenderer("svg","text",new kE),t.registerRenderer("svg","svg-path",new sE),t.registerRenderer("svg","svg-text",new yE),t.registerRenderer("svg","svg-textpath",new hE)},function(t){t.registerElement({IconListViewEditor:DR,TextAreaEditor:sC,TextEditor:lC,ColorSingleEditor:cR,CubicBezierEditor:pR,ClipPathEditor:y$,ColorViewEditor:uR,VarEditor:hC,PathDataEditor:tC,PolygonDataEditor:nC,InputArrayEditor:BR,StrokeDashArrayEditor:oC,NumberInputEditor:WR,NumberRangeEditor:qR,MediaProgressEditor:KR,SelectIconEditor:iC,CSSPropertyEditor:fR,DirectionEditor:yR,IterationCountEditor:XR,GradientEditor:ER,FilterEditor:xR,SelectEditor:u$,BlendSelectEditor:d$,RangeEditor:HR,InputRangeEditor:zR,ColorAssetsEditor:aR,FontSelectEditor:jR})},function(t){t.registerElement({ColorPickerEditor:UP,EmbedColorPicker:JP}),t.registerMenuItem("popup",{ColorPickerPopup:ZP})},function(t){t.registerElement({FillSingleEditor:$S,FillEditor:yS,GradientSingleEditor:MS}),t.registerMenuItem("popup",{FillPickerPopup:SS,GradientPickerPopup:xS})},function(t){t.registerMenuItem("inspector.tab.style",{SVGTextProperty:iI})},function(t){t.registerMenuItem("inspector.tab.style",{FontProperty:oS})},function(t){t.registerMenuItem("inspector.tab.style",{TextProperty:sI})},function(t){t.registerElement({TextShadowEditor:dI}),t.registerMenuItem("inspector.tab.style",{TextShadowProperty:yI}),t.registerMenuItem("popup",{TextShadowPropertyPopup:mI})},function(t){t.registerMenuItem("inspector.tab.style",{FontSpacingProperty:sS})},function(t){t.registerElement({ContentProperty:iO})},function(t){t.registerMenuItem("inspector.tab.style",{TextFillProperty:hI})},function(t){t.registerMenuItem("inspector.tab.style",{TextClipProperty:lI})},function(t){t.registerElement({AlignmentProperty:Ux})},function(t){t.registerMenuItem("inspector.tab.style",{ArtBoardSizeProperty:yw})},function(t){t.registerElement({FlexLayoutEditor:dj,FlexLayoutItemEditor:gj,GridLayoutEditor:Rj,GridLayoutItemEditor:Tj,GridBoxEditor:wj,GridGapEditor:Oj}),t.registerMenuItem("inspector.tab.style",{LayoutProperty:Dj,GridLayoutItemProperty:Ej,FlexLayoutItemProperty:bj})},function(t){t.registerElement({AppearanceProperty:pw})},function(t){t.registerMenuItem("inspector.tab.style",{ComponentProperty:nO})},function(t){t.registerElement({BackgroundImageEditor:Sw,BackgroundPositionEditor:Ew}),t.registerMenuItem("inspector.tab.style",{BackgroundImageProperty:Cw}),t.registerMenuItem("popup",{BackgroundImagePositionPopup:$w})},function(t){t.registerElement({BorderEditor:zw,BorderValueEditor:Nw}),t.registerMenuItem("inspector.tab.style",{BorderProperty:Hw})},function(t){t.registerElement({BorderRadiusEditor:eP}),t.registerMenuItem("inspector.tab.style",{BorderRadiusProperty:rP})},function(t){t.registerMenuItem("inspector.tab.style",{VideoProperty:qI})},function(t){t.registerElement({ImageSelectEditor:tj}),t.registerMenuItem("inspector.tab.style",{ImageProperty:JS}),t.registerMenuItem("popup",{ImageSelectPopup:nj})},function(t){t.registerElement({PatternEditor:Fj,PatternSizeEditor:Wj,PatternAssetsProperty:Aj}),t.registerMenuItem("inspector.tab.style",{PatternProperty:Xj}),t.registerMenuItem("popup",{PatternInfoPopup:Gj})},function(t){t.registerElement({SVGFilterAssetsProperty:CE})},function(t){t.registerElement({ColorMatrixEditor:EE,FuncFilterEditor:BE,SVGFilterSelectEditor:tI,SVGFilterEditor:ZE}),t.registerMenuItem("inspector.tab.style",{SVGItemProperty:nI}),t.registerMenuItem("popup",{SVGFilterPopup:JE})},function(t){t.registerElement({LayerTreeProperty:lj})},function(t){t.registerElement({BackgroundClipProperty:xw})},function(t){t.registerElement({BorderImageProperty:qw})},function(t){t.registerMenuItem("inspector.tab.style",{FilterProperty:iS})},function(t){t.registerMenuItem("inspector.tab.style",{BackdropFilterProperty:bw})},function(t){t.registerElement({BoxShadowEditor:sP}),t.registerMenuItem("inspector.tab.style",{BoxShadowProperty:lP}),t.registerMenuItem("popup",{BoxShadowPropertyPopup:dP})},function(t){t.registerMenuItem("inspector.tab.style",{ClipPathProperty:CP}),t.registerMenuItem("popup",{ClipPathPopup:jP})},function(t){t.registerMenuItem("inspector.tab.style",{BoxModelProperty:oP})},function(t){t.registerElement({PositionProperty:c$})},function(t){t.registerElement({GradientAssetsProperty:BS})},function(t){t.registerElement({RotateEditorView:wI,TransformEditor:RI}),t.registerMenuItem("inspector.tab.style",{TransformProperty:TI})},function(t){t.registerElement({TransformOriginEditor:LI}),t.registerMenuItem("inspector.tab.style",{TransformOriginProperty:AI})},function(t){t.registerMenuItem("inspector.tab.style",{PerspectiveProperty:qj})},function(t){t.registerElement({PerspectiveOriginEditor:n$}),t.registerMenuItem("inspector.tab.style",{PerspectiveOriginProperty:i$})},function(t){t.registerMenuItem("inspector.tab.style",{ExportProperty:eS})},function(t){t.registerMenuItem("inspector.tab.transition",{TransitionProperty:NI}),t.registerMenuItem("popup",{TransitionPropertyPopup:WI})},function(t){t.registerElement({OffsetEditor:sj}),t.registerMenuItem("inspector.tab.transition",{KeyframeProperty:oj}),t.registerMenuItem("popup",{KeyframePopup:ij})},function(t){t.registerMenuItem("inspector.tab.transition",{AnimationProperty:iw}),t.registerMenuItem("popup",{AnimationPropertyPopup:lw})},function(t){t.registerMenuItem("inspector.tab.transition",{SelectorProperty:$E}),t.registerMenuItem("popup",{SelectorPopup:OE})},function(t){t.registerMenuItem("inspector.tab.code",{CodeViewProperty:TP})},function(t){t.registerMenuItem("inspector.tab.history",{HistoryProperty:zS})}];function QI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tD=function(t){R()(n,t);var e=QI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class=\'object-items\' style="height:100%;">\n        <div>\n          <object refClass="LayerTreeProperty" />\n        </div>\n      </div>\n    '}}]),n}(_g);n(140);function eD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nD=function(t){R()(i,t);var e,n,r=eD(i);function i(){return O()(this,i),r.apply(this,arguments)}return j()(i,[{key:"template",value:function(){return"\n      <div class='elf--custom-assets'>\n        <div class='custom-assets-tools'>\n          <div class='title'><label>Custom Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addCustomAsset'>".concat(Cg.add,"</button>\n          </div>\n        </div>\n        <div class='elf--asset-list' ref='$list'></div>\n      </div>\n    ")}},{key:Tt("$list"),value:(n=La()(Fa.a.mark((function t(){var e;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$storageManager.getCustomAssetList();case 2:return e=t.sent,t.abrupt("return",e.map((function(t){return'\n        <div class=\'asset-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.component.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-asset-preview' data-preview-id=\"").concat(t.id,'">').concat(Cg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:st("$list .remove-asset-preview"),value:(e=La()(Fa.a.mark((function t(e){var n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeCustomAsset"))){t.next=5;break}return n=e.$dt.data("preview-id"),t.next=4,this.$storageManager.removeCustomAsset(n);case 4:this.refresh();case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})},{key:ht("$list .asset-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/asset",e)}},{key:st("$addCustomAsset"),value:function(t){var e=this;this.emit("savePNG",function(){var t=La()(Fa.a.mark((function t(n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.$storageManager.saveCustomAsset(n);case 2:e.refresh();case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}]),i}(_g);n(141);function rD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iD=function(t){R()(n,t);var e=rD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return'\n      <div class=\'elf--library-items\'>\n        <div>\n          <object label="Search" refClass="TextEditor" key="search" onchange='.concat(this.subscribe((function(e,n){t.broadcast("search",n)}),300)," />\n        </div>\n        ").concat(this.$menuManager.generate("library"),"\n      </div>\n    ")}}]),n}(_g);function aD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oD=function(t){R()(n,t);var e=aD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='asset-items'>\n        ".concat(this.$menuManager.generate("asset"),"\n      </div>\n    ")}}]),n}(_g);function cD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sD=function(t){R()(n,t);var e=cD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{AssetItems:oD,LibraryItems:iD,CustomAssets:nD,ObjectItems:tD}}},{key:"initState",value:function(){return{selectedIndexValue:2}}},{key:"template",value:function(){var t=this;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" ref="$header">   \n            <div class="tab-item selected" data-value="2" data-direction="right" data-tooltip="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Cg.layers,"</label>\n            </div>            \n            <div class='tab-item' data-value='3' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.libraries"),'">\n              <label>').concat(Cg.auto_awesome,"</label>\n            </div>                     \n            <div class='tab-item' data-value='5' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Cg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Cg.plugin,"</label>\n            </div>            \n\n            ").concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                  <label>').concat(Cg[t.class.icon]||t.class.icon,"</label>\n                </div>\n              ")})),'\n\n          </div>\n          <div class="tab-body" ref="$body">\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=\'5\'>\n              <object refClass="AssetItems" />            \n              <div class=\'assets\'>\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="CustomAssets" />\n            </div>\n            ').concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                <div class='tab-content' data-value='".concat(r,"'>\n                  ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                  ").concat(t.$menuManager.generate("leftbar.tab.".concat(r)),"\n                </div>\n              ")})),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$header .tab-item:not(.extra-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(_g);function uD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lD=function(t){R()(n,t);var e=uD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LayerTab:sD,PageSubEditor:Gk,ToolBar:Rx,StatusBar:Dk,Inspector:kk,BodyPanel:Qb,PopupManager:vk,KeyboardManager:mk}}},{key:"getPlugins",value:function(){return JI}},{key:"initState",value:function(){return{leftSize:340,rightSize:280,bottomSize:0,lastBottomSize:150}}},{key:"template",value:function(){return"\n      <div class=\"designeditor\">\n        <div class=\"layout-main\">\n          <div class='layout-top' ref='$top'>\n            <object refClass=\"ToolBar\" />\n            <object refClass=\"PageSubEditor\" />\n          </div>\n          <div class=\"layout-middle\" ref='$middle'>      \n            <div class=\"layout-body\" ref='$bodyPanel'>\n              <object refClass=\"BodyPanel\" ref=\"$bodyPanelView\" />\n            </div>                           \n            <div class='layout-left' ref='$leftPanel'>\n              <object refClass='LayerTab' />\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          </div>\n          <object refClass='StatusBar' />\n          <object refClass=\"KeyboardManager\" />                \n        </div>\n        <object refClass=\"PopupManager\" />                      \n      </div>\n    ")}},{key:It("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),{style:{left:t}}}},{key:It("$leftPanel"),value:function(){var t="0px",e=Sa.px(this.state.leftSize),n=Sa.px(this.state.bottomSize);return this.$config.false("show.left.panel")&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:It("$rightPanel"),value:function(){var t="0px",e=Sa.px(this.state.bottomSize);return this.$config.false("show.right.panel")&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:It("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),this.$config.false("show.right.panel")&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:It("$footerPanel"),value:function(){return{style:{height:Sa.px(this.state.bottomSize)}}}},{key:wt("$splitter")+Ag("moveSplitter")+zg("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Sa.parse(this.refs.$splitter.css("left")).value,this.refs.$splitter.addClass("selected")}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)})}},{key:"moveEndSplitter",value:function(){this.refs.$splitter.removeClass("selected")}},{key:wt("$footerSplitter")+Ag("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Sa.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})}},{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:ot("show.left.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:ot("show.right.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:rt("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:Ct("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:dt("$middle")+et,value:function(t){}},{key:pt("$middle")+et,value:function(t){}},{key:rt("toggle.fullscreen"),value:function(){this.$el.toggleFullscreen()}}]),n}(Kg),fD=function(t,e){var n=Ka.create(e.container||document.body),r=new t(e,e);return r.render(n),r};function hD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hD(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.default=pD({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return fD(lD,pD({},t))}},{})}]).default}));
\ 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.editor=e():t.editor=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=142)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},t.exports.default=t.exports,t.exports.__esModule=!0,n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(27);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)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(14).default,i=n(28);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(32);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?(t.exports=i=Reflect.get,t.exports.default=t.exports,t.exports.__esModule=!0):(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}},t.exports.default=t.exports,t.exports.__esModule=!0),i(e,n,a||e)}t.exports=i,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(29),a=n(13),o=n(18);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(30),i=n(19),a=n(13),o=n(31);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=n(33)},function(t,e){function n(t,e,n,r,i,a,o){try{var c=t[a](o),s=c.value}catch(t){return void n(t)}c.done?e(s):Promise.resolve(s).then(r,i)}t.exports=function(t){return function(){var e=this,r=arguments;return new Promise((function(i,a){var o=t.apply(e,r);function c(t){n(o,i,a,c,s,"next",t)}function s(t){n(o,i,a,c,s,"throw",t)}c(void 0)}))}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(19),a=n(13),o=n(18);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);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}},t.exports.default=t.exports,t.exports.__esModule=!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.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=function(t){if("string"!=typeof t)return{};var e,n={},r=(t=t.split("+").join(" ")).match(/(?:[?](?:[^=]+)=(?:[^&#]*)(?:[&](?:[^=]+)=(?:[^&#]*))*(?:[#].*)?)|(?:[#].*)/);if(null===r)return{};e=r[0].substr(1).split(/[&#=]/);for(var i=0;i<e.length;i+=2)n[decodeURIComponent(e[i])]=decodeURIComponent(e[i+1]||"");return n},n=function(e,n){if("object"!==t(e))return"";var r="",i=0,a=Object.keys(e);if(0===a.length)return"";for(a.sort(),n||(r+="?"+a[0]+"="+e[a[0]],i+=1);i<a.length;i+=1)r+="&"+a[i]+"="+e[a[i]];return r},r=function(t){return void 0===t?0:t.match(/^(\d+[smhdw]?)+$/)?function(t){var e,n=0,r={s:1,m:60,h:3600,d:86400,w:604800};e=(t=t.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var i=0;i<e.length;i+=2)n+=parseInt(e[i],10)*r[e[i+1]||"s"];return n}(t):t.match(/^(\d+:?)+$/)?function(t){for(var e=0,n=[1,60,3600,86400,604800],r=t.split(":"),i=0;i<r.length;i++)e+=parseInt(r[i],10)*n[r.length-i-1];return e}(t):0},i=e;function a(){for(var t=0,e=["parseProvider","parse","bind","create"];t<e.length;t++){var n=e[t];this[n]=this[n].bind(this)}this.plugins={}}var o=a;a.prototype.parseProvider=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?(?:[^.]+\.)?(\w+)\./i);return e?e[1]:void 0},a.prototype.parse=function(t){if(void 0!==t){var e,n=this.parseProvider(t),r=this.plugins[n];if(n&&r&&r.parse)return(e=r.parse.call(r,t,i(t)))&&((e=function(t){return t.params&&0===Object.keys(t.params).length&&delete t.params,t}(e)).provider=r.provider),e}},a.prototype.bind=function(t){if(this.plugins[t.provider]=t,t.alternatives)for(var e=0;e<t.alternatives.length;e+=1)this.plugins[t.alternatives[e]]=t},a.prototype.create=function(e){if("object"===t(e)&&"object"===t(e.videoInfo)){var n=e.videoInfo,r=e.params,i=this.plugins[n.provider];return r="internal"===r?n.params:r||{},i&&(e.format=e.format||i.defaultFormat,i.formats.hasOwnProperty(e.format))?i.formats[e.format].apply(i,[n,Object.assign({},r)]):void 0}};var c=new o,s=n;function u(){this.provider="canalplus",this.defaultFormat="embed",this.formats={embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}u.prototype.parseParameters=function(t){return delete t.vid,t},u.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:e.vid};if(n.params=this.parseParameters(e),n.id)return n},u.prototype.createEmbedUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.canalplus.fr/embed/";return e.vid=t.id,n+=s(e)}},c.bind(new u);var l=n;function f(){this.provider="coub",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}f.prototype.parseUrl=function(t){var e=t.match(/(?:embed|view)\/([a-zA-Z\d]+)/i);return e?e[1]:void 0},f.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:e,id:this.parseUrl(t)};if(n.id)return n},f.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=l(n)}},f.prototype.createLongUrl=function(t,e){return this.createUrl("https://coub.com/view/",t,e)},f.prototype.createEmbedUrl=function(t,e){return this.createUrl("//coub.com/embed/",t,e)},c.bind(new f);var h=n,p=r;function d(){this.provider="dailymotion",this.alternatives=["dai"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,image:this.createImageUrl},this.mediaTypes={VIDEO:"video"}}d.prototype.parseParameters=function(t){return this.parseTime(t)},d.prototype.parseTime=function(t){return t.start&&(t.start=p(t.start)),t},d.prototype.parseUrl=function(t){var e=t.match(/(?:\/video|ly)\/([A-Za-z0-9]+)/i);return e?e[1]:void 0},d.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},d.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+h(n)},d.prototype.createShortUrl=function(t,e){return this.createUrl("https://dai.ly/",t,e)},d.prototype.createLongUrl=function(t,e){return this.createUrl("https://dailymotion.com/video/",t,e)},d.prototype.createEmbedUrl=function(t,e){return this.createUrl("https://www.dailymotion.com/embed/video/",t,e)},d.prototype.createImageUrl=function(t,e){return delete e.start,this.createUrl("https://www.dailymotion.com/thumbnail/video/",t,e)},c.bind(new d);var v=n,y=r;function g(){this.provider="twitch",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",STREAM:"stream",CLIP:"clip"}}g.prototype.seperateId=function(t){return{pre:t[0],id:t.substr(1)}},g.prototype.parseChannel=function(t,e){var n=e.channel||e.utm_content||t.channel;return delete e.utm_content,delete e.channel,n},g.prototype.parseUrl=function(t,e,n){var r;return(r=t.match(/(clips\.)?twitch\.tv\/(?:(?:videos\/(\d+))|(\w+)(?:\/clip\/(\w+))?)/i))&&r[2]?e.id="v"+r[2]:n.video?(e.id=n.video,delete n.video):n.clip?(e.id=n.clip,e.isClip=!0,delete n.clip):r&&r[1]&&r[3]?(e.id=r[3],e.isClip=!0):r&&r[3]&&r[4]?(e.channel=r[3],e.id=r[4],e.isClip=!0):r&&r[3]&&(e.channel=r[3]),e},g.prototype.parseMediaType=function(t){var e;return t.id?t.isClip?(e=this.mediaTypes.CLIP,delete t.isClip):e=this.mediaTypes.VIDEO:t.channel&&(e=this.mediaTypes.STREAM),e},g.prototype.parseParameters=function(t){return t.t&&(t.start=y(t.t),delete t.t),t},g.prototype.parse=function(t,e){var n={};return(n=this.parseUrl(t,n,e)).channel=this.parseChannel(n,e),n.mediaType=this.parseMediaType(n),n.params=this.parseParameters(e),n.channel||n.id?n:void 0},g.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)n="https://twitch.tv/"+t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n="https://twitch.tv/videos/"+this.seperateId(t.id).id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n=t.channel?"https://www.twitch.tv/"+t.channel+"/clip/"+t.id:"https://clips.twitch.tv/"+t.id}return n+=v(e)},g.prototype.createEmbedUrl=function(t,e){var n="https://player.twitch.tv/";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)e.channel=t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.video=t.id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n="https://clips.twitch.tv/embed",e.clip=t.id}return n+=v(e)},c.bind(new g);var m=n,b=r;function k(){this.provider="vimeo",this.alternatives=["vimeopro"],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}k.prototype.parseUrl=function(t){var e=t.match(/(?:\/(?:channels\/[\w]+|(?:(?:album\/\d+|groups\/[\w]+)\/)?videos?))?\/(\d+)/i);return e?e[1]:void 0},k.prototype.parseParameters=function(t){return this.parseTime(t)},k.prototype.parseTime=function(t){return t.t&&(t.start=b(t.t),delete t.t),t},k.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},k.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id,i=n.start;return delete n.start,r+=m(n),i&&(r+="#t="+i),r}},k.prototype.createLongUrl=function(t,e){return this.createUrl("https://vimeo.com/",t,e)},k.prototype.createEmbedUrl=function(t,e){return this.createUrl("//player.vimeo.com/video/",t,e)},c.bind(new k);var x=n,w=r;function P(){this.provider="wistia",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl,embedjsonp:this.createEmbedJsonpUrl},this.mediaTypes={VIDEO:"video",EMBEDVIDEO:"embedvideo"}}P.prototype.parseUrl=function(t){var e=t.match(/(?:(?:medias|iframe)\/|wvideo=)([\w-]+)/);return e?e[1]:void 0},P.prototype.parseChannel=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?([^.]*)\.wistia\./),n=e?e[1]:void 0;if("fast"!==n&&"content"!==n)return n},P.prototype.parseParameters=function(t,e){return t.wtime&&(t.start=w(t.wtime),delete t.wtime),t.wvideo===e.id&&delete t.wvideo,t},P.prototype.parseMediaType=function(t){return t.id&&t.channel?this.mediaTypes.VIDEO:t.id?(delete t.channel,this.mediaTypes.EMBEDVIDEO):void 0},P.prototype.parse=function(t,e){var n={id:this.parseUrl(t),channel:this.parseChannel(t)};if(n.params=this.parseParameters(e,n),n.mediaType=this.parseMediaType(n),n.id)return n},P.prototype.createUrl=function(t,e,n){return e.start&&(e.wtime=e.start,delete e.start),n+=x(e)},P.prototype.createLongUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://"+t.channel+".wistia.com/medias/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedUrl=function(t,e){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO)){var n="https://fast.wistia.com/embed/iframe/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedJsonpUrl=function(t){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO))return"https://fast.wistia.com/embed/medias/"+t.id+".jsonp"},c.bind(new P);var O=n;function S(){this.provider="youku",this.defaultFormat="long",this.formats={embed:this.createEmbedUrl,long:this.createLongUrl,flash:this.createFlashUrl,static:this.createStaticUrl},this.mediaTypes={VIDEO:"video"}}S.prototype.parseUrl=function(t){var e=t.match(/(?:(?:embed|sid)\/|v_show\/id_|VideoIDS=)([a-zA-Z0-9]+)/);return e?e[1]:void 0},S.prototype.parseParameters=function(t){return t.VideoIDS&&delete t.VideoIDS,t},S.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:this.parseUrl(t),params:this.parseParameters(e)};if(n.id)return n},S.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=O(n)}},S.prototype.createEmbedUrl=function(t,e){return this.createUrl("http://player.youku.com/embed/",t,e)},S.prototype.createLongUrl=function(t,e){return this.createUrl("http://v.youku.com/v_show/id_",t,e)},S.prototype.createStaticUrl=function(t,e){return this.createUrl("http://static.youku.com/v1.0.0638/v/swf/loader.swf?VideoIDS=",t,e)},S.prototype.createFlashUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.youku.com/player.php/sid/"+t.id+"/v.swf";return n+=O(e)}},c.bind(new S);var j=n,$=r;function R(){this.provider="youtube",this.alternatives=["youtu","ytimg"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,shortImage:this.createShortImageUrl,longImage:this.createLongImageUrl},this.imageQualities={0:"0",1:"1",2:"2",3:"3",DEFAULT:"default",HQDEFAULT:"hqdefault",SDDEFAULT:"sddefault",MQDEFAULT:"mqdefault",MAXRESDEFAULT:"maxresdefault"},this.defaultImageQuality=this.imageQualities.HQDEFAULT,this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist",SHARE:"share",CHANNEL:"channel"}}R.prototype.parseVideoUrl=function(t){var e=t.match(/(?:(?:v|vi|be|videos|embed)\/(?!videoseries)|(?:v|ci)=)([\w-]{11})/i);return e?e[1]:void 0},R.prototype.parseChannelUrl=function(t){var e=t.match(/\/channel\/([\w-]+)/);return e?{id:e[1],mediaType:this.mediaTypes.CHANNEL}:(e=t.match(/\/(?:c|user)\/([\w-]+)/))?{name:e[1],mediaType:this.mediaTypes.CHANNEL}:void 0},R.prototype.parseParameters=function(t,e){return(t.start||t.t)&&(t.start=$(t.start||t.t),delete t.t),t.v===e.id&&delete t.v,t.list===e.id&&delete t.list,t},R.prototype.parseMediaType=function(t){if(t.params.list&&(t.list=t.params.list,delete t.params.list),t.id&&!t.params.ci)t.mediaType=this.mediaTypes.VIDEO;else if(t.list)delete t.id,t.mediaType=this.mediaTypes.PLAYLIST;else{if(!t.params.ci)return;delete t.params.ci,t.mediaType=this.mediaTypes.SHARE}return t},R.prototype.parse=function(t,e){var n=this.parseChannelUrl(t);if(n)return n;var r={params:e,id:this.parseVideoUrl(t)};return r.params=this.parseParameters(e,r),r=this.parseMediaType(r)},R.prototype.createShortUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://youtu.be/"+t.id;return e.start&&(n+="#t="+e.start),n}},R.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.CHANNEL)if(t.id)n+="https://www.youtube.com/channel/"+t.id;else{if(!t.name)return;n+="https://www.youtube.com/c/"+t.name}else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.feature="share",n+="https://www.youtube.com/playlist";else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.v=t.id,n+="https://www.youtube.com/watch";else{if(t.mediaType!==this.mediaTypes.SHARE||!t.id)return;e.ci=t.id,n+="https://www.youtube.com/shared"}return t.list&&(e.list=t.list),n+=j(e),t.mediaType!==this.mediaTypes.PLAYLIST&&r&&(n+="#t="+r),n},R.prototype.createEmbedUrl=function(t,e){var n="https://www.youtube.com/embed";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.listType="playlist";else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="/"+t.id,"1"===e.loop&&(e.playlist=t.id)}return t.list&&(e.list=t.list),n+=j(e)},R.prototype.createImageUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+"/"+(n.imageQuality||this.defaultImageQuality)+".jpg"},R.prototype.createShortImageUrl=function(t,e){return this.createImageUrl("https://i.ytimg.com/vi/",t,e)},R.prototype.createLongImageUrl=function(t,e){return this.createImageUrl("https://img.youtube.com/vi/",t,e)},c.bind(new R);var C=n,M=r;function T(){this.provider="soundcloud",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={TRACK:"track",PLAYLIST:"playlist",APITRACK:"apitrack",APIPLAYLIST:"apiplaylist"}}T.prototype.parseUrl=function(t,e){var n=t.match(/(?:m\.)?soundcloud\.com\/(?:([\w-]+)\/(sets\/)?)([\w-]+)/i);return n?(e.channel=n[1],"playlists"===n[1]||n[2]?e.list=n[3]:e.id=n[3],e):e},T.prototype.parseParameters=function(t){return t.t&&(t.start=M(t.t),delete t.t),t},T.prototype.parseMediaType=function(t){return t.id&&("tracks"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APITRACK):t.mediaType=this.mediaTypes.TRACK),t.list&&("playlists"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APIPLAYLIST):t.mediaType=this.mediaTypes.PLAYLIST),t},T.prototype.parse=function(t,e){var n={};if((n=this.parseUrl(t,n)).params=this.parseParameters(e),(n=this.parseMediaType(n)).id||n.list)return n},T.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.TRACK&&t.id&&t.channel)n="https://soundcloud.com/"+t.channel+"/"+t.id;else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list&&t.channel)n="https://soundcloud.com/"+t.channel+"/sets/"+t.list;else if(t.mediaType===this.mediaTypes.APITRACK&&t.id)n="https://api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;n="https://api.soundcloud.com/playlists/"+t.list}return n+=C(e),r&&(n+="#t="+r),n},T.prototype.createEmbedUrl=function(t,e){var n="https://w.soundcloud.com/player/";if(delete e.start,t.mediaType===this.mediaTypes.APITRACK&&t.id)e.url="https%3A//api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;e.url="https%3A//api.soundcloud.com/playlists/"+t.list}return n+=C(e)},c.bind(new T);var V=n;function E(){this.provider="teachertube",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",CHANNEL:"channel",COLLECTION:"collection",GROUP:"group"}}E.prototype.parse=function(t,e){var n={};n.list=this.parsePlaylist(e),n.params=e;var r=t.match(/\/(audio|video|document|user\/channel|collection|group)\/(?:[\w-]+-)?(\w+)/);if(r)return n.mediaType=this.parseMediaType(r[1]),n.id=r[2],n},E.prototype.parsePlaylist=function(t){if(t["playlist-id"]){var e=t["playlist-id"];return delete t["playlist-id"],e}},E.prototype.parseMediaType=function(t){switch(t){case"audio":return this.mediaTypes.AUDIO;case"video":return this.mediaTypes.VIDEO;case"document":return this.mediaTypes.DOCUMENT;case"user/channel":return this.mediaTypes.CHANNEL;case"collection":return this.mediaTypes.COLLECTION;case"group":return this.mediaTypes.GROUP}},E.prototype.createLongUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/";return t.list&&(e["playlist-id"]=t.list),t.mediaType===this.mediaTypes.CHANNEL?n+="user/channel/":n+=t.mediaType+"/",n+=t.id,n+=V(e)}},E.prototype.createEmbedUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/embed/";if(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.AUDIO)return n+=t.mediaType+"/"+t.id,n+=V(e)}},c.bind(new E);var I=n;function D(){this.provider="tiktok",this.defaultFormat="long",this.formats={long:this.createLongUrl},this.mediaTypes={VIDEO:"video"}}D.prototype.parse=function(t,e){var n={params:e,mediaType:this.mediaTypes.VIDEO},r=t.match(/@([^/]+)\/video\/(\d{19})/);if(r)return n.channel=r[1],n.id=r[2],n},D.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id&&t.channel)return n+="https://www.tiktok.com/@".concat(t.channel,"/video/").concat(t.id),n+=I(e)},c.bind(new D);var L=n;function B(){this.provider="ted",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist"}}return B.prototype.parseUrl=function(t,e){var n=t.match(/\/(talks|playlists\/(\d+))\/([\w-]+)/),r=n?n[1]:void 0;return r?(e.channel=r.split("/")[0],e.id=n[3],"playlists"===e.channel&&(e.list=n[2]),e):e},B.prototype.parseMediaType=function(t){return t.id&&"playlists"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.PLAYLIST),t.id&&"talks"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.VIDEO),t},B.prototype.parse=function(t,e){var n={params:e};if(n=this.parseUrl(t,n),(n=this.parseMediaType(n)).id)return n},B.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n+="https://ted.com/talks/"+t.id;else{if(t.mediaType!==this.mediaTypes.PLAYLIST||!t.id)return;n+="https://ted.com/playlists/"+t.list+"/"+t.id}return n+=L(e)},B.prototype.createEmbedUrl=function(t,e){var n="https://embed.ted.com/";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.id)n+="playlists/"+t.list+"/"+t.id;else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="talks/"+t.id}return n+=L(e)},c.bind(new B),c}()},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){},function(t,e,n){},,,,function(t,e,n){},function(t,e,n){},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},t.exports.default=t.exports,t.exports.__esModule=!0,n(e,r)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){c=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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 c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),o=new P(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 S()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var c=k(o,n);if(c){if(c===l)continue;return c}}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 s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,o),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function f(){}function h(){}function p(){}var d={};d[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(O([])));y&&y!==e&&n.call(y,i)&&(d=y);var g=p.prototype=f.prototype=Object.create(d);function m(t){["next","throw","return"].forEach((function(e){c(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,c){var s=u(t[i],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,o,c)}),(function(t){r("throw",t,o,c)})):e.resolve(f).then((function(t){l.value=t,o(l)}),(function(t){return r("throw",t,o,c)}))}c(s.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 l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;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,l):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}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 P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function O(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:S}}function S(){return{value:void 0,done:!0}}return h.prototype=g.constructor=p,p.constructor=h,h.displayName=c(p,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(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(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),c(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=O,P.prototype={constructor:P,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 c=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(c&&s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!s)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,l):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),l},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),l}},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:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"create",(function(){return ve})),n.d(r,"clone",(function(){return ye})),n.d(r,"copy",(function(){return ge})),n.d(r,"fromValues",(function(){return me})),n.d(r,"set",(function(){return be})),n.d(r,"identity",(function(){return ke})),n.d(r,"transpose",(function(){return xe})),n.d(r,"invert",(function(){return we})),n.d(r,"adjoint",(function(){return Pe})),n.d(r,"determinant",(function(){return Oe})),n.d(r,"multiply",(function(){return Se})),n.d(r,"translate",(function(){return je})),n.d(r,"scale",(function(){return $e})),n.d(r,"rotate",(function(){return Re})),n.d(r,"rotateX",(function(){return Ce})),n.d(r,"rotateY",(function(){return Me})),n.d(r,"rotateZ",(function(){return Te})),n.d(r,"fromTranslation",(function(){return Ve})),n.d(r,"fromScaling",(function(){return Ee})),n.d(r,"fromRotation",(function(){return Ie})),n.d(r,"fromXRotation",(function(){return De})),n.d(r,"fromYRotation",(function(){return Le})),n.d(r,"fromZRotation",(function(){return Be})),n.d(r,"fromRotationTranslation",(function(){return Ae})),n.d(r,"fromQuat2",(function(){return ze})),n.d(r,"getTranslation",(function(){return Fe})),n.d(r,"getScaling",(function(){return He})),n.d(r,"getRotation",(function(){return Ge})),n.d(r,"fromRotationTranslationScale",(function(){return _e})),n.d(r,"fromRotationTranslationScaleOrigin",(function(){return Ne})),n.d(r,"fromQuat",(function(){return Xe})),n.d(r,"frustum",(function(){return Ye})),n.d(r,"perspective",(function(){return Ke})),n.d(r,"perspectiveFromFieldOfView",(function(){return Ue})),n.d(r,"ortho",(function(){return We})),n.d(r,"lookAt",(function(){return Ze})),n.d(r,"targetTo",(function(){return qe})),n.d(r,"str",(function(){return Je})),n.d(r,"frob",(function(){return Qe})),n.d(r,"add",(function(){return tn})),n.d(r,"subtract",(function(){return en})),n.d(r,"multiplyScalar",(function(){return nn})),n.d(r,"multiplyScalarAndAdd",(function(){return rn})),n.d(r,"exactEquals",(function(){return an})),n.d(r,"equals",(function(){return on})),n.d(r,"mul",(function(){return cn})),n.d(r,"sub",(function(){return sn}));var i={};n.r(i),n.d(i,"create",(function(){return un})),n.d(i,"clone",(function(){return ln})),n.d(i,"length",(function(){return fn})),n.d(i,"fromValues",(function(){return hn})),n.d(i,"copy",(function(){return pn})),n.d(i,"set",(function(){return dn})),n.d(i,"add",(function(){return vn})),n.d(i,"subtract",(function(){return yn})),n.d(i,"multiply",(function(){return gn})),n.d(i,"divide",(function(){return mn})),n.d(i,"ceil",(function(){return bn})),n.d(i,"floor",(function(){return kn})),n.d(i,"min",(function(){return xn})),n.d(i,"max",(function(){return wn})),n.d(i,"round",(function(){return Pn})),n.d(i,"scale",(function(){return On})),n.d(i,"scaleAndAdd",(function(){return Sn})),n.d(i,"distance",(function(){return jn})),n.d(i,"squaredDistance",(function(){return $n})),n.d(i,"squaredLength",(function(){return Rn})),n.d(i,"negate",(function(){return Cn})),n.d(i,"inverse",(function(){return Mn})),n.d(i,"normalize",(function(){return Tn})),n.d(i,"dot",(function(){return Vn})),n.d(i,"cross",(function(){return En})),n.d(i,"lerp",(function(){return In})),n.d(i,"hermite",(function(){return Dn})),n.d(i,"bezier",(function(){return Ln})),n.d(i,"random",(function(){return Bn})),n.d(i,"transformMat4",(function(){return An})),n.d(i,"transformMat3",(function(){return zn})),n.d(i,"transformQuat",(function(){return Fn})),n.d(i,"rotateX",(function(){return Hn})),n.d(i,"rotateY",(function(){return Gn})),n.d(i,"rotateZ",(function(){return _n})),n.d(i,"angle",(function(){return Nn})),n.d(i,"zero",(function(){return Xn})),n.d(i,"str",(function(){return Yn})),n.d(i,"exactEquals",(function(){return Kn})),n.d(i,"equals",(function(){return Un})),n.d(i,"sub",(function(){return Zn})),n.d(i,"mul",(function(){return qn})),n.d(i,"div",(function(){return Jn})),n.d(i,"dist",(function(){return Qn})),n.d(i,"sqrDist",(function(){return tr})),n.d(i,"len",(function(){return er})),n.d(i,"sqrLen",(function(){return nr})),n.d(i,"forEach",(function(){return rr}));var a={};n.r(a),n.d(a,"create",(function(){return or})),n.d(a,"identity",(function(){return cr})),n.d(a,"setAxisAngle",(function(){return sr})),n.d(a,"getAxisAngle",(function(){return ur})),n.d(a,"getAngle",(function(){return lr})),n.d(a,"multiply",(function(){return fr})),n.d(a,"rotateX",(function(){return hr})),n.d(a,"rotateY",(function(){return pr})),n.d(a,"rotateZ",(function(){return dr})),n.d(a,"calculateW",(function(){return vr})),n.d(a,"exp",(function(){return yr})),n.d(a,"ln",(function(){return gr})),n.d(a,"pow",(function(){return mr})),n.d(a,"slerp",(function(){return br})),n.d(a,"random",(function(){return kr})),n.d(a,"invert",(function(){return xr})),n.d(a,"conjugate",(function(){return wr})),n.d(a,"fromMat3",(function(){return Pr})),n.d(a,"fromEuler",(function(){return Or})),n.d(a,"str",(function(){return Sr})),n.d(a,"clone",(function(){return Er})),n.d(a,"fromValues",(function(){return Ir})),n.d(a,"copy",(function(){return Dr})),n.d(a,"set",(function(){return Lr})),n.d(a,"add",(function(){return Br})),n.d(a,"mul",(function(){return Ar})),n.d(a,"scale",(function(){return zr})),n.d(a,"dot",(function(){return Fr})),n.d(a,"lerp",(function(){return Hr})),n.d(a,"length",(function(){return Gr})),n.d(a,"len",(function(){return _r})),n.d(a,"squaredLength",(function(){return Nr})),n.d(a,"sqrLen",(function(){return Xr})),n.d(a,"normalize",(function(){return Yr})),n.d(a,"exactEquals",(function(){return Kr})),n.d(a,"equals",(function(){return Ur})),n.d(a,"rotationTo",(function(){return Wr})),n.d(a,"sqlerp",(function(){return Zr})),n.d(a,"setAxes",(function(){return qr}));var o={};n.r(o),n.d(o,"create",(function(){return Jr})),n.d(o,"clone",(function(){return Qr})),n.d(o,"fromValues",(function(){return ti})),n.d(o,"copy",(function(){return ei})),n.d(o,"set",(function(){return ni})),n.d(o,"add",(function(){return ri})),n.d(o,"subtract",(function(){return ii})),n.d(o,"multiply",(function(){return ai})),n.d(o,"divide",(function(){return oi})),n.d(o,"ceil",(function(){return ci})),n.d(o,"floor",(function(){return si})),n.d(o,"min",(function(){return ui})),n.d(o,"max",(function(){return li})),n.d(o,"round",(function(){return fi})),n.d(o,"scale",(function(){return hi})),n.d(o,"scaleAndAdd",(function(){return pi})),n.d(o,"distance",(function(){return di})),n.d(o,"squaredDistance",(function(){return vi})),n.d(o,"length",(function(){return yi})),n.d(o,"squaredLength",(function(){return gi})),n.d(o,"negate",(function(){return mi})),n.d(o,"inverse",(function(){return bi})),n.d(o,"normalize",(function(){return ki})),n.d(o,"dot",(function(){return xi})),n.d(o,"cross",(function(){return wi})),n.d(o,"lerp",(function(){return Pi})),n.d(o,"random",(function(){return Oi})),n.d(o,"transformMat2",(function(){return Si})),n.d(o,"transformMat2d",(function(){return ji})),n.d(o,"transformMat3",(function(){return $i})),n.d(o,"transformMat4",(function(){return Ri})),n.d(o,"rotate",(function(){return Ci})),n.d(o,"angle",(function(){return Mi})),n.d(o,"zero",(function(){return Ti})),n.d(o,"str",(function(){return Vi})),n.d(o,"exactEquals",(function(){return Ei})),n.d(o,"equals",(function(){return Ii})),n.d(o,"len",(function(){return Di})),n.d(o,"sub",(function(){return Li})),n.d(o,"mul",(function(){return Bi})),n.d(o,"div",(function(){return Ai})),n.d(o,"dist",(function(){return zi})),n.d(o,"sqrDist",(function(){return Fi})),n.d(o,"sqrLen",(function(){return Hi})),n.d(o,"forEach",(function(){return Gi}));var c={};n.r(c),n.d(c,"round",(function(){return _i})),n.d(c,"degreeToRadian",(function(){return Ni})),n.d(c,"div",(function(){return Xi})),n.d(c,"radianToDegree",(function(){return Yi})),n.d(c,"getXInCircle",(function(){return Ki})),n.d(c,"getYInCircle",(function(){return Ui})),n.d(c,"getXYInCircle",(function(){return Wi})),n.d(c,"getDist",(function(){return Zi})),n.d(c,"getPointBetweenVerties",(function(){return qi})),n.d(c,"vertiesMap",(function(){return Ji})),n.d(c,"makeGuidePoint",(function(){return ea})),n.d(c,"getVertiesMaxX",(function(){return na})),n.d(c,"getVertiesMaxY",(function(){return ra})),n.d(c,"getVertiesMinX",(function(){return ia})),n.d(c,"getVertiesCenterX",(function(){return aa})),n.d(c,"getVertiesMinY",(function(){return oa})),n.d(c,"getVertiesCenterY",(function(){return ca})),n.d(c,"calculateAngle",(function(){return sa})),n.d(c,"calculateAngleForVec3",(function(){return ua})),n.d(c,"calculateRotationOriginMat4",(function(){return la})),n.d(c,"calculateMatrix",(function(){return fa})),n.d(c,"calculateMatrixInverse",(function(){return ha})),n.d(c,"calculateAnglePointDistance",(function(){return pa})),n.d(c,"calculateAngle360",(function(){return da})),n.d(c,"uuid",(function(){return ya})),n.d(c,"uuidShort",(function(){return ga})),n.d(c,"cubicBezier",(function(){return xa})),n.d(c,"getGradientLine",(function(){return wa})),n.d(c,"getCenterInTriangle",(function(){return Pa})),n.d(c,"normalize",(function(){return Sa}));var s={};n.r(s),n.d(s,"format",(function(){return fc})),n.d(s,"hex",(function(){return hc})),n.d(s,"rgb",(function(){return pc})),n.d(s,"hsl",(function(){return dc}));var u={};n.r(u),n.d(u,"randomNumber",(function(){return vc})),n.d(u,"randomByCount",(function(){return yc})),n.d(u,"random",(function(){return gc})),n.d(u,"randomRGBA",(function(){return mc}));var l={};n.r(l),n.d(l,"randomItem",(function(){return bc})),n.d(l,"repeat",(function(){return kc})),n.d(l,"CSS_TO_STRING",(function(){return xc})),n.d(l,"STRING_TO_CSS",(function(){return wc})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return Pc})),n.d(l,"OBJECT_TO_CLASS",(function(){return Oc})),n.d(l,"TAG_TO_STRING",(function(){return Sc})),n.d(l,"mapjoin",(function(){return jc})),n.d(l,"isArrayEquals",(function(){return $c})),n.d(l,"curveToPath",(function(){return Rc})),n.d(l,"curveToPointLine",(function(){return Cc}));var f={};n.r(f),n.d(f,"ReverseXyz",(function(){return us})),n.d(f,"ReverseRGB",(function(){return ls})),n.d(f,"XYZtoRGB",(function(){return fs})),n.d(f,"LABtoXYZ",(function(){return hs})),n.d(f,"PivotXyz",(function(){return ps})),n.d(f,"XYZtoLAB",(function(){return ds})),n.d(f,"LABtoRGB",(function(){return vs}));var h={};n.r(h),n.d(h,"RGBtoHSV",(function(){return ys})),n.d(h,"RGBtoCMYK",(function(){return gs})),n.d(h,"RGBtoHSL",(function(){return ms})),n.d(h,"c",(function(){return bs})),n.d(h,"gray",(function(){return ks})),n.d(h,"RGBtoSimpleGray",(function(){return xs})),n.d(h,"RGBtoGray",(function(){return ws})),n.d(h,"brightness",(function(){return Ps})),n.d(h,"RGBtoYCrCb",(function(){return Os})),n.d(h,"PivotRGB",(function(){return Ss})),n.d(h,"RGBtoXYZ",(function(){return js})),n.d(h,"RGBtoLAB",(function(){return $s}));var p={};n.r(p),n.d(p,"HUEtoRGB",(function(){return Rs})),n.d(p,"HSLtoHSV",(function(){return Cs})),n.d(p,"HSLtoRGB",(function(){return Ms}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return Is})),n.d(d,"isColor",(function(){return Ds})),n.d(d,"matches",(function(){return Ls})),n.d(d,"convertMatches",(function(){return Bs})),n.d(d,"convertMatchesArray",(function(){return As})),n.d(d,"reverseMatches",(function(){return zs})),n.d(d,"trim",(function(){return Hs})),n.d(d,"parse",(function(){return Gs})),n.d(d,"parseGradient",(function(){return _s}));var v={};n.r(v),n.d(v,"CMYKtoRGB",(function(){return Ws}));var g={};n.r(g),n.d(g,"HSVtoRGB",(function(){return Zs})),n.d(g,"HSVtoHSL",(function(){return qs}));var m={};n.r(m),n.d(m,"YCrCbtoRGB",(function(){return Js}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return Qs})),n.d(b,"interpolateRGBObject",(function(){return tu})),n.d(b,"scale",(function(){return eu})),n.d(b,"blend",(function(){return nu})),n.d(b,"mix",(function(){return ru})),n.d(b,"contrast",(function(){return iu})),n.d(b,"contrastColor",(function(){return au})),n.d(b,"gradient",(function(){return ou})),n.d(b,"scaleHSV",(function(){return cu})),n.d(b,"scaleH",(function(){return su})),n.d(b,"scaleS",(function(){return uu})),n.d(b,"scaleV",(function(){return lu}));var k=n(5),w=n.n(k),P=(n(25),n(26),n(1)),O=n.n(P),S=n(2),j=n.n(S),$=n(3),R=n.n($),C=n(4),M=n.n(C),T=n(0),V=n.n(T),E=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return" ".concat(e," ").concat(t)},I=/domevent (.*)/gi,D=/load (.*)/gi,L=/bind (.*)/gi,B=/subscribe (.*)/gi,A="|",z="".concat("@magic:","domevent "),F="".concat("@magic:","load "),H="".concat("@magic:","bind "),G="".concat("@magic:","subscribe "),_={},N=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 z+[r].concat(e).join(" ")}},X=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return G+e.join(A)},Y=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E(t,e)},K=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E("after(".concat(t,")"),e)},U=Y,W=(Y("ArrowUp"),Y("ArrowDown"),Y("ArrowLeft"),Y("ArrowRight"),Y("Enter")),Z=(Y("Space"),Y("Escape")),q=Y("isAltKey"),J=(Y("isShiftKey"),Y("isMetaKey"),Y("isCtrlKey"),Y("hasMouse"),Y("hasTouch"),Y("hasPen"),Y("self"),Y("isMouseLeftButton")),Q=(Y("isMouseRightButton"),Y("fit"),Y("passive"),Y("domdiff")),tt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Y("debounce(".concat(t,")"))},et=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return Y("delay(".concat(t,")"))},nt=(tt(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Y("throttle(".concat(t,")"))}),rt=Y("allTrigger()"),it=Y("selfTrigger()"),at=(Y("capture()"),K("preventDefault")),ot=K("stopPropagation"),ct=X,st=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return X.apply(void 0,e.concat([rt]))},ut=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return X.apply(void 0,e.concat([it]))},lt=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];return X.apply(void 0,["config:".concat(t)].concat(n))},ft=N,ht=N("click"),pt=N("dblclick"),dt=(N("mousedown"),N("mouseup"),N("mousemove"),N("mouseover"),N("mouseout"),N("mouseenter"),N("mouseleave"),N("touchstart"),N("touchmove"),N("touchend"),N("keydown")),vt=N("keyup"),yt=(N("keypress"),N("drag"),N("dragstart")),gt=N("drop"),mt=N("dragover"),bt=(N("dragenter"),N("dragleave"),N("dragexit"),N("dragout"),N("dragend")),kt=(N("contextmenu"),N("change")),xt=N("input"),wt=N("focus"),Pt=(N("focusin"),N("focusout")),Ot=N("blur"),St=(N("paste"),N("resize")),jt=(N("scroll"),N("submit"),function(){return ft("pointerdown").apply(void 0,arguments)+J}),$t=ft("pointerover"),Rt=(ft("pointerenter"),ft("pointerout")),Ct=ft("pointermove"),Mt=ft("pointerup"),Tt=ft("change","input"),Vt=ft("wheel","mousewheel","DOMMouseScroll"),Et=(N("animationstart"),N("animationend"),N("animationiteration"),N("transitionstart"),N("transitionend")),It=(N("transitionrun"),N("transitioncancel"),ft("doubletab")),Dt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return F+t},Lt=function(t){return function(){return this.prevState[t]!=this.state[t]}},Bt=function(){return!0},At=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return H+t};function zt(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var Ft,Ht={addDomEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeDomEvent: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}}},Gt=n(7),_t=n.n(Gt),Nt=n(14),Xt=n.n(Nt);function Yt(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,c){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,c)}),e||300)}}function Kt(t,e){var n=void 0;return function(r,i,a,o,c){n||(n=setTimeout((function(){t(r,i,a,o,c),n=null}),e||300))}}function Ut(t,e,n){return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];var o=n.every((function(t){return e[t.target].apply(e,i)}));o&&t.apply(e,i)}}function Wt(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Zt(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function qt(t){return null==t}function Jt(t){return!1===qt(t)}function Qt(t){return"boolean"==typeof t}function te(t){return"string"==typeof t}function ee(t){return"object"==Xt()(t)&&!Array.isArray(t)&&!re(t)&&!te(t)&&null!==t}function ne(t){return"function"==typeof t}function re(t){return"number"==typeof t}function ie(t){return!function(t){return 0===t}(t)}function ae(t){if(!qt(t))return JSON.parse(JSON.stringify(t))}var oe=/\<(\w*)([^\>]*)\/\>/gim,ce=(Ft={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},w()(Ft,"path",!0),w()(Ft,"polygon",!0),w()(Ft,"polyline",!0),w()(Ft,"use",!0),Ft),se=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 ne(r)&&console.log(r),Array.isArray(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(oe,(function(t,e){return ce[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))},ue=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=_t()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},le=n(8),fe=n.n(le),he=1e-6,pe="undefined"!=typeof Float32Array?Float32Array:Array,de=Math.random;Math.PI;function ve(){var t=new pe(16);return pe!=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 ye(t){var e=new pe(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 ge(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 me(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v){var y=new pe(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]=c,y[8]=s,y[9]=u,y[10]=l,y[11]=f,y[12]=h,y[13]=p,y[14]=d,y[15]=v,y}function be(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=s,t[8]=u,t[9]=l,t[10]=f,t[11]=h,t[12]=p,t[13]=d,t[14]=v,t[15]=y,t}function ke(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 xe(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],c=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]=c}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 we(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15],m=n*c-r*o,b=n*s-i*o,k=n*u-a*o,x=r*s-i*c,w=r*u-a*c,P=i*u-a*s,O=l*v-f*d,S=l*y-h*d,j=l*g-p*d,$=f*y-h*v,R=f*g-p*v,C=h*g-p*y,M=m*C-b*R+k*$+x*j-w*S+P*O;return M?(M=1/M,t[0]=(c*C-s*R+u*$)*M,t[1]=(i*R-r*C-a*$)*M,t[2]=(v*P-y*w+g*x)*M,t[3]=(h*w-f*P-p*x)*M,t[4]=(s*j-o*C-u*S)*M,t[5]=(n*C-i*j+a*S)*M,t[6]=(y*k-d*P-g*b)*M,t[7]=(l*P-h*k+p*b)*M,t[8]=(o*R-c*j+u*O)*M,t[9]=(r*j-n*R-a*O)*M,t[10]=(d*w-v*k+g*m)*M,t[11]=(f*k-l*w-p*m)*M,t[12]=(c*S-o*$-s*O)*M,t[13]=(n*$-r*S+i*O)*M,t[14]=(v*b-d*x-y*m)*M,t[15]=(l*x-f*b+h*m)*M,t):null}function Pe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15];return t[0]=c*(h*g-p*y)-f*(s*g-u*y)+v*(s*p-u*h),t[1]=-(r*(h*g-p*y)-f*(i*g-a*y)+v*(i*p-a*h)),t[2]=r*(s*g-u*y)-c*(i*g-a*y)+v*(i*u-a*s),t[3]=-(r*(s*p-u*h)-c*(i*p-a*h)+f*(i*u-a*s)),t[4]=-(o*(h*g-p*y)-l*(s*g-u*y)+d*(s*p-u*h)),t[5]=n*(h*g-p*y)-l*(i*g-a*y)+d*(i*p-a*h),t[6]=-(n*(s*g-u*y)-o*(i*g-a*y)+d*(i*u-a*s)),t[7]=n*(s*p-u*h)-o*(i*p-a*h)+l*(i*u-a*s),t[8]=o*(f*g-p*v)-l*(c*g-u*v)+d*(c*p-u*f),t[9]=-(n*(f*g-p*v)-l*(r*g-a*v)+d*(r*p-a*f)),t[10]=n*(c*g-u*v)-o*(r*g-a*v)+d*(r*u-a*c),t[11]=-(n*(c*p-u*f)-o*(r*p-a*f)+l*(r*u-a*c)),t[12]=-(o*(f*y-h*v)-l*(c*y-s*v)+d*(c*h-s*f)),t[13]=n*(f*y-h*v)-l*(r*y-i*v)+d*(r*h-i*f),t[14]=-(n*(c*y-s*v)-o*(r*y-i*v)+d*(r*s-i*c)),t[15]=n*(c*h-s*f)-o*(r*h-i*f)+l*(r*s-i*c),t}function Oe(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],s=t[7],u=t[8],l=t[9],f=t[10],h=t[11],p=t[12],d=t[13],v=t[14],y=t[15];return(e*o-n*a)*(f*y-h*v)-(e*c-r*a)*(l*y-h*d)+(e*s-i*a)*(l*v-f*d)+(n*c-r*o)*(u*y-h*p)-(n*s-i*o)*(u*v-f*p)+(r*s-i*c)*(u*d-l*p)}function Se(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=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*c+x*f+w*v,t[1]=b*i+k*s+x*h+w*y,t[2]=b*a+k*u+x*p+w*g,t[3]=b*o+k*l+x*d+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*c+x*f+w*v,t[5]=b*i+k*s+x*h+w*y,t[6]=b*a+k*u+x*p+w*g,t[7]=b*o+k*l+x*d+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*c+x*f+w*v,t[9]=b*i+k*s+x*h+w*y,t[10]=b*a+k*u+x*p+w*g,t[11]=b*o+k*l+x*d+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*c+x*f+w*v,t[13]=b*i+k*s+x*h+w*y,t[14]=b*a+k*u+x*p+w*g,t[15]=b*o+k*l+x*d+w*m,t}function je(t,e,n){var r,i,a,o,c,s,u,l,f,h,p,d,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],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=c,t[5]=s,t[6]=u,t[7]=l,t[8]=f,t[9]=h,t[10]=p,t[11]=d,t[12]=r*v+c*y+f*g+e[12],t[13]=i*v+s*y+h*g+e[13],t[14]=a*v+u*y+p*g+e[14],t[15]=o*v+l*y+d*g+e[15]),t}function $e(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 Re(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m,b,k,x,w,P,O,S,j,$,R=r[0],C=r[1],M=r[2],T=Math.hypot(R,C,M);return T<he?null:(R*=T=1/T,C*=T,M*=T,i=Math.sin(n),o=1-(a=Math.cos(n)),c=e[0],s=e[1],u=e[2],l=e[3],f=e[4],h=e[5],p=e[6],d=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=R*R*o+a,k=C*R*o+M*i,x=M*R*o-C*i,w=R*C*o-M*i,P=C*C*o+a,O=M*C*o+R*i,S=R*M*o+C*i,j=C*M*o-R*i,$=M*M*o+a,t[0]=c*b+f*k+v*x,t[1]=s*b+h*k+y*x,t[2]=u*b+p*k+g*x,t[3]=l*b+d*k+m*x,t[4]=c*w+f*P+v*O,t[5]=s*w+h*P+y*O,t[6]=u*w+p*P+g*O,t[7]=l*w+d*P+m*O,t[8]=c*S+f*j+v*$,t[9]=s*S+h*j+y*$,t[10]=u*S+p*j+g*$,t[11]=l*S+d*j+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function Ce(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],c=e[6],s=e[7],u=e[8],l=e[9],f=e[10],h=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+u*r,t[5]=o*i+l*r,t[6]=c*i+f*r,t[7]=s*i+h*r,t[8]=u*i-a*r,t[9]=l*i-o*r,t[10]=f*i-c*r,t[11]=h*i-s*r,t}function Me(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[8],l=e[9],f=e[10],h=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-u*r,t[1]=o*i-l*r,t[2]=c*i-f*r,t[3]=s*i-h*r,t[8]=a*r+u*i,t[9]=o*r+l*i,t[10]=c*r+f*i,t[11]=s*r+h*i,t}function Te(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[4],l=e[5],f=e[6],h=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+u*r,t[1]=o*i+l*r,t[2]=c*i+f*r,t[3]=s*i+h*r,t[4]=u*i-a*r,t[5]=l*i-o*r,t[6]=f*i-c*r,t[7]=h*i-s*r,t}function Ve(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 Ee(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 Ie(t,e,n){var r,i,a,o=n[0],c=n[1],s=n[2],u=Math.hypot(o,c,s);return u<he?null:(o*=u=1/u,c*=u,s*=u,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=c*o*a+s*r,t[2]=s*o*a-c*r,t[3]=0,t[4]=o*c*a-s*r,t[5]=c*c*a+i,t[6]=s*c*a+o*r,t[7]=0,t[8]=o*s*a+c*r,t[9]=c*s*a-o*r,t[10]=s*s*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function De(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 Le(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 Be(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 Ae(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=r+r,s=i+i,u=a+a,l=r*c,f=r*s,h=r*u,p=i*s,d=i*u,v=a*u,y=o*c,g=o*s,m=o*u;return t[0]=1-(p+v),t[1]=f+m,t[2]=h-g,t[3]=0,t[4]=f-m,t[5]=1-(l+v),t[6]=d+y,t[7]=0,t[8]=h+g,t[9]=d-y,t[10]=1-(l+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function ze(t,e){var n=new pe(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=r*r+i*i+a*a+o*o;return f>0?(n[0]=2*(c*o+l*r+s*a-u*i)/f,n[1]=2*(s*o+l*i+u*r-c*a)/f,n[2]=2*(u*o+l*a+c*i-s*r)/f):(n[0]=2*(c*o+l*r+s*a-u*i),n[1]=2*(s*o+l*i+u*r-c*a),n[2]=2*(u*o+l*a+c*i-s*r)),Ae(t,e,n),t}function Fe(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function He(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],c=e[6],s=e[8],u=e[9],l=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,c),t[2]=Math.hypot(s,u,l),t}function Ge(t,e){var n=new pe(3);He(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,c=e[1]*i,s=e[2]*a,u=e[4]*r,l=e[5]*i,f=e[6]*a,h=e[8]*r,p=e[9]*i,d=e[10]*a,v=o+l+d,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(f-p)/y,t[1]=(h-s)/y,t[2]=(c-u)/y):o>l&&o>d?(y=2*Math.sqrt(1+o-l-d),t[3]=(f-p)/y,t[0]=.25*y,t[1]=(c+u)/y,t[2]=(h+s)/y):l>d?(y=2*Math.sqrt(1+l-o-d),t[3]=(h-s)/y,t[0]=(c+u)/y,t[1]=.25*y,t[2]=(f+p)/y):(y=2*Math.sqrt(1+d-o-l),t[3]=(c-u)/y,t[0]=(h+s)/y,t[1]=(f+p)/y,t[2]=.25*y),t}function _e(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=e[3],s=i+i,u=a+a,l=o+o,f=i*s,h=i*u,p=i*l,d=a*u,v=a*l,y=o*l,g=c*s,m=c*u,b=c*l,k=r[0],x=r[1],w=r[2];return t[0]=(1-(d+y))*k,t[1]=(h+b)*k,t[2]=(p-m)*k,t[3]=0,t[4]=(h-b)*x,t[5]=(1-(f+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(p+m)*w,t[9]=(v-g)*w,t[10]=(1-(f+d))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function Ne(t,e,n,r,i){var a=e[0],o=e[1],c=e[2],s=e[3],u=a+a,l=o+o,f=c+c,h=a*u,p=a*l,d=a*f,v=o*l,y=o*f,g=c*f,m=s*u,b=s*l,k=s*f,x=r[0],w=r[1],P=r[2],O=i[0],S=i[1],j=i[2],$=(1-(v+g))*x,R=(p+k)*x,C=(d-b)*x,M=(p-k)*w,T=(1-(h+g))*w,V=(y+m)*w,E=(d+b)*P,I=(y-m)*P,D=(1-(h+v))*P;return t[0]=$,t[1]=R,t[2]=C,t[3]=0,t[4]=M,t[5]=T,t[6]=V,t[7]=0,t[8]=E,t[9]=I,t[10]=D,t[11]=0,t[12]=n[0]+O-($*O+M*S+E*j),t[13]=n[1]+S-(R*O+T*S+I*j),t[14]=n[2]+j-(C*O+V*S+D*j),t[15]=1,t}function Xe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,c=r+r,s=i+i,u=n*o,l=r*o,f=r*c,h=i*o,p=i*c,d=i*s,v=a*o,y=a*c,g=a*s;return t[0]=1-f-d,t[1]=l+g,t[2]=h-y,t[3]=0,t[4]=l-g,t[5]=1-u-d,t[6]=p+v,t[7]=0,t[8]=h+y,t[9]=p-v,t[10]=1-u-f,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function Ye(t,e,n,r,i,a,o){var c=1/(n-e),s=1/(i-r),u=1/(a-o);return t[0]=2*a*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*s,t[6]=0,t[7]=0,t[8]=(n+e)*c,t[9]=(i+r)*s,t[10]=(o+a)*u,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*u,t[15]=0,t}function Ke(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 Ue(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),c=Math.tan(e.rightDegrees*Math.PI/180),s=2/(o+c),u=2/(i+a);return t[0]=s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=u,t[6]=0,t[7]=0,t[8]=-(o-c)*s*.5,t[9]=(i-a)*u*.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 We(t,e,n,r,i,a,o){var c=1/(e-n),s=1/(r-i),u=1/(a-o);return t[0]=-2*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*s,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*u,t[11]=0,t[12]=(e+n)*c,t[13]=(i+r)*s,t[14]=(o+a)*u,t[15]=1,t}function Ze(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d=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(d-k)<he&&Math.abs(v-x)<he&&Math.abs(y-w)<he?ke(t):(l=d-k,f=v-x,h=y-w,i=m*(h*=p=1/Math.hypot(l,f,h))-b*(f*=p),a=b*(l*=p)-g*h,o=g*f-m*l,(p=Math.hypot(i,a,o))?(i*=p=1/p,a*=p,o*=p):(i=0,a=0,o=0),c=f*o-h*a,s=h*i-l*o,u=l*a-f*i,(p=Math.hypot(c,s,u))?(c*=p=1/p,s*=p,u*=p):(c=0,s=0,u=0),t[0]=i,t[1]=c,t[2]=l,t[3]=0,t[4]=a,t[5]=s,t[6]=f,t[7]=0,t[8]=o,t[9]=u,t[10]=h,t[11]=0,t[12]=-(i*d+a*v+o*y),t[13]=-(c*d+s*v+u*y),t[14]=-(l*d+f*v+h*y),t[15]=1,t)}function qe(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=r[0],s=r[1],u=r[2],l=i-n[0],f=a-n[1],h=o-n[2],p=l*l+f*f+h*h;p>0&&(l*=p=1/Math.sqrt(p),f*=p,h*=p);var d=s*h-u*f,v=u*l-c*h,y=c*f-s*l;return(p=d*d+v*v+y*y)>0&&(d*=p=1/Math.sqrt(p),v*=p,y*=p),t[0]=d,t[1]=v,t[2]=y,t[3]=0,t[4]=f*y-h*v,t[5]=h*d-l*y,t[6]=l*v-f*d,t[7]=0,t[8]=l,t[9]=f,t[10]=h,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function Je(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 Qe(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 tn(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 en(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 nn(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 rn(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 an(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 on(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],c=t[5],s=t[6],u=t[7],l=t[8],f=t[9],h=t[10],p=t[11],d=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],P=e[5],O=e[6],S=e[7],j=e[8],$=e[9],R=e[10],C=e[11],M=e[12],T=e[13],V=e[14],E=e[15];return Math.abs(n-m)<=he*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=he*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=he*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=he*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=he*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(c-P)<=he*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(s-O)<=he*Math.max(1,Math.abs(s),Math.abs(O))&&Math.abs(u-S)<=he*Math.max(1,Math.abs(u),Math.abs(S))&&Math.abs(l-j)<=he*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(f-$)<=he*Math.max(1,Math.abs(f),Math.abs($))&&Math.abs(h-R)<=he*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(p-C)<=he*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-M)<=he*Math.max(1,Math.abs(d),Math.abs(M))&&Math.abs(v-T)<=he*Math.max(1,Math.abs(v),Math.abs(T))&&Math.abs(y-V)<=he*Math.max(1,Math.abs(y),Math.abs(V))&&Math.abs(g-E)<=he*Math.max(1,Math.abs(g),Math.abs(E))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var cn=Se,sn=en;function un(){var t=new pe(3);return pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function ln(t){var e=new pe(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function fn(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function hn(t,e,n){var r=new pe(3);return r[0]=t,r[1]=e,r[2]=n,r}function pn(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function dn(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function vn(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function yn(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function gn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function mn(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function bn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function kn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function xn(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 wn(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 Pn(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function On(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function Sn(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 jn(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 $n(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 Rn(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function Cn(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function Mn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function Tn(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 Vn(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function En(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],c=n[1],s=n[2];return t[0]=i*s-a*c,t[1]=a*o-r*s,t[2]=r*c-i*o,t}function In(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 Dn(t,e,n,r,i,a){var o=a*a,c=o*(2*a-3)+1,s=o*(a-2)+a,u=o*(a-1),l=o*(3-2*a);return t[0]=e[0]*c+n[0]*s+r[0]*u+i[0]*l,t[1]=e[1]*c+n[1]*s+r[1]*u+i[1]*l,t[2]=e[2]*c+n[2]*s+r[2]*u+i[2]*l,t}function Ln(t,e,n,r,i,a){var o=1-a,c=o*o,s=a*a,u=c*o,l=3*a*c,f=3*s*o,h=s*a;return t[0]=e[0]*u+n[0]*l+r[0]*f+i[0]*h,t[1]=e[1]*u+n[1]*l+r[1]*f+i[1]*h,t[2]=e[2]*u+n[2]*l+r[2]*f+i[2]*h,t}function Bn(t,e){e=e||1;var n=2*de()*Math.PI,r=2*de()-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 An(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 zn(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 Fn(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],c=e[0],s=e[1],u=e[2],l=i*u-a*s,f=a*c-r*u,h=r*s-i*c,p=i*h-a*f,d=a*l-r*h,v=r*f-i*l,y=2*o;return l*=y,f*=y,h*=y,p*=2,d*=2,v*=2,t[0]=c+l+p,t[1]=s+f+d,t[2]=u+h+v,t}function Hn(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 Gn(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 _n(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 Nn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2],s=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+c*c),u=s&&Vn(t,e)/s;return Math.acos(Math.min(Math.max(u,-1),1))}function Xn(t){return t[0]=0,t[1]=0,t[2]=0,t}function Yn(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function Kn(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function Un(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2];return Math.abs(n-a)<=he*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=he*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-c)<=he*Math.max(1,Math.abs(i),Math.abs(c))}var Wn,Zn=yn,qn=gn,Jn=mn,Qn=jn,tr=$n,er=fn,nr=Rn,rr=(Wn=un(),function(t,e,n,r,i,a){var o,c;for(e||(e=3),n||(n=0),c=r?Math.min(r*e+n,t.length):t.length,o=n;o<c;o+=e)Wn[0]=t[o],Wn[1]=t[o+1],Wn[2]=t[o+2],i(Wn,Wn,a),t[o]=Wn[0],t[o+1]=Wn[1],t[o+2]=Wn[2];return t});function ir(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function ar(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 pe(4),pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function or(){var t=new pe(4);return pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function cr(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function sr(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 ur(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>he?(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 lr(t,e){var n=Fr(t,e);return Math.acos(2*n*n-1)}function fr(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=n[0],s=n[1],u=n[2],l=n[3];return t[0]=r*l+o*c+i*u-a*s,t[1]=i*l+o*s+a*c-r*u,t[2]=a*l+o*u+r*s-i*c,t[3]=o*l-r*c-i*s-a*u,t}function hr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+o*c,t[1]=i*s+a*c,t[2]=a*s-i*c,t[3]=o*s-r*c,t}function pr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s-a*c,t[1]=i*s+o*c,t[2]=a*s+r*c,t[3]=o*s-i*c,t}function dr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+i*c,t[1]=i*s-r*c,t[2]=a*s+o*c,t[3]=o*s-a*c,t}function vr(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 yr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=Math.exp(a),s=o>0?c*Math.sin(o)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=c*Math.cos(o),t}function gr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=o>0?Math.atan2(o,a)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function mr(t,e,n){return gr(t,e),zr(t,t,n),yr(t,t),t}function br(t,e,n,r){var i,a,o,c,s,u=e[0],l=e[1],f=e[2],h=e[3],p=n[0],d=n[1],v=n[2],y=n[3];return(a=u*p+l*d+f*v+h*y)<0&&(a=-a,p=-p,d=-d,v=-v,y=-y),1-a>he?(i=Math.acos(a),o=Math.sin(i),c=Math.sin((1-r)*i)/o,s=Math.sin(r*i)/o):(c=1-r,s=r),t[0]=c*u+s*p,t[1]=c*l+s*d,t[2]=c*f+s*v,t[3]=c*h+s*y,t}function kr(t){var e=de(),n=de(),r=de(),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 xr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,c=o?1/o:0;return t[0]=-n*c,t[1]=-r*c,t[2]=-i*c,t[3]=a*c,t}function wr(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function Pr(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 Or(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),c=Math.sin(n),s=Math.cos(n),u=Math.sin(r),l=Math.cos(r);return t[0]=a*s*l-o*c*u,t[1]=o*c*l+a*s*u,t[2]=o*s*u-a*c*l,t[3]=o*s*l+a*c*u,t}function Sr(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var jr,$r,Rr,Cr,Mr,Tr,Vr,Er=function(t){var e=new pe(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},Ir=function(t,e,n,r){var i=new pe(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},Dr=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},Lr=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},Br=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},Ar=fr,zr=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},Fr=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},Hr=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=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]=c+r*(n[3]-c),t},Gr=ir,_r=Gr,Nr=ar,Xr=Nr,Yr=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},Kr=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},Ur=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],c=e[1],s=e[2],u=e[3];return Math.abs(n-o)<=he*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-c)<=he*Math.max(1,Math.abs(r),Math.abs(c))&&Math.abs(i-s)<=he*Math.max(1,Math.abs(i),Math.abs(s))&&Math.abs(a-u)<=he*Math.max(1,Math.abs(a),Math.abs(u))},Wr=(jr=un(),$r=hn(1,0,0),Rr=hn(0,1,0),function(t,e,n){var r=Vn(e,n);return r<-.999999?(En(jr,$r,e),er(jr)<1e-6&&En(jr,Rr,e),Tn(jr,jr),sr(t,jr,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(En(jr,e,n),t[0]=jr[0],t[1]=jr[1],t[2]=jr[2],t[3]=1+r,Yr(t,t))}),Zr=(Cr=or(),Mr=or(),function(t,e,n,r,i,a){return br(Cr,e,i,a),br(Mr,n,r,a),br(t,Cr,Mr,2*a*(1-a)),t}),qr=(Tr=new pe(9),pe!=Float32Array&&(Tr[1]=0,Tr[2]=0,Tr[3]=0,Tr[5]=0,Tr[6]=0,Tr[7]=0),Tr[0]=1,Tr[4]=1,Tr[8]=1,Vr=Tr,function(t,e,n,r){return Vr[0]=n[0],Vr[3]=n[1],Vr[6]=n[2],Vr[1]=r[0],Vr[4]=r[1],Vr[7]=r[2],Vr[2]=-e[0],Vr[5]=-e[1],Vr[8]=-e[2],Yr(t,Pr(t,Vr))});function Jr(){var t=new pe(2);return pe!=Float32Array&&(t[0]=0,t[1]=0),t}function Qr(t){var e=new pe(2);return e[0]=t[0],e[1]=t[1],e}function ti(t,e){var n=new pe(2);return n[0]=t,n[1]=e,n}function ei(t,e){return t[0]=e[0],t[1]=e[1],t}function ni(t,e,n){return t[0]=e,t[1]=n,t}function ri(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function ii(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function ai(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function oi(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function ci(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function si(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function ui(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function li(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function fi(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function hi(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function pi(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function di(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function vi(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function yi(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function gi(t){var e=t[0],n=t[1];return e*e+n*n}function mi(t,e){return t[0]=-e[0],t[1]=-e[1],t}function bi(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function ki(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 xi(t,e){return t[0]*e[0]+t[1]*e[1]}function wi(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function Pi(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 Oi(t,e){e=e||1;var n=2*de()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function Si(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 ji(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 $i(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 Ri(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 Ci(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),c=Math.cos(r);return t[0]=i*c-a*o+n[0],t[1]=i*o+a*c+n[1],t}function Mi(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),c=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(c,-1),1))}function Ti(t){return t[0]=0,t[1]=0,t}function Vi(t){return"vec2("+t[0]+", "+t[1]+")"}function Ei(t,e){return t[0]===e[0]&&t[1]===e[1]}function Ii(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=he*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=he*Math.max(1,Math.abs(r),Math.abs(a))}var Di=yi,Li=ii,Bi=ai,Ai=oi,zi=di,Fi=vi,Hi=gi,Gi=function(){var t=Jr();return function(e,n,r,i,a,o){var c,s;for(n||(n=2),r||(r=0),s=i?Math.min(i*n+r,e.length):e.length,c=r;c<s;c+=n)t[0]=e[c],t[1]=e[c+1],a(t,t,o),e[c]=t[0],e[c+1]=t[1];return e}}();function _i(t,e){return e=void 0===e?1:e,Math.round(t*e)/e}function Ni(t){return t*(Math.PI/180)}function Xi(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function Yi(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function Ki(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(Ni(t))}function Ui(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(Ni(t))}function Wi(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:Ki(t,e,n),y:Ui(t,e,r)}}function Zi(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 o.distance([t,e],[n,r])}function qi(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return i.lerp([],t,e,1+n/i.dist(t,e))}function Ji(t,e){return 1===t.length?[i.transformMat4([],t[0],e)]:2===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e)]:3===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e)]:4===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e)]:5===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e),i.transformMat4([],t[4],e)]:t.map((function(t){return i.transformMat4([],t,e)}))}function Qi(t,e,n,r){return[t,[e[0],t[1],e[2]],n,Math.abs(t[0]-e[0]),r]}function ta(t,e,n,r){return[[e[0],t[1],t[2]],e,n,Math.abs(t[1]-e[1]),r]}function ea(t,e){var n=t,r=e,a=!1;t[4][0]-e[4][0]>0&&(n=e,r=t,a=!0);var o=i.lerp([],n[1],n[2],.5),c=i.lerp([],r[0],r[3],.5),s=[];return r[0][1]<=o[1]&&o[1]<=r[3][1]?s.push(Qi(o,c,"x",null)):r[0][1]<=n[1][1]?r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(ta(r[3],[r[3][0],n[1][1],n[1][2]],"y",null)):s.push(Qi(n[1],c,"x",r[3])):n[3][0]<=r[0][0]&&r[0][0]<=n[2][0]?s.push(ta(n[3],r[0],"y")):r[3][0]<=n[0][0]&&n[0][0]<=r[2][0]?s.push(ta([r[0][0],n[3][1],n[3][2]],r[0],"y")):r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(ta(r[3],[r[3][0],n[1][1],n[1][2]],"y")):s.push(Qi(n[2],c,"x",r[0])),s.sort((function(t,e){return t[3]-e[3]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===e)return t;var n=_t()(t,7),r=n[0],i=n[1],a=n[2],o=n[3],c=n[4],s=n[5],u=n[6];return c?[[i[0],c[1],i[2]],[r[0],c[1],r[2]],a,o,[r[0],r[1],c[2]],s,u,e]:[i,r,a,o,c,s,u,e]}([].concat(fe()(s[0]),[t,e]),a)}function na(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function ra(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function ia(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function aa(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 oa(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function ca(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 sa(t,e){return Yi(Math.atan2(e,t))}function ua(t,e,n){return pa({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function la(t,e){var n=r.create();return r.translate(n,n,e),r.rotateZ(n,n,Ni(t)),r.translate(n,n,i.negate([],e)),n}function fa(){for(var t=r.create(),e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.forEach((function(e){r.multiply(t,t,e)})),t}function ha(){return r.invert([],fa.apply(void 0,arguments))}function pa(t,e,n){var r=sa(t.x-e.x,t.y-e.y);return sa(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function da(t,e){return(sa(t,e)+180)%360}var va=/[xy]/g;function ya(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(va,(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 ga(){var t=(new Date).getTime();return"idxxxxxxx".replace(va,(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 ma=function(t){return 3*t*t*(1-t)},ba=function(t){return 3*t*(1-t)*(1-t)},ka=function(t){return(1-t)*(1-t)*(1-t)};function xa(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*ma(t)+a*ba(t)+ka(t))}}function wa(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 Pa(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var Oa=/[\b\t \,\n]/g;function Sa(t){return t.trim().split(Oa).filter((function(t){return t})).map((function(t){return+t}))}var ja={center:50,top:0,left:0,right:100,bottom:100},$a=function t(){O()(this,t)};$a.CENTER="center",$a.TOP="top",$a.RIGHT="right",$a.LEFT="left",$a.BOTTOM="bottom";var Ra=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Ca=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(O()(this,t),this.value=e,re(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return j()(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 re(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 Jt(ja[this.value])?t.percent(ja[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(Yi(this.value)):void 0}},{key:"toRad",value:function(){if(this.isRad())return this.clone();if(this.isTurn()){var e=this.toDeg();return t.rad(Ni(e.value))}return this.isDeg()?t.rad(Ni(this.value)):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(_i(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:"isZero",value:function(){return 0===this.value}}],[{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(te(e=e||t.number(0))){var n=(e=e.trim()).replace(Ra,"$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 Jt(e.percent)?r=e.percent:Jt(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Jt(e.px)?r=e.px:Jt(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Jt(e.em)?r=e.em:Jt(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Jt(e.deg)?r=e.deg:Jt(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Jt(e.deg)?r=e.turn:Jt(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Jt(e.second)?r=e.second:Jt(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Jt(e.ms)?r=e.ms:Jt(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Jt(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Jt(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Jt(e.str)?r=e.str:Jt(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Ca.auto=Ca.string("auto");var Ma=n(6),Ta=n.n(Ma);function Va(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ea(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Va(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Va(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ia=function(){return!0};function Da(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ia,n=[],r=t.layers.length,i=r;i--;){var a=t.layers[i];n.push.apply(n,fe()(Da(a.ref,e)))}return e(t)&&n.push(t),n}var La=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return O()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return ne(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){return t.json[n]!=r&&(t.json[n]=r,e.changed()),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.lastChangedField={},this.lastChangedFieldKeys=[],this.cachedValue={},this.ref}return j()(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:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"renameWithCount",value:function(){var t=this.json.name.split(" ");if(!(t.length<2)){var e=t.pop(),n=+e;re(n)&&!1===isNaN(n)?n++:n=e;var r=[].concat(fe()(t),[n]).join(" ");this.reset({name:r})}}},{key:"allLayers",get:function(){return Da(this.ref)}},{key:"filteredAllLayers",value:function(t){return Da(this.ref,t)}},{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:"setParent",value:function(t){this.json.parent=t}},{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}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{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:"addCache",value:function(t,e){this.cachedValue[t]=e}},{key:"getCache",value:function(t){return this.cachedValue[t]}},{key:"computed",value:function(t,e){var n="__cachedKey_".concat(t),r="".concat(n,"__parseValue"),i=this.json[t];return this.getCache(t)===i&&this.getCache(r)||(this.addCache(t,i),this.addCache(r,e(i,this.ref))),this.getCache(r)}},{key:"editable",value:function(t){return!0}},{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:"setCache",value:function(){}},{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","name","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){return t.__changedId||(t.__changedId=ya()),this.lastChangedField.__changedId!==t.__changedId&&(this.json=this.convert(Object.assign(this.json,t)),this.lastChangedField=t,this.lastChangedFieldKeys=Object.keys(t),this.changed()),!0}},{key:"hasChangedField",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.lastChangedFieldKeys.includes(e)}))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=ga();return Ea({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]=ae(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref||(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:"refreshMatrixCache",value:function(){}},{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){qt(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&&!qt(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.renameWithCount(),n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.push(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}}]),t}(),Ba=n(11),Aa=n.n(Ba),za=n(10),Fa=n.n(za),Ha=n(12),Ga=n.n(Ha),_a=n(9),Na=n.n(_a),Xa=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 Ya(t){return t.nodeType!==Node.TEXT_NODE&&"true"===t.getAttribute("data-domdiff-pass")}function Ka(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Ua(t,e,n,r){if(e)if(n){if(Ya(e)||Ya(n));else if(s=e,(c=n).nodeType===Node.TEXT_NODE&&c.textContent!==s.textContent||c.nodeName!==s.nodeName||function(t){return t.nodeType!==Node.TEXT_NODE&&t.getAttribute("refClass")}(n))t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&n.nodeType!==Node.COMMENT_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){Xa(t,r,e[r],n[r])}))}(e,Ka(n.attributes),Ka(e.attributes));var i=Wa(e),a=Wa(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Ua(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,s}var Wa=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Za(t,e){t=t.el||t,e=e.el||e;for(var n=Wa(t),r=Wa(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Ua(t,n[a],r[a],a)}var qa=function(){function t(e,n,r){if(O()(this,t),"string"!=typeof 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 j()(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 w()({},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(fe()(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){return this.el.classList.toggle(t,e),this}},{key:"html",value:function(t){return void 0===t?this.el.innerHTML:("string"==typeof t?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Za(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Za(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Za(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 fe()(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"string"==typeof t?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return"string"==typeof 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(void 0===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){var n=this;if(void 0!==t&&void 0!==e)0===t.indexOf("--")&&void 0!==e?this.el.style.setProperty(t,e):this.el.style[t]=e;else if(void 0!==t){if("string"==typeof t)return getComputedStyle(this.el)[t];Object.entries(t).forEach((function(t){var e=_t()(t,2),r=e[0],i=e[1];0===r.indexOf("--")&&void 0!==i?n.el.style.setProperty(r,i):n.el.style[r]=i}))}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),c=0;c<a;c++)o[c]=arguments[c];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return void 0===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,"".concat(e,"px"))}},{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(void 0===e)return this.el.value;if(void 0!==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:"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?fe()(this.el.files):[]}},{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:"totalLength",get:function(){return this.el.getTotalLength()}},{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:"firstChild",get:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){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:"toggleFullscreen",value:function(){this.el===document.fullscreenElement?document.exitFullscreen():this.fullscreen()}}],[{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}(),Ja=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};O()(this,t),this.context=e,this.options=n}return j()(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}();function Qa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var to={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},eo={doubletab:"touchend"},no={doubletab:!0},ro=function(t){R()(n,t);var e=Qa(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(I)),this._domEvents.forEach((function(e){return t.parseDomEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach((function(e){t.removeDomEvent(e)})),this.initBindings()}},{key:"removeDomEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Ht.removeDomEvent(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(Jt(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=qa.create(i);var a=n.runEventCallback(r,t,e);if(Jt(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=Ht.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 ne(r)&&r?r.call(n,t):!Jt(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 qa?e.getElement():e}},{key:"getRealEventName",value:function(t){return eo[t]||t}},{key:"getCustomEventName",value:function(t){return no[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=ue(r,"after"),o=_t()(a,2),c=o[0],s=o[1],u=ue(r,"before"),l=_t()(u,2),f=l[0],h=l[1],p=ue(r,"debounce"),d=_t()(p,2),v=d[0],y=d[1],g=ue(r,"delay"),m=_t()(g,2),b=m[0],k=m[1],x=ue(r,"throttle"),w=_t()(x,2),P=w[0],O=w[1],S=ue(r,"capture"),j=_t()(S,1)[0],$=[].concat(fe()(i),fe()(c),fe()(f),fe()(b),fe()(v),fe()(P),fe()(j)),R=r.filter((function(t){return-1===$.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:R,captures:j,afterMethods:s,beforeMethods:h,delayMethods:k,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addDomEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;to[t.eventName]&&(n={passive:!0,capture:n}),Ht.addDomEvent(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:"bindingDomEvent",value:function(t,e,n){var r=Aa()(t),i=r[0],a=r[1],o=r.slice(2),c=this.getDefaultEventObject(i,e);if(c.dom=this.getDefaultDomElement(a),c.delegate=o.join(" "),c.debounceMethods.length)n=Yt(n,+c.debounceMethods[0].target);else if(c.throttleMethods.length){n=Kt(n,+c.throttleMethods[0].target)}n=this.makeCustomEventCallback(c,n),this.addDomEvent(c,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:"parseDomEvent",value:function(t){for(var e=this.context,n=t.split(A).map((function(t){return t.trim()})).filter(Boolean),r=n.shift().split(z)[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,c=i.length;o<c;o++)r[0]=i[o],this.bindingDomEvent(r,n,a)}}]),n}(Ja);function io(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ao=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"!==e||"function"!=typeof n?void 0===n?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"htmlDiff"===e?t.updateDiff(n):"svgDiff"===e?t.updateSVGDiff(n):"value"===e?t.val(n):t.attr(e,n):n();else if(Array.isArray(n))t.addClass.apply(t,fe()(n.filter(Boolean)));else if(ee(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],c=n[o];t.toggleClass(o,c)}else t.el.className=n;else"string"!=typeof n&&t.css(n);else t.cssText(n)},oo=function(t){R()(n,t);var e=io(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.context.filterProps(L));var i=this._bindMethods.filter((function(t){if(!n.length)return!0;var e=t.split(A),r=_t()(e,2),i=r[0],a=(r[1],i.split(" ")),o=_t()(a,2),c=(o[0],o[1]);return n.indexOf(c)>-1}));i.forEach(function(){var e=Fa()(Na.a.mark((function e(r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m;return Na.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.context[r],a=r.split(A),o=_t()(a,2),r=o[0],c=o[1],s=t.getRef(c),u=Bt,""!=s&&"string"==typeof s?u=Lt(s):"function"==typeof s&&(u=s),l=r.split(H)[1],f=t.context.refs[l],h="function"==typeof u&&u.call(t.context),!f||!h){e.next=16;break}return e.next=11,i.call.apply(i,[t.context].concat(n));case 11:if(p=e.sent){e.next=14;break}return e.abrupt("return");case 14:for(d=Object.keys(p),v=0,y=d.length;v<y;v++)g=d[v],m=p[g],ao(f,g,m);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),n}(Ja),co={};function so(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).forEach((function(e){co[e]||(co[e]=t[e])}))}var uo,lo,fo=/[xy]/g;function ho(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(fo,(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 po(){var t=(new Date).getTime();return"idxxxxxxx".replace(fo,(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 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 yo(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){w()(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}function go(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return mo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return mo(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){c=!0,a=t},f:function(){try{o||null==n.return||n.return()}finally{if(c)throw a}}}}function mo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var bo=qa.create("div"),ko="[".concat("ref","]"),xo="[".concat("refclass","]"),wo=function(){function t(e,n){O()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=ho(),this.__tempVariables=new Map,this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}var e;return j()(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=ho(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=this.components()}},{key:"initializeHandler",value:function(){return[new oo(this),new ro(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(w()({},t,!this.state[t]),e)}},{key:"variable",value:function(t){var e="".concat("__ref__variable:").concat(po());return this.__tempVariables.set(e,t),e}},{key:"recoverVariable",value:function(t){if(!1===te(t))return t;var e=t;return this.__tempVariables.has(t)&&(e=this.__tempVariables.get(t),this.__tempVariables.delete(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(se(uo||(uo=Ga()(["\n        ","\n      "])),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){Array.isArray(t)&&(t=t.join("")),t=t.trim();for(var n=bo.html(t).children(),r=0,i=n.length;r<i;r++){var a=n[r],o=a.attr("ref");o&&(this.refs[o]=a);for(var c=a.$$(ko),s={},u=0,l=c.length;u<l;u++){var f=c[u],h=f.attr("ref");s[h]?console.warn("".concat(o," is duplicated. - ").concat(this.sourceName),this):s[h]=!0,this.refs[h]=f}}return e?bo.createChildrenFragment():n[0]}},{key:"parseProperty",value:function(t){var e,n,r={},i=go(t.el.attributes);try{for(i.s();!(e=i.n()).done;){var a=e.value;r[a.nodeName]=this.recoverVariable(a.nodeValue)}}catch(t){i.e(t)}finally{i.f()}return r.props&&(r=yo(yo({},r),(n=r.props,_[n]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","valueType"),n=_t()(e,3),i=n[0],a=n[1],o=n[2],c=a||t.text();"json"===o&&(c=JSON.parse(c)),r[i]=c})),r}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(fe()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return co[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$(xo).forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r,i=t.parseProperty(e),a=e.attr("ref"),o=null;if(t.children[a]?(o=t.children[a])._reload(i):(o=new n(t,i),t.children[a||o.id]=o,o.render()),o.renderTarget)null===(r=o.$el)||void 0===r||r.appendTo(o.renderTarget),e.remove();else e.replace(o.$el)}else e.remove()})),Wt(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Wt(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:(e=Fa()(Na.a.mark((function t(){var e,n,r,i,a=this,o=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(e=o.length,n=new Array(e),r=0;r<e;r++)n[r]=o[r];return this._loadMethods||(this._loadMethods=this.filterProps(D)),i=this._loadMethods.filter((function(t){var e=t.split(F)[1].split(A).map((function(t){return t.trim()}))[0];return!n.length||n.indexOf(e)>-1})),t.next=5,i.forEach(function(){var t=Fa()(Na.a.mark((function t(e){var r,i,o,c,s,u,l,f,h;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=e.split(F)[1],i=r.split(A).map((function(t){return t.trim()})),o=Aa()(i),c=o[0],s=(s=o.slice(1)).map((function(t){return t.trim()})),u=Boolean(s.filter((function(t){return Q.includes(t)})).length),!a.refs[c]){t.next=11;break}return t.next=7,(l=a[e]).call.apply(l,[a].concat(n));case 7:f=t.sent,Array.isArray(f)&&(f=f.join("")),h=a.parseTemplate(se(lo||(lo=Ga()(["",""])),f),!0),u?a.refs[c].htmlDiff(h):a.refs[c].html(h);case 11:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}());case 5:this._afterLoad();case 6:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{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){ne(t)&&Wt(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&&this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return this.__cachedMethodList||(this.__cachedMethodList=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&ne(t[n])&&!e[n]}));r.push.apply(r,a)}while(n=Object.getPrototypeOf(n));return r}(this,(function(t){return 0===t.indexOf("@magic:")}))),this.__cachedMethodList}},{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:"isMouseLeftButton",value:function(t){return 1===t.buttons}},{key:"isMouseRightButton",value:function(t){return 2===t.buttons}},{key:"hasMouse",value:function(t){return"mouse"===t.pointerType}},{key:"hasTouch",value:function(t){return"touch"===t.pointerType}},{key:"hasPen",value:function(t){return"pen"===t.pointerType}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}}]),t}(),Po=function(){function t(e){O()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return j()(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).debug.apply(t,arguments)}},{key:"on",value:function(t,e,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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],u=e;return i>0?u=Yt(e,i):a>0&&(u=Kt(e,a)),s.length&&(u=Ut(u,n,s)),this.getCallbacks(t).push({event:t,callback:u,context:n,originalCallback:e,enableAllTrigger:o,enableSelfTrigger:c}),this.debug("add message event",t,n.sourceName),function(){r.off(t,e)}}},{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 c=r[a];c.enableSelfTrigger||(c.enableAllTrigger||c.originalCallback.source!==t)&&c.callback.apply(c.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 c=r[a];c.originalCallback.source===t&&c.callback.apply(c.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",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];ne(t)?t.apply(void 0,n):this.sendMessage.apply(this,[this.source,t].concat(n))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",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];ne(t)?t.apply(void 0,n):this.triggerMessage.apply(this,[this.source,t].concat(n))}}]),t}(),Oo={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"}};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}var jo=function(){function t(e){O()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return j()(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?So(Object(n),!0).forEach((function(e){w()(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}({},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,fe()(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}(),$o=new Map,Ro=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return $o.has(t)}},{key:"get",value:function(t){return $o.get(t)}},{key:"set",value:function(t,e){$o.size>1e3&&$o.clear(),$o.set(t,e)}}]),t}(),Co=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(Ro.has(t))return Ro.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 Ca.parse(t)})):e.map((function(t){return Ca.parse(t)})),Ro.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=_t()(a,3),c=o[0],s=o[1],u=o[2];return c=c.toPx(n),s=s.toPx(r),u=u.toPx(i),"".concat(c," ").concat(s," ").concat(u)}}]),t}();function Mo(t,e,n,r,i,a,o,c){var s=((o-i)*(e-a)-(c-a)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e)),u=((n-t)*(e-a)-(r-e)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e));return 0<=s&&s<=1&&0<=u&&u<=1}function To(){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 c=_t()(a,2),s=c[0],u=c[1],l=_t()(t[(o+1)%i],2),f=l[0],h=l[1];(u>=n&&h<n||u<n&&h>=n)&&e<(f-s)*(n-u)/(h-u)+s&&(r=!r)})),r}function Vo(){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,c){var s=_t()(o,2),u=s[0],l=s[1],f=_t()(t[(c+1)%a],2),h=f[0],p=f[1];return Mo(e,n,r,i,u,l,h,p)}))}function Eo(){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=_t()(r,2),o=a[0],c=a[1],s=_t()(t[(i+1)%n],2),u=s[0],l=s[1],f=Vo(e,o,c,u,l);return!!f||!!(f=To(t,e[0][0],e[0][1]))}))}function Io(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=Co.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 Do(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=i.lerp([],t[0],t[1],.5),r=i.lerp([],t[2],t[3],.5),a=qi(r,n,e);return a}function Lo(){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.originVerties.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),Io(e,n,r-e,i-n)}function Bo(t){var e=Ca.px(t[0][0]).floor(),n=Ca.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Ca.px(i.dist(t[0],t[1])).floor(),height:Ca.px(i.dist(t[0],t[3])).floor()}}function Ao(t){return zo(t).filter((function(t,e){return e<4}))}function zo(t){var 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){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),Io(e,n,r-e,i-n)}var Fo={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},Ho={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)"},Go=[[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"]],_o=function(t){return fe()(Xo(Ho[t]||t))},No=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=Go.length;e<n;e++){var r=Go[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(",")," )")},Xo=function(t){if("string"==typeof t){if(Fo[t])return Go.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},Yo=function(t,e,n,r){var i=[t,e,n,r];return function(t){return ic(i,t)}},Ko=function(t,e,n){var r=[t,e,n];return function(t){return ac(r,t)}},Uo=function(t,e){var n=[t,e];return function(t){return oc(n,t)}},Wo=function(t,e,n,r,i){var a=e(n),o=Zi(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},Zo=function(t,e,n,r,i,a,o,c){for(var s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,u=Yo({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}),l=0,f=u(0),h=0;h<=s;h++){var p=h/s,d=u(p);l+=Zi(f.x,f.y,d.x,d.y),f=d}return l},qo=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=Ko({x:t,y:e},{x:n,y:r},{x:i,y:a}),s=0,u=c(0),l=0;l<=o;l++){var f=l/o,h=c(f);s+=Zi(u.x,u.y,h.x,h.y),u=h}return s},Jo=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++)Wo(n,t,a/e,r,i);var o=1/(2*e),c=n.minT;for(a=0;a<e;a++)Wo(n,t,c-o,r,i),Wo(n,t,c+o,r,i),o/=2;return n.minT}},Qo=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Jo(Yo(t,e,n,r),i)},tc=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Jo(Ko(t,e,n),r)},ec=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Jo(Uo(t,e),n)},nc=function(t){if("linear"===t)return Uo(n={x:0,y:0},r={x:1,y:1});var e=Xo(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return Yo(n,r,i,{x:1,y:1})},rc=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},ic=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(t[2],t[3],e),a=rc(n,r,e),o=rc(r,i,e);return rc(a,o,e)},ac=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e);return rc(n,r,e)},oc=function(t,e){return rc(t[0],t[1],e)},cc=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(t[2],t[3],e),a=rc(n,r,e),o=rc(r,i,e),c=rc(a,o,e);return{first:[t[0],n,a,c],second:[c,o,i,t[3]]}},sc=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},uc=function(t,e){var n=rc(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},lc=function(t){var e=function(t){var e=i.negate([],t[0]),n=i.multiply([],[3,3,3],t[1]),r=i.multiply([],[-3,-3,-3],t[2]),a=t[3],o=i.add([],i.add([],e,n),i.add([],r,a));return i.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=i.multiply([],[-2,-2,-2],t[1]),r=t[2],a=i.add([],i.add([],e,n),r);return i.multiply([],[6,6,6],a)}(t),r=function(t){var e=i.add([],t[1],i.negate([],t[0]));return i.multiply([],[3,3,3],e)}(t),a=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var c=-n[0]/(2*e[0]);0<=c&&c<=1&&a.push(c)}else if(o>0){var s=(-n[0]+Math.sqrt(o))/(2*e[0]),u=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=s&&s<=1&&a.push(s),0<=u&&u<=1&&a.push(u)}var l=n[1]*n[1]-4*e[1]*r[1];if(l<0);else if(0===l){var f=-n[1]/(2*e[1]);0<=f&&f<=1&&a.push(f)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*e[1]),p=(-n[1]-Math.sqrt(l))/(2*e[1]);0<=h&&h<=1&&a.push(h),0<=p&&p<=1&&a.push(p)}return a};function fc(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?hc(t):"rgb"==e?pc(t,n):"hsl"==e?dc(t):t}function hc(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||void 0===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 pc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),void 0!==t)return 1==t.a||void 0===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 dc(t){return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||void 0===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 vc(t,e){return Math.floor(Math.random()*(e-t+1))+t}function yc(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=gc();return e}function gc(){return pc({r:vc(0,255),g:vc(0,255),b:vc(0,255)})}function mc(){return pc({r:vc(0,255),g:vc(0,255),b:vc(0,255),a:vc(0,1e3)/1e3})}function bc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[vc(0,e.length-1)]}function kc(t){return fe()(Array(t))}function xc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Jt(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function wc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=t.split(n).map((function(t){return t.trim()})),i=Aa()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r}function Pc(t){return Object.keys(t).map((function(e){return"class"===e&&isObject(t[e])?"".concat(e,'="').concat(Oc(t[e]),'"'):Qt(t[e])||qt(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function Oc(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function Sc(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function jc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function $c(t,e){var n=new Set([].concat(fe()(t),fe()(e)));return n.size===t.length&&n.size===e.length}var Rc=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=_o(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    ")},Cc=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=_o(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 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 Tc(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){w()(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}function Vc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ec=function(t){R()(n,t);var e=Vc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Tc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return xc(this.toCSS())}}]),n}(La),Ic=new Map,Dc=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return Ic.has(t)}},{key:"get",value:function(t){return Ic.get(t)}},{key:"set",value:function(t,e){Ic.size>1e3&&Ic.clear(),Ic.set(t,e)}}]),t}();function Lc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ac=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)?|matrix(3d)?|perspective)\(([^\)]*)\))/gi,zc=function(t){R()(n,t);var e=Bc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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?Lc(Object(n),!0).forEach((function(e){w()(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}({},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 e=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(fe()(e),fe()(i),fe()(r)).map((function(t){return new n(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new n(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"string"==typeof e&&(e=[e]),n.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t,!1).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var r=n.parseStyle(t,!1),i=r.find((function(t){return t.type===e.type}));return i?i.value=e.value:r.push(e),n.join(r)}},{key:"replaceAll",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?s.value=c.value:r.push(c)}return n.join(r)}},{key:"addTransform",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?c.value.forEach((function(t,e){s.value[e].value+=t.value})):r.push(c)}return n.join(r)}},{key:"get",value:function(t,e){var r=n.parseStyle(t,!0);if(r="function"==typeof e?r.find(e):r.find((function(t){return t.type===e})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=n.createRotateKey(t,e,r);return Dc.has(i)||Dc.set(i,n.replace(t,{type:r,value:[e]})),Dc.get(i)}},{key:"rotateZ",value:function(t,e){return n.rotate(t,e,"rotateZ")}},{key:"rotateX",value:function(t,e){return n.rotate(t,e,"rotateX")}},{key:"rotateY",value:function(t,e){return n.rotate(t,e,"rotateY")}},{key:"parseStyle",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(e&&Dc.has(t))return Dc.get(t);var i=t.match(Ac)||[];return i.forEach((function(t,e){var i=t.split("("),a=_t()(i,2),o=a[0],c=a[1],s=(c=c.split(")")[0]).split(",");s=c.includes("matrix")||c.includes("scale")?s.map((function(t){return Ca.number(t.trim())})):s.map((function(t){return Ca.parse(t.trim())})),r[e]=n.parse({type:o,value:s})})),e&&Dc.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var i=r.create(),a=0,o=t.length;a<o;a++){var c=t[a];switch(c.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=c.value;"translate"===c.type?s=[s[0].toPx(e).value,s[1].toPx(n).value,0]:"translateX"===c.type?s=[s[0].toPx(e).value,0,0]:"translateY"===c.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===c.type&&(s=[0,0,s[0].toPx().value]),r.translate(i,i,s);break;case"rotate":case"rotateZ":r.rotateZ(i,i,Ni(c.value[0].value));break;case"rotateX":r.rotateX(i,i,Ni(c.value[0].value));break;case"rotateY":r.rotateY(i,i,Ni(c.value[0].value));break;case"rotate3d":s=c.value;r.rotate(i,i,Ni(c.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":r.scale(i,i,[c.value[0].value,c.value[1].value,1]);break;case"scaleX":r.scale(i,i,[c.value[0].value,1,1]);break;case"scaleY":r.scale(i,i,[1,c.value[0].value,1]);break;case"scaleZ":r.scale(i,i,[1,1,c.value[0].value]);break;case"skewX":var u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,0,0,0,Math.tan(u.value),1,0,0,0,0,1,0,0,0,0,1));break;case"skewY":u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,Math.tan(u.value),0,0,0,1,0,0,0,0,1,0,0,0,0,1));break;case"skew":var l=c.value[0].toDeg().toRad(),f=c.value.length>1?c.value[1].toDeg().toRad():l;r.multiply(i,i,r.fromValues(1,Math.tan(f.value),0,0,Math.tan(l.value),1,0,0,0,0,1,0,0,0,0,1));break;case"matrix":s=[(s=c.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],r.multiply(i,i,s);break;case"matrix3d":s=c.value.map((function(t){return t.value}));r.multiply(i,i,s);break;case"perspective":s=c.value;r.perspective(i,.5*Math.PI,e/n,1,s[0].value)}}return i}},{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(" ")}}]),n}(Ec),Fc=function(){function t(){O()(this,t)}return j()(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,c=e*e,s=n[r],u=n[i],l=r+1;l<i;l++){var f=t.segmentDistance2(n[l].x,n[l].y,s,u);f<=a||(o=l,a=f)}a>c&&(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=ae(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,c=t-n.x,s=e-n.y,u=i*c+a*s;if(0===o)return c*c+s*s;if(u<=0)return c*c+s*s;if(u>=o)return(c=t-r.x)*c+(s=e-r.y)*s;var l=c*a-s*i;return l*l/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}(),Hc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Gc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,_c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";O()(this,t),this.reset(e)}return j()(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(Gc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Hc)||[];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,c=e.values.length;o<c;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:fe()(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 c=_t()(o,2),s=c[0],u=c[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}else if("L"===a){if((w=Fc.getPrevPoint(t,t.length)).curve){var l=_t()(o,2);s=l[0],u=l[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:ae(w.endPoint),curve:!0})}else{var f=_t()(o,2);s=f[0],u=f[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}}else if("Q"===a){var h=_t()(o,4),p=h[0],d=h[1];s=h[2],u=h[3];if((w=Fc.getPrevPoint(t,t.length)).curve){var v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:p,y:d}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:p,y:d};v={x:s,y:u},g={x:s,y:u},y={x:s,y:u};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:s,y:u},g={x:p,y:d},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=_t()(o,2);s=m[0],u=m[1];if((j=segments[e-1])&&"Q"===j.command){var b=_t()(j.values,4),k=(p=b[0],d=b[1],b[2]),x=b[3];(w=Fc.getPrevPoint(t,t.length)).endPoint=Fc.getReversePoint({x:k,y:x},{x:p,y:d});v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Fc.getPrevPoint(t,t.length),P=_t()(o,6),O=(p=P[0],d=P[1],P[2]),S=P[3];v={x:s=P[4],y:u=P[5]},g={x:O,y:S},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:p,y:d})}else if("S"===a){var j,$=_t()(o,2);s=$[0],u=$[1];if((j=segments[e-1])&&"C"===j.command){var R=_t()(j.values,4);O=R[0],S=R[1],k=R[2],x=R[3];(w=Fc.getPrevPoint(t,t.length)).endPoint=Fc.getReversePoint(w.startPoint,w.reversePoint);v={x:s,y:u},y={x:s,y:u},g={x:O,y:S};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Fc.getPrevPoint(t,t.length);var C=Fc.getFirstPoint(t,t.length);Fc.isEqual(w.startPoint,C.startPoint)&&(w.connected=!0,w.endPoint=ae(C.endPoint),C.reversePoint=ae(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 Jt(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(r.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(r.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(r.fromRotation([],Ni(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(r.fromRotation([],Ni(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(r.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(r.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(r.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(r.fromValues(1,Math.tan(Ni(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(r.fromValues(1,Math.tan(Ni(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Ni(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Ni(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,c,s,u=i.values,l=i.command,f=this.segments[a-1];switch(l){case"M":case"L":t=Math.min(t,u[0]),n=Math.max(n,u[0]),e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"V":t=Math.min(t,u[0]),n=Math.max(n,u[0]);break;case"H":e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"C":(o=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0],[u[4],u[5],0]],c=lc(o),s=o.map((function(t){return{x:t[0],y:t[1]}})),c.map((function(t){var e=ic(s,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 h=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0]].map((function(t){return{x:t[0],y:t[1]}})),p=0;p<=1;p+=1e-4){var d=ac(h,p),v=d.x,y=d.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:"d",get:function(){return this.toString()}},{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=i.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=i.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=i.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var a=0,o=n.length;a<o;a+=2){r=i.transformMat4([],[n[a],n[a+1],0],t);e.values[a]=r[0],e.values[a+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(r.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 _i(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,c=t[r-1],s=c.values[c.values.length-2],u=c.values[c.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[s,u]});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],s,u]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],s,u]});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:"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(fe()(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 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 Xc(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){w()(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}function Yc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kc=Ca.z(),Uc=function(t){R()(n,t);var e=Yc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return Xc(Xc({},Ta()(V()(n.prototype),"toCloneObject",this).call(this,t)),this.attrs("x","y","width","height","transform","rotate","rotateZ"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.parse(t.height),t}},{key:"reset",value:function(t){var e=Ta()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("x","y","width","height","transform","rotateZ","rotate","transform-origin","perspective","perspective-origin")&&this.refreshMatrixCache(),e}},{key:"setParent",value:function(t){Ta()(V()(n.prototype),"setParent",this).call(this,t),this.refreshMatrixCache()}},{key:"refreshMatrixCache",value:function(){this.setCacheItemTransformMatrix(),this.setCacheLocalTransformMatrix(),this.setCacheAccumulatedMatrix(),this.setCacheLocalVerties(),this.setCacheVerties(),this.setCacheGuideVerties(),this.setCacheAreaPosition(),this.layers.forEach((function(t){t.refreshMatrixCache()}))}},{key:"setCacheItemTransformMatrix",value:function(){this._cachedItemTransform=this.getItemTransformMatrix(),this._cachedItemTransformInverse=r.invert([],this._cachedItemTransform)}},{key:"setCacheLocalTransformMatrix",value:function(){this._cachedLocalTransform=this.getLocalTransformMatrix(),this._cachedLocalTransformInverse=r.invert([],this._cachedLocalTransform),this._cachedTransformWithTranslate=this.getTransformWithTranslate(this),this._cachedTransformWithTranslateInverse=r.invert([],this._cachedTransformWithTranslate),this._cachedTransformWithTranslateTranspose=r.transpose([],this._cachedTransformWithTranslate)}},{key:"setCacheAccumulatedMatrix",value:function(){this._cachedAccumulatedMatrix=this.getAccumulatedMatrix(),this._cachedAccumulatedMatrixInverse=r.invert([],this._cachedAccumulatedMatrix)}},{key:"setCacheVerties",value:function(){this._cachedVerties=this.getVerties(),this._cachedVertiesWithoutTransformOrigin=this.rectVerties()}},{key:"setCacheLocalVerties",value:function(){this._cachedLocalVerties=this.getLocalVerties()}},{key:"setCacheGuideVerties",value:function(){this._cachedGuideVerties=this.getGuideVerties()}},{key:"setCacheAreaPosition",value:function(){this._cachedAreaPosition=this.getAreaPosition()}},{key:"localMatrix",get:function(){return this._cachedLocalTransform||this.getLocalTransformMatrix()}},{key:"localMatrixInverse",get:function(){return this._cachedLocalTransformInverse||this.getLocalTransformMatrixInverse()}},{key:"transformWithTranslate",get:function(){return this._cachedTransformWithTranslate||this.getTransformWithTranslate(this)}},{key:"transformWithTranslateToTranspose",get:function(){return this._cachedTransformWithTranslateTranspose||r.transpose([],this.getTransformWithTranslate(this))}},{key:"transformWithTranslateInverse",get:function(){return this._cachedTransformWithTranslateInverse||r.invert([],this.getTransformWithTranslate(this))}},{key:"itemMatrix",get:function(){return this._cachedItemTransform||this.getItemTransformMatrix()}},{key:"itemMatrixInverse",get:function(){return this._cachedItemTransformInverse||this.getItemTransformMatrixInverse()}},{key:"accumulatedMatrix",get:function(){return this._cachedAccumulatedMatrix||this.getAccumulatedMatrix()}},{key:"accumulatedMatrixInverse",get:function(){return this._cachedAccumulatedMatrixInverse||this.getAccumulatedMatrixInverse()}},{key:"verties",get:function(){return this._cachedVerties||this.getVerties()}},{key:"originVerties",get:function(){return this._cachedVertiesWithoutTransformOrigin||this.rectVerties()}},{key:"localVerties",get:function(){return this._cachedLocalVerties||this.getLocalVerties()}},{key:"guideVerties",get:function(){return this._cachedGuideVerties||this.getGuideVerties()}},{key:"areaPosition",get:function(){return this._cachedAreaPosition||this.getAreaPosition()}},{key:"getAreaPosition",value:function(){var t=zo(this.getVerties());return{column:[Math.ceil(t[0][0]/100),Math.ceil(t[1][0]/100)],row:[Math.ceil(t[0][1]/100),Math.ceil(t[3][1]/100)]}}},{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:"screenX",get:function(){return this.isChild?Ca.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Ca.z()}},{key:"screenY",get:function(){return this.isChild?Ca.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Ca.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Kc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Kc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Kc:this.parent.is("project")||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?Kc:this.parent.is("project")||this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Ca.px(this.offsetX.value+t[0]).round(),y:Ca.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:Ca.px(t[0]-e.width/2),y:Ca.px(t[1]-e.height/2)})}},{key:"setAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:zc.replaceAll(this.transform,"rotateZ(".concat(Ca.deg(t).round(1e3),")"))})}},{key:"addAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:zc.addTransform(this.transform,"rotateZ(".concat(Ca.deg(t).round(1e3),")"))})}},{key:"checkInArea",value:function(t){return Eo(t,this.originVerties)}},{key:"hasPoint",value:function(t,e){return To(this.originVerties,t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.originVerties.map((function(e){return To.apply(void 0,[t].concat(fe()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||zc.get(this.json.transform||"","perspective")){var t=Co.parseStyle(this.json["perspective-origin"]),e=_t()(t,2),n=e[0],i=void 0===n?Ca.percent(50):n,a=e[1],o=void 0===a?Ca.percent(50):a,c=this.screenWidth.value,s=this.screenHeight.value;i=i.toPx(c).value,o=o.toPx(s).value;var u=r.create();r.translate(u,u,[i,o,0]);var l=zc.get(this.json.transform,"perspective");if(l.length)r.multiply(u,u,r.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;r.multiply(u,u,r.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Ca.parse(this.json.perspective).value,1))}return r.translate(u,u,[-i,-o,0]),u}}},{key:"getItemTransformMatrix",value:function(){var t,e=zc.parseStyle(null===(t=this.json)||void 0===t?void 0:t.transform),n=this.screenWidth.value,r=this.screenHeight.value;return zc.createTransformMatrix(e,n,r)}},{key:"getItemTransformMatrixInverse",value:function(){return r.invert([],this.getItemTransformMatrix())}},{key:"getLocalTransformMatrix",value:function(){var t=Co.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=r.create();return r.translate(e,e,t),r.multiply(e,e,this.itemMatrix),r.translate(e,e,i.negate([],t)),e}},{key:"getLocalTransformMatrixInverse",value:function(){return r.invert([],this.getLocalTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var a=this.offsetX.value,o=this.offsetY.value,c=i.add([],Co.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),i.negate([],t)),s=r.create();return r.translate(s,s,[a,o,0]),r.translate(s,s,t),r.translate(s,s,c),r.multiply(s,s,this.itemMatrix),r.translate(s,s,i.negate([],c)),s}},{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=r.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,i=e.length;n<i;n++){var a=e[n];if(a.parent&&ne(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&r.multiply(t,t,o)}var c=a.offsetX.value,s=a.offsetY.value;r.translate(t,t,[c,s,0]),r.multiply(t,t,a.localMatrix)}return t}},{key:"getTransformWithTranslate",value:function(t){t=t||this;var e=r.create(),n=t.offsetX.value,i=t.offsetY.value;return r.translate(e,e,[n,i,0]),r.multiply(e,e,t.localMatrix),e}},{key:"getAccumulatedMatrixInverse",value:function(){return r.invert([],this.getAccumulatedMatrix())}},{key:"getLocalVerties",value:function(t,e){return Io(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"])}},{key:"getVerties",value:function(t,e){return Ji(Io(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"selectionVerties",value:function(){return Ji(Io(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"rectVerties",value:function(){return this.verties.filter((function(t,e){return e<4}))}},{key:"getGuideVerties",value:function(){var t=this.originVerties;return[].concat(fe()(t),[i.lerp([],t[0],t[1],.5),i.lerp([],t[1],t[2],.5),i.lerp([],t[2],t[3],.5),i.lerp([],t[3],t[0],.5)])}},{key:"toRectVerties",get:function(){return Lo([this])}},{key:"matrix",get:function(){var t=this.id,e=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%",c=this.parent.accumulatedMatrix,s=this.parent.accumulatedMatrixInverse,u=this.localMatrix,l=this.localMatrixInverse,f=this.itemMatrix,h=this.itemMatrixInverse,p=this.accumulatedMatrix,d=this.accumulatedMatrixInverse,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,g=y.map((function(t){return t[0]})),m=y.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,originVerties:this.originVerties,xList:g,yList:m,directionMatrix:v,parentMatrix:c,parentMatrixInverse:s,localMatrix:u,localMatrixInverse:l,itemMatrix:f,itemMatrixInverse:h,accumulatedMatrix:p,accumulatedMatrixInverse:d}}},{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.d,n=new _c(e);return n.transformMat4(this.accumulatedMatrix),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new _c(t);return e.transformMat4(this.accumulatedMatrixInverse),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=fe()(this.checkInAreaForLayers(t));return this.is("artboard")||this.is("project")||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 r.fromTranslation([],Co.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return r.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=fa(this.accumulatedMatrixInverse,t.accumulatedMatrix),n=zc.fromScale(r.getScaling([],e).map((function(t){return _i(t,1e3)}))),i=r.getRotation([],e),o=[],c=a.getAxisAngle(o,i),s=[{angle:o[0]?Yi(c*o[0]):0,type:"rotateX"},{angle:o[1]?Yi(c*o[1]):0,type:"rotateY"},{angle:o[2]?Yi(c*o[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Ca.deg(t.angle%360).round(1e3),")")})).join(" "),u=zc.replaceAll(t.transform,"".concat(n," ").concat(s)),l=zc.parseStyle(u),f=t.screenWidth.value,h=t.screenHeight.value,p=zc.createTransformMatrix(l,f,h),d=r.getTranslation([],fa(e,ha(t.getTransformOriginMatrix(),p,t.getTransformOriginMatrixInverse()))),v=_t()(d,3),y=v[0],g=v[1];v[2];t.reset({x:Ca.px(y),y:Ca.px(g),transform:u}),t.refreshMatrixCache()}},{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(){}}]),n}(La);function Wc(t,e){if(te(e)){var n=e.split(":"),r=_t()(n,4),i=r[0],a=r[1],o=r[2],c=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(c=parseInt(c,10))*(1/t)}return re(e)?e/t:0}function Zc(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 qc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Zc(t,Wc(t,e)-Wc(t,n))}function Jc(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 c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?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,re(t.elapsed)&&(e.elapsed=t.elapsed),re(t.speed)&&(e.speed=t.speed),re(t.duration)&&(e.duration=t.duration),re(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),te(t.direction)&&(e.direction=t.direction),ne(t.tick)&&(e.tick=t.tick),ne(t.start)&&(e.startCallback=t.start),ne(t.end)&&(e.endCallback=t.end),ne(t.first)&&(e.firstCallback=t.first),ne(t.last)&&(e.lastCallback=t.last),ne(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 Qc(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 ts(t,e,n){return function(t,e){return n}}function es(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 ns(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 rs(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=Ca.parse(n),c=Ca.parse(r);return o.unit===c.unit?Qc(t,e,o.value,c.value,o.unit):o.equals(c)?ts(0,0,o):function(n,r){var s=es(t,e,o,i,a),u=es(t,e,c,i,a);return 0===r?s:1===r?u:ns(t,e,Ca.px(s.value+(u.value-s.value)*n),o.unit,i,a)}}var is=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Ca.z(),"border-top-left-radius":Ca.z(),"border-top-right-radius":Ca.z(),"border-bottom-right-radius":Ca.z(),"border-bottom-left-radius":Ca.z()},n=t.split(" ").filter((function(t){return Ca.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}(),as=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 os(t,e,n,r){for(var i=as(is.parseStyle(n)),a=as(is.parseStyle(r)),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++)c[s]=rs(t,e,i[s],a[s]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}var cs={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 ss={isColorName:function(t){return!!cs[t]},getColorByName:function(t){return cs[t]}};function us(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function ls(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function fs(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,c=3.2406*i+-1.5372*a+-.4986*o,s=-.9689*i+1.8758*a+.0415*o,u=.0557*i+-.204*a+1.057*o;c=ls(c),s=ls(s),u=ls(u);var l=_i(255*c),f=_i(255*s),h=_i(255*u);return{r:l,g:f,b:h}}function hs(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=us(i);var c=95.047*(a=us(a)),s=100*i,u=108.883*(o=us(o));return{x:c,y:s,z:u}}function ps(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function ds(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=ps(i);var c=116*(a=ps(a))-16,s=500*(i-a),u=200*(a-(o=ps(o)));return{l:c,a:s,b:u}}function vs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return fs(hs(t,e,n))}function ys(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,c=Math.max(i,a,o),s=Math.min(i,a,o),u=c-s,l=0;0==u?l=0:c==i?l=(a-o)/u%6*60:c==a?l=60*((o-i)/u+2):c==o&&(l=60*((i-a)/u+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:u/c,v:c}}function gs(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,c=1-Math.max(i,a,o),s=(1-i-c)/(1-c),u=(1-a-c)/(1-c),l=(1-o-c)/(1-c);return{c:s,m:u,y:l,k:c}}function ms(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),c=Math.min(t,e,n),s=(o+c)/2;if(o==c)i=a=0;else{var u=o-c;switch(a=s>.5?u/(2-o-c):u/(o+c),o){case t:i=(e-n)/u+(e<n?6:0);break;case e:i=(n-t)/u+2;break;case n:i=(t-e)/u+4}i/=6}return{h:_i(360*i),s:_i(100*a),l:_i(100*s)}}function bs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks((t+e+n)/3>90?0:255)}function ks(t){return{r:t,g:t,b:t}}function xs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks(Math.ceil((t+e+n)/3))}function ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks(Os(t,e,n).y)}function Ps(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Os(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=Ps(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ss(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function js(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,c=.4124*(i=Ss(i))+.3576*(a=Ss(a))+.1805*(o=Ss(o)),s=.2126*i+.7152*a+.0722*o,u=.0193*i+.1192*a+.9505*o;return{x:c,y:s,z:u}}function $s(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ds(js(t,e,n))}function Rs(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 Cs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Ms(t,e,n);return ys(i.r,i.g,i.b)}function Ms(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 c=n<.5?n*(1+e):n+e-n*e,s=2*n-c;i=Rs(s,c,t+1/3),a=Rs(s,c,t),o=Rs(s,c,t-1/3)}return{r:_i(255*i),g:_i(255*a),b:_i(255*o)}}function Ts(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ts(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ts(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Es=/(#(?:[\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 Is(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Ds(t){return!!Ls(t).length}function Ls(t){var e=t.match(Es),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=ss.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 Bs(t){var e=Ls(t);return e.forEach((function(e){t=t.replace(e.color,Is(e))})),{str:t,matches:e}}function As(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=Bs(t);return n.str.split(e).map((function(t,e){return t=Hs(t),n.matches[e]&&(t=t.replace(Is(n.matches[e]),n.matches[e].color)),t}))}function zs(t,e){return e.forEach((function(e){t=t.replace(Is(e),e.color)})),t}var Fs=/^\s+|\s+$/g;function Hs(t){return t.replace(Fs,"")}function Gs(t){if(te(t)){if(ss.isColorName(t)&&(t=ss.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),ms(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(Hs(r[e])):parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),ms(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Hs(r[e]));return o=Vs(Vs({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),Ms(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(Hs(r[e])):parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),Ms(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=Vs(Vs({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i}),ms(o))}}else if(re(t)){var o;if(0<=t&&t<=16777215)return o=Vs(Vs({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),ms(o));if(0<=t&&t<=4294967295)return o=Vs(Vs({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),ms(o))}return t}function _s(t){te(t)&&(t=As(t));var e=(t=t.map((function(t){if(te(t)){var e=Bs(t),n=Hs(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]=zs(n[0],e.matches),n}if(Array.isArray(t))return t[1]?te(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",fe()(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 Ns(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ns(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ns(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ys(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ks=function(t){R()(n,t);var e=Ys(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),spreadRadius:Ca.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return Xs(Xs({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Ca.parse(t.offsetX),t.offsetY=Ca.parse(t.offsetY),t.blurRadius=Ca.parse(t.blurRadius),t.spreadRadius=Ca.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 n(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Bs(t);return e=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),i=e.filter((function(t){return"inset"===t})),a=e.filter((function(t){return t.includes("@")})).map((function(t){return zs(t,r.matches)})),o=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return n.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Ca.parse(o[0]||"0px"),offsetY:Ca.parse(o[1]||"0px"),blurRadius:Ca.parse(o[2]||"0px"),spreadRadius:Ca.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Ec);function Us(t,e,n,r){return function(t,e){return 1===e?r:n}}function Ws(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),c=255*(1-n)*(1-r);return{r:a,g:o,b:c}}function Zs(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 c=a*o,s=c*(1-Math.abs(i/60%2-1)),u=o-c,l=[];return 0<=i&&i<60?l=[c,s,0]:60<=i&&i<120?l=[s,c,0]:120<=i&&i<180?l=[0,c,s]:180<=i&&i<240?l=[0,s,c]:240<=i&&i<300?l=[s,0,c]:300<=i&&i<360&&(l=[c,0,s]),{r:_i(255*(l[0]+u)),g:_i(255*(l[1]+u)),b:_i(255*(l[2]+u))}}function qs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Zs(t,e,n);return ms(i.r,i.g,i.b)}function Js(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),c=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(c)}}function Qs(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=tu(t,e,n);return fc(i,r)}function tu(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=void 0===t.a?1:t.a,i=void 0===e.a?1:e.a;return{r:_i(t.r+(e.r-t.r)*n),g:_i(t.g+(e.g-t.g)*n),b:_i(t.b+(e.b-t.b)*n),a:_i(r+(i-r)*n,100)}}function eu(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];"string"==typeof t&&(t=As(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(nu(t[i],t[i+1],a/e));return r}function nu(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=Gs(t),a=Gs(e);return Qs(i,a,n,r)}function ru(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 nu(t,e,n,r)}function iu(t){return t=Gs(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function au(t){return iu(t)>=128?"black":"white"}function ou(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=_s(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var c=t[a-1][0],s=t[a][0],u=1==a?t[a][1]:t[a][1]-t[a-1][1],l=a==t.length-1?i:Math.floor(u*r);n=n.concat(eu([c,s],l),[s]),i-=l}return n}function cu(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,c=Gs(t),s=ys(c),u=(a-i)*o/n,l=[],f=1;f<=n;f++)s[e]=Math.abs((o-u*f)/o),l.push(fc(Zs(s),r));return l}function su(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 cu(t,"h",e,n,r,i,1)}function uu(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 cu(t,"s",e,n,r,i,100)}function lu(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 cu(t,"v",e,n,r,i,100)}function fu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}eu.parula=function(t){return eu(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},eu.jet=function(t){return eu(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},eu.hsv=function(t){return eu(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},eu.hot=function(t){return eu(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},eu.pink=function(t){return eu(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},eu.bone=function(t){return eu(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},eu.copper=function(t){return eu(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var pu=hu(hu(hu(hu(hu(hu(hu(hu(hu(hu(hu(hu({},u),s),c),b),d),m),h),v),g),p),f),l);function du(t,e,n,r){var i=pu.parse(n||"rgba(0, 0, 0, 1)"),a=pu.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:Qs(i,a,t,"rgb")}}function vu(t,e,n,r){for(var i=Ks.parseStyle(n),a=Ks.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Ks.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Ks.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Us(0,0,l.inset,f.inset),offsetX:rs(t,e,l.offsetX,f.offsetX),offsetY:rs(t,e,l.offsetY,f.offsetY),blurRadius:rs(t,e,l.blurRadius,f.blurRadius),spreadRadius:rs(t,e,l.spreadRadius,f.spreadRadius),color:du(0,0,l.color,f.color)})}return function(t,e){return Ks.join(c.map((function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}})))}}function yu(t,e,n,r){return Us(0,0,n,r)}var gu=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 mu(){return gu(1,"start")}function bu(){return gu(1,"end")}var ku=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},xu={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 gu(t,e)},"step-start":mu,"step-end":bu,stepStart:mu,stepEnd:bu,"ease-out-elastic":ku,easeOutElastic:ku};function wu(t,e,n,r){var i=Ca.parse(n),a=Ca.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Ca.deg(n):1===e?Ca.deg(r):Ca.deg(n+(r-n)*t).to(i.unit)}}function Pu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ou(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Su(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ju=function(t){R()(n,t);var e=Su(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return Ou(Ou({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Ca.parse(t.offsetX),t.offsetY=Ca.parse(t.offsetY),t.blurRadius=Ca.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 n(t)}},{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Bs(t),r=e.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 zs(t,e.matches)||"black"})),a=r.filter((function(t){return!t.includes("@")}));return n.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Ca.parse(a[0]||"0px"),offsetY:Ca.parse(a[1]||"0px"),blurRadius:Ca.parse(a[2]||"0px")})}));return r}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Ec);function $u(t,e,n,r){for(var i=ju.parseStyle(n),a=ju.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||ju.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||ju.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:rs(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:rs(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:rs(t,e,l.blurRadius,f.blurRadius,"radius"),color:du(0,0,l.color,f.color)})}return function(t,e){return ju.join(c.map((function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}})))}}function Ru(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ru(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ru(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Mu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tu=function(t){R()(n,t);var e=Mu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Cu({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"}}]),n}(Ec);function Vu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Eu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Iu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Du=1e10;var Lu=function(t){R()(n,t);var e=Iu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{id:"c"+Du++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Eu(Eu({},Ta()(V()(n.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:"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:"toLength",value:function(t){return Ca.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){Ta()(V()(n.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"setValue",value:function(t,e){this.isPx?this.reset({px:e*t/100}):this.isPercent?this.reset({percent:t}):this.isEm&&this.reset({em:e*t/100/16})}}],[{key:"parse",value:function(t){var e=[],r=Bs(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)e.push(new n({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var c=Ca.parse(i[1]),s={unit:c.unit};c.isPercent()?s.percent=c.value:c.isPx()?s.px=c.value:c.isEm()&&(s.em=c.value),e.push(new n(Eu({color:o},s)))}else if(3===i.length){var u=Ca.parse(i[2]),l={unit:u.unit};u.isPercent()?l.percent=u.value:u.isPx()?l.px=u.value:u.isEm()&&(l.em=u.value),e.push(new n(Eu({color:o,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=vc(2,t),i=e/r,a=kc(r).map((function(t,e){return"".concat(pu.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]:Ca.px(1),n=vc(2,t),r=kc(n).map((function(t,n){return"".concat(pu.random()," ").concat(Ca.parse(e).mul(n+1))})).join(",");return r}}]),n}(La);function Bu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Au(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fu={"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},Hu=function(t){R()(n,t);var e=zu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Au({itemType:"image-resource",type:"gradient",colorsteps:[]},t)}},{key:"toCloneObject",value:function(){return Au(Au({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{colorsteps:this.json.colorsteps.map((function(t){return t.clone()}))})}},{key:"convert",value:function(t){return t.colorsteps[0]instanceof Lu||(t.colorsteps=t.colorsteps.map((function(t){return new Lu(t)}))),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return qt(Fu[t])?t:Fu[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 Lu({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 Lu({index:o,color:a,percent:t}))}else for(var c=0,s=r.length-1;c<s;c++){var u=r[c],l=r[c+1];if(u.percent<=t&&t<=l.percent){a=pu.mix(u.color,l.color,(t-u.percent)/(l.percent-u.percent),"rgb");return void this.addColorStep(new Lu({index:u.index+1,color:a,percent:t}))}}}else this.addColorStepList([new Lu({color:e,percent:t,index:0}),new Lu({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:"colorsteps",get:function(){return this.json.colorsteps}},{key:"getColorString",value:function(){var t=this.colorsteps;return n.toColorString(t)}}],[{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 Lu({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),n}(Tu);function Gu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xu=function(t){R()(n,t);var e=Nu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Lu({color:"red",percent:0,index:0}),new Lu({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return _u(_u({},Ta()(V()(n.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 n({colorsteps:[new Lu({color:t,percent:0,index:0}),new Lu({color:t,percent:100,index:1})]})}}]),n}(Hu);function Yu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ku(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wu=["jpg","jpeg","png","gif","svg"];var Zu=function(t){R()(n,t);var e=Uu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Ku({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Ku(Ku({},Ta()(V()(n.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 n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Wu.includes(t)}}]),n}(Tu);function qu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ju(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Qu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tl={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"},el={"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"},nl=function(t){R()(n,t);var e=Qu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Ju({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Ju(Ju({},Ta()(V()(n.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 re(e=this.json.angle||0)&&(e=tl["".concat(e)]||e),re(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 n({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Bs(t),r=0,i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){t.includes("@")?(t=zs(t,e.matches),i.push.apply(i,Lu.parse(t))):r=qt(el[t])?Ca.parse(t):Ca.deg(+el[t])})),new n({angle:r.value,colorsteps:i})}}]),n}(Hu);function rl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var il,al=function(t){R()(n,t);var e=rl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var e=nl.parse(t);return new n({angle:e.angle,colorsteps:e.colorsteps})}}]),n}(nl);function ol(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ol(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ol(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ul=(il={},w()(il,"center",!0),w()(il,"top",!0),w()(il,"left",!0),w()(il,"right",!0),w()(il,"bottom",!0),il),ll=function(t){R()(n,t);var e=sl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,cl({type:"radial-gradient",radialType:"ellipse",radialPosition:[$a.CENTER,$a.CENTER]},t))}},{key:"toCloneObject",value:function(){return cl(cl({},Ta()(V()(n.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=ul[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 e=Bs(t),r="ellipse",i=[$a.CENTER,$a.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),a.push.apply(a,Lu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=_t()(o,2);r=c[0],i=c[1]}else r=t;if("string"==typeof i){var s=i.split(" ");if(1===s.length){var u=Ca.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Ca.parse(t);return e.isString()?e.value:e.clone()})))}}})),new n({radialType:r,radialPosition:i,colorsteps:a})}}]),n}(Hu);function fl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hl,pl=function(t){R()(n,t);var e=fl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var e=ll.parse(t);return new n({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(ll);function dl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gl=(hl={},w()(hl,"center",!0),w()(hl,"top",!0),w()(hl,"left",!0),w()(hl,"right",!0),w()(hl,"bottom",!0),hl),ml={"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},bl=function(t){R()(n,t);var e=yl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,vl({type:"conic-gradient",angle:0,radialPosition:[$a.CENTER,$a.CENTER]},t))}},{key:"toCloneObject",value:function(){return vl(vl({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:ae(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||$a.CENTER;i=gl[i]?i:i.join(" "),Jt(r)&&(r=+(ml[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 e=Bs(t),r="0deg",i=[$a.CENTER,$a.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Ca.parse(t).toPercent():t})).join(" "),e.matches),a.push.apply(a,Lu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=_t()(o,2);r=c[0],i=c[1]}else r=t;if(te(i)){var s=i.split(" ");if(1===s.length){var u=Ca.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Ca.parse(t);return e.isString()?e.value:e})))}te(r)&&r.includes("from")&&(r=r.split("from")[1],r=qt(ml[r])?Ca.parse(r):Ca.deg(+ml[r]))}})),new n({angle:r.value,radialPosition:i,colorsteps:a})}}]),n}(Hu);function kl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xl=function(t){R()(n,t);var e=kl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[$a.CENTER,$a.CENTER]})}}],[{key:"parse",value:function(t){var e=bl.parse(t);return new n({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(bl);function wl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ol(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Sl,jl=["repeat","no-repeat","repeat-x","repeat-y","round","space"],$l=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,Rl=function(t){R()(n,t);var e=Ol(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Ca.percent(100),height:Ca.percent(100),x:Ca.percent(0),y:Ca.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return Pl(Pl(Pl({},Ta()(V()(n.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=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width&&(t.width=Ca.parse(t.width)),t.height&&(t.height=Ca.parse(t.height)),te(t.image)&&(t.image=n.parseImage(t.image)),t}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}},{key:"checkField",value:function(t,e){return"repeat"===t?jl.includes(e):Ta()(V()(n.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){return Pl(Pl(Pl(Pl(Pl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Zt(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:"createImage",value:function(t){return new Zu({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 Xu(Pl(Pl({},o),{},{colorsteps:n}));case"linear-gradient":return new nl(Pl(Pl({},o),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new al(Pl(Pl({},o),{},{colorsteps:n,angle:r}));case"radial-gradient":return new ll(Pl(Pl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new pl(Pl(Pl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new bl(Pl(Pl({},o),{},{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new xl(Pl(Pl({},o),{},{colorsteps:n,angle:r,radialPosition:a}))}return new Hu}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Bs(t),n=null,r=e.str.match($l);return r?(r.forEach((function(t,r){(t=zs(t,e.matches)).includes("repeating-linear-gradient")?n=al.parse(t):t.includes("linear-gradient")?n=nl.parse(t):t.includes("repeating-radial-gradient")?n=pl.parse(t):t.includes("radial-gradient")?n=ll.parse(t):t.includes("repeating-conic-gradient")?n=xl.parse(t):t.includes("conic-gradient")?n=bl.parse(t):t.includes("url")&&(n=Zu.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Xu(t);case"linear-gradient":return new nl(t);case"repeating-linear-gradient":return new al(t);case"radial-gradient":return new ll(t);case"repeating-radial-gradient":return new pl(t);case"conic-gradient":return new bl(t);case"repeating-conic-gradient":return new xl(t);case"image-resource":case"url":return new Zu(t)}}},{key:"parseStyle",value:function(t){var e=[];JSON.stringify(t);if(t["background-image"]){var r=Bs(t["background-image"]);r.str.match($l).forEach((function(t,i){var a=null;(t=zs(t,r.matches)).includes("repeating-linear-gradient")?a=al.parse(t):t.includes("linear-gradient")?a=nl.parse(t):t.includes("repeating-radial-gradient")?a=pl.parse(t):t.includes("radial-gradient")?a=ll.parse(t):t.includes("repeating-conic-gradient")?a=xl.parse(t):t.includes("conic-gradient")?a=bl.parse(t):t.includes("url")&&(a=Zu.parse(t)),e[i]=new n({type:a.type,image:a})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=t.split(" "),i=_t()(r,2),a=i[0],o=i[1];e[n].width=Ca.parse(a),e[n].height=Ca.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=t.split(" "),i=_t()(r,2),a=i[0],o=i[1];e[n].x=Ca.parse(a),e[n].y=Ca.parse(o)}})),e}},{key:"toPropertyCSS",value:function(t){var e,n={};return t.forEach((function(t){Wt(t.toCSS(),(function(t,e){n[t]||(n[t]=[]),n[t].push(e)}))})),e=n,Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}},{key:"join",value:function(t){return xc(n.toPropertyCSS(t.map((function(t){return n.parse(t)}))))}},{key:"joinCSS",value:function(t){return n.toPropertyCSS(t.map((function(t){return n.parse(t)})))}}]),n}(Ec);function Cl(t,e,n,r){var i={cut:Us(0,0,n.cut,r.cut),percent:Qc(t,e,n.percent,r.percent),px:Qc(t,e,n.px,r.px),em:Qc(t,e,n.em,r.em),unit:yu(0,0,n.unit,r.unit),color:du(0,0,n.color,r.color)};return function(t,e){return new Lu({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 Ml(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 c=n[o],s=r[o];a[o]=c&&s?Cl(t,e,c,s):Us(0,0,c,s)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Tl(t,e,n,r){var i={angle:Qc(t,e,n.angle,r.angle),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new nl({angle:i.angle(t,e),colorsteps:n})}}Sl={},w()(Sl,"center",!0),w()(Sl,"top",!0),w()(Sl,"left",!0),w()(Sl,"right",!0),w()(Sl,"bottom",!0);function Vl(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 El(t,e,n,r){n.radialPosition[0]=Vl(n.radialPosition[0],"width"),n.radialPosition[1]=Vl(n.radialPosition[1],"height"),r.radialPosition[0]=Vl(r.radialPosition[0],"width"),r.radialPosition[1]=Vl(r.radialPosition[1],"height");var i={radialType:yu(0,0,n.radialType,r.radialType),radialPositionX:rs(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:rs(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new ll({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Il(t,e,n,r){var i={angle:Qc(t,e,n.angle,r.angle),radialPositionX:rs(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:rs(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new bl({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Dl(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Us(0,0,n,r);else if(n.type!=r.type)i.image=Us(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Tl(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=Tl(t,e,n,r);return function(t,e){var n=i(t,e);return new al({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=El(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=El(t,e,n,r);return function(t,e){var n=i(t,e);return new pl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=Il(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=Il(t,e,n,r);return function(t,e){var n=i(t,e);return new xl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function Ll(t,e,n,r){for(var i=Rl.parseStyle(wc(n)),a=Rl.parseStyle(wc(r)),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||null,f=a[s]||null;l&&!f?c.push({image:ts(0,0,l.image),size:ts(0,0,l.size),width:ts(0,0,l.width),height:ts(0,0,l.height),x:ts(0,0,l.x),y:ts(0,0,l.y),blendMode:ts(0,0,l.blendMode),repeat:ts(0,0,l.repeat)}):!l&&f?c.push({image:ts(0,0,f.image),size:ts(0,0,f.size),width:ts(0,0,f.width),height:ts(0,0,f.height),x:ts(0,0,f.x),y:ts(0,0,f.y),blendMode:ts(0,0,f.blendMode),repeat:ts(0,0,f.repeat)}):l&&f&&c.push({image:Dl(t,e,l.image,f.image),size:yu(0,0,l.size,f.size),width:rs(t,e,l.width,f.width,"width","self"),height:rs(t,e,l.height,f.height,"height","self"),x:rs(t,e,l.x,f.x,"width","self"),y:rs(t,e,l.y,f.y,"height","self"),blendMode:yu(0,0,l.blendMode,f.blendMode),repeat:yu(0,0,l.repeat,f.repeat)})}return function(t,e){return Rl.join(c.map((function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}})))}}function 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 Al(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){w()(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}function zl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fl=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia|url)\(([^\)]*)\))/gi,Hl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Al({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Ql[t.type];return e?new e(t):new _l({value:t.value})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Bs(t);return(r.str.match(Fl)||[]).forEach((function(t,i){var a=t.split("("),o=_t()(a,2),c=o[0],s=o[1];if(s=s.split(")")[0],"drop-shadow"===c){var u=s.split(" "),l=u.filter((function(t){return t.includes("@")})).map((function(t){return zs(t,r.matches)})),f=u.filter((function(t){return!t.includes("@")}));e[i]=n.parse({type:c,offsetX:Ca.parse(f[0]),offsetY:Ca.parse(f[1]),blurRadius:Ca.parse(f[2]),color:l[0]||"rgba(0, 0, 0, 1)"})}else e[i]=n.parse({type:c,value:Ca.parse(s)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(Ec),Gl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(Hl);Gl.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Ca.z()};var _l=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(Hl);_l.spec={inputType:"select",defaultValue:""};var Nl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(Hl);Nl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Xl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(Hl);Xl.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Ca.deg(0)};var Yl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(Hl);Yl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Kl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(Hl);Kl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Ul=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(Hl);Ul.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Wl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(Hl);Wl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Zl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(Hl);Zl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var ql=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(Hl);ql.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Jl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),n}(Hl);Jl.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var Ql={blur:Gl,grayscale:Nl,"hue-rotate":Xl,invert:Yl,brightness:Kl,contrast:Ul,opacity:Wl,saturate:Zl,sepia:ql,"drop-shadow":Jl,svg:_l};function tf(t,e,n,r){var i={type:yu(0,0,n.type,r.type),value:Us(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=rs(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=Qc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=rs(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=rs(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=rs(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=rs(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=du(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 ef(t,e,n,r){for(var i=Hl.parseStyle(n),a=Hl.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s],f=a[s];l&&!f?c.push(ts(0,0,l)):!l&&f?c.push(ts(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Us(0,0,l,f)):c.push(tf(t,e,l,f))}return function(t,e){return Hl.join(c.map((function(n){return n(t,e)})))}}var nf=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Ca.parse(t)})),n=Ca.percent(0),r=Ca.percent(0),i=Ca.percent(0),a=Ca.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 rf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function af(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function of(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cf=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,sf=function(t){R()(n,t);var e=of(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,af({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return af(af({},Ta()(V()(n.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 n(t).toCSS()}},{key:"toString",value:function(t){return n.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new n(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(cf)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=_t()(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 Ca("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];return qt(s)&&(s=c),{radius:e,x:c=Ca.parse(c),y:s=Ca.parse(s)}}},{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=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];qt(s)&&(s=c),c=Ca.parse(c),s=Ca.parse(s);var u=e.split(" "),l=_t()(u,2),f=l[0],h=l[1];return qt(h)&&(h=f),{radiusX:f=Ca.parse(f),radiusY:h=Ca.parse(h),x:c,y:s}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=_t()(e,2),r=n[0],i=n[1],a=nf.parse(r),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=nf.parse(i),p=_t()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=_t()(e,2),r=n[0],i=n[1];return{x:Ca.parse(r),y:Ca.parse(i)}}))}}]),n}(Ec);function uf(t,e,n,r){var i=sf.parseStyle(n),a=sf.parseStyle(r),o={type:Us(0,0,i.type,i.type),value:Us(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=sf.parseStyleForCircle(i.value),a.value=sf.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=Us(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=rs(t,e,n.radius,r.radius,"width","self"),i.x=rs(t,e,n.x,r.x,"width","self"),i.y=rs(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),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=sf.parseStyleForEllipse(i.value),a.value=sf.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:rs(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:rs(t,e,n.radiusY,r.radiusY,"height","self"),x:rs(t,e,n.x,r.x,"width","self"),y:rs(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=sf.parseStyleForInset(i.value),a.value=sf.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:Qc(t,e,n.top.value,r.top.value,n.top.unit),left:Qc(t,e,n.left.value,r.left.value,n.left.unit),right:Qc(t,e,n.right.value,r.right.value,n.right.unit),bottom:Qc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Us(0,0,n.round,r.round),topRadius:Qc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Qc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Qc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Qc(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),c=i.round(t,e),s=i.topRadius(t,e),u=i.leftRadius(t,e),l=i.bottomRadius(t,e),f=i.rightRadius(t,e),h=[n,r,a,o].join(" "),p=[s,f,l,u].join(" ");return"".concat(h," ").concat(c&&p.trim()?"round ".concat(p):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=sf.parseStyleForPolygon(i.value),a.value=sf.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 c=n[o],s=r[o];c&&!s?a.push({x:ts(0,0,c.x),y:ts(0,0,c.y)}):!c&&s?a.push({x:ts(0,0,s.x),y:ts(0,0,s.y)}):a.push({x:rs(t,e,c.x,s.x,"width","self"),y:rs(t,e,c.y,s.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=sf.parseStyleForPath(i.value),a.value=sf.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 lf(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(rs(t,e,s,u,n.type)):a.push(rs(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function ff(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];if(s&&u)a.push(Qc(t,e,s.value,u.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;a.push(Qc(t,e,l,f))}}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 Ca.number(t)}))),{type:r,value:n}}}function hf(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(wu(0,0,s,u)):a.push(wu(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function pf(t,e,n,r){for(var i=zc.parseStyle(n.trim()),a=zc.parseStyle(r.trim()),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];if(u&&!l)c.push(ts(0,0,u));else if(!u&&l)c.push(ts(0,0,l));else if(u.type!=l.type)c.push(Us(0,0,u,l));else switch(u.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(lf(t,e,u,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(hf(0,0,u,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(ff(t,e,u,l))}}return function(t,e){return zc.join(c.map((function(n){return n(t,e)})))}}function df(t,e,n,r){for(var i=n.split(" ").map((function(t){return Ca.parse(t)})),a=r.split(" ").map((function(t){return Ca.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(rs(t,e,u,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function vf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Ca.parse(t)})),a=r.split(" ").map((function(t){return Ca.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(rs(t,e,u,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function yf(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),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(Qc(t,e,u,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function gf(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],c=r[r.length-1],s=0;s<i;s++){var u=n[s],l=r[s];u&&!l?a.push(Qc(t,e,u,c)):!u&&l?a.push(Qc(t,e,o,l)):a.push(Qc(t,e,u,l))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function mf(t,e,n,r){for(var i=new _c,a=new _c(n),o=new _c(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=0;u<c;u++){var l=a.segments[u],f=o.segments[u];l.command===f.command?l.values.length===f.values.length?s.push({command:ts(0,0,l.command),values:gf(t,e,l.values,f.values)}):s.push({command:ts(0,0,l.command),values:ts(0,0,l.values)}):s.push({command:Us(0,0,l.command,f.command),values:Us(0,0,l.values,f.values)})}return function(t,e){var n=s.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var bf=function(){function t(){O()(this,t),this.pathArray=[]}return j()(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:"d",get:function(){return this.pathArray.join(" ").trim()}},{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:"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 _c(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}},{key:"makePathByVerties",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=_t()(e[r],3),o=a[0],c=a[1];a[2];0===r?n.M({x:o,y:c}):n.L({x:o,y:c})}return n.L({x:e[0][0],y:e[0][1]}),n.d}}]),t}();function kf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xf=/[\b\t \,]/g,wf=function(t){R()(n,t);var e=kf(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return O()(this,n),e.call(this,t)}return j()(n,[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;Array.isArray(t)&&(t=t.join(" "));for(var e=t.trim().split(xf).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 bf,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=_t()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new n(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),n}(_c);function Pf(t,e,n,r){for(var i=new wf,a=new wf(n),o=new wf(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=a.segments[a.segments.length-1].x,l=a.segments[a.segments.length-1].y,f=o.segments[o.segments.length-1].x,h=o.segments[o.segments.length-1].y,p=0;p<c;p++){var d=a.segments[p],v=o.segments[p];d&&!v?s.push({x:Qc(t,e,d.x,f),y:Qc(t,e,d.y,h)}):!d&&v?s.push({x:Qc(t,e,u,v.x),y:Qc(t,e,l,v.y)}):s.push({x:Qc(t,e,d.x,v.x),y:Qc(t,e,d.y,v.y)})}return function(t,e){return i.joinPoints(s.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function Of(t,e,n,r){var i={x:Qc("","",t,n),y:Qc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Sf(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 ac(o,e)}}function jf(t,e,n,r,i,a,o,c){var s=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}];return function(t,e){return ic(s,e)}}function $f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Rf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$f(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cf(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=_t()(a,4),c=o[0],s=o[1],u=o[2],l=o[3],f={id:c,distance:Ca.parse(s||"0%"),rotateStatus:u||"auto",rotate:Ca.parse(l||"0deg")},h=function(t,e){return{x:x,y:y}},p=0,d=0;if(i){var v=i.searchById(f.id);v&&(p=v.screenX.value,d=v.screenY.value),h=function(t,e,n){var r=function(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=_t()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var c=n,s=_t()(c,2),u=s[0],l=s[1],f=_t()(t.values,2);a=f[0],o=f[1];n=[a+=u,o+=l];break;case"L":var h=n,p=_t()(h,2),d=(u=p[0],l=p[1],_t()(t.values,2));a=d[0],o=d[1];e.push({command:t.command,values:[u,l,a,o],length:Zi(u,l,a,o),interpolate:Of(u,l,a,o)}),n=[a,o];break;case"l":var v=n,y=_t()(v,2),g=(u=y[0],l=y[1],_t()(t.values,2));a=g[0],o=g[1];a+=u,o+=l,e.push({command:t.command,values:[u,l,a,o],length:Zi(u,l,a,o),interpolate:Of(u,l,a,o)}),n=[a,o];break;case"C":var m=n,b=_t()(m,2),k=(u=b[0],l=b[1],_t()(t.values,6)),x=k[0],w=k[1],P=k[2],O=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Zo(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"c":var S=n,j=_t()(S,2),$=(u=j[0],l=j[1],_t()(t.values,6));x=$[0],w=$[1],P=$[2],O=$[3],a=$[4],o=$[5];x+=u,P+=u,a+=u,w+=l,O+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Zo(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"Q":var R=n,C=_t()(R,2),M=(u=C[0],l=C[1],_t()(t.values,4));x=M[0],w=M[1],a=M[2],o=M[3];e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o];break;case"q":var T=n,V=_t()(T,2),E=(u=V[0],l=V[1],_t()(t.values,4));x=E[0],w=E[1],a=E[2],o=E[3];x+=u,a+=u,w+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o];break;case"S":var I=n,D=_t()(I,2),L=(u=D[0],l=D[1],_t()(t.values,4)),B=(P=L[0],O=L[1],a=L[2],o=L[3],e[e.length-1]);if(["C","c","S","s"].includes(B.command)){var A=_t()(B.values,8),z=(A[0],A[1],A[2],A[3],A[4]),F=A[5],H=A[6],G=A[7],_=Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F});x=_.x,w=_.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"s":var N=n,X=_t()(N,2),Y=(u=X[0],l=X[1],_t()(t.values,4));P=Y[0],O=Y[1],a=Y[2],o=Y[3];P+=u,a+=u,O+=l,o+=l;B=e[e.length-1];if(["C","c","S","s"].includes(B.command)){var K=_t()(B.values,8),U=(K[0],K[1],K[2],K[3],z=K[4],F=K[5],H=K[6],G=K[7],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=U.x,w=U.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"T":var W=n,Z=_t()(W,2),q=(u=Z[0],l=Z[1],_t()(t.values,2));a=q[0],o=q[1],B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var J=_t()(B.values,6),Q=(J[0],J[1],z=J[2],F=J[3],H=J[4],G=J[5],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=Q.x,w=Q.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o]}break;case"t":var tt=n,et=_t()(tt,2),nt=(u=et[0],l=et[1],_t()(t.values,2));a=nt[0],o=nt[1];a+=u,o+=l;B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var rt=_t()(B.values,6),it=(rt[0],rt[1],z=rt[2],F=rt[3],H=rt[4],G=rt[5],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=it.x,w=it.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,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}}(new _c(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=f.distance.toPx(i);(e+=o/i)>1&&(e-=1);var c=a[0];0===e?c=a[0]:1===e&&(c=a[a.length-1]);var s=a.find((function(t){return t.startT<=e&&e<t.endT}));s&&(c=s);var u=(e-c.startT)/(c.endT-c.startT),l=n(u);return Rf(Rf({},c.interpolate(l,u,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Ca.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),c=h(e,n,r),s={x:c.x+p-a.value,y:c.y+d-o.value};if(t.setScreenX(s.x),t.setScreenY(s.y),"element"===f.rotateStatus);else{var u=c,l=0;n<1&&(l=1/c.totalLength);var v=h(e+l,n+l,r),y=sa(v.x-u.x,v.y-u.y),g=Ca.deg(function(t,e){var n=0;switch(t){case"angle":n=f.rotate.value;break;case"auto angle":n=e+f.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(f.rotateStatus,y));t.reset({transform:zc.rotate(t.transform,g)})}return s}}function Mf(t,e,n,r){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 Tf(t,e,n,r,i,a){var o=a.$("video").el,c=n.split(":"),s=_t()(c,3),u=s[0],l=(s[1],+(u||0)*+(s[2]||1));return function(e,n){0===n?(o.currentTime=l,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Vf=function(){return function(t,e){}};function Ef(t,e,n,r,i,a,o){var c=i||e;switch(c){case"width":case"x":return rs(t,e,n,r,"width");case"height":case"y":return rs(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 rs(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Qc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return du(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return yu(0,0,n,r);case"rotate":return wu(0,0,n,r)}var s=function(t){switch(t){case"border-radius":return os;case"border":return makeInterpolateBorder;case"box-shadow":return vu;case"text-shadow":return $u;case"background-image":case"BackgroundImageEditor":return Ll;case"filter":case"backdrop-filter":return ef;case"clip-path":return uf;case"transform":return pf;case"transform-origin":return df;case"perspective-origin":return vf;case"stroke-dasharray":return yf;case"d":return mf;case"points":return Pf;case"offset-path":return Cf;case"text":return Mf;case"playTime":return Tf}}(c);return s?s(t,e,n,r,a,o):Vf}function If(t,e,n,r,i,a,o){return Ef(t,e,n,r,i,a,o)}function Df(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=_t()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=xu[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,fe()(o))}return Lf(t)}function Lf(t){var e=nc(t);return function(t){return e(t).y}}function Bf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Af(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ff=function(t){R()(n,t);var e=zf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Ca.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Af(Af({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offset=Ca.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(xc(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Af({checked:!0,value:Ca.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(fe()(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],Af({},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],Af({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=Af(Af({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new n(t)}}]),n}(Ec);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 Gf(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){w()(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}function _f(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nf=function(t){R()(n,t);var e=_f(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=(t.name,t.selectedType,t.offsets);return Gf(Gf(Gf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","selectedType")),{},{offsets:e.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 Ff(Gf({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(fe()(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 n(t)}},{key:"parseStyle",value:function(t){var e=[],r={};if(t.keyframe){var i=Bs(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),c=Aa()(o),s=c[0],u=c[1],l=c[2],f=c.slice(3).join(" ");r[s]||(r[s]=new n({name:s}),e[a]=s);var h=r[s].offsets.filter((function(t){return t.offset.equals(Ca.parse(u))})),p=null;h.length?p=h[0]:(p=new Ff({offset:Ca.parse(u)}),r[s].offsets.push(p)),p.addProperty({key:l,value:zs(f,i.matches)})}))}return e.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]}))}}]),n}(Ec);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 Yf(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){w()(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}function Kf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function Uf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Uf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Uf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qf=function(t){R()(n,t);var e=Zf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Wf({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&Ta()(V()(n.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Jt(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 c=qa.body().$('[data-id="'.concat(t,'"]')),s=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,u=i.keyframes[e+1];t.editor=s,u||(u={time:t.time,value:t.value});var l={layer:a,layerElement:c,property:i.property,isOnlyTime:o.time===u.time,startTime:t.time,endTime:u.time,startValue:t.value,endValue:u.value,timing:t.timing,interpolateFunction:If(a,i.property,t.value,u.value,t.editor,r,c),timingFunction:Df(t.timing)};return l.func=n.makeTimingFunction(l),l})).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){Jt(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(w()({},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){Zc(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){Zc(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=ga(),r=Wf(Wf({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=Wc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Zc(t,0),totalTimecode:Zc(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=qc(n,i=+i)),a>r&&(a=r);var o=Wc(n,a);e.currentTime=o,e.currentTimecode=Zc(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(Zc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=qc(e.fps,n)),Wc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Wc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Wc(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&&(Jt(a)&&(o.time=a),Jt(r)&&(o.value=r),Jt(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 c=this.getSelectedTimeline(),s=this.getTimelineProperty(e,n);if(s){var u=a||c.currentTime;if(!s.keyframes.filter((function(t){return t.time===u})).length){r=qt(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:ga(),layerId:e,property:n,time:u,value:r,timing:i||"linear",editor:o};return s.keyframes.push(l),s.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),c=this.getDefaultPropertyValue(e),s="linear",u="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),c=o[0].value+"",s=o[0].timing+"",u=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:s,editor:u})}}},{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=Zc(t,e.currentTime),e.totalTimecode=Zc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return Wf(Wf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{timeline:ae(this.json.timeline)})}}]),n}(function(t){R()(n,t);var e=Kf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Yf({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 Nf(Yf({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(fe()(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=Yf({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return Yf(Yf({},Ta()(V()(n.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]=Yf(Yf({},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]=Yf(Yf({},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]=Yf(Yf({},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]=Yf(Yf({},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,n=this.json.svgfilters.map((function(t,e){return{id:t.id,index:e}})).filter((function(e){return e.id===t}));return n.length?null==n||null===(e=n[0])||void 0===e?void 0: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]=Yf(Yf({},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]=Yf(Yf({},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)}}]),n}(La));function Jf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function th(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eh=Ca.z(),nh=Ca.z(),rh=r.create(),ih=function(t){R()(n,t);var e=th(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"indexed",get:function(){return this.createIndexItemMap(),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:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{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=_t()(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 Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Qf({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return Qf(Qf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","description","rootVariable"))}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return eh}},{key:"offsetY",get:function(){return nh}},{key:"hasLayout",value:function(){return!1}},{key:"getTransformMatrix",value:function(){return r.create()}},{key:"resetMatrix",value:function(t){var e=r.getTranslation([],fa(t.accumulatedMatrix,t.localMatrixInverse)),n=_t()(e,2),i=n[0],a=n[1];t.reset({x:Ca.px(i),y:Ca.px(a)})}},{key:"rectVerties",get:function(){var t;return null!==(t=this.layers)&&void 0!==t&&t.length?Lo(this.layers):null}},{key:"accumulatedMatrix",get:function(){return rh}},{key:"accumulatedMatrixInverse",get:function(){return rh}},{key:"contentBox",get:function(){return{left:0,top:0,width:0,height:0}}}]),n}(qf);function ah(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,ah(t,e))})),(e.id||e.includes(t.id))&&n.push(t),n}var oh=function(){function t(e){var n=this;O()(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=Io(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Uc({parent:this.currentProject,x:Ca.px(0),y:Ca.px(0),width:Ca.px(0),height:Ca.px(0)}),this.$editor.on("config:bodyEvent",(function(){n.refreshMousePosition()}))}return j()(t,[{key:"refreshMousePosition",value:function(){var t=this.$editor.config,e=this.$editor.viewport.getWorldPosition();this.pos=e,this.column=Math.ceil(e[0]/t.get("area.width")),this.row=Math.ceil(e[1]/t.get("area.width"))}},{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{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:"isLayoutItem",get:function(){var t;return null===(t=this.current)||void 0===t?void 0:t.isLayoutItem()}},{key:"allLayers",get:function(){return this.currentProject.allLayers||[]}},{key:"filteredLayers",get:function(){var t=this;return this.currentProject.filteredAllLayers((function(e){var n=e.areaPosition;if(!n)return!1;var r=n.column,i=n.row;return r[0]<=t.column&&t.column<=r[1]&&i[0]<=t.row&&t.row<=i[1]})).filter((function(e){return e.hasPoint(t.pos[0],t.pos[1])}))}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&(!t.check(e)&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)})))})):[]}},{key:"snapTargetLayersWithSelection",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)}))})):[]}},{key:"selectedArtboards",get:function(){return fe()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"hasChangedField",value:function(){var t;return!!this.current&&(t=this.current).hasChangedField.apply(t,arguments)}},{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:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{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:"reload",value:function(){return this.select.apply(this,fe()(this.itemsByIds(this.ids)))}},{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(Array.isArray(t)?e=t:(te(t)||ee(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=ah(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]=ae(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,fe()(ah(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,fe()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,fe()(this.items).concat(fe()(ah(this.project,t))))}},{key:"removeById",value:function(t){var e=t;te(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,fe()(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 To(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.originVerties;if(n.artboard){var i=n.artboard.originVerties;if(To(i,r[0][0],r[0][1])||Eo(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return To(e,r[0][0],r[0][1])||Eo(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"setRectCache",value:function(){if(this.isEmpty)return this.cachedVerties=[],this.cachedRectVerties=[],this.cachedItemVerties=[],void(this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}})));this.cachedVerties=this.verties,this.cachedRectVerties=zo(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:"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 this.isEmpty?[]:Lo(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Ca.px(t[0][0]),y:Ca.px(t[0][1]),width:Ca.px(i.distance(t[0],t[1])),height:Ca.px(i.distance(t[0],t[3]))}}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"pack",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:"packByValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=[];return null===e?r=this.items:(te(e)||Array.isArray(e))&&(r=this.itemsByIds(e)),r.forEach((function(e){n[e.id]={},Object.keys(t).forEach((function(r){n[e.id][r]=ne(t[r])?t[r].call(t,e):t[r]}))})),n}},{key:"each",value:function(t){ne(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return ne(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{key:"reset",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n,r=_t()(t,2),i=r[0],a=r[1];null===(n=e.get(i))||void 0===n||n.reset(a)}))}},{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,fe()(this.copyItems.map((function(t){return t.copy(10)})))),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&&!qt(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?To(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return To(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return te(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.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}}]),t}(),ch=function(){function t(e){O()(this,t),this.editor=e,this.components={},this.inspectors={}}return j()(t,[{key:"registerComponent",value:function(t,e){if(this.components[t])throw new Error("It has duplicated item name. "+t);this.components[t]=e}},{key:"registerInspector",value:function(t,e){if(this.inspectors[t])throw new Error("It has duplicated item name. "+t);this.inspectors[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"getInspector",value:function(t){return this.inspectors[t]}},{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)}},{key:"createInspector",value:function(t){var e=this.getInspector(t.itemType);return ne(e)?e(t)||[]:ne(t.getProps)&&t.getProps()||[]}}]),t}();function sh(t){t.emit("noneSelectMenu"),t.nextTick((function(){t.emit("refreshAll"),t.emit("refreshSelectionTool")}))}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 lh(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){w()(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}function fh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ph(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ph(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ph(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var vh,yh={command:"clipboard.paste",execute:(vh=Fa()(Na.a.mark((function t(e,n){var r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.selection.length||!e.selection.copyItems.length){t.next=5;break}e.selection.paste(),e.emit("refreshAll"),t.next=9;break;case 5:return t.next=7,navigator.clipboard.readText();case 7:(r=t.sent)&&e.emit("convertPasteText",r);case 9:case"end":return t.stop()}}),t)}))),function(t,e){return vh.apply(this,arguments)})},gh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},mh={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:ga(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}},bh={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:ga(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function kh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Ca.px(n.naturalWidth),naturalHeight:Ca.px(n.naturalHeight),width:Ca.px(n.naturalWidth),height:Ca.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function xh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ph={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"),kh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,c=Ca.px(i.height.value*a);t.emit("addImage",wh(wh(wh({src:e.id},i),n),{},{width:o,height:c}),r),t.changeMode(Ag),t.emit("afterChangeMode")})))}};function Oh(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Ca.px(n.videoWidth),naturalHeight:Ca.px(n.videoHeight),width:Ca.px(n.videoWidth),height:Ca.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 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 jh(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){w()(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 $h={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"),Oh(e,(function(i){t.emit("addVideo",jh(jh({src:e.id},i),n),r),t.changeMode(Ag),t.emit("afterChangeMode")})))}};function Rh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){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 Ch={command:"dropImageUrl",execute:function(t,e){kh({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?Rh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Ag),t.emit("afterChangeMode")}))}},Mh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=ga(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Th={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 c=o.createImage({id:ga(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),ne(n)&&n(c.id)}},r.readAsDataURL(e)}},Vh={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:ga(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),ne(n)&&n(a))},r.readAsDataURL(e)}},Eh=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=_t()(r,2),a=(i[0],i[1]),o=a.split(","),c=Aa()(o),s=c[0],u=c.slice(1),l=s.split(";"),f=_t()(l,2),h=f[0],p=f[1];return u=u.join(","),{mimeType:h,local:n&&t.getLink(h,p,u)}}},{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 c=new Blob([a],{type:t});return URL.createObjectURL(c)}return""}}]),t}(),Ih={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Eh.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:ga(),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:ga(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function Dh(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 Lh={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Dh("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},Bh=function(t,e){return t.replaceLocalUrltoRealUrl(t.svg.render(e))},Ah={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=Bh(t,e).trim();Dh("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function zh(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=qa.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var Fh={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Bh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;kh({local:i},(function(n,r){zh(r,(function(n){Dh(n,a),e&&t.emit(e,n)}))}))}}},Hh={command:"load.json",execute:function(t,e){0===(e=t.loadResource("projects",[])||e).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),sh(t)}}};function Gh(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var _h={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Gh(t,(function(r,i){var a;!1===Array.isArray(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")}))}},Nh={command:"setTimelineOffset",debounce:100,execute:function(t,e){Gh(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},Xh={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Gh(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")}))}},Yh={command:"removeTimelineProperty",execute:function(t,e,n){Gh(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Kh={command:"deleteTimelineKeyframe",execute:function(t){Gh(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")}))}},Uh={command:"selectTimelineItem",execute:function(t,e){Gh(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Wh={command:"removeTimeline",execute:function(t,e){Gh(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Zh={command:"removeAnimationItem",execute:function(t,e){Gh(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},qh={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Gh(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")}))}},Jh={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Gh(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},Qh={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"),Gh(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Jc({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(Zc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Zc(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(Zc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},tp={command:"prevTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ep={command:"firstTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},np={command:"nextTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},rp={command:"lastTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ip={command:"addTimelineItem",execute:function(t,e){Gh(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},ap={command:"drop.asset",execute:function(){var t=Fa()(Na.a.mark((function t(e,n){var r,i,a=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=a.length>2&&void 0!==a[2]?a[2]:null,!n.color){t.next=5;break}e.emit("addBackgroundColor",n.color,r),t.next=22;break;case 5:if(!n.gradient){t.next=9;break}e.emit("addBackgroundImageGradient",n.gradient,r),t.next=22;break;case 9:if(!n.pattern){t.next=13;break}e.emit("addBackgroundImagePattern",n.pattern,r),t.next=22;break;case 13:if(!n.imageUrl){t.next=17;break}e.emit("addBackgroundImageAsset",n.imageUrl,r),t.next=22;break;case 17:if(!n.asset){t.next=22;break}return t.next=20,e.storageManager.getCustomAsset(n.asset.id);case 20:(i=t.sent)&&e.emit("addArtBoard",i,n.asset.center);case 22:sh(e);case 23:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},op={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;console.log(n);var r=t.selection.itemsByIds(n);console.log(r);var i={};r.forEach((function(t){var n=Rl.parseStyle(wc(t["background-image"]));n.unshift(new Rl({image:Rl.parseImage(e)})),i[t.id]={"background-image":Rl.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},cp={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=Rl.parseStyle(wc(t["background-image"]));n.unshift(new Rl({image:new Zu({url:e})})),i[t.id]={"background-image":Rl.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},sp={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")}))}},up={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},lp={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)}},fp={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)}},hp={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)}},pp={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)}},dp=new Map,vp=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return dp.has(t)}},{key:"get",value:function(t){return dp.get(t)}},{key:"set",value:function(t,e){dp.size>1e3&&dp.clear(),dp.set(t,e)}}]),t}();function yp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,kp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,gp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Cp[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;if(vp.has(t))return vp.get(t);var r=Bs(t);return(r.str.match(bp)||[]).forEach((function(t,i){var a=t.split("("),o=_t()(a,2),c=o[0],s=o[1],u=(s=s.split(")")[0]).split(",").map((function(t){return t.trim()})),l=_t()(u,6),f=l[0],h=l[1],p=l[2],d=l[3],v=l[4],y=l[5],g=f.split(" "),m=_t()(g,2),b=m[0],k=m[1],x=h.split(" "),w=_t()(x,2),P=w[0],O=w[1],S=(y||"").split(" "),j=_t()(S,2),$=j[0],R=j[1];e[i]=n.parse({type:c,x:Ca.parse(P),y:Ca.parse(O),width:Ca.parse(b),height:Ca.parse(k),foreColor:zs(p,r.matches),backColor:zs(d,r.matches),blendMode:v||"normal",lineWidth:Ca.parse($||"1px"),lineHeight:Ca.parse(R||"1px")})})),vp.set(t,e),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,Rl.parseStyle(wc(t.toCSS())))})),Rl.joinCSS(e)}}]),n}(Ec),xp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:Ca.z(),y:Ca.z(),width:Ca.px(20),height:Ca.px(20),lineWidth:Ca.px(1),lineHeight:Ca.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).width=Ca.parse(t.width),t.height=Ca.parse(t.height),t.lineWidth=Ca.parse(t.lineWidth),t.lineHeight=Ca.parse(t.lineHeight),t.x=Ca.parse(t.x),t.y=Ca.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,c=t.backColor,s=t.blendMode,u=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(c,", ").concat(s,", ").concat(u," ").concat(l,")")}}]),n}(kp),wp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";\n    ")}}]),n}(xp),Pp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,i=t.lineHeight,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";      \n    ")}}]),n}(xp),Op=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,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    ")}}]),n}(xp),Sp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(c," ").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(s,";\n    ")}}]),n}(xp),jp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.lineWidth,a=t.backColor,o=t.foreColor,c=t.blendMode;return a=a||"transparent",o=o||"black","\n    background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0px, ").concat(o," ").concat(i,", ").concat(a," 0px, ").concat(a," 50%);\n    background-size: ").concat(e," ").concat(n,";      \n    background-blend-mode: ").concat(c,";\n  ")}}]),n}(xp),$p=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(xp),Rp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(xp),Cp={check:wp,grid:Pp,dot:Op,"cross-dot":Sp,"diagonal-line":jp,"vertical-line":$p,"horizontal-line":Rp},Mp={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:kp.join([].concat(fe()(kp.parseStyle(e)),fe()(kp.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Tp={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.command("setAttributeForMulti","add background color",t.selection.packByValue({"background-color":e},n))}};var Vp={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=aa(e.artboard.verties)-aa(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=aa(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=aa(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ep={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=ia(e.artboard.verties)-ia(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ia(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ia(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ip={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=ca(e.artboard.verties)-ca(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ca(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ca(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Dp={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=ra(e.artboard.verties)-ra(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ra(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ra(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Lp={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=oa(e.artboard.verties)-oa(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=oa(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=oa(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Bp={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=na(e.artboard.verties)-na(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=na(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=na(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ap={command:"same.width",description:"fit at the same width",execute:function(t){if(console.log(t.selection.isMany),t.selection.isMany){var e=Bo(t.selection.verties);t.command("setAttributeForMulti","fit at the same width",t.selection.packByValue({x:e.x,width:e.width}))}}},zp={command:"same.height",description:"fit at the same height",execute:function(t){var e=t.selection.length;if(1==e);else if(e>1){var n=Bo(t.selection.verties);t.command("setAttributeForMulti","fit at the same height",t.selection.packByValue({y:n.y,height:n.height}))}}};var Fp={command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),sh(t)}},Hp={command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),sh(t)}};function Gp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var _p={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?Gp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({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")}}}},Np={command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=fe()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,fe()(i)),t.emit("refreshAll")}}}},Xp={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;$c(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)}},Yp={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){var i={};Object.keys(r).forEach((function(t){var n=r[t];i[t]=ne(n)?n(e):n})),e.reset(i)&&(t.emit("refreshElement",e),t.emit("changeValue",n,i))}))}))}},Kp={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(fe()(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")}))}},Up={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(fe()(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")}))}};function Wp(){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 Zp={command:"history.removeLayer",description:"remove layer",execute:function(t,e,n,r){var i=t.selection.itemsByIds(r||t.selection.ids),a=(i=Wp(i)).map((function(t){return t.id})),o=t.serialize(i);i.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[a],undoValues:o}),t.nextTick((function(){t.selection.removeById(i.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=Wp(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")}))}},qp={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("setAttributeForMulti",t.selection.packByValue({d:r.scale(1/n.width.value,1/n.height.value).d}))}else{var a=n.invertPath(e.d),o=a.getBBox(),c=n.offsetX.value+o[0][0],s=n.offsetY.value+o[0][1],u=i.distance(o[1],o[0]),l=i.distance(o[3],o[0]);a.translate(-o[0][0],-o[0][1]),t.emit("setAttributeForMulti",t.selection.packByValue({d:a.scale(1/u,1/l).d,x:Ca.px(c),y:Ca.px(s),width:Ca.px(u),height:Ca.px(l)}))}}},Jp={command:"moveLayer",description:"move 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;t.command("setAttributeForMulti","item move down",t.selection.packByValue({x:function(t){return Ca.px(t.offsetX.value+e)},y:function(t){return Ca.px(t.offsetY.value+n)}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},Qp={command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e&&t.viewport.moveLayerToCenter(e,void 0,n)}},td={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:Ca.px(t.item.offsetX.value+t.dist[0]).round(),y:Ca.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")}))}},ed={command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=[];n=t.selection.isEmpty?t.selection.currentProject.rectVerties:Lo(t.selection.items),t.emit("moveToCenter",n,e)}},nd={command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Bh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);kh({local:i},(function(n,r){zh(r,(function(n){e&&t.emit(e,n)}))}))}}},rd={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))}},id=n(15),ad=n.n(id);function od(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?od(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):od(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var sd,ud=(sd={openEditor:{command:"open.editor",description:"Open custom editor for item  when doubleclick is fired",execute:function(t){if(!1!==t.selection.isOne){var e=t.selection.current;if(e)if(e.setCache(),e.d)t.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d,changeEvent:function(e){t.emit("updatePathItem",e)}}),t.emit("hideSelectionToolView");else if(e["clip-path"]){var n=sf.parseStyle(e["clip-path"]);if("path"===n.type){var r=e.accumulatedPath(e.clipPathString).d,i=r?"modify":"path";t.emit("showPathEditor",i,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(n.d,")")}))},current:e,d:r}),t.emit("hideSelectionToolView")}else"svg"===n.type||t.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue(e))}})}}}},refreshHistory:function(t){t.emit("saveJSON")},convertPasteText:{command:"convertPasteText",execute:function(){var t=Fa()(Na.a.mark((function t(e,n){var r,i;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=ad.a.create({videoInfo:ad.a.parse(n),format:"embed",mediaType:"clip"}))&&(i=e.viewport.center,300,200,e.emit("newComponent","iframe",{x:Ca.px(i[0]-150),y:Ca.px(i[1]-100),width:Ca.px(300),height:Ca.px(200),"background-color":"transparent",url:r}));case 2:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},refreshCursor:rd,recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},toggleToolHand:{command:"toggleToolHand",execute:function(t){t.config.toggle("set.tool.hand")}},rotateLayer:{command:"rotateLayer",description:"rotate layer by keydown with matrix ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.command("setAttributeForMulti","change rotate",t.selection.packByValue({transform:function(t){return zc.addTransform(t.transform,"rotateZ(".concat(Ca.deg(e).round(1e3),")"))}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},historyAddLayer:Up,historyRemoveLayer:Zp,historySetAttributeForMulti:Kp,historyRefreshSelection:Xp,historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:Jp,moveLayerForItems:td,moveToCenter:Qp,moveSelectionToCenter:ed,groupItem:_p,ungroupItem:Np,setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshSelectionStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Tp,addBackgroundImagePattern:Mp,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:lp,segmentMoveUp:fp,segmentMoveRight:hp,segmentMoveLeft:pp,changeModeView:up,removeLayer:sp,itemMoveDepthDown:Fp,itemMoveDepthUp:Hp,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:ap,addBackgroundImageAsset:cp,addBackgroundImageGradient:op,addTimelineItem:ip,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:rp,nextTimelineItem:np,firstTimelineItem:ep,prevTimelineItem:tp,playTimelineItem:Qh,copyTimelineProperty:Jh,addTimelineKeyframe:qh,removeAnimationItem:Zh,removeTimeline:Wh,selectTimelineItem:Uh,deleteTimelineKeyframe:Kh,removeTimelineProperty:Yh,addTimelineCurrentProperty:Xh,setTimelineOffset:Nh,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:_h,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Hh,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},savePNG:nd,downloadPNG:Fh,downloadSVG:Ah,downloadJSON:Lh,updateUriList:Ih,updateImageAssetItem:Th,updateVideoAssetItem:Vh,addSVGFilterAssetItem:Mh,dropImageUrl:Ch,addImageAssetItem:Ph,addVideoAssetItem:$h,updateImage:mh,updateVideo:bh,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:gh,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:yh,clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=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(lh({itemType:"artboard",x:Ca.px(300),y:Ca.px(200),width:Ca.px(375),height:Ca.px(667)},e)));n&&(i.reset({x:Ca.px(0),y:Ca.px(0)}),i.moveByCenter(n)),t.selection.select(i),sh(t)},addCustomComponent: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,i=r.appendChildItem(t.createItem(cd({x:Ca.px(300),y:Ca.px(200),width:Ca.px(375),height:Ca.px(667)},e)));n&&(i.reset({x:Ca.px(0),y:Ca.px(0)}),i.moveByCenter(n)),t.selection.select(i),sh(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){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),sh(t))},addLayerView:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),t.emit("removeGuideLine"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e,n))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(hh({itemType:"project"},e)));t.selection.selectProject(n),sh(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 _c(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","set attribute -d",t.selection.packByValue({d:i},r.id))}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new _c(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","change clip path",t.selection.packByValue({"clip-path":"path(".concat(i,")")},r.id))}},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;"svg-textpath"===e?n=dh(dh({},n),{},{"font-size":Ca.parse(n.height),textLength:"100%",d:bf.makeLine(0,1,1,1)}):"svg-circle"===e?(e="svg-path",n=dh(dh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:bf.makeCircle(0,0,1,1)})):"svg-rect"===e?(e="svg-path",n=dh(dh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:bf.makeRect(0,0,1,1)})):"text"===e?n=dh({width:Ca.px(300),height:Ca.px(50)},n):"artboard"===e&&(n=dh(dh({},n),{},{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(dh({itemType:e},n)),n,r,i),t.changeMode(Ag),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=_t()(r,2),a=i[0],o=i[1];a=Ca.px(+a),o=Ca.px(+o),n.reset({width:a,height:o}),t.selection.select(n),sh(t)}},setAttributeForMulti:Yp,sortBottom:Dp,sortCenter:Vp,sortLeft:Ep,sortMiddle:Ip},w()(sd,"sortBottom",Dp),w()(sd,"sortTop",Lp),w()(sd,"sortRight",Bp),w()(sd,"sameWidth",Ap),w()(sd,"sameHeight",zp),w()(sd,"updatePathItem",qp),w()(sd,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(e.d,")")}))}}),sd),ld=function(){function t(e){O()(this,t),this.$editor=e,this.loadCommands()}return j()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(ud).forEach((function(e){ne(ud[e])?t.registerCommand(e,ud[e]):t.registerCommand(ud[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))};return r.source=t,this.$editor.on(t,r,this,0)}if(ee(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))};return i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),fd={name:void 0};function hd(){return void 0===fd.name&&(-1!=navigator.appVersion.indexOf("Win")?fd.name="win":-1!=navigator.appVersion.indexOf("Mac")?fd.name="mac":-1!=navigator.appVersion.indexOf("X11")?fd.name="linux":fd.name=""),fd.name}var pd=[{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:"Tools",key:"h",command:"toggleToolHand",description:"set hand tool on",when:"CanvasView"},{category:"Layer",key:"Meta+ArrowLeft",command:"rotateLayer",description:"rotate to left",args:[-5],when:"CanvasView"},{category:"Layer",key:"Meta+ArrowRight",command:"rotateLayer",description:"rotate to right",args:[5],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:"Delete",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",win:"ctrl+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],dd={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 vd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vd(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gd(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function md(t){return dd["".concat(t).toLowerCase()]||t}var bd=function(){function t(e){O()(this,t),this.$editor=e,this.loadShortCuts()}return j()(t,[{key:"getGeneratedKeyCode",value:function(t){return md(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},pd.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=hd();this.list.push(yd(yd({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||!0)})),this.sort()}},{key:"makeWhenFunction",value:function(t,e){if(Qt(e)&&e)return function(){return!0};var n=this.$editor,r=e.split("|").map((function(t){return t.trim()}));return function(){return r.some((function(t){return t===n.modeView}))}}},{key:"sort",value:function(){var t=this;this.commands={},this.list.forEach((function(e){!1===Array.isArray(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)})),gd(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",md(o.join("")))}},{key:"makeKeyString",value:function(t){return gd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return gd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return gd(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(n){var r;(r=e.$editor).emit.apply(r,[n.command].concat(fe()(n.args),[t]))}))}}}]),t}(),kd=function(){function t(e){O()(this,t),this.editor=e,this.configList=[],this.config=new Map}return j()(t,[{key:"get",value:function(t){var e;!1===this.config.has(t)&&this.config.set(t,null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.defaultValue);return this.config.get(t)}},{key:"set",value:function(t,e){var n=this.config.get(t);n!==e&&(this.config.set(t,e),this.editor.emit("config:"+t,e,n))}},{key:"setAll",value:function(t){var e=this;Object.keys(t).forEach((function(n){e.set(n,t[n])}))}},{key:"getType",value:function(t){var e;return null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.type}},{key:"isType",value:function(t,e){return this.getType(t)===e}},{key:"isBoolean",value:function(t){return this.isType(t,"boolean")}},{key:"toggle",value:function(t){this.isBoolean(t)&&this.set(t,!this.get(t))}},{key:"true",value:function(t){return!0===this.get(t)}},{key:"false",value:function(t){return!1===this.get(t)}},{key:"remove",value:function(t){this.config.delete(t),this.editor.emit("config:"+t)}},{key:"registerConfig",value:function(t){this.config.set(t.key,t.defaultValue),this.configList.push(t)}}]),t}(),xd=function(){function t(e){O()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return j()(t,[{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}},{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){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=performance.now(),i=this.undoHistories[this.undoHistories.length-1],a={message:t,command:e,data:n,time:r};return i&&i.message===t&&r-i.time<this.$editor.config.get("history.delay.ms")?this.undoHistories[this.undoHistories.length-1]=a:(this.undoHistories.push(a),this.currentIndex++,this.undoHistories.length=this.currentIndex+1),this.$editor.emit("refreshHistory",e.command),a}},{key:"map",value:function(t){return[].concat(fe()(this.undoHistories.map(t)),["-"],fe()(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",e.command)}))}}},{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",e.command)}))}}}]),t}(),wd=i.fromValues(0,0,0);function Pd(t,e){return Math.abs(t[0]-e[0])<1}function Od(t,e){return Math.abs(t[1]-e[1])<1}var Sd=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;O()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return j()(t,[{key:"dist",get:function(){return this.editor.config.get("snap.distance")||this.snapDistance}},{key:"gridSize",get:function(){return this.editor.config.get("snap.grid")||50}},{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,rectVerties:Ao(t.originVerties)}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties;return fe()(e)}},{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=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=[];return t.forEach((function(t,a){e.forEach((function(e,o){var c=t-e,s=n.gridSize-Math.abs(e)%n.gridSize;Math.abs(c)<=r?i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:c}):Math.abs(s)<=r&&i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:s})}))})),i}},{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.dist,a=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var c=e.checkX(t.xList,a,r)[0],s=e.checkY(t.yList,o,r)[0];n.push(i.fromValues(c?c.dx:0,s?s.dy:0,0))})),n.find((function(t){return ie(t[0])||ie(t[1])}))||wd}},{key:"checkPoint",value:function(t){var e=this.check([t]);return i.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,a=[],o={},c=0,s=t.length;c<s;c++){n=t[c];var u="".concat(n[0],"_x"),l="".concat(n[1],"_y");o[u]||(o[u]=[]),o[l]||(o[l]=[]);for(var f=0,h=e.length;f<h;f++)Pd(n,r=e[f])&&o[u].push([n,r,"x",i.dist(n,r)]),Od(n,r)&&o[l].push([n,r,"y",i.dist(n,r)])}return Object.keys(o).forEach((function(t){if(o[t]&&o[t].length){var e=o[t].sort((function(t,e){return t[3]-e[3]})),n=_t()(e[0],3),r=n[0],i=n[1],c=n[2];a.push([r,i,c])}})),a}},{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}(),jd=function(){function t(e){O()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return j()(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}(),$d=function(){function t(e){O()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=Io(0,0,0,0),this.mouse=i.create(),this.scale=1,this.translate=i.create(),this.transformOrigin=i.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return j()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=i.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(i.add([],this.translate,i.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=fa(r.fromTranslation([],this.translate),r.fromTranslation([],this.transformOrigin),r.fromScaling([],[this.scale,this.scale,1]),r.fromTranslation([],i.negate([],this.transformOrigin))),this.matrixInverse=r.invert([],this.matrix),this.scaleMatrix=fa(r.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=r.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=Io(0,0,this.canvasSize.width,this.canvasSize.height);var e=i.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=i.add([],this.verties[0],[e[0]/2,e[1]/2,0]),a=r.getTranslation([],fa(this.matrix,ha(r.fromTranslation([],n),this.scaleMatrix,r.invert([],r.fromTranslation([],n)))));this.setTranslate(a),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=Io(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=Ji(this.cachedViewport,this.matrixInverse))}},{key:"getWorldPosition",value:function(t){return t=t||this.editor.config.get("bodyEvent"),this.createWorldPosition(t.clientX,t.clientY)}},{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(i.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(i.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){this.setTransformOriginWithTranslate(i.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=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=i.lerp([],t[0],t[2],.5),a=i.dist(t[0],t[1]),o=i.dist(t[0],t[3]),c=i.lerp([],this.verties[0],this.verties[2],.5),s=i.dist(this.verties[0],this.verties[1]),u=i.dist(this.verties[0],this.verties[3]),l=n?Math.min(s/a,u/o)+e:1;this.setTranslate(i.add([],this.translate,i.subtract([],c,r))),this.setTransformOrigin(r),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{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:"center",get:function(){return this.verties[4]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}},{key:"checkInViewport",value:function(t){var e=_t()(t,3),n=e[0],r=e[1],i=(e[2],this.minX<n&&n<this.maxX),a=this.minY<r&&r<this.maxY;return i&&a}},{key:"applyVertex",value:function(t){return i.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return i.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return Ji(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return Ji(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return Ji(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return Ji(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return Io(t,e,n,r)}(t,e,n,r))}}]),t}(),Rd=function(){function t(e){O()(this,t),this.editor=e,this.customAssetKey="custom-assets"}var e,n,r,i,a;return j()(t,[{key:"getCustomAssetList",value:(a=Fa()(Na.a.mark((function t(){var e,n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=!1,n=(this.editor.loadItem(this.customAssetKey)||[]).map((function(t){return t.id||(t.id=ya(),e=!0),t})),!e){t.next=5;break}return t.next=5,this.setCustomAssetList(n);case 5:return t.abrupt("return",n);case 6:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})},{key:"setCustomAssetList",value:(i=Fa()(Na.a.mark((function t(e){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem(this.customAssetKey,e);case 1:case"end":return t.stop()}}),t,this)}))),function(t){return i.apply(this,arguments)})},{key:"getCustomAsset",value:(r=Fa()(Na.a.mark((function t(e){var n,r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:if(n=t.sent,!(r=n.find((function(t){return t.id===e})))||!r.component){t.next=6;break}return t.abrupt("return",r.component);case 6:return t.abrupt("return",null);case 7:case"end":return t.stop()}}),t,this)}))),function(t){return r.apply(this,arguments)})},{key:"saveCustomAsset",value:(n=Fa()(Na.a.mark((function t(){var e,n,r,i,a=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:"",!(n=this.editor.selection.current)){t.next=13;break}return t.next=5,this.getCustomAssetList();case 5:return r=t.sent,t.next=8,this.editor.json.render(n);case 8:return(i=t.sent).x="0px",i.y="0px",t.next=13,this.setCustomAssetList([].concat(fe()(r),[{id:ya(),preview:e,component:i}]));case 13:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:"removeCustomAsset",value:(e=Fa()(Na.a.mark((function t(e){var n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:return n=t.sent,t.next=5,this.setCustomAssetList(n.filter((function(t){return t.id!==e})));case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})}]),t}();function Cd(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 Md=Cd('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Td=Cd('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Vd=Cd('<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"/>'),Ed=Cd('<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"/>'),Id=Cd('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Dd=Cd('<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"/>'),Ld=Cd('<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"/>'),Bd=Cd('<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"/>'),Ad=Cd('<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"/>'),zd=Cd('<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"/>'),Fd=Cd('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),Hd=Cd('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Gd=Cd('<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"/>'),_d=Cd('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Nd=Cd('<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"/>'),Xd=Cd('<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"/>'),Yd=Cd('<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"/>'),Kd=Cd('<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"/>'),Ud=Cd('<path d="M19 13H5v-2h14v2z"/>'),Wd=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Zd=Cd('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),qd=Cd('<path d="M10 17l5-5-5-5v10z"/>'),Jd=Cd('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),Qd=Cd('<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"/>'),tv=Cd('<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"/>'),ev=Cd('<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"/>'),nv=Cd('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),rv=Cd('<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"/>'),iv=Cd('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),av=Cd('<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"/>'),ov=Cd('<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"/>'),cv=Cd('<path d="M8 5v14l11-7z"/>'),sv=Cd('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),uv=Cd('<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"/>'),lv=Cd('<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"/>'),fv=Cd('<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"/>'),hv=Cd('<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"/>'),pv=Cd('<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"/>'),dv=Cd('<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"/>'),vv=Cd('<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>'),yv=Cd('<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"/>'),gv=Cd('<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"/>'),mv=Cd('<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"/>'),bv=Cd('<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"/>'),kv=Cd('<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"/>'),xv=Cd('<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"/>'),wv=Cd('<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"/>'),Pv=Cd('<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"/>'),Ov=Cd('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Sv=Cd('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),jv=Cd('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),$v=Cd('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),Rv=Cd('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),Cv=Cd('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Mv=Cd('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Tv=Cd('<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"/>'),Vv=Cd('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Ev=Cd('<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"/>'),Iv=Cd('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Dv=Cd('<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" />'),Lv=Cd('<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"/>'),Bv=Cd('<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"/>'),Av=Cd('<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"/>'),zv=Cd('<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"/>'),Fv=Cd('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),Hv=Cd('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Gv=Cd('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),_v=Cd('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Nv=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Xv=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Yv=Cd('<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"/>'),Kv=Cd('<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)"/>'),Uv=Cd('<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"/>'),Wv=Cd('\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'),Zv=Cd('<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"/>'),qv=Cd('<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"/>'),Jv=Cd('<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"/>'),Qv=Cd('<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"/>'),ty=Cd('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),ey=Cd('<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"/>'),ny=Cd('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),ry=Cd('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),iy=Cd('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),ay=Cd('<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"/>'),oy=Cd('<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"/>'),cy=Cd('<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"/>'),sy=Cd('<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"/>'),uy=Cd('<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"/>'),ly=Cd('<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"/>'),fy=Cd('<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"/>'),hy=Cd('<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"/>'),py=Cd('<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"/>'),dy=Cd('<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"/>'),vy=Cd('<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"/>'),yy=Cd('<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"/>'),gy=Cd('<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"/>'),my=Cd('<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"/>'),by=Cd('<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"/>'),ky=Cd('<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"/>'),xy=Cd('<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"/>'),wy=Cd('<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"/>'),Py=Cd('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),Oy=Cd('<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"/>'),Sy=Cd('<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"/>'),jy=Cd('<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"/>'),$y=Cd('<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"/>'),Ry=Cd('\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'),Cy=Cd('<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"/>'),My=Cd('<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"/>'),Ty=Cd('\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'),Vy=Cd('<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"/>'),Ey=Cd('<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"/>'),Iy=Cd('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Dy=Cd('<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"/>'),Ly=Cd('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),By=Cd('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Ay=Cd('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),zy=Cd('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),Fy=Cd('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Hy=Cd('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gy=Cd('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),_y=Cd('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Ny=Cd('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),Xy=Cd('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Yy=Cd('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Ky=Cd('<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"/>'),Uy=Cd('<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"/>'),Wy=Cd('<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"/>'),Zy=Cd('<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"/>'),qy=Cd('\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    '),Jy=Cd('\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'),Qy=Cd('\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    '),tg=Cd('\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    '),eg=Cd('\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'),ng=Cd('\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'),rg=Cd('<path d="M14 7l-5 5 5 5V7z"/>'),ig=Cd('\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    '),ag=Cd('<path d="M10 17l5-5-5-5v10z"/>'),og=Cd('<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"/>'),cg=Cd('<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"/>'),sg=Cd('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),ug=Cd('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),lg=Cd('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),fg=Cd('<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"/>'),hg=Cd('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),pg=Cd('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),dg=Cd('<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"/>'),vg=Cd('\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    '),yg=Cd('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),gg=Cd('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),mg=Cd('<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"/>'),bg=Cd('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),kg=Cd('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),xg=Cd('<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"/>'),wg=Cd('<path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/>'),Pg=Cd('<path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/>'),Og=Cd('<path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/>'),Sg=Cd('<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/>'),jg=Cd('<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/>'),$g=Cd('<path d="M18 24h-6.55c-1.08 0-2.14-.45-2.89-1.23l-7.3-7.61 2.07-1.83c.62-.55 1.53-.66 2.26-.27L8 14.34V4.79c0-1.38 1.12-2.5 2.5-2.5.17 0 .34.02.51.05.09-1.3 1.17-2.33 2.49-2.33.86 0 1.61.43 2.06 1.09.29-.12.61-.18.94-.18 1.38 0 2.5 1.12 2.5 2.5v.28c.16-.03.33-.05.5-.05 1.38 0 2.5 1.12 2.5 2.5V20c0 2.21-1.79 4-4 4zM4.14 15.28l5.86 6.1c.38.39.9.62 1.44.62H18c1.1 0 2-.9 2-2V6.15c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V3.42c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V2.51c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V4.79c0-.28-.22-.5-.5-.5s-.5.23-.5.5v12.87l-5.35-2.83-.51.45z"/>'),Rg=Cd('<path d="M18.85,10.39l1.06-1.06c0.78-0.78,0.78-2.05,0-2.83L18.5,5.09c-0.78-0.78-2.05-0.78-2.83,0l-1.06,1.06L18.85,10.39z M14.61,11.81L7.41,19H6v-1.41l7.19-7.19L14.61,11.81z M13.19,7.56L4,16.76V21h4.24l9.19-9.19L13.19,7.56L13.19,7.56z M19,17.5 c0,2.19-2.54,3.5-5,3.5c-0.55,0-1-0.45-1-1s0.45-1,1-1c1.54,0,3-0.73,3-1.5c0-0.47-0.48-0.87-1.23-1.2l1.48-1.48 C18.32,15.45,19,16.29,19,17.5z M4.58,13.35C3.61,12.79,3,12.06,3,11c0-1.8,1.89-2.63,3.56-3.36C7.59,7.18,9,6.56,9,6 c0-0.41-0.78-1-2-1C5.74,5,5.2,5.61,5.17,5.64C4.82,6.05,4.19,6.1,3.77,5.76C3.36,5.42,3.28,4.81,3.62,4.38C3.73,4.24,4.76,3,7,3 c2.24,0,4,1.32,4,3c0,1.87-1.93,2.72-3.64,3.47C6.42,9.88,5,10.5,5,11c0,0.31,0.43,0.6,1.07,0.86L4.58,13.35z" />');function Cg(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Mg(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cg(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Tg=Mg(Mg({},{fullscreen:tv}),{},{draw:Rg,pantool:$g,left_hide:Sg,right_hide:jg,straighten:Og,plugin:Pg,auto_awesome:wg,web:xg,navigation:kg,delete_forever:mg,horizontal_rule:bg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return Cd('<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:vg,align_horizontal_center:cg,align_horizontal_left:sg,align_horizontal_right:ug,align_vertical_bottom:lg,align_vertical_center:fg,align_vertical_top:hg,vertical_distribute:yg,horizontal_distribute:gg,rotate_left:dg,swap_horiz:pg,arrow_right:ag,group:ig,volume_down:tg,arrowLeft:rg,volume_up:eg,volume_off:ng,pentool:Jy,launch:qy,apps:Uy,outline_rect:Wy,outline_circle:Zy,keyboard:Ky,local_movie:Yy,same_height:Xy,same_width:Ny,layers:og,middle:_y,bottom:Gy,top:Hy,right:Fy,center:zy,left:Ay,flag:By,lens:Ly,local_library:Dy,italic:Iy,strikethrough:Ey,underline:Vy,cylinder:Ty,text_rotate:My,device_hub:Cy,control_point:$y,flip_camera:Ry,flipY:jy,flip:Sy,account_tree:Py,format_shapes:Oy,merge:xy,texture:wy,settings_input_component:ky,view_comfy:by,camera_roll:my,broken_image:gy,shadow:yy,opacity:vy,looks:dy,vintage:py,waves:hy,blur_linear:fy,blur:ly,landscape:uy,palette:sy,diffuse:cy,specular:oy,photo:ay,near_me:iy,view_list:ry,flash_on:ny,doc:ey,storage:ty,archive:Qv,file_copy:Jv,gps_fixed:qv,refresh:Zv,cat:Wv,shuffle:Uv,replay:Kv,speed:Yv,alternate_reverse:Xv,alternate:Nv,note:zv,rect:Av,circle:Bv,color_lens:Lv,cube:Dv,polygon:Iv,star:Ev,dahaze:Vv,brush:Tv,expand:Mv,list:Rv,grid:Cv,align_center:Ov,align_justify:Sv,align_left:jv,align_right:$v,color:Pv,size:wv,edit:xv,outline_image:kv,ballot:gv,shape:yv,scatter:vv,transform:dv,gradient:pv,close:hv,build:fv,code:lv,autorenew:uv,play:cv,pause:sv,skip_next:Fv,skip_prev:Hv,fast_forward:Gv,fast_rewind:_v,filter:ov,input:av,timer:rv,title:nv,paint:ev,border_all:Qd,border_inner:tv,check:Jd,video:Qy,arrowRight:qd,screen:Zd,repeat:Wd,remove2:Ud,setting:Kd,image:Yd,artboard:Xd,folder:Nd,publish:_d,add_note:Gd,add:Hd,save:zd,export:Fd,redo:Ad,undo:Bd,lock:Ld,lock_open:bv,remove:Id,copy:Dd,visible:Ed,add_box:Vd,add_circle:mv,create_folder:Td,chevron_right:Md,chevron_left:iv}),Vg=function(){function t(){O()(this,t)}var e;return j()(t,[{key:"load",value:(e=Fa()(Na.a.mark((function t(){var e,n,r,i,a,o,c,s=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!Tg[e]){t.next=8;break}for(r=s.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=s[a];return o=ne(Tg[e])?(n=Tg[e]).call.apply(n,[Tg[e]].concat(i)):Tg[e],c=new Blob([o],{type:"image/svg+xml"}),t.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(c)})));case 8:return t.abrupt("return",e);case 9:case"end":return t.stop()}}),t)}))),function(){return e.apply(this,arguments)})}]),t}(),Eg=function(){function t(e){O()(this,t),this.$editor=e}return j()(t,[{key:"project",get:function(){return this.$editor.selection.currentProject}},{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=Eh.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 Array.isArray(t)?t=t.map((function(t){return n.applyAsset(t,e)})):ee(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):te(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}}]),t}(),Ig=function(){function t(e){O()(this,t),this.editor=e,this.plugins=[]}var e;return j()(t,[{key:"registerPlugin",value:function(t){this.plugins.push(t)}},{key:"initializePlugin",value:(e=Fa()(Na.a.mark((function t(){var e,n=this,r=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:{},t.next=3,Promise.all(this.plugins.map(function(){var t=Fa()(Na.a.mark((function t(r){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,r(n.editor,e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()));case 3:return t.abrupt("return",t.sent);case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})}]),t}(),Dg=function(){function t(e){O()(this,t),this.editor=e,this.renderers={},this.rendererTypes={}}return j()(t,[{key:"getRenderType",value:function(t){return this.renderers[t]||(this.renderers[t]={}),this.renderers[t]}},{key:"registerRenderer",value:function(t,e,n){var r=this.getRenderType(t);if(r[e])throw new Error("It has duplicated renderer name. "+e);r[e]=n}},{key:"registerRendererType",value:function(t,e){if(this.rendererTypes[t])throw new Error("It has duplcated renderer type name. "+name);this.rendererTypes[t]=e}},{key:"getRenderer",value:function(t){return this.rendererTypes[t]}},{key:"getRendererInstance",value:function(t,e){return this.getRenderType(t)[e]}}]),t}(),Lg=function(){function t(e){O()(this,t),this.editor=e,this.menuItems={}}return j()(t,[{key:"registerMenuItem",value:function(t,e){var n=this;this.menuItems[t]||(this.menuItems[t]=[]),Object.keys(e).forEach((function(r){n.menuItems[t].push({refClass:r,class:e[r]})}))}},{key:"getTargetMenuItems",value:function(t){return this.menuItems[t]||[]}},{key:"generate",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.getTargetMenuItems(t).map((function(t){var n=e?'ref="$'.concat(t.refClass,'"'):"";return'<object refClass="'.concat(t.refClass,'" ').concat(n," />")})).join("\n")}}]),t}(),Bg=function(){function t(e){O()(this,t),this.editor=e,this.locales={},this.fallbackLang="en_US"}return j()(t,[{key:"getLang",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t||this.fallbackLang}},{key:"setFallbackLang",value:function(t){this.fallbackLang=t}},{key:"get",value:function(t){var e,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this.getLang(i),o=(null===(e=this.locales[a])||void 0===e?void 0:e[t])||(null===(n=this.locales[this.fallbackLang])||void 0===n?void 0:n[t])||t||void 0;if(ne(o))return o(r);var c=o;return t===c?t.split(".").pop():(Object.entries(r).forEach((function(t){var e=_t()(t,2),n=e[0],r=e[1];c=c.replace(new RegExp("{".concat(n,"}"),"ig"),r)})),c)}},{key:"hasKey",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=this.getLang(e);return!(!this.locales[n][t]&&!this.locales[this.fallbackLang][t])}},{key:"registerI18nMessage",value:function(t,e){this.locales[t]||(this.locales[t]={}),Object.assign(this.locales[t],e)}}]),t}(),Ag="SELECTION",zg=function(){function t(){O()(this,t),this.EDITOR_ID=ya(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Ag,this.modeView="CanvasView",this.addComponentType="",this.loadManagers()}return j()(t,[{key:"loadManagers",value:function(){this.store=new Po(this),this.config=new kd(this),this.snapManager=new Sd(this),this.commands=new ld(this),this.shortcuts=new bd(this),this.selection=new oh(this),this.timeline=new jo(this),this.history=new xd(this),this.keyboardManager=new jd(this),this.viewport=new $d(this),this.storageManager=new Rd(this),this.cursorManager=new Vg(this),this.assetManager=new Eg(this),this.menuItemManager=new Lg(this),this.components=new ch(this),this.pluginManager=new Ig(this),this.renderers=new Dg(this),this.i18n=new Bg(this),this.initTheme(),this.initPlugins(),this.initStorage()}},{key:"initStorage",value:function(){this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all"}},{key:"createProject",value:function(){return this.createItem({itemType:"project"})}},{key:"getI18nMessage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.i18n.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return this.i18n.hasKey(t,e||this.locale)}},{key:"initI18nMessage",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"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"initPlugins",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.pluginManager.initializePlugin(t)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Oo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ag;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(Ag)}},{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:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){var t=this.config.get("bodyEvent");return!t||("pointerup"===t.type||"pointermove"===t.type&&0===t.buttons)}},{key:"isPointerDown",get:function(){return!this.isPointerUp}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}},{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(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var i=n[0],a=n[1],o=n.slice(2);return(t=this.store).on.apply(t,[i,a,this].concat(fe()(o)))}},{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 te(t)?e.push(t):Array.isArray(t)&&(e=fe()(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:"storeKey",get:function(){return"__els__.".concat(this.config.get("store.key"))}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),JSON.stringify(e))}},{key:"loadResource",value:function(t){return this.assetManager.revokeResource(window.localStorage.getItem("".concat(this.storeKey,".").concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("".concat(this.storeKey,".").concat(t))||JSON.stringify(""))}},{key:"registerElement",value:function(t){so(t)}},{key:"registerMenuItem",value:function(t,e){this.menuItemManager.registerMenuItem(t,e),this.registerElement(e)}},{key:"registerComponent",value:function(t,e){this.components.registerComponent(t,e)}},{key:"registerItem",value:function(t,e){this.registerComponent(t,e)}},{key:"registerInspector",value:function(t,e){this.components.registerInspector(t,e)}},{key:"registerRenderer",value:function(t,e,n){this.renderers.registerRenderer(t,e,n)}},{key:"registerRendererType",value:function(t,e){this.renderers.registerRendererType(t,e)}},{key:"getRendererInstance",value:function(t,e){return this.renderers.getRendererInstance(t,e)}},{key:"renderer",value:function(t){return this.renderers.getRenderer(t)}},{key:"html",get:function(){return this.renderer("html")}},{key:"svg",get:function(){return this.renderer("svg")}},{key:"json",get:function(){return this.renderer("json")}},{key:"registerCommand",value:function(t){return this.commands.registerCommand(t)}},{key:"registerShortCut",value:function(t){this.shortcuts.registerShortCut(t)}},{key:"registerPlugin",value:function(t){this.pluginManager.registerPlugin(t)}},{key:"registerPluginList",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((function(e){return t.registerPlugin(e)}))}},{key:"registerConfig",value:function(t){this.config.registerConfig(t)}},{key:"registerI18nMessage",value:function(t,e){this.i18n.registerI18nMessage(t,e)}},{key:"registerI18nMessageWithLocale",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n=_t()(t,2),r=n[0],i=n[1];e.registerI18nMessage(r,i)}))}}]),t}(),Fg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return K("bodyMouseMove ".concat(t))},Hg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return K("bodyMouseUp ".concat(t))};function Gg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _g=function(t){R()(n,t);var e=Gg(n);function n(t){var r,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return O()(this,n),(r=e.call(this,t,i)).__UID=new Set,r.created(),r.initialize(),r.initializeStoreEvent(),r}return j()(n,[{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:MULTI_PREFIX,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=ue(t,e),i=_t()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"createLocalCallback",value:function(t,e){var n=e.bind(this);return n.displayName="".concat(this.sourceName,".").concat(t),n.source=this.source,n}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(B).forEach((function(e){var n=t.getRealEventName(e,G),r=n.split(A),i=Aa()(r),a=(i[0],i.slice(1)),o=a.map((function(t){return t.trim()})).filter((function(e){return t[e]})).map((function(t){return{target:t}})),c=t.splitMethod(a,"debounce"),s=_t()(c,2),u=s[0],l=s[1],f=t.splitMethod(a,"throttle"),h=_t()(f,2),p=h[0],d=h[1],v=t.splitMethod(a,"allTrigger"),y=_t()(v,2),g=(y[0],y[1]),m=t.splitMethod(a,"selfTrigger"),b=_t()(m,2),k=(b[0],b[1]);n.split(A).filter((function(t){return-1===o.indexOf(t)&&-1===l.indexOf(t)&&-1===g.indexOf(t)&&-1===k.indexOf(t)&&-1===d.indexOf(t)})).map((function(t){return t.trim()})).filter(Boolean).forEach((function(n){if(ne(t[e])){var r=t.createLocalCallback(n,t[e]);t.$store.on(n,r,t,u,p,g.length,k.length,o)}}))}))}},{key:"destoryStoreSUBSCRIBE",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){Ta()(V()(n.prototype),"destroy",this).call(this),this.destoryStoreSUBSCRIBE()}},{key:"rerender",value:function(){Ta()(V()(n.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:"broadcast",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];Object.keys(this.children).forEach((function(n){var i;(i=e.children[n]).trigger.apply(i,[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:"subscribe",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="subscribe.".concat(po()),i=this.createLocalCallback(r,t);return this.$store.on(r,i,this,e,n,!1,!0),r}}]),n}(wo);function Ng(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xg=function(t){R()(n,t);var e=Ng(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.$editor.registerI18nMessageWithLocale(this.initializeI18nMessage())}},{key:"initializeI18nMessage",value:function(){return{}}},{key:"$editor",get:function(){return this.parent.$editor}},{key:"$store",get:function(){return this.$editor.store||this.parent.$store}},{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 this.$editor.getI18nMessage(t,e,n)}},{key:"$initI18n",value:function(t){return this.$editor.initI18nMessage(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}},{key:"$menuManager",get:function(){return this.$editor.menuItemManager}},{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:"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)}}]),n}(_g);function Yg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kg={x:0,y:0},Ug={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Wg=function(t){R()(n,t);var e=Yg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.$editor.registerPluginList(this.getPlugins()),Array.isArray(this.opt.plugins)&&this.$editor.registerPluginList(this.opt.plugins),this.$editor.initPlugins(),ee(this.opt.config)&&this.$config.setAll(this.opt.config||{})}},{key:"$editor",get:function(){return this.__editorInstance||(this.__editorInstance=new zg),this.__editorInstance}},{key:"afterRender",value:function(){Ta()(V()(n.prototype),"afterRender",this).call(this),this.$el.attr("data-theme",this.$editor.theme),this.$el.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initialize",value:function(){var t;Ta()(V()(n.prototype),"initialize",this).call(this),this.__initBodyMoves(),this.emit("load.json",null===(t=this.opt.data)||void 0===t?void 0:t.projects)}},{key:"getPlugins",value:function(){return[]}},{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):Yt(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")||Ug;!(n.x===t.x&&n.y===t.y)&&this.__moves.size&&(this.__moves.forEach((function(n){var r=Zi(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:st("add/body/mousemove"),value:function(t,e,n){this.__moves.add({func:t,context:e,xy:n})}},{key:st("add/body/mouseup"),value:function(t,e,n){this.__ends.add({func:t,context:e,xy:n})}},{key:jt("document"),value:function(t){var e=t.xy||Kg;this.$config.set("bodyEvent",t),this.$config.set("pos",e)}},{key:Ct("document"),value:function(t){var e=t.xy||Kg;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.__requestId||(this.__requestId=requestAnimationFrame(this.__funcBodyMoves))}},{key:Mt("document"),value:function(t){this.$config.set("bodyEvent",t),this.__removeBodyMoves(),cancelAnimationFrame(this.__requestId),this.__requestId=null}},{key:St("window")+tt(100),value:function(){this.emit("resize.window")}},{key:ct("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:ct("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:ct("changeTheme"),value:function(){this.$el.attr("data-theme",this.$editor.theme)}},{key:ct("changed.locale"),value:function(){this.rerender()}}]),n}(Xg);n(34);function Zg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qg=[],Jg=function(t){R()(n,t);var e=Zg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(d," ").concat(30-c," L ").concat(d," 30 ")}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(h,'" y="',0,'" dx="0" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(f,"</text>")}return o.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,c=(n[0][0]-i)/a*o,s=(n[2][0]-i)/a*o;return"\n            M ".concat(c," 20 \n            L ").concat(c," 30 \n            L ").concat(s," 30 \n            L ").concat(s," 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,t),n=Math.max.apply(Math,t),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,c=(e-i)/a*o,s=(n-i)/a*o;return"\n            M ".concat(c," 15 \n            L ").concat(c," 20 \n            L ").concat(s," 20 \n            L ").concat(s," 15 \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 qg=[],this.makeLine(qg,200,e,n,r,i,10,20,1e4),this.makeLine(qg,100,e,n,r,i,10,20,200),this.makeLine(qg,50,e,n,r,i,10,20,100),this.makeLine(qg,10,e,n,r,i,10,18,50),this.makeLine(qg,5,e,n,r,i,10,15,10),this.makeLine(qg,1,e,n,r,i,10,13,5),qg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Dt("$ruler")+Q,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:Dt("$layerRuler")+Q,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:ct("updateViewport","refreshSelection"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+nt(10),value:function(){this.$selection.current&&(this.$selection.current.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh())}},{key:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(Xg);n(35);function Qg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tm=[],em=function(t){R()(n,t);var e=Qg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(30-c," ").concat(d," L 30 ").concat(d)}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(1,'" y="',h,'" dy="6" dominant-baseline="central" transform="rotate(-90, 1, ').concat(h,')">').concat(f,"</text>")}return o.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,c=(n[0][1]-i)/a*o,s=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(c,"\n            L 30 ").concat(c,"\n            L 30 ").concat(s,"\n            L 20 ").concat(s,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=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 15 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 15 ").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 tm=[],this.makeLine(tm,200,e,n,r,i,10,18,1e4),this.makeLine(tm,100,e,n,r,i,10,18,200),this.makeLine(tm,50,e,n,r,i,10,18,100),this.makeLine(tm,10,e,n,r,i,10,18,50),this.makeLine(tm,5,e,n,r,i,10,15,10),this.makeLine(tm,1,e,n,r,i,10,14,5),tm.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Dt("$body")+Q,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:Dt("$layerRuler")+Q,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+nt(10),value:function(){var t=this.$selection.current;t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh()}},{key:ct("refreshSelection"),value:function(){this.load("$layerRuler")}},{key:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(Xg),nm=function(){function t(){O()(this,t)}return j()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=fe()(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=fe()(t.dataTransfer.files)),[].concat(fe()(e),fe()(n))}}]),t}(),rm=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],im={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},am={d:!0},om={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},cm=function(t){return im[t]||!1},sm=function(t){return om[t]||!1};function um(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lm=qa.create("div"),fm=function(t){R()(n,t);var e=um(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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      <style type='text/css' ref='$styleView'></style>\n    </div>\n    "}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.refs.$head=qa.create(document.head)}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new ih;this.refs.$head.$$('style[data-renderer-type="html"]').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=qa.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-renderer-type="html"][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:Dt("$svgArea")+Q,value:function(){var t=this.$selection.currentProject||{};return this.$editor.html.renderSVG(t)}},{key:ct("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:ct("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:ct("refreshSelection"),value:function(){var t=this.$selection.items.map((function(t){return'[data-id="'.concat(t.id,'"]')})).join(","),e=this.$selection.isMany?"\n      ".concat(t," {\n        box-shadow: 0 0 0 1px #66baff;\n      }\n    "):"";this.refs.$styleView.html(e)}},{key:ct("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Array.isArray(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?te(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var c=n[a],s=c.allLayers.map((function(t){return'style[data-renderer-type="html"][data-id="'.concat(t.id,'"]')})).join(",");i.push(s),r.push(this.makeStyle(c))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var u=lm.html(r.join("")).createChildrenFragment();this.refs.$head.append(u)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),n}(Xg);n(36);function hm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pm=function(t){R()(n,t);var e=hm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{StyleView:fm}}},{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return"\n            <div class='elf--element-view' ref='$body'>\n                <object refClass='StyleView' ref='$styleView' />\n                <div class='canvas-view' ref='$view'></div>\n                ".concat(this.$menuManager.generate("render.view"),"\n            </div>\n        ")}},{key:ct("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:ct("refElement"),value:function(t,e){ne(e)&&e(this.getElement(t))}},{key:"clearElementAll",value:function(){var t=this;this.$selection.each((function(e){t.clearElement(e.id)}))}},{key:"clearElement",value:function(t){this.state.cachedCurrentElement[t]=void 0}},{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:pt("$view .element-item.text .text-content"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:Pt("$view .element-item.text .text-content"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:vt("$view .element-item.text .text-content"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.parent().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){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(dd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(n))return!0;var r=qa.create(t.target);if(r.hasClass("canvas-view"))return!1;var i=r.closest("element-item");if(!i)return!!this.$editor.isSelectionMode();if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey){var o=this.$selection.currentProject.searchById(a);if(o.is("artboard")&&o.hasChildren())return this.$config.set("set.dragarea.mode",!0),!0}return this.$editor.isSelectionMode()}},{key:pt("$view"),value:function(t){var e=qa.create(t.target).closest("element-item").attr("data-id"),n=this.$selection.get(e);this.$selection.isOne&&n&&(this.emit("open.editor"),this.emit("removeGuideLine"))}},{key:jt("$view")+U("checkEditMode")+Fg("calculateMovedElement")+Hg("calculateEndedElement"),value:function(t){if(this.initMousePoint=this.$viewport.getWorldPosition(t),this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else{var e=this.$selection.hasPoint(this.initMousePoint),n=qa.create(t.target);if(n.hasClass("canvas-view"))return this.$selection.select(),this.initializeDragSelection(),this.emit("history.refreshSelection"),!1;var r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||!1===this.$selection.check({id:i})&&this.$selection.selectById(i),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);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.initializeDragSelection(),this.emit("history.refreshSelection")}}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"calculateMovedElement",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(!this.$selection.isLayoutItem){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.moveTo(e),this.$selection.changeArtBoard()&&(this.initMousePoint=t,this.$selection.reselect(),this.$snapManager.clear(),this.clearElementAll(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Ca.px(t.x+n[0]).round(1e3),y:Ca.px(t.y+n[1]).round(1e3)}})),this.$selection.reset(r)}},{key:ct("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"calculateEndedElement",value:function(t,e){var n=this.$viewport.getWorldPosition(),r=i.dist(n,this.initMousePoint);if(this.$config.get("set.dragarea.mode"))return this.emit("endDragAreaView"),void this.$config.set("set.dragarea.mode",!1);r<1?this.$selection.current:(this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"))),this.emit("refreshSelectionTool",!0)}},{key:At("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Ca.px(e),height:Ca.px(n)}}}},{key:At("$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,")");return{style:{"transform-origin":"".concat(n[0],"px ").concat(n[1],"px"),transform:i}}}},{key:ct("refreshSelectionStyleView"),value:function(t){var e=this;(t?[t]:this.$selection.items).forEach((function(t){e.updateElement(t)}))}},{key:"updateElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:"updateTimelineElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:ct("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:ct("refreshAllCanvas"),value:function(){this.clearElementAll();var t=this.$selection.currentProject,e=this.$editor.html.render(t,null,this.$editor)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view"),this.trigger("updateAllCanvas",t)}},{key:ct("updateAllCanvas"),value:function(t){var e=this;t.layers.forEach((function(t){e.updateElement(t,e.getElement(t.id)),e.trigger("updateAllCanvas",t)}))}},{key:ct("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));fe()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:ct("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,c=r.height;t.reset({x:Ca.px(i),y:Ca.px(a),width:Ca.px(o),height:Ca.px(c)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:ct("updateViewport"),value:function(){this.bindData("$view")}}]),n}(Xg);n(37);function dm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vm=function(t){R()(n,t);var e=dm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return"     \n      <div class='elf--page-tools'>\n        <button type='button' ref='$minus'>".concat(Tg.remove2,"</button>\n        <div class='select'>\n          <object \n            refClass=\"NumberInputEditor\" \n            ref='$scale' \n            min='10' \n            max='240' \n            step=\"1\" \n            key=\"scale\" \n            value=\"").concat(100*this.$viewport.scale,'" \n            onchange=').concat(this.subscribe((function(e,n){t.$viewport.setScale(n/100),t.emit("updateViewport"),t.trigger("updateViewport")}),1e3),"\n        />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Tg.add,"</button>        \n        <button type='button' ref='$center' data-tooltip=\"Move to Center\" data-direction=\"top\">").concat(Tg.gps_fixed,"</button>    \n        <button type='button' ref='$ruler' data-tooltip=\"Toggle Ruler\" data-direction=\"top\">").concat(Tg.straighten,"</button>    \n        <button type='button' ref='$fullscreen' data-tooltip=\"FullScreen Canvas\" data-direction=\"top\">").concat(Tg.fullscreen,"</button>                        \n        <button type='button' ref='$pantool' class=\"").concat(Oc({on:this.$config.get("set.tool.hand")}),'" data-tooltip="Hand | H" data-direction="top">').concat(Tg.pantool,"</button>   \n        ").concat(this.$menuManager.generate("page.tools"),"                             \n      </div>\n\n    ")}},{key:ct("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale&&this.children.$scale.setValue(t)}},{key:ht("$plus")+at+ot,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:ht("$minus")+at+ot,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:ht("$center")+at+ot,value:function(){this.emit("moveSelectionToCenter")}},{key:ht("$pantool")+at+ot,value:function(){this.$config.toggle("set.tool.hand")}},{key:ht("$ruler")+at+ot,value:function(){this.$config.toggle("show.ruler")}},{key:ht("$fullscreen")+at+ot,value:function(){this.emit("bodypanel.toggle.fullscreen")}},{key:lt("set.tool.hand"),value:function(){this.refs.$pantool.toggleClass("on",this.$config.get("set.tool.hand"))}}]),n}(Xg);n(38);function ym(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mm=function(t){R()(n,t);var e=gm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--layer-append-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:"black",fontSize:30,showRectInfo:!1,areaVerties:Io(0,0,0,0),content:"Insert a text",pathManager:new bf,rect:{},options:{},containerItem:void 0}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:Ct("$el")+U("checkNotDragStart"),value:function(t){var e=this.$viewport.getWorldPosition(t),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertex=i.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertex=null),this.bindData("$mousePointer")}},{key:jt("$el")+Fg()+Hg()+at+ot,value:function(t){this.initMousePoint=this.state.targetPositionVertex?this.state.targetPositionVertex:this.$viewport.getWorldPosition(t),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="";var e=Io(this.initMousePoint[0],this.initMousePoint[1],0,0);this.state.areaVerties=this.$viewport.applyVerties(e),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"text":case"svg-text":return"\n                <div \n                    class='draw-item' \n                    \n                    style='font-size: 30px;outline: 1px solid blue;white-space:nowrap'\n                >\n                    <p contenteditable=\"true\" style=\"margin:0px;display: inline-block;outline:none;\" ></p>\n                </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(bf.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(bf.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(bf.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            ");default:return"<div class='draw-item' style='outline: 1px solid blue;'></div>"}}},{key:At("$area"),value:function(){var t=Bo(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:At("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=Bo(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Ca.px(e[2][0]),top:Ca.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||[]).filter(Boolean);return 0!==e.length?'\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    "):void 0}},{key:At("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n]).filter(Boolean)):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,a=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),c=Math.max(n[0],this.initMousePoint[0])-a,s=Math.max(n[1],this.initMousePoint[1])-o;r&&(s=c);var u=Io(a,o,c,s);this.state.areaVerties=this.$viewport.applyVerties(u),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.content,o=r.fontSize,c=r.areaVerties,s=this.$viewport.applyVertiesInverse(c),u=this.$selection.getArtboardByPoint(s[0]),l=Bo(s),f=l.x,h=l.y,p=l.width,d=l.height,v=!0;if(0===p.value&&0===d.value)switch(this.state.type){case"text":a="",d.set(this.state.fontSize),v=!1;break;default:p.set(100),d.set(100)}var y=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ym(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ym(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({x:f,y:h,width:p,height:d,"background-color":i,content:a,"font-size":o},this.state.options);switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete y["background-color"];break;default:delete y.content}switch(this.state.type){case"image":this.trigger("openImage",y,u);break;case"video":this.trigger("openVideo",y,u);break;case"audio":this.trigger("openAudio",y,u);break;case"text":if(!v){var g=this.state.fontSize/this.$viewport.scale,m=this.refs.$area.$(".draw-item > p");return m.parent().css("height","".concat(g,"px")),m.parent().css("font-size","".concat(g,"px")),m.select(),void m.focus()}y["font-size"]=Ca.px(this.state.fontSize/this.$viewport.scale);default:this.emit("newComponent",this.state.type,y,!0,u)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:ct("showLayerAppendView"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.type=t,this.state.options=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:ct("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:ct("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:dt("document")+U("isShow")+Z+W+at+ot,value:function(t){}},{key:vt("document")+U("isShow")+Z+W+at+ot,value:function(t){switch(this.state.type){case"text":var e=qa.create(t.target),n=this.state,r=n.fontSize,i=n.areaVerties,a=this.$viewport.applyVertiesInverse(i),o=Bo(a),c=o.x,s=o.y,u=e.rect(),l=u.width,f=u.height,h=e.text();if(console.log(h,f),0===h.length)break;var p=this.$viewport.applyScaleVertiesInverse([[l,f,r]]),d=_t()(p,1),v=_t()(d[0],3),y=v[0],g=v[1],m=v[2],b={x:c,y:s,width:Ca.px(y),height:Ca.px(g),content:h.trim(),"font-size":Ca.px(m)},k=this.$selection.getArtboardByPoint(a[0]);this.emit("newComponent",this.state.type,b,!0,k)}this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect"),this.trigger("hideLayerAppendView")}},{key:vt("$el")+U("isShow"),value:function(t){switch(this.state.type){case"text":var e=qa.create(t.target).rect();e.width,e.height}}},{key:kt("$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:kt("$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:ct("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:ct("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}}]),n}(Xg);function bm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function km(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xm=function(){function t(){O()(this,t),this.segmentList=[]}return j()(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(km(km({},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(km(km({},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?"":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 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}function Pm(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){w()(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}var Om=["startPoint","endPoint","reversePoint"];function Sm(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 jm(t,e,n,r){var i=[],a=Om;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],c=Math.abs(o[e]-n);c<=r&&i.push({dist:c,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function $m(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 c=a,s=t[c];if(s){if("M"===s.command)i.push({command:"M",values:[s.startPoint]});else{var u=Fc.getPrevPoint(t,a);!1===s.curve?!1===u.curve?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[u.endPoint,s.startPoint]}):!1===u.curve?Fc.isEqual(s.reversePoint,s.startPoint)?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[s.reversePoint,s.startPoint]}):i.push({command:"C",values:[u.endPoint,s.reversePoint,s.startPoint]})}s.close&&i.push({command:"Z"})}}var l=i.map((function(t){return Rm(e,n,t,r)})).join(" ");return{d:l}}function Rm(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 Cm=function(){function t(e){O()(this,t),this.pathEditor=e,this.pathStringManager=new bf,this.guideLineManager=new bf,this.segmentManager=new xm,this.initialize(),this.initializeSelect()}return j()(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:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return fe()(this.state.points)}},{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=i.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){var e=this.transformRect,n=e.x,i=e.y,a=e.width,o=e.height,c=r.create();switch(r.translate(c,c,[n,i,0]),t){case"flipX":r.scale(c,c,[-1,1,1]),r.translate(c,c,[-a,0,0]);break;case"flipY":r.scale(c,c,[1,-1,1]),r.translate(c,c,[0,-o,0]);break;case"flip":r.scale(c,c,[-1,-1,1]),r.translate(c,c,[-a,-o,0])}r.translate(c,c,[-n,-i,0]),this.transformMat4(c)}},{key:"initTransform",value:function(t){this.transformRect=ae(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:ae(t.startPoint),endPoint:ae(t.endPoint),reversePoint:ae(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=Fc.getReversePoint(n.startPoint,a));var c={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(c)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:ae(t),curve:!1,reversePoint:ae(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=Fc.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Fc.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Fc.getNextPoint(i,t));var a=Fc.isFirst(r.segment);if(a){var o=Fc.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ae(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ae(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=_t()(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=ae(n.startPoint),n.endPoint=ae(n.startPoint),"M"===n.command){var r=Fc.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=ae(r.startPoint),r.endPoint=ae(r.startPoint))}else{if((i=Fc.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ae(o.startPoint),o.endPoint=ae(o.startPoint)}else{n.curve=!0;var i,a=Fc.getPrevPoint(e,t);if((i=Fc.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Fc.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ae(n.endPoint),o.reversePoint=ae(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var c=(n.startPoint.x-a.startPoint.x)/3,s=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reversePoint=Fc.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){c=(n.startPoint.x-i.startPoint.x)/3,s=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reverse=Fc.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]=Fc.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],c=o.x,s=o.y,u=n.originalSegment[e],l=u.x,f=u.y,h=Wi(da(c-i,s-a),Zi(l,f,i,a),i,a),p=h.x,d=h.y;n.segment[e]={x:p,y:d}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var a=r.state,o=a.cachedPoints,c=a.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=c.x+e,u=c.y+n,l=Sm(o,"x",s,e,i),f=l.point,h=(e=l.distanceValue,Sm(o,"y",u,n,i)),p=h.point,d=(n=h.distanceValue,{x:c.x+e,y:c.y+n}),v=[];return f&&v.push({startPoint:f,endPoint:d}),p&&v.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:v}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=ae(t.startPoint),e.endPoint=ae(t.endPoint),e.reversePoint=ae(t.reversePoint)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}},{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=Fc.splitPoints(this.state.points),n=Fc.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=ae(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=ae(t.startPoint)),Fc.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,c=this.calculateSnap(a,t,e,3),s=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=s||[],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 u="endPoint"===a?"reversePoint":"endPoint";r.segment[u]=Fc.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},c={x:i,y:a};n.dragPoints&&(c=Fc.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Fc.getPoint(r,e),a=Fc.getPoint(r,n),o=[Pm(Pm({},i),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},Pm(Pm({},a),{},{reversePoint:t.second[2]})],c=Fc.getIndex(r,e);return r.splice.apply(r,[c,2].concat(o)),this.state.points=r,c+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Fc.getPoint(r,e),a=Fc.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[Pm(Pm({},i),{},{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Fc.getIndex(r,e);r.splice.apply(r,[c,1].concat(fe()(o)))}else{o=[Pm({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},Pm(Pm({},a),{},{reversePoint:t.second[1],curve:!0})],c=Fc.getIndex(r,e);r.splice.apply(r,[c,2].concat(fe()(o)))}return this.state.points=r,c+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=Fc.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 $m(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,c=i,s=da(r-n,a-i)-180,u=Wi(0,20,o,c),l=u.x,f=u.y,h=Wi(s/2,20,o,c),p=(h.x,h.y,Wi(s,20,o,c));this.segmentManager.addDistanceAngle(p,20,20,s,{x:l,y:f},{x:l-20,y:f})}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)):(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint),!1===Fc.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===Fc.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?Fc.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===Fc.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===Fc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Fc.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===Fc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Fc.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?Fc.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 bf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new bf).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Fc.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new bf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new bf).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new bf).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=Fc.getNextPoint(t,n),o=Fc.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=jm(t,"x",e.x,n),i=jm(t,"y",e.y,n),a=Pm({},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),c=o.snapPointList,s=o.moveXY;a.push.apply(a,c),t.moveXY=s,r=s,this.snapPointList=a;var u=e[e.length-1];if(i)if(u){if(u.curve){var l=Fc.getReversePoint(n,r);p=l.x,d=l.y;this.guideLineManager.M(u.startPoint).C(u.endPoint,{x:p,y:d},n),this.segmentManager.addGuideLine(u.startPoint,u.endPoint).addGuideLine(n,{x:p,y:d}).addGuideLine(n,r).addCurvePoint(u.endPoint).addCurvePoint({x:p,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===u.curve){var f=Fc.getReversePoint(n,r);p=f.x,d=f.y;this.guideLineManager.M(u.startPoint).Q({x:p,y:d},n),this.segmentManager.addGuideLine(r,{x:p,y:d}).addPoint(!1,n).addCurvePoint({x:p,y:d}).addCurvePoint(r)}}else{var h=Fc.getReversePoint(n,r),p=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:p,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:p,y:d})}else u&&(u.curve?(this.guideLineManager.M(u.startPoint).Q(u.endPoint,r),this.segmentManager.addGuideLine(u.endPoint,u.startPoint).addCurvePoint(u.endPoint)):u.close||(this.guideLineManager.M(u.startPoint).L(r),this.segmentManager.addPoint(!1,u.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new bf;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:"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 $m(t,e,n,r).d}}]),t}();function Mm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tm=function(t){R()(n,t);var e=Mm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),n}(Hu);function Vm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Em(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Im(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dm=function(t){R()(n,t);var e=Im(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Em({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Em(Em({},Ta()(V()(n.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 e=Bs(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),i.push.apply(i,Lu.parse(t));else{var a=t.split(" "),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];r.x1=Ca.parse(c),r.y1=Ca.parse(s),r.x2=Ca.parse(u),r.y2=Ca.parse(l),r.spreadMethod=f||"pad"}})),new n(Em(Em({},r),{},{colorsteps:i}))}}]),n}(Tm);function Lm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Am(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zm=function(t){R()(n,t);var e=Am(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Bm({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Bm(Bm({},Ta()(V()(n.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,c=e.fr,s=e.spreadMethod;return"\n<radialGradient ".concat(Pc({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:c,spreadMethod:s})," >\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 e=Bs(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),i.push.apply(i,Lu.parse(t));else{var a=t.split(" "),o=_t()(a,7),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6];r.cx=c,r.cy=s,r.r=u,r.fx=l,r.fy=f,r.fr=h,r.spreadMethod=p||"pad"}})),new n(Bm(Bm({},r),{},{colorsteps:i}))}}]),n}(Tm);function Fm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _m=function(t){R()(n,t);var e=Gm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Lu({color:"red",percent:0,index:0}),new Lu({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return Hm(Hm({},Ta()(V()(n.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 n({colorsteps:[new Lu({color:t,percent:0,index:0}),new Lu({color:t,percent:100,index:0})]})}}]),n}(Tm);function Nm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ym(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Km=["jpg","jpeg","png","gif","svg"];var Um=function(t){R()(n,t);var e=Ym(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Xm({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return Xm(Xm({},Ta()(V()(n.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,c=t.imageHeight,s=t.url,u=[e,n,r,i,a,o,c].join(",").trim();return"url(".concat(s,"#").concat(u,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,c=e.imageWidth,s=e.imageHeight;return"\n  <pattern ".concat(Pc({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(Pc({x:a,y:o,width:c,height:s,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var e=t.split("(")[1].split(")")[0].trim().split("#"),r=_t()(e,2),i=r[0],a=r[1];if(!a)return new n({url:i});var o=a.split(","),c=_t()(o,7);return new n({patternUnits:c[0],patternWidth:c[1],patternHeight:c[2],imageX:c[3],imageY:c[4],imageWidth:c[5],imageHeight:c[6],url:i})}},{key:"isImageFile",value:function(t){return Km.includes(t)}}]),n}(Tu);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}function Zm(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){w()(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}function qm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Jm=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,Qm=function(t){R()(n,t);var e=qm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.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 Dm(Zm(Zm({},r),{},{colorsteps:n}));case"radial-gradient":return new zm(Zm(Zm({},r),{},{colorsteps:n}));default:return new _m(Zm(Zm({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Bs(t),n=null,r=e.str.match(Jm);return r?(r.forEach((function(t,r){t=zs(t,e.matches),n=t.includes("linear")?Dm.parse(t):t.includes("radial")?zm.parse(t):t.includes("url")?Um.parse(t):_m.parse(t)})),n):_m.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Dm(t);case"radial-gradient":return new zm(t);case"image-resource":case"url":return new Um(t);default:return new _m(t)}}}]),n}(Ec);n(39);function tb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function eb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function nb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rb=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],ib=function(t){R()(n,t);var e=nb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new _c}},{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:Ca.z(),screenY:Ca.z(),screenWidth:Ca.z(),screenHeight:Ca.z()}}},{key:ct("changeDrawManager"),value:function(t){this.setState(eb({},t),!1)}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:vt("document")+U("isShow")+Z+W+at+ot,value:function(){this.trigger("hidePathDrawEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var a=Fc.simply(this.state.points,this.state.tolerance),o=new _c(bf.makePathByPoints(a)),c=new _c(Cm.generatorPathString(o.convertGenerator()));c.transformMat4(this.$viewport.matrixInverse);var s=c.getBBox(),u=i.distance(s[1],s[0]),l=i.distance(s[3],s[0]);c.translate(-s[0][0],-s[0][1]);var f={itemType:"svg-path",x:Ca.px(s[0][0]),y:Ca.px(s[0][1]),width:Ca.px(u),height:Ca.px(l),d:c.scale(1/u,1/l).d,totalLength:this.totalPathLength};rb.forEach((function(t){n.state[t]&&Object.assign(f,w()({},t,n.state[t]))})),e=r.appendChildItem(this.$editor.createItem(f))}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(eb(eb({},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:ct("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:ct("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:ct("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:ct("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:"toFillSVG",get:function(){return Qm.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return Qm.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 Qm.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return Qm.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}},{key:At("$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(bf.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:ct("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Ca.z(),y:Ca.z(),width:Ca.z(),height:Ca.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:jt("$view")+Fg()+Hg(),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")}}]),n}(Xg);n(40);function ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ob(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ab(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function sb(t){var e=_t()(t,2);return{x:e[0],y:e[1]}}var ub=["fill","fill-opacity","stroke","stroke-width"],lb=function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new _c,this.pathGenerator=new Cm(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Ca.z(),screenY:Ca.z(),screenWidth:Ca.z(),screenHeight:Ca.z()}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:vt("document")+U("isShow")+W+at+ot,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:vt("document")+U("isShow")+Z+at+ot,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new _c(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var a=r.getBBox(),o=i.distance(a[1],a[0]),c=i.distance(a[3],a[0]);r.translate(-a[0][0],-a[0][1]);var s={itemType:"svg-path",x:Ca.px(a[0][0]),y:Ca.px(a[0][1]),width:Ca.px(o),height:Ca.px(c),d:r.scale(1/o,1/c).d,totalLength:this.totalPathLength,fill:"#C4C4C4"};ub.forEach((function(t){e.state[t]&&(s[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(a[0])||n).appendChildItem(this.$editor.createItem(s))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new _c(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(ob({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:ct("changePathManager"),value:function(t){this.setState(ob(ob({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:ct("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new _c(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:ct("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:ct("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:ct("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:At("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,canvas:"canvas"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:At("$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:Ct("$view")+at,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=qa.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:jt("$view :not(.split-path)")+at+ot+Fg()+Hg(),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=qa.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=_t()(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:Ca.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:Ca.px(t.x+(e<0?e:0)),top:Ca.px(t.y+(n<0?n:0)),width:Ca.px(Math.abs(e)),height:Ca.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 Ca.parse(t)})),e=_t()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Ca.px(n.x.value+n.width.value),n.y2=Ca.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(Zi(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(),ne(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:ct("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:ct("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:ct("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))}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("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:ct("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new _c(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new _c(t);if("C"===n.segments[1].command){var r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2)),sb(n.segments[1].values.slice(2,4)),sb(n.segments[1].values.slice(4,6))],i=Qo.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return cc(r,i).first[3]}if("Q"===n.segments[1].command){r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2)),sb(n.segments[1].values.slice(2,4))],i=tc.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return sc(r,i).first[2]}if("L"===n.segments[1].command){r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2))],i=ec.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return uc(r,i).first[1]}return e}},{key:jt("$view .split-path")+Fg()+Hg(),value:function(t){this.initRect();var e=new _c(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=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2)),sb(e.segments[1].values.slice(2,4)),sb(e.segments[1].values.slice(4,6))],a=Qo.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(cc(i,a))}else if("Q"===e.segments[1].command){i=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2)),sb(e.segments[1].values.slice(2,4))],a=tc.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(sc(i,a))}else if("L"===e.segments[1].command){i=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2))],a=ec.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(uc(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)}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:pt("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:It("$view [data-segment]")+at+et(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),n}(Xg))));n(41);function fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hb=function(t){R()(n,t);var e=fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--hover-view'>\n                <div class='elf--hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:lt("bodyEvent"),value:function(){var t,e=null===(t=this.$selection.filteredLayers.filter((function(t){return!1===t.is("artboard")}))[0])||void 0===t?void 0:t.id;e&&!1!==this.$config.get("hoverView")?this.$selection.setHoverId(e)&&this.renderHoverLayer():(this.$selection.setHoverId(""),this.renderHoverLayer())}},{key:ct("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(""),this.emit("removeGuideLine");else{var e=t[0].verties,n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n),this.emit("refreshGuideLineByTarget",[t[0].verties])}}},{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                />\n        </svg>')}}]),n}(Xg);n(42);function pb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var db=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,"' />")},vb=function(t,e){var n="".concat(Math.floor(t)),r=13,i=16,a=n.length*r,o=i;return'\n    \n        <rect x="'.concat(e[0]-a/4,'" y="').concat(e[1]-i-2,'" width="').concat(a,'" height="').concat(o,'" rx="2" ry="2" fill="#00a9f4" />\n        <text x="').concat(e[0],'" y="').concat(e[1],'" dy="-5" font-size="16">').concat(n,"</text>\n    ")},yb=function(t,e){return db(t,e)},gb=function(t,e){return db(t,e)},mb=function(t){return'\n    <path \n        class="base-rect"\n        fill="none"\n        stroke-width="1"\n        stroke="red"\n        stroke-dasharray="2 2"\n        d="'.concat(bf.makeRect(t[0][0],t[0][1],i.dist(t[0],t[1]),i.dist(t[0],t[3])),'\n        " \n    />\n')},bb=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left";return"left"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]+e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"right"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]-e," ").concat(t[1]+e,'\n            " \n        />\n    '):"up"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"down"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '):'\n        <path \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    ')},kb=function(t){R()(n,t);var e=pb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <svg class=\'elf--guide-line-view\' ref="$guide" width="100%" height="100%" ></svg>\n            '}},{key:"initState",value:function(){return{list:[]}}},{key:At("$guide"),value:function(){return{svgDiff:"<g>".concat(this.createGuideLine(this.state.list),"</g>")}}},{key:"createGuideLine",value:function(t){for(var e=[],n=[],r=0,a=(t=t.filter(Boolean)).length;r<a;r++){var o=_t()(t[r],8),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6],d=(o[7],Math.floor(l)),v=this.$viewport.applyVertex(c),y=this.$viewport.applyVertex(s),g=void 0;f&&(g=this.$viewport.applyVerties([f])[0]),"x"===u&&(d>0&&e.push(db(v,y,"dash-line")),g&&e.push(db(y,g,"dash-line")),d>0&&n.push(vb(d,i.lerp([],v,y,.5)))),"y"===u&&(d>0&&e.push(db(v,y,"dash-line")),g&&e.push(db(y,g,"dash-line")),d>0&&n.push(vb(d,i.add([],i.lerp([],v,y,.5),[20,0,0])))),"x"===u&&e.push(yb(y,v)),"y"===u&&e.push(gb(y,v)),this.state.hasVerties&&(e.push(bb(v,3,"vertex")),e.push(bb(y,3,"vertex"))),h&&(this.$selection.isOne&&this.$editor.isPointerDown||this.$selection.isMany&&!this.$editor.isPointerMove)&&e.push(mb(this.$viewport.applyVerties(h))),p&&e.push(mb(this.$viewport.applyVerties(p)))}return[].concat(e,n).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState({list:t,hasVerties:e})}},{key:ct("removeGuideLine","refreshSelection"),value:function(){this.removeGuideLine()}},{key:ct("refreshGuideLineByTarget"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.refreshSmartGuides(t)}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:"refreshSmartGuides",value:function(t){if(!this.$selection.isEmpty){var e,n=zo(this.$selection.verties);if(t)e=t.map((function(t){return zo(t)}));else{var r=this.$selection.snapTargetLayers.map((function(t){var e=zo(t.verties);return{targetVerties:e,dist:i.dist(e[4],n[4])}}));r.sort((function(t,e){return t.dist-e.dist})),e=r.map((function(t){return t.targetVerties}))}var a=e.map((function(t){return ea(n,t)}));a.sort((function(t,e){return t[3]-e[3]}));var o=[a[0],a[1]].filter(Boolean);this.setGuideLine(o)}}},{key:"refreshSmartGuidesForVerties",value:function(){var t=this.$snapManager.findGuide(this.$selection.verties);this.setGuideLine(t,!0)}},{key:ct("refreshSelectionStyleView"),value:function(){!this.$selection.hasChangedField("d","clip-path")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refreshSmartGuidesForVerties()}}]),n}(Xg);n(43);function xb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wb=function(t){R()(n,t);var e=xb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='elf--selection-info-view'></div>"}},{key:jt("$el [data-artboard-title-id]")+J+Fg("calculateMovedElement")+Hg("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.getWorldPosition(t);var e=t.$dt.attr("data-artboard-title-id");this.$selection.selectById(e),t.altKey&&(this.$selection.selectAfterCopy(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),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.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));this.emit("selectionToolView.moveTo",n),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.refresh()}))}},{key:ct("refreshItemName"),value:function(t,e){var n;this.emit("setAttributeForMulti",w()({},t,{name:e})),null===(n=this.$el.$("[data-artboard-title-id='".concat(t,"']")))||void 0===n||n.text(e)}},{key:"calculateEndedElement",value:function(t,e){this.command("setAttributeForMulti","move item",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView"),value:function(){this.$selection.current&&this.$selection.current.is("artboard")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refresh()}},{key:Dt("$el")+Q,value:function(){var t=this;return this.$selection.currentProject.artboards.map((function(e){return{title:e.name,id:e.id,rect:[t.$viewport.applyVertex(e.verties[0]),t.$viewport.applyVertex(e.verties[1])]}})).map((function(e){return t.makeArtboardTitleArea(e)}))}},{key:"makeArtboardTitleArea",value:function(t){return'\n            <div class="artboard-title is-not-drag-area" \n                 data-artboard-title-id="'.concat(t.id,'" \n                 style="left: ').concat(t.rect[0][0],"px;top:").concat(t.rect[0][1],'px;"\n            >').concat(t.title,"</div>")}}]),n}(Xg);function Pb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ob(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jb=function(t){R()(n,t);var e=Sb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Dt("$el"),value:function(){var t=this;if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var n=e.parent,r=n.screenX,i=n.screenY,a=n.width,o=n.height,c=this.$editor.html.toGridLayoutCSS(n);return"<div style='".concat(xc(Ob({position:"absolute",left:r,top:i,width:a,height:o,border:"1px solid black"},c)),"'>\n                ").concat(n.layers.map((function(e){var n=t.$editor.html.toLayoutItemCSS(e);return"<div style='".concat(xc(Ob(Ob({},n),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:ct("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:ct("updateViewport"),value:function(){this.refresh()}}]),n}(Xg);n(20);function $b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rb=function(t){R()(n,t);var e=$b(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView"></div>            \n        '}},{key:"checkSelectionArea",value:function(t){var e=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(e))return!0}},{key:"checkEditMode",value:function(t){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(dd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);return this.inSelection=!1,this.$selection.hasPoint(n)?(this.inSelection=!0,this.$selection.current.is("artboard")&&this.$selection.current.hasChildren()?(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1),!0):(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0),!0)):(this.mouseOverItem=this.$selection.filteredLayers[0],this.mouseOverItem?(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0)):(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1)),!0)}},{key:jt("$dragAreaView")+U("checkEditMode")+Fg("movePointer")+Hg("moveEndPointer"),value:function(t){if(this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else if(this.$config.get("set.move.mode"))if(this.initMousePoint=this.$viewport.getWorldPosition(),this.mouseOverItem=this.$selection.filteredLayers[0],t.altKey)!1===this.$selection.isEmpty&&this.$selection.hasPoint(this.initMousePoint)&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(this.mouseOverItem){var e=this.mouseOverItem.id;if(t.shiftKey)this.$selection.toggleById(e);else if(!1===this.$selection.check({id:e})){var n=this.$selection.currentProject.searchById(e);n&&n.is("artboard")&&n.hasChildren()||this.$selection.selectById(e)}}this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"movePointer",value:function(t,e){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(this.$config.get("set.move.mode")){if(this.$selection.isLayoutItem)return;var n=this.$viewport.getWorldPosition(),r=i.floor([],i.subtract([],n,this.initMousePoint));this.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){var e=t.verties.map((function(t){return i.add([],t,n)})),a=i.subtract([],i.transformMat4([],e[0],t.parentMatrixInverse),i.transformMat4([],t.verties[0],t.parentMatrixInverse));r[t.id]={x:Ca.px(t.x+a[0]).round(1e3),y:Ca.px(t.y+a[1]).round(1e3)}})),this.$selection.reset(r)}},{key:ct("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"moveEndPointer",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("endDragAreaView");else if(this.$config.get("set.move.mode")){var t=this.$viewport.getWorldPosition();if(i.floor([],i.subtract([],t,this.initMousePoint))<1){if(this.$selection.current.isSVG())return this.emit("open.editor"),void this.emit("removeGuideLine")}else this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"));this.emit("refreshSelectionTool",!0)}this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!1)}}]),n}(Xg);function Cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mb=function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView" style="pointer-events:none;">\n                <div class=\'drag-area-rect\' ref=\'$dragAreaRect\'></div>\n            </div>            \n        '}},{key:ct("drawAreaView"),value:function(t){this.refs.$dragAreaRect.css(t)}},{key:ct("initDrawAreaView"),value:function(){this.refs.$dragAreaRect.css({left:Ca.px(-1e4),top:Ca.z(),width:Ca.z(),height:Ca.z()})}},{key:ct("startDragAreaView"),value:function(){this.initMousePoint=this.$viewport.getWorldPosition(),this.$config.set("hoverView",!1),this.dragRect={left:Ca.px(this.initMousePoint[0]),top:Ca.px(this.initMousePoint[1]),width:Ca.z(),height:Ca.z()},this.trigger("drawAreaView",this.dragRect)}},{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:ct("moveDragAreaView"),value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));t.shiftKey&&(n[1]=n[0]);var r=i.floor([],this.initMousePoint),a=i.floor([],i.add([],this.initMousePoint,n)),o=zo([this.$viewport.applyVertex(r),this.$viewport.applyVertex(a)]);if(this.dragRect={left:Ca.px(o[0][0]),top:Ca.px(o[0][1]),width:Ca.px(Math.abs(o[1][0]-o[0][0])),height:Ca.px(Math.abs(o[3][1]-o[0][1]))},this.trigger("drawAreaView",this.dragRect),this.$editor.isSelectionMode()){var c=this.dragRect,s=c.left,u=c.top,l=c.width,f=c.height,h={x:s.value,y:u.value,width:l.value,height:f.value};if(this.$selection.currentProject){var p,d=this.getSelectedItems(h,Ao([r,a]));(p=this.$selection).select.apply(p,fe()(d))&&(this.emit("refreshSelection"),this.emit("refreshSelectionTool",!0))}}}},{key:ct("endDragAreaView"),value:function(){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.$config.set("hoverView",!0),0===e[0]&&0===e[1]&&this.$selection.empty(),this.trigger("initDrawAreaView"),this.$selection.reselect(),this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),this.emit("removeGuideLine")}}]),n}(Xg);n(21);function Tb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vb={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"},Eb=function(t){R()(n,t);var e=Tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:ct("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:ct("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:jt("$pointerRect .rotate-pointer")+Fg("rotateVertex")+Hg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.verties=ae(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),r=4===this.rotateTargetNumber?Do(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(ua(r,this.verties[4],n));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);if(n){var r=zc.addTransform(e.transform,"rotateZ(".concat(Ca.deg(a).round(1e3),")"));if(t.$config.get("bodyEvent").shiftKey){var i=zc.get(r,"rotateZ");if(i[0]){var o=i[0].value-i[0].value%t.$config.get("fixed.angle");r=zc.rotateZ(r,Ca.deg(o))}}n.reset({transform:r})}})),this.state.dragging=!0,this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform"))}},{key:"rotateEndVertex",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","change rotate",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=da(r[0],r[1]),o=Math.floor(a)-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:$t("$pointerRect .rotate-pointer")+U("checkPointerIsNotMoved"),value:function(t){this.refreshRotatePointerIcon(t)}},{key:$t("$pointerRect .pointer")+U("checkPointerIsNotMoved"),value:function(t){this.refreshPointerIcon(t)}},{key:Rt("$pointerRect .pointer,.rotate-pointer")+U("checkPointerIsNotMoved"),value:function(t){this.emit("recoverCursor")}},{key:jt("$pointerRect .pointer")+Fg("moveVertex")+Hg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=Vb["".concat(e)];this.initMousePoint=this.$viewport.getWorldPosition(t),this.state.moveType=n,this.state.moveTarget=e,this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.subtract([],Co.scale(a,e,n),t);return ha(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Ca.px(e[0]+(n<0?n:0)),y:Ca.px(e[1]+(r<0?r:0)),width:Ca.px(Math.abs(n)),height:Ca.px(Math.abs(r))})}},{key:"moveDirectionVertex",value:function(t,e,n,i,a){var o=fa(t.directionMatrix[i],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),c=r.getTranslation([],o);this.moveItem(this.$selection.get(t.id),c,e,n)}},{key:"moveBottomRightVertex",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=_t()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var c=n.width+a,s=n.height+o;e.moveDirectionVertex(n,c,s,"to top left",[0,0,0])}))}},{key:"moveTopRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom left",[0,c,0])}}},{key:"moveTopLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom right",[o,c,0])}}},{key:"moveTopVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,o,c,"to top right",[o,0,0])}}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType?this.moveBottomVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.pack("x","y","width","height"))}))}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)}))),n=i.add([],t,e),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Ca.px(t.x+n[0]),y:Ca.px(t.y+n[1])}})),this.$selection.reset(r)}},{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.$selection.isEmpty){var t=this.$selection.verties,e=this.$selection.selectionVerties,n=r.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var i=this.createRenderPointers.apply(this,fe()(this.state.renderPointerList));if(i){var a=i.line,o=i.point,c=i.size;this.refs.$pointerRect.updateDiff(a+o+c)}}}},{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,a="";if(!(r&&r.is("artboard"))){var o=i.lerp([],t[0],t[1],.5);a+="\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(a,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.$selection.current.width.value,l=this.$selection.current.height.value,f=i.subtract([],c.data.start,c.data.end),h=da(f[0],f[1])+90,p="".concat(_i(u,100)," x ").concat(_i(l,100));if(this.state.isRotate){var d=zc.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(_i(d[0].value,1e3),"°"))}return'\n            <div \n                data-layout="'.concat(this.$selection.current.layout,"\"\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(t,e,n){var r=this.$selection.current,a=this.$editor.isPointerMove;if(!r||!r.is("text")||0!==r.width.value||0!==r.height.value){var o=r&&r.is("artboard"),c=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),s=Ca.deg(da(c[0],c[1])+90).round(1e3),u=Do(t,34),l=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,u,n[0]),size:this.createSize(t),point:[o?void 0:this.createRotatePointer(e[0],0),o?void 0:this.createRotatePointer(e[1],1),o?void 0:this.createRotatePointer(e[2],2),o?void 0:this.createRotatePointer(e[3],3),o?void 0:this.createRotatePointer(u,4,"center center"),a?void 0:this.createPointer(t[0],1,s),a?void 0:this.createPointer(t[1],2,s),a?void 0:this.createPointer(t[2],3,s),a?void 0:this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20||a?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11,s),l<20||a?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12,s),l<20||a?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13,s),l<20||a?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14,s)].join("")}}}},{key:"checkShow",value:function(){return!(!this.$selection.isOne||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:ct("refreshSelectionStyleView")+U("checkShow"),value:function(){this.renderPointers()}},{key:ct("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:ct("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:ct("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:ct("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),n}(Xg));function Ib(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Db=function(t){R()(n,t);var e=Ib(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGroup",get:function(){return Boolean(this.layers.length)}},{key:"isLayoutItem",value:function(){return this.parent.hasLayout()}},{key:"hasLayout",value:function(){return"default"!==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}}]),n}(Uc);function Lb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ab(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zb=function(t){R()(n,t);var e=Ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Bb({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Bb(Bb({},Ta()(V()(n.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 n(t)}}]),n}(Ec);function Fb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _b={};["appearance","position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","border-radius","border","box-shadow","clip-path","color","perspective-origin","transform-origin","transform-style","perspective","mix-blend-mode","overflow","opacity","flex-layout","grid-layout","animation","transition","pattern"].forEach((function(t){_b[t]=!0}));var Nb=function(t){R()(n,t);var e=Gb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Hb({position:"absolute",x:Ca.z(),y:Ca.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Ca.px(300),height:Ca.px(300),color:"black",overflow:"visible",opacity:1,"z-index":Ca.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 Hb(Hb(Hb({},Ta()(V()(n.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","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:"editable",value:function(t){if("border"==t&&this.hasChildren())return!1;switch(t){case"svg-item":case"box-model":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Boolean(_b[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 zb(Hb({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(fe()(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():Ca.z(),y:this.json.y?this.json.y.clone():Ca.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Ca.px(t.x.value+t.width.value),t.y2=Ca.px(t.y.value+t.height.value),t}},{key:"reset",value:function(t){var e=Ta()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("clip-path")&&this.setClipPathCache(),e}},{key:"setClipPathCache",value:function(){var t=sf.parseStyle(this.json["clip-path"]);"path"===t.type&&(this.cacheClipPath=new _c(t.value.trim()))}},{key:"setCache",value:function(){Ta()(V()(n.prototype),"setCache",this).call(this),this.setClipPathCache()}},{key:"clipPathString",get:function(){if(this.cacheClipPath||this.setClipPathCache(),this.cacheClipPath)return this.cacheClipPath.clone().scaleTo(this.json.width.value,this.json.height.value)}}]),n}(Db);function Xb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Kb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ub=function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Yb({itemType:"artboard",name:"New ArtBoard",width:Ca.px(1e3),height:Ca.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return Yb(Yb({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Tg.artboard}},{key:"editable",value:function(t){switch(t){case"border":case"border-radius":case"backdrop-filter":case"box-shadow":case"clip-path":return!1;case"artboard-size":case"layout":return!0}return Ta()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(Nb);function Wb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zb={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"},qb=function(t){R()(n,t);var e=Wb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:ct("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:ct("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:jt("$pointerRect .rotate-pointer")+Fg("rotateVertex")+Hg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.verties=this.groupItem.verties,this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),a=4===this.rotateTargetNumber?Do(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(ua(a,this.verties[4],n));this.$config.get("bodyEvent").shiftKey&&(o-=o%this.$config.get("fixed.angle")),this.localAngle=this.angle+o,this.groupItem.reset({transform:zc.rotateZ(this.groupItem.transform,Ca.deg(this.localAngle))});var c=la(o,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=Ji(e.verties,r.multiply([],e.parentMatrixInverse,c)),a=Do(n,34),o=sa(a[0]-n[4][0],a[1]-n[4][1])-270,s=i.transformMat4([],n[0],la(-o,n[4])),u=t.$selection.get(e.id);u&&u.reset({x:Ca.px(s[0]),y:Ca.px(s[1]),transform:zc.rotateZ(e.transform,Ca.deg(o))})})),this.state.dragging=!0,this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform"))}},{key:"rotateEndVertex",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=da(r[0],r[1]),o=Math.floor(a)-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:$t("$pointerRect .rotate-pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.refreshRotatePointerIcon(t)}},{key:$t("$pointerRect .pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.refreshPointerIcon(t)}},{key:Rt("$pointerRect .pointer,.rotate-pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.emit("recoverCursor")}},{key:jt("$pointerRect .pointer")+at+Fg("moveVertex")+Hg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=Zb["".concat(e)],this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.initMatrix(!0),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.add([],Co.scale(a,e,n),i.negate([],t));return ha(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Ca.px(t[0]+(e<0?e:0)).round(1e3),y:Ca.px(t[1]+(n<0?n:0)).round(1e3),width:Ca.px(Math.abs(e)).round(1e3),height:Ca.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=ha(r.fromTranslation([],e[4]),t.itemMatrix,r.fromTranslation([],i.negate([],e[4]))),c=i.transformMat4([],e[0],o),s=_t()(c,2),u=s[0],l=s[1],f=i.distance(e[0],e[1]),h=i.distance(e[0],e[3]),p=this.$selection.get(t.id);p&&p.reset({x:Ca.px(u+n),y:Ca.px(l+a),width:Ca.px(f),height:Ca.px(h)})}},{key:"recoverItemForGroup",value:function(t,e,n){var i=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,c=t.accumulatedMatrix,s=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var u=fa(t.parentMatrixInverse,c,r.fromTranslation([],[a,o,0]),r.fromScaling([],[e,n,1]),s),l=Ji(t.verties,u);i.moveItemForGroup(t,l)}))}},{key:"moveBottomRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,c=e.height+a;this.moveDirectionVertex(e,0,0,o,c,"to top left",[0,0,0])}},{key:"moveTopRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,0,a,o,c,"to bottom left",[0,c,0])}},{key:"moveDirectionVertex",value:function(t,e,n,i,a,o,c){var s=i/t.width,u=a/t.height;if(s>=0&&u>=0){var l=fa(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(c,i,a,t.originalTransformOrigin,t.itemMatrix)),f=r.getTranslation([],l);this.moveGroupItem(f,i,a),this.recoverItemForGroup(t,s,u,e,n)}}},{key:"moveTopVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,i,a,o,c,"to bottom right",[o,c,0])}},{key:"moveLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,i,0,o,c,"to top right",[o,0,0])}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to bottom left"===this.state.moveType?this.moveBottomLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType&&this.moveBottomVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.state.dragging=!1,this.initMatrix(!0),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.pack("x","y","width","height","transform"))}))}},{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:"item",get:function(){var t=this.verties||Io(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new Ub),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Ca.px(t[0][0]),y:Ca.px(t[0][1]),width:Ca.px(i.dist(t[0],t[1])),height:Ca.px(i.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=ae(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.state.dragging?this.groupItem.verties:this.$selection.verties,e=this.groupItem.selectionVerties();if(0!==t.length){this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,fe()(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,n){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){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=i.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=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.groupItem.width.value,l=this.groupItem.height.value,f=i.subtract([],c.data.start,c.data.end),h=da(f[0],f[1])+90,p="".concat(_i(u,100)," x ").concat(_i(l,100));if(this.state.isRotate){var d=zc.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(t,e){var n=this.$editor.isPointerMove,r=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),a=Ca.deg(da(r[0],r[1])-90).round(1e3),o=Do(t,30),c=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,o),size:this.createSize(t),point:[this.createRotatePointer(e[0],0,"bottom right"),this.createRotatePointer(e[1],1,"bottom left"),this.createRotatePointer(e[2],2,"top left"),this.createRotatePointer(e[3],3,"top right"),this.createRotatePointer(o,4,"center center"),n?void 0:this.createPointer(t[0],1,a),n?void 0:this.createPointer(t[1],2,a),n?void 0:this.createPointer(t[2],3,a),n?void 0:this.createPointer(t[3],4,a),c<20||n?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11),c<20||n?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12),c<20||n?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13),c<20||n?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14)].join("")}}},{key:"checkShow",value:function(){return!(!this.$selection.isMany||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:ct("refreshSelectionStyleView")+U("checkShow"),value:function(){this.renderPointers()}},{key:ct("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Wb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("hideSelectionToolView"),value:function(){}},{key:ct("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:ct("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:ct("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:ct("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),n}(Xg));n(44);function Jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qb=function(t){R()(r,t);var e,n=Jb(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"components",value:function(){return{SelectionToolView:Eb,GroupSelectionToolView:qb,PageTools:vm,GridLayoutLineView:jb,DragAreaRectView:Mb,HTMLRenderView:pm,SelectionInfoView:wb,LayerAppendView:mm,PathEditorView:lb,PathDrawView:ib,HoverView:hb,GuideLineView:kb,DragAreaView:Rb}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.nextTick((function(){t.trigger("resizeCanvas"),t.emit("moveSelectionToCenter",!1),t.refreshCursor()}))}},{key:"template",value:function(){return"\n      <div class='elf--page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view' ref=\"$pageView\">\n          <div class='page-lock scrollbar' ref='$lock'>            \n            <object refClass=\"DragAreaView\" ref=\"$dragAreaView\" />               \n            <object refClass='HTMLRenderView' ref='$elementView' />                                        \n            <object refClass='SelectionToolView' ref='$selectionTool' />\n            <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n            <object refClass=\"DragAreaRectView\" ref=\"$dragAreaRectView\" />                  \n            <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />            \n            <object refClass='SelectionInfoView' ref='$selectionInfoView' />                                                            \n            <object refClass='GuideLineView' ref='$guideLineView' />            \n            <object refClass='HoverView' ref='$hoverView' />     \n            <object refClass='LayerAppendView' ref='$objectAddView' />       \n            <object refClass='PathEditorView' ref='$pathEditorView' />                 \n            <object refClass='PathDrawView' ref='$pathDrawView' />            \n          </div>\n        </div>\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:At("$pageView"),value:function(){return{style:{"--elf--canvas-background-color":this.$config.get("style.canvas.background.color")}}}},{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(t){return!!this.$config.get("set.tool.hand")||this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(dd.space))}},{key:jt("$lock")+U("checkSpace")+Fg("movePan")+Hg("moveEndPan"),value:function(t){this.startMovePan()}},{key:lt("set.tool.hand"),value:function(t){t?(this.startMovePan(),this.emit("refreshCursor","grab")):(this.emit("recoverCursor","auto"),this.emit("addStatusBarMessage",""))}},{key:"startMovePan",value:function(){this.lastDist=i.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n;this.emit("refreshCursor","grabbing");var r=i.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,fe()(i.transformMat4([],i.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:"refreshCursor",value:function(){!1===this.$config.get("set.tool.hand")?(this.emit("refreshCursor","auto"),this.emit("addStatusBarMessage","")):this.emit("refreshCursor","grab")}},{key:"moveEndPan",value:function(){this.refreshCursor()}},{key:At("$container"),value:(e=Fa()(Na.a.mark((function t(){var e,n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(fe()(this.state.cursorArgs||[])));case 2:return n=t.sent,t.abrupt("return",{style:{cursor:n}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{key:mt("$lock")+at,value:function(){}},{key:gt("$lock")+at,value:function(t){var e=this.$viewport.getWorldPosition(t);if(t.dataTransfer.getData("text/asset"))this.emit("drop.asset",{asset:{id:t.dataTransfer.getData("text/asset"),center:e}});else{nm.getAllDropItems(t);var n=qa.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:Vt("$lock")+at,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),[zt(e,24),zt(n,24),0]}(t),r=_t()(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 c=-2.5*i,s=-2.5*a;this.$viewport.pan(-c/this.$viewport.scale,-s/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:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:ct("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"))}}]),r}(Xg);n(45);function tk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ek=function(t){R()(n,t);var e=tk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CanvasView:Qb,VerticalRuler:em,HorizontalRuler:Jg}}},{key:"template",value:function(){return"\n      <div class=\"elf--body-panel\">\n        <object refClass='HorizontalRuler' />\n        <object refClass='VerticalRuler' />\n        <object refClass='CanvasView' />        \n      </div>\n    "}},{key:At("$el"),value:function(){return{class:"elf--body-panel ".concat(this.$config.get("show.ruler")?"ruler":"")}}},{key:lt("show.ruler"),value:function(){this.refresh()}},{key:ct("bodypanel.toggle.fullscreen"),value:function(){this.refs.$el.toggleFullscreen()}}]),n}(Xg);n(46);function nk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rk=function(t){R()(n,t);var e=nk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='elf--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(Tg.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:ht("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}}]),n}(Xg);n(47);function ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ak=function(t){R()(n,t);var e=ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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:ct("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.layers.map((function(e){return t.makeStyle(e)})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(this.$editor.html.renderSVG(e),"\n").concat(this.$editor.html.render(e),"\n        ");this.refs.$html.text(r);var i=e.layers.map((function(e){return t.$editor.svg.render(e)}));this.refs.$svgimage.text(i.join("\n\n")),this.refs.$svgimagePreview.html(qa.createByHTML("<div>".concat(i.map((function(t){return"<div>".concat(t,"</div>")})).join(""),"</div>")))}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"makeHTML",value:function(t){return this.$editor.html.render(t)}},{key:ht("$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))}}]),n}(rk);so({ExportWindow:ak});n(48);function ok(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ck=new Set;pd.forEach((function(t){ck.add(t.category)}));var sk={};ck.forEach((function(t){pd.filter((function(e){return e.category===t})).forEach((function(t){sk[t.category]||(sk[t.category]=[]),sk[t.category].push(t)}))}));var uk={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},lk=hd(),fk=function(t){R()(n,t);var e=ok(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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(uk[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(lk,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(sk).map((function(e){return t.getTemplateForCategory(e,sk[e])})).join(""),"\n        </div>\n        ")}},{key:ct("showShortcutWindow"),value:function(){this.show()}}]),n}(rk);so({ShortcutWindow:fk});n(49);function hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pk=function(t){R()(n,t);var e=hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--project-window"}},{key:"getTitle",value:function(){return"Project Manager"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="project-container">\n            <div class="project-menu left">\n                Project Menu\n            </div>\n            <div class="project-list right">\n                Project List\n            </div>\n        </div>\n        '}},{key:ct("open.projects"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){this.$selection.currentProject}}]),n}(rk);so({ProjectWindow:pk});n(50);function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vk=function(t){R()(n,t);var e=dk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--notification-view'>\n            </div>\n        "}},{key:Et("$el"),value:function(t){qa.create(t.target).remove()}},{key:ht("$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]:1e3;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(Tg.close,"</span>\n        </div>\n    ")}},{key:ct("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1e3,i=qa.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),n}(Xg);function yk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gk=function(t){R()(n,t);var e=yk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{NotificationView:vk}}},{key:"template",value:function(){return"\n      <div class=\"popup-manger\">\n        <object refClass='ExportWindow' />\n        <object refClass='ProjectWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n        ".concat(this.$menuManager.generate("popup"),"\n      </div>\n    ")}}]),n}(Xg);function mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bk=["TEXTAREA","INPUT","SELECT"],kk=function(t){R()(n,t);var e=mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class="keyboard-manager"></div>\n    '}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!bk.includes(e)&&"true"!==qa.create(t.target).attr("contenteditable")}},{key:dt("document")+U("isNotFormElement")+at,value:function(t){this.emit("keymap.keydown",t)}},{key:vt("document")+U("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),n}(Xg);function xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wk=function(t){R()(n,t);var e=xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{selectedIndexValue:"style"}}},{key:"template",value:function(){var t=this;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="style" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Tg.palette,'</label>\n              </div>         \n              <div class="tab-item" data-value="transition" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Tg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="code" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Tg.code,"</label>\n              </div>          \n\n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                  <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                    <label>').concat(Tg[t.class.icon]||t.class.icon,"</label>\n                  </div>\n                ")})),'\n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="style">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                <object refClass="AppearanceProperty" />                                   \n\n                ').concat(this.$menuManager.generate("inspector.tab.style"),"                             \n                <div class='empty'></div>\n              </div>     \n              <div class='tab-content scrollbar' data-value='transition'>\n                ").concat(this.$menuManager.generate("inspector.tab.transition"),'              \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="code">\n                ').concat(this.$menuManager.generate("inspector.tab.code"),"                            \n                <div class='empty'></div>                           \n              </div>       \n            \n              \n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                  <div class='tab-content' data-value='".concat(r,"'>\n                    ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                    ").concat(t.$menuManager.generate("inspector.tab.".concat(r)),"\n                  </div>\n                ")})),"              \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$header .tab-item:not(.empty-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(Xg);function Pk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ok=function(t){R()(n,t);var e=Pk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"locales",get:function(){return Object.keys(this.$editor.i18n.locales)}},{key:"template",value:function(){var t=this,e=this.locales.map((function(e){return{text:t.$i18n("app.lang.".concat(e)),value:e}}));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(this.variable(e),'\n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:ut("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),n}(Xg);function Sk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jk=["dark","light"],$k=function(t){R()(n,t);var e=Sk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=jk.map((function(e){return{value:e,text:t.$i18n("app.theme.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.theme,'" \n                        onchange=').concat(this.subscribe((function(e,n){return t.emit("switchTheme",n)})),"\n                    /> \n                </div>\n            </div>\n        ")}}]),n}(Xg);function Rk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ck=function(t){R()(n,t);var e=Rk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){return{value:e,text:t.$i18n("app.layout.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:ut("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),n}(Xg);function Mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tk=function(t){R()(n,t);var e=Mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{version:"0.10.73"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),n}(Xg);n(51);function Vk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ek=function(t){R()(n,t);var e=Vk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button class="elf--switch-left-panel" data-tooltip="Toggle left panel" data-direction="top left">'.concat(Tg.left_hide,"</button>\n        ")}},{key:ht(),value:function(){this.$config.toggle("show.left.panel")}}]),n}(Xg);n(52);function Ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dk=function(t){R()(n,t);var e=Ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <button class="elf--switch-right-panel" data-tooltip="Toggle right panel" data-direction="top right">'.concat(Tg.right_hide,"</button>\n        ")}},{key:ht(),value:function(){this.$config.toggle("show.right.panel")}}]),n}(Xg);n(53);function Lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bk=function(t){R()(n,t);var e=Lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LanguageSelector:Ok,ThemeSwitcher:$k,LayoutSelector:Ck,VersionView:Tk,SwitchLeftPanel:Ek,SwitchRightPanel:Dk}}},{key:"template",value:function(){return"\n            <div class='elf--status-bar'>\n                <div class='tool-view left' ref='$leftTool'>\n                    <object refClass=\"SwitchLeftPanel\" />\n                    ".concat(this.$menuManager.generate("statusbar.left"),"                    \n                </div>            \n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$rightTool'>\n                    ").concat(this.$menuManager.generate("statusbar.right"),'\n                    <object refClass="LayoutSelector" />\n                    <object refClass="ThemeSwitcher" />\n                    <object refClass="LanguageSelector" />\n                    <object refClass="VersionView" />\n                    <object refClass="SwitchRightPanel" />                    \n                </div>\n            </div>\n        ')}},{key:"initState",value:function(){return{msg:""}}},{key:At("$msg"),value:function(){return{text:this.state.msg}}},{key:ct("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),n}(Xg);n(54);function Ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zk=function(t){R()(n,t);var e=Ak(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:ct("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"]||Ca.number(1)))}},{key:ct("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='elf--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=').concat(this.variable(["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=').concat(this.variable(["miter","bevel","round"]),'\n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:ut("changeValue"),value:function(t,e,n){this.updateData(w()({},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:ct("changePathManager"),value:function(t){this.setState({mode:t})}},{key:ct("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:ct("hideDrawManager"),value:function(){this.$el.hide()}}]),n}(Xg);n(55);function Fk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hk={"segment-move":"modify",modify:"modify",path:"path"},Gk=function(t){R()(n,t);var e=Fk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:ct("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"]||Ca.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Ca.number(1)))}},{key:"template",value:function(){return"\n      <div class='elf--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(Tg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Tg.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(Tg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Tg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Tg.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(Tg.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:ct("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("setAttributeForMulti","change color assets",this.$selection.packByValue({stroke:e})))}},{key:ut("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change path",this.$selection.packByValue(w()({},t,e))),this.updateData(w()({},t,e))}},{key:At("$mode"),value:function(){return{"data-selected-value":Hk[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:ht("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:ht("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:ht("$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:ct("changePathManager"),value:function(t){this.setState({mode:t})}},{key:ct("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:ct("hidePathManager"),value:function(){this.$el.hide()}}]),n}(Xg);n(56);function _k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nk=function(t){R()(n,t);var e=_k(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{PathManager:Gk,DrawManager:zk}}},{key:"template",value:function(){return"\n      <div class='elf--page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n      </div>\n    "}}]),n}(Xg);function Xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yk=function(t){R()(n,t);var e=Xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'elf--menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'data-tooltip="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n            data-direction="').concat(this.getDirection(),'"\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Tg[this.getIconString()]||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:ht(),value:function(t){this.clickButton(t)}},{key:"getDirection",value:function(){return this.props.direction||""}}],[{key:"createMenuItem",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){R()(r,e);var n=Xk(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIconString",value:function(){return t.iconString||"add_box"}},{key:"getTitle",value:function(){return t.title||"New Item"}},{key:"isHideTitle",value:function(){return t.isHideTitle||!0}},{key:"clickButton",value:function(e){t.clickButton(e)}},{key:"getDirection",value:function(){return t.direction}}]),r}(n)}}]),n}(Xg);function Kk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uk=function(t){R()(n,t);var e=Kk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.$el.$(".icon").css("transform","rotate(-30deg)")}},{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:ct("addLayerView"),value:function(t){this.setSelected("select"===t)}},{key:ct("refreshSelection"),value:function(){this.setSelected(this.$selection.isEmpty)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Wk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zk=function(t){R()(n,t);var e=Wk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"isHideTitle",value:function(){return!0}},{key:ct("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),n}(Yk);function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddArtboard:Zk});var Jk=function(t){R()(n,t);var e=qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("rect"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddRect:Jk});var tx=function(t){R()(n,t);var e=Qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("circle"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddCircle:tx});var nx=function(t){R()(n,t);var e=ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("text"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function rx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddText:nx});var ix=function(t){R()(n,t);var e=rx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ax(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddImage:ix});var ox=function(t){R()(n,t);var e=ax(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"draw"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddDrawPath:ox});var sx=function(t){R()(n,t);var e=cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("path"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ux(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddPath:sx});var lx=function(t){R()(n,t);var e=ux(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"RectPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function fx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddSVGRect:lx});var hx=function(t){R()(n,t);var e=fx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"CirclePath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddSVGCircle:hx});var dx=function(t){R()(n,t);var e=px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);n(57);function vx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yx=function(t){R()(n,t);var e=vx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{SelectTool:Uk,AddArtboard:Zk,AddRect:Jk,AddCircle:tx,AddText:nx,AddImage:ix,AddDrawPath:ox,AddPath:sx,AddSVGRect:lx,AddSVGCircle:hx,AddSVGTextPath:dx}}},{key:"template",value:function(){return"\n      <div class='elf--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              \x3c!--object refClass='AddVideo' /--\x3e\n              ").concat(this.$menuManager.generate("tool.menu.css"),"\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              ").concat(this.$menuManager.generate("tool.menu.svg"),"              \n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:ct("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:ct("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:ht("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),n}(Xg);function gx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mx=function(t){R()(n,t);var e=gx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.projects.title")}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("open.projects")}}]),n}(Yk);function bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kx=function(t){R()(n,t);var e=bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wx=function(t){R()(n,t);var e=xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ox=function(t){R()(n,t);var e=Px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Sx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jx=function(t){R()(n,t);var e=Sx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function $x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rx=function(t){R()(n,t);var e=$x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){var e=this;this.emit("saveJSON"),this.nextTick((function(){e.emit("notify","alert","Save","Save the content on localStorage",2e3)}))}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);n(58);function Cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mx=function(t){R()(n,t);var e=Cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{Projects:mx,Fullscreen:kx,KeyBoard:wx,ExportView:Ox,Download:jx,Save:Rx,PageSubEditor:Nk,ToolMenu:yx}}},{key:"template",value:function(){return"\n            <div class='elf--tool-bar'>\n                <div class='logo-item'>\n                    <label class='logo'></label>\n                </div>                 \n                <div class='left'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"Projects\" />\n                                <object refClass=\"Fullscreen\" />      \n                                ".concat(this.$menuManager.generate("toolbar.left"),"\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n                <div class='center'>\n                    <object refClass=\"ToolMenu\" />\n                    <object refClass='PageSubEditor' />  \n                </div>\n                <div class='right'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"KeyBoard\" />        \n                                <object refClass=\"ExportView\" />\n                                <object refClass=\"Download\" />\n                                <object refClass=\"Save\" />   \n                                ").concat(this.$menuManager.generate("toolbar.right"),"                             \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ")}}]),n}(Xg);function Tx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vx=function(t){R()(n,t);var e=Tx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ix=function(t){R()(n,t);var e=Ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Dx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lx=function(t){R()(n,t);var e=Dx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ax=function(t){R()(n,t);var e=Bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function zx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fx=function(t){R()(n,t);var e=zx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Hx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gx=function(t){R()(n,t);var e=Hx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),n}(Yk);function _x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nx=function(t){R()(n,t);var e=_x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){console.log(t),this.emit("same.width")}}]),n}(Yk);function Xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yx=function(t){R()(n,t);var e=Xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);n(59);function Kx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ux=function(t){R()(n,t);var e=Kx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='elf--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                </label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body ").concat(this.getBodyClassName(),"'>").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:"getBodyClassName",value:function(){return""}},{key:"getKeyframeProperty",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:ht("$el .property-body .add-timeline-property")+at+ot,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:ht("$el .property-title .add-timeline-property")+at+ot,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&&(ne(t)&&t()||!ne(t)&&t.includes(n.itemType))?(this.show(),e&&this.refresh()):this.hide()}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}},{key:"editableProperty",get:function(){return""}},{key:"checkShow",value:function(){return this.$selection.current&&this.$selection.current.editable(this.editableProperty)?(this.show(),!0):(this.hide(),!1)}}]),n}(Xg);n(60);function Wx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zx=function(t){R()(n,t);var e=Wx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LeftAlign:Lx,CenterAlign:Ix,RightAlign:Fx,TopAlign:Yx,MiddleAlign:Ax,BottomAlign:Vx,SameWidth:Nx,SameHeight:Gx}}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="elf--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" direction="bottom" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),n}(Ux);function qx(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Jx(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,qx(e))})),{str:t,matches:n}}function Qx(t,e){return e.forEach((function(e){t=t.replace(qx(e),e.parsedString)})),t}function tw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ew(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nw=/((cubic-bezier|steps)\(([^\)]*)\))/gi,rw=function(t){R()(n,t);var e=ew(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Ca.second(0),timingFunction:"linear",delay:Ca.second(0),iterationCount:Ca.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).duration=Ca.parse(t.duration),t.iterationCount=Ca.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?tw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tw(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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Jx(t,nw);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Ca.parse(e[0]),timingFunction:Qx(e[1],r.matches),delay:Ca.parse(e[2]),iterationCount:"infinite"===e[3]?Ca.string("infinite"):Ca.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Ca.parse(e[0]),timingFunction:Qx(e[1],r.matches),delay:Ca.parse(e[2]),name:e[3]}:e.length>=1?{duration:Ca.parse(e[0]),name:e[1]}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Ec);n(61);function iw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ow=function(t){R()(n,t);var e=aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(Tg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Dt("$animationList")+Q,value:function(){var t=this,e=this.$selection.current;return e?rw.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=Rc(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(Tg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Tg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Tg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:ht("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add animation property",this.$selection.packByValue({animation:function(t){return rw.add(t.animation,{name:null})}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:ht("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:rw.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:ht("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=rw.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:rw.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=rw.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:ht("$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:ct("changeAnimationPropertyPopup"),value:function(t){var e=this;this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.command("setAttributeForMulti","change animation property",this.$selection.packByValue({animation:function(t){return rw.replace(t.animation,e.selectedIndex,e.currentAnimation)}})),this.refresh()))}}]),n}(Ux);n(62);function cw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sw=function(t){R()(n,t);var e=cw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--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(Tg.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n            \x3c!--<div class='popup-resizer' ref='$resizer'></div> --\x3e\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:ht("$close"),value:function(){this.$el.hide()}},{key:jt("$title")+Fg("movePopupTitle")+Hg("endPopupTitle"),value:function(){this.x=Ca.parse(this.$el.css("left")),this.y=Ca.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Ca.px(this.x.value+t),r=Ca.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?Ca.parse(r):Ca.px(110),o="auto"!==i?Ca.parse(i):Ca.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:ct("hidePropertyPopup"),value:function(){this.hide()}},{key:jt("$resizer")+Fg("moveResizer"),value:function(t){this.width=Ca.parse(this.$el.css("width")),this.height=Ca.parse(this.$el.css("height"))}},{key:"moveResizer",value:function(t,e){this.$el.css({width:Ca.px(Math.min(this.width.value+t,1e3)),height:Ca.px(Math.min(this.height.value+e,700))})}}]),n}(Xg);n(63);function uw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hw=function(t){R()(n,t);var e=fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=lw(lw({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--animation-property-popup' ref='$popup'></div>"}},{key:Dt("$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:Dt("$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:kt("$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:ut("changeSelect"),value:function(t,e){this.updateData(w()({},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:ut("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Ca.number(e.value):Ca.string(e.unit)),this.updateData(w()({},t,e))}},{key:ut("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ct("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:ct("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),n}(sw);function pw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dw=["visible","hidden","scroll","auto"],vw=function(t){R()(n,t);var e=pw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return this.variable(dw.map((function(e){return{value:e,text:t.$i18n("background.color.property.overflow.".concat(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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" \n          ref='$color' \n          label=\"".concat(this.$i18n("background.color.property.color"),"\" \n          key='background-color' \n          onchange=\"changeColor\" \n        />\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:ut("changeColor"),value:function(t,e){this.command("setAttributeForMulti","change background color",this.$selection.packByValue(w()({},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:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"appearance"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux),yw=[{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"}]}]}];n(64);function gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mw=function(t){R()(n,t);var e=gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--artboard-size-list"}},{key:"editableProperty",get:function(){return"artboard-size"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=yw.map((function(t,e){return{category:t.category,index:e}}));return'\n      <object refClass="SelectEditor"  \n        ref=\'$select\' \n        value="'.concat(t[0].category,'" \n        options=').concat(this.variable(t.map((function(t){return t.category})))," \n        onchange='changeSizeIndex'\n      />\n    ")}},{key:ut("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;yw.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:ht("$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:Dt("$list")+Q,value:function(){var t=this;return yw[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),n}(Ux),bw=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xw=function(t){R()(n,t);var e=kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBodyClassName",value:function(){return"no-padding"}},{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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Dt("$filterSelect"),value:function(){var t=this,e=bw.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(fe()(e),[{title:"-------",value:""}],fe()(n)):fe()(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:Dt("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="backdrop-filter" value=\''.concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />\n      </div>\n    ")}},{key:ut("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change backdrop filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"backdrop-filter"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);function ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pw=function(t){R()(n,t);var e=ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:Dt("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'\n      <object refClass="SelectEditor"  \n          ref=\'$1\' \n          key=\'background-clip\' \n          icon="true" \n          value="'.concat(t,'" \n          options=').concat(this.variable(["","paddinb-box","border-box","content-box","text"]),' \n          onchange="changeSelect" \n      />')}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change background clip",this.$selection.packByValue(w()({},t,e)))}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),n}(Ux);n(65);function Ow(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Sw={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Tg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Tg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Tg.repeat," Conic")},jw={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"},$w=function(t){R()(n,t);var e=Ow(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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""===t?[]:Rl.parseStyle(wc(t))}},{key:"setValue",value:function(t){console.log("aaaa",t),this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='elf--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(Tg.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:Dt("$fillList")+Q,value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=jw[i.type],o=Sw[i.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(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(Tg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=xc(Rl.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:ct("add"),value:function(){this.state.images.push(new Rl({image:new nl({angle:90,colorsteps:[new Lu({percent:0,color:"white",index:0}),new Lu({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:yt("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$fillList .fill-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:gt("$fillList .fill-item")+at,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:ht("$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:ct("selectFillPopupTab"),value:function(t,e){var n=jw[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:ut("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,w()({},t,e),n)}},{key:ut("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),n}(Xg);n(66);function Rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cw=function(t){R()(n,t);var e=Rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Ca.z(),y:this.props.y||Ca.z(),width:this.props.width||Ca.z(),height:this.props.height||Ca.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"  \n          label="'.concat(this.$i18n("background.image.position.popup.size"),"\" \n          ref='$size' \n          key='size' \n          value=\"").concat(this.state.size,'" \n          options=').concat(this.variable(["contain","cover","auto"]),'\n          onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:ht("$repeat button"),value:function(t){var e=t.$dt;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Dt("$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:ct("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),n}(sw);function Mw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tw=function(t){R()(n,t);var e=Mw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Dt("$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:"editableProperty",get:function(){return"background-image"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBackgroundImage"),value:function(t,e){this.command("setAttributeForMulti","change background image",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(67);function Vw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ew(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Iw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dw=function(t){R()(n,t);var e=Iw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(Ew({},t))}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:ct("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Ew({},t))}}]),n}(Xg),Lw={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Bw=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){return wc(t)}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){Lw[t]?e=t:pu.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}();n(68);function Aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zw=["border"],Fw={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},Hw=function(t){R()(n,t);var e=Aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Bw.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 Bw.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=Bw.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Dt("$editorArea"),value:function(){var t=this;return zw.map((function(e){var n=Fw[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=\"elf--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:ut("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),n}(Xg);n(69);function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _w=function(t){R()(n,t);var e=Gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:Dt("$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:"editableProperty",get:function(){return"border"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeKeyValue"),value:function(t,e){this.command("setAttributeForMulti","change border",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(70);function Nw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xw=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Yw=function(t){R()(n,t);var e=Nw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:Bw.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 Bw.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=Bw.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Ca.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="elf--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(Xw,"' 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:ut("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),n}(Xg);function Kw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zw=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],qw=Zw.map((function(t){return t.key})),Jw={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Tg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Tg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Tg.repeat," Conic")},Qw=function(t){R()(n,t);var e=Ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Border Image"}},{key:ct("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:ht("$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:Dt("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?Jw[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:ut("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&qw.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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(Zw.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:kt("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:ht("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:ht("$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=fe()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||$a.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=$a.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",Uw(Uw({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(Jw.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(Jw[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:ct("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 qw.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:ht("$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()}}]),n}(Ux);n(71);function tP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eP=[{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"}],nP=eP.map((function(t){return t.key})),rP=function(t){R()(n,t);var e=tP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return is.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='elf--border-radius-editor' ref='$body'></div>"}},{key:ut("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&nP.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(eP.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:xt("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:kt("$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,nP.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"]+"":nP.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:ht("$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()}}]),n}(Xg);function iP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aP=function(t){R()(n,t);var e=iP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:Dt("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:"editableProperty",get:function(){return"border-radius"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBorderRadius"),value:function(t){this.command("setAttributeForMulti","change border radius",this.$selection.packByValue({"border-radius":t}))}}]),n}(Ux);n(72);function oP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cP=[];["margin","padding"].forEach((function(t){cP.push.apply(cP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var sP=function(t){R()(n,t);var e=oP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:"editableProperty",get:function(){return"box-model"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:"getBody",value:function(){return'<div class="property-item elf--box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||Ca.z();return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:Dt("$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:xt("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};cP.forEach((function(n){e[n]=Ca.px(t.getRef("$",n).value)})),this.command("setAttributeForMulti","change padding or margin",this.$selection.packByValue(e))}}]),n}(Ux);n(73);function uP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lP=function(t){R()(n,t);var e=uP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Ks.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Tg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Dt("$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(Tg.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(Tg.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:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:ct("add"),value:function(){this.state.boxShadows.push(new Ks({offsetX:Ca.px(2),offsetY:Ca.px(2),blurRadius:Ca.px(3),spreadRadius:Ca.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:ht("$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:ht("$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){var e=this;this.emit("showBoxShadowPropertyPopup",{changeEvent:function(t,n){var r=e.state.boxShadows[e.selectedIndex];r&&(r.reset(t),e.refresh(),e.modifyBoxShadow())},color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}}]),n}(Xg);function fP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hP=function(t){R()(n,t);var e=fP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:Dt("$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(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:"editableProperty",get:function(){return"box-shadow"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBoxShadow"),value:function(t){this.command("setAttributeForMulti","change box shadow",this.$selection.packByValue({"box-shadow":t}))}}]),n}(Ux);n(74);function pP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yP=function(t){R()(n,t);var e=vP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),spreadRadius:Ca.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='elf--box-shadow-property-popup' ref='$popup'></div>"}},{key:Dt("$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\" \n              ref='$spreadRadius' \n              label='Spread' \n              key='spreadRadius' \n              value=\"").concat(this.state.spreadRadius,"\" \n              onchange='changeRangeEditor' \n            />        \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:ht("$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:jt("$popup .drag-board")+Fg("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(c),this.updateData({offsetX:Ca.px(o),offsetY:Ca.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:ct("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(dP(dP({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:ct("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),n}(sw);function gP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mP=function(t){R()(n,t);var e=gP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Ca("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];return qt(s)&&(s=c),{radius:e,x:c=Ca.parse(c),y:s=Ca.parse(s)}}},{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:At("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jt("$area")+Fg()+Hg(),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=Ca.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Ca.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:ut("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Ca("","closest-side"):r.includes("farthest-side")&&(n=new Ca("","farthest-side")),this.updateData({radius:n})}}}]),n}(Xg);function bP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kP=function(t){R()(n,t);var e=bP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=_t()(e,2),r=n[0],i=n[1],a=nf.parse(r),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=nf.parse(i),p=_t()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=Ca.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),s=o.clone(),u=Ca.percent(100-r.value).toPx(220),l=Ca.percent(100-n.value).toPx(220),f=Ca.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=i.toPx(220),p=Ca.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),d=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(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(s,";top: ").concat(u,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(h,";top: ").concat(p,";'></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(h,";top: ").concat(c,";width: ").concat(Ca.px(l.value-i.value),";height: ").concat(Ca.px(u.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(d," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:At("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ht("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Dt("$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:ut("changeBorderRadius"),value:function(t){var e=_t()(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),c=Ca.percent(a).toPx(220),s=e.toPx(220),u=Ca.percent(a).toPx(220),l=Ca.percent(100-r.value).toPx(220),f=Ca.percent(100-n.value).toPx(220),h=Ca.percent(o).toPx(220),p=i.toPx(220),d=Ca.percent(o).toPx(220);this.refs.$top.css({left:c,top:s}),this.refs.$right.css({left:f,top:h}),this.refs.$bottom.css({left:u,top:l}),this.refs.$left.css({left:p,top:d}),this.refs.$clipArea.css({left:p,top:s,width:Ca.px(f.value-p.value),height:Ca.px(l.value-s.value)}),this.bindData("$clipAreaView")}},{key:jt("$area .clip-area-handle")+Fg("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:Ca.parse(this.$target.css("left")),top:Ca.parse(this.$target.css("top")),width:Ca.parse(this.$target.css("width")),height:Ca.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=Ca.px(i),c=Ca.px(a);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:Ca.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Ca.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:jt("$area .drag-pointer")+Fg(),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=Ca.px(n-this.areaRect.x),a=Ca.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Ca.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Ca.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,c=t.leftRadius,s=t.bottomRadius,u=t.rightRadius,l=[e,n,i,r].join(" "),f=[o,u,s,c].join(" ");return"".concat(l," ").concat(a&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(Xg);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){w()(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}function PP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OP=function(t){R()(n,t);var e=PP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(r,2),a=i[0],o=i[1];return{x:Ca.parse(a).toPx(e),y:Ca.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:Dt("$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(Tg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Tg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:ht("$area")+at,value:function(t){if(qa.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:Ca.px(n-this.areaRect.left),y:Ca.px(r-this.areaRect.top)}),this.refresh()}}},{key:ht("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:ht("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:At("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Dt("$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:ht("$area .drag-pointer")+q+at,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:jt("$area .drag-pointer")+Fg(),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=Ca.px(n-this.areaRect.x),a=Ca.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:Ca.px(n.value+10),y:Ca.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]=wP(wP({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(Xg);function SP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jP=function(t){R()(n,t);var e=SP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];qt(s)&&(s=c),c=Ca.parse(c),s=Ca.parse(s);var u=e.split(" "),l=_t()(u,2),f=l[0],h=l[1];return qt(h)&&(h=f),{radiusX:f=Ca.parse(f),radiusY:h=Ca.parse(h),x:c,y:s}}},{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:At("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jt("$area")+Fg()+Hg(),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=Ca.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Ca.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:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e.clone()))}}]),n}(Xg);n(75);function $P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RP=function(t){R()(n,t);var e=$P(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CircleEditor:mP,InsetEditor:kP,PolygonEditor:OP,EllipseEditor:jP}}},{key:"getTitle",value:function(){return"ClipPath"}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return sf.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='elf--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:Dt("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Dt("$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:ut("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:ct("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(sf.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:ct("hideClipPathPopup"),value:function(){this.hide()}}]),n}(sw);n(76);function CP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MP=["circle","ellipse","inset","polygon","path","svg"],TP=function(t){R()(n,t);var e=CP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='elf--clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(MP.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(Tg.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(Tg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:ht("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:ht("$clippathList .del")+at,value:function(t){var e=this;this.$selection.current&&(this.command("setAttributeForMulti","delete clip-path",this.$selection.packByValue({"clip-path":""})),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:"editableProperty",get:function(){return"clip-path"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:Dt("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:ht("$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("setAttributeForMulti","change clip-path",this.$selection.packByValue({"clip-path":this.refs.$clipPathSelect.value}))),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this,e=this.$selection.current;if(e)switch(sf.parseStyle(e["clip-path"]).type){case"path":var n=e.accumulatedPath(e.clipPathString).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.updatePathInfo({"clip-path":"path(".concat(n.d,")")})},current:e,d:n});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.updatePathInfo(e)}})}}},{key:"updatePathInfo",value:function(t){if(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttributeForMulti","change clip-path",this.$selection.packByValue(t)))}}}]),n}(Ux);n(77);function VP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EP=function(t){R()(n,t);var e=VP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:"checkParentTab",value:function(){return"code"===this.parent.state.selectedIndexValue}},{key:ct("refreshSelectionStyleView","refreshSelection")+U("checkParentTab"),value:function(){this.refresh()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item elf--code-view-item\" ref='$body'></div>\n    "}},{key:Dt("$body")+Q,value:function(){return[this.$editor.html.codeview(this.$selection.current)]}}]),n}(Ux);function IP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DP=function(t){R()(n,t);var e=IP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:At("$bar"),value:function(){var t=this.state.hue;return{style:{left:Ca.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:jt("$container")+Fg("movePointer")+Hg("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})}}]),n}(Xg);function LP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BP=function(t){R()(n,t);var e=LP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{colorbar:pu.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:At("$colorbar"),value:function(){var t=ae(this.state.colorbar);t.a=0;var e=pu.format(t,"rgb");t.a=1;var n=pu.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:At("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Ca.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:jt("$container")+Fg("movePointer")+Hg("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.toFixed(2)})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),n}(Xg);function AP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zP=function(t){R()(n,t);var e=AP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:At("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),n}(Xg);function FP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HP=function(t){R()(n,t);var e=FP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"manager",get:function(){return this.parent.manager}},{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:"hasValue",value:function(t){return""!==t.target.value}},{key:xt("$rgb_r")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_g")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_b")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_a")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$hsl_h")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_s")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_l")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_a")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:vt("$hexCode")+U("hasValue"),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:ht("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:ht("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:ht("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:ht("$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()}}]),n}(Xg);function GP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _P=function(t){R()(n,t);var e=GP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:At("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:At("$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:Ca.px(t),top:Ca.px(e)}}}},{key:jt("$el")+Fg("movePointer")+Hg("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),c=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:c})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),n}(Xg),NP=[{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=NP.length;t<e;t++){var n=NP[t],r=pu.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var XP={colors:NP,checkHueColor:function(t){for(var e,n,r=0;r<NP.length;r++)if(NP[r].start>=t){e=NP[r-1],n=NP[r];break}return e&&n?pu.mix(e,n,(t-e.start)/(n.start-e.start)):NP[0].rgb}};function YP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var UP=function(){function t(){O()(this,t),this.initialize()}return j()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{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}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){"string"==typeof(t=t||"#FF0000")&&(t=pu.parse(t)),this.state.alpha=void 0!==t.a?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=KP(KP({},this.state.hsl),t),this.state.rgb=pu.HSLtoRGB(this.state.hsl),this.state.hsv=pu.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=KP(KP({},this.state.rgb),t),this.state.hsl=pu.RGBtoHSL(this.state.rgb),this.state.hsv=pu.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=KP(KP({},this.state.hsv),t),this.state.rgb=pu.HSVtoRGB(this.state.hsv),this.state.hsl=pu.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return XP.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 pu.format(KP(KP({},e),{},{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}}]),t}();function WP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZP=function(t){R()(n,t);var e=WP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.manager=new UP}},{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:ut("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:DP,Opacity:BP,ColorView:zP,Palette:_P,ColorInformation:HP}}},{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      '}}]),n}(Xg);n(78);function qP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JP=function(t){R()(n,t);var e=qP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact elf--colorpicker-popup"}},{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(){var t=this;return"\n    <div class=\"elf--color-picker-popup\">\n      <div class='box'>\n        <object \n          refClass=\"EmbedColorPicker\" \n          ref='$color' \n          value='".concat(this.state.color,"' \n          onchange=").concat(this.subscribe((function(e){return t.updateData({color:e})}))," \n          onchangeend=").concat(this.subscribe((function(e){return t.updateEndData({color:e})}))," />\n      </div>\n    </div>\n  ")}},{key:Dt("$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:ht("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:ct("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof _g))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:ct("hideColorPickerPopup"),value:function(){this.hide()}}]),n}(sw);function QP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tO=function(t){R()(n,t);var e=QP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ut("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:ut("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)}}]),n}(Xg);function eO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iO=function(t){R()(n,t);var e=rO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return t.$editor.components.createInspector(n).length>0}))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load())}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"getPropertyEditor",value:function(t,e,n,r,i){return te(r)?'\n        <div>  \n          <object refClass="'.concat(r,'" ').concat(Pc(nO(nO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t),key:e})),'>\n            <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n          </object>\n        </div>"):Object.keys(r).map((function(r){return'\n          <div>\n            <object refClass="'.concat(r,'" ').concat(Pc(nO(nO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t).concat(r),key:e})),'>\n              <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n            </object>\n          </div>")})).join("")}},{key:Dt("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":this.$editor.components.createInspector(e).map((function(n,r){return te(n)?"\n          <div class='property-item is-label'> \n            <label class='label string-label'>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item'> \n            ".concat(t.getPropertyEditor(r,n.key,e[n.key]||n.defaultValue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:ut("changeComponentProperty"),value:function(t,e){var n,r=this.$selection.current,i=null===(n=this.$editor.components.createInspector(r).find((function(e){return e.key===t})))||void 0===n?void 0:n.convert,a=i?i(r,t,e):w()({},t,e);this.command("setAttributeForMulti","change component : "+t,this.$selection.packByValue(a))}}]),n}(Ux);n(79);function aO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oO=function(t){R()(n,t);var e=aO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Content"}},{key:ct("refreshSelection","refreshContent")+tt(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item elf--content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:At("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:xt("$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("refreshSelectionStyleView",t)}}}]),n}(Ux),cO=[{key:"style.canvas.background.color",defaultValue:"#ececec",title:"Canvas Background Color",description:"Set canvas background color",type:"color"},{key:"area.width",defaultValue:100,title:"Area Width to find layers fastly",description:"Set area width/height",type:"number"},{key:"store.key",defaultValue:"easylogic.studio",title:"Store Key",description:"Set localStorage key",type:"number"},{key:"set.tool.hand",defaultValue:!1,title:"Hand tool",description:"Hand tool is on",type:"boolean"},{key:"canvas.width",defaultValue:1e4,title:"Default canvas width",description:"Set default canvas width",type:"number"},{key:"canvas.height",defaultValue:1e4,title:"Default canvas height",description:"Set default canvas height",type:"number"},{key:"body.move.ms",defaultValue:30,title:"pointer move delay millisecond",description:"Set delay millisecond to moving pointer in body  ",type:"number"},{key:"debug",defaultValue:!1,title:"debug mode",description:"Set debug mode to on ",type:"boolean"},{key:"fixed.angle",defaultValue:15,title:"fixed angle count",description:"Set fixed angle",type:"number"},{key:"show.ruler",defaultValue:!0,title:"Show ruler",description:"Set ruler visibility to on",type:"boolean"},{key:"show.left.panel",defaultValue:!0,title:"Show left panel",description:"Set left panel visibility to on",type:"boolean"},{key:"show.right.panel",defaultValue:!0,title:"Show right panel",description:"Set right panel visibility to on",type:"boolean"},{key:"snap.distance",defaultValue:3,title:"Snap distance between objects",description:"Set snap distance",type:"number"},{key:"snap.grid",defaultValue:50,title:"Snap grid size between objects",description:"Set snap grid size",type:"number"},{key:"history.delay.ms",defaultValue:1e3,title:"history delay milliseconds",description:"Set history delay time",type:"number"}];function sO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function uO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fO=function(t){R()(n,t);var e=lO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,uO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Tg.rect}},{key:"toCloneObject",value:function(){return uO(uO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Tg.rect}}]),n}(Nb);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}function pO(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){w()(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}function dO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vO=function(t){R()(n,t);var e=dO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,pO({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),n}(fO);function yO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bO=function(t){R()(n,t);var e=mO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,gO({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return gO(gO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),n}(fO);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 xO(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){w()(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}function wO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var PO=function(t){R()(n,t);var e=wO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,xO({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),n}(fO);function OO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $O={};["appearance","border","border-radius","background-image","backdrop-filter","clip-path","pattern","box-shadow","layout","transform","transform-origin","perspective","perspective-origin","backdrop-filter"].forEach((function(t){$O[t]=!0}));var RO=function(t){R()(n,t);var e=jO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,SO({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:"editable",value:function(t){if($O[t])return!1;switch(t){case"svg-item":return!0}return Ta()(V()(n.prototype),"editable",this).call(this,t)}},{key:"toCloneObject",value:function(){return SO(SO({},Ta()(V()(n.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}}]),n}(fO);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 MO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VO=function(t){R()(n,t);var e=TO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,MO({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){Ta()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new _c(this.json.d))}},{key:"setCache",value:function(){Ta()(V()(n.prototype),"setCache",this).call(this),this.cachePath=new _c(this.json.d)}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new _c(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"toCloneObject",value:function(){return MO(MO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{d:this.json.d})}},{key:"getDefaultTitle",value:function(){return"Path"}}]),n}(RO);function EO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function IO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function DO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var LO=function(t){R()(n,t);var e=DO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,IO({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Ca.number(100),textLength:Ca.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).textLength=Ca.parse(t.textLength),t}},{key:"toCloneObject",value:function(){return IO(IO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}}]),n}(RO);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}function AO(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){w()(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}function zO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FO=function(t){R()(n,t);var e=zO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,AO({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Ca.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Ca.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){Ta()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new _c(this.json.d))}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new _c(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).textLength=Ca.parse(t.textLength),t.startOffset=Ca.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return AO(AO({},Ta()(V()(n.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 cm(t.property)})),n=t.filter((function(t){return e=t.property,am[e]||!1;var e})),r=t.filter((function(t){return sm(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}]}}]),n}(RO);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}function GO(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){w()(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}function _O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NO=function(t){R()(n,t);var e=_O(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"is",value:function(){for(var t,e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return!!r.includes("component")||(t=Ta()(V()(n.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}],[{key:"createComponent",value:function(t){var e=t.iconString,r=t.title,i=void 0===r?"Unknown Title":r,a=t.attrs,o=void 0===a?{}:a,c=t.enableHasChildren,s=void 0!==c&&c;return function(t){R()(r,t);var n=_O(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIcon",value:function(){return e||Tg.add}},{key:"getDefaultObject",value:function(){return Ta()(V()(r.prototype),"getDefaultObject",this).call(this,GO({itemType:"NewComponent",name:"New Component"},o))}},{key:"toCloneObject",value:function(){return GO(GO({},Ta()(V()(r.prototype),"toCloneObject",this).call(this)),this.attrs.apply(this,fe()(Object.keys(o))))}},{key:"enableHasChildren",value:function(){return s||!1}},{key:"getDefaultTitle",value:function(){return i}}]),r}(n)}}]),n}(fO);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function KO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UO='\n  <svg>\n    <rect width="100%" height="100%" fill="black" />\n  </svg>\n',WO=function(t){R()(n,t);var e=KO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.auto_awesome}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,YO({itemType:"template",name:"New Template",engine:"dom",template:UO,params:[]},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Template"}},{key:"toCloneObject",value:function(){return YO(YO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("template"))}}]),n}(NO);function ZO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QO,tS=function(t){R()(n,t);var e=JO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,qO({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 qO(qO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("content"))}},{key:"editable",value:function(t){switch(t){case"font":case"font-spacing":case"text-style":case"text-shadow":case"text-fill":case"text-clip":case"background-image":case"box-model":return!0;case"svg-item":case"border":case"border-radius":case"backdrop-filter":case"background-image":case"pattern":case"box-shadow":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Ta()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(fO),eS={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":"Component","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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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":"Full Screen","menu.item.shortcuts.title":"ShortCuts","menu.item.github.title":"Github","menu.item.learn.title":"Learn","menu.item.projects.title":"Projects","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","component.items.chart":"Chart","component.items.plugin":"Plugin","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:(QO={"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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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","menu.item.projects.title":"Projects","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"},w()(QO,"inspector.tab.title.history","History"),w()(QO,"timeline.property.title","Chronologie"),w()(QO,"timeline.property.resize","Drag if you want to resize timeline height."),w()(QO,"timeline.animation.property.title","Animations"),w()(QO,"timeline.play.control.play","Jouer"),w()(QO,"timeline.play.control.pause","Pause"),w()(QO,"timeline.play.control.first","Premier"),w()(QO,"timeline.play.control.prev","Précédent"),w()(QO,"timeline.play.control.next","Suivant"),w()(QO,"timeline.play.control.last","Dernier"),w()(QO,"timeline.play.control.direction","Direction"),w()(QO,"timeline.play.control.speed","Vitesse"),w()(QO,"timeline.play.control.repeat","Répéter"),w()(QO,"timeline.play.control.infinite","Infini"),w()(QO,"timeline.play.control.normal","normal"),w()(QO,"timeline.play.control.alternate","alternatif"),w()(QO,"timeline.play.control.reverse","inverse"),w()(QO,"timeline.play.control.alternate.reverse","inverse alternatif"),w()(QO,"timeline.value.editor.value","Valeur"),w()(QO,"timeline.value.editor.time","Temps"),w()(QO,"timeline.value.editor.timing","Calage temps"),w()(QO,"timeline.value.editor.offset.message","Please input enter key to change time offset."),w()(QO,"svgfilter.popup.title","Filtre SVG"),w()(QO,"css.item.rotate","Rotation"),w()(QO,"css.item.rotateX","Rotation X"),w()(QO,"css.item.rotateY","Rotation Y"),w()(QO,"css.item.rotateZ","Rotation Z"),w()(QO,"css.item.rotate3d","Rotation 3D"),w()(QO,"css.item.skewX","Oblique X"),w()(QO,"css.item.skewY","Oblique Y"),w()(QO,"css.item.translate","Translation"),w()(QO,"css.item.translateX","Translation X"),w()(QO,"css.item.translateY","Translation Y"),w()(QO,"css.item.translateZ","Translation Z"),w()(QO,"css.item.translate3d","Translation 3D"),w()(QO,"css.item.perspective","Perspéctive"),w()(QO,"css.item.scale","Echelle"),w()(QO,"css.item.scaleX","Echelle X"),w()(QO,"css.item.scaleY","Echelle Y"),w()(QO,"css.item.scaleZ","Echelle Z"),w()(QO,"css.item.scale3d","Echelle 3D"),w()(QO,"css.item.matrix","Matrice"),w()(QO,"css.item.matrix3d","Matrice 3D"),w()(QO,"animation.property.title","Animation CSS"),w()(QO,"animation.property.direction","Direction"),w()(QO,"animation.property.play.state","Etat lecture"),w()(QO,"animation.property.fill.mode","Mode remplissage"),w()(QO,"animation.property.delay","Délais"),w()(QO,"animation.property.duration","Durée"),w()(QO,"animation.property.iteration.count","Nombre Itérations"),w()(QO,"animation.property.Select a keyframe","Selectionner une image clé"),w()(QO,"animation.property.popup.title","Animation"),w()(QO,"animation.property.popup.timing.function","Fonction temps"),w()(QO,"animation.property.popup.keyframe","image clé"),w()(QO,"animation.property.popup.direction","Direction"),w()(QO,"animation.property.popup.play.state","Etat lecture"),w()(QO,"animation.property.popup.fill.mode","Mode remplissage"),w()(QO,"animation.property.popup.delay","Délais"),w()(QO,"animation.property.popup.duration","Duréé"),w()(QO,"animation.property.popup.iteration","Itération"),w()(QO,"animation.property.popup.normal","normal"),w()(QO,"animation.property.popup.reverse","inverse"),w()(QO,"animation.property.popup.alternate","alternatif"),w()(QO,"animation.property.popup.alternate-reverse","inverse alternatif"),w()(QO,"animation.property.popup.none","Aucun"),w()(QO,"animation.property.popup.forwards","en avant"),w()(QO,"animation.property.popup.backwards","en arrière"),w()(QO,"animation.property.popup.both","les deux"),w()(QO,"animation.property.popup.Select a keyframe","Selectionner une image clé"),w()(QO,"keyframe.popup.title","image clé"),w()(QO,"code.view.property.title","Vue code"),w()(QO,"svg.filter.editor.tab.filter","Filtrer"),w()(QO,"svg.filter.editor.tab.preset","Pre-rempli"),w()(QO,"svg.filter.editor.tab.asset","Eléments"),w()(QO,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),w()(QO,"svg.filter.editor.SOURCES","SOURCES"),w()(QO,"svg.filter.editor.MODIFIER","MODIFIER"),w()(QO,"svg.filter.editor.LIGHTING","ECLAIRAGE"),w()(QO,"svg.filter.editor.COMBINERS","COMBINER"),w()(QO,"svg.filter.editor.Template","Modèle"),w()(QO,"layout.property.title","Disposition"),w()(QO,"layout.property.flex","Boîte Flex"),w()(QO,"layout.property.grid","Grille"),w()(QO,"layout.property.default","Défaut"),w()(QO,"flex.layout.editor.row","Ligne"),w()(QO,"flex.layout.editor.column","Colonne"),w()(QO,"flex.layout.editor.row-reverse","Inverse ligne"),w()(QO,"flex.layout.editor.column-reverse","Inverse Colonne"),w()(QO,"flex.layout.editor.nowrap","Non-emballé"),w()(QO,"flex.layout.editor.wrap","Emballé (wrap)"),w()(QO,"flex.layout.editor.wrap-reverse","Inverse emballé"),w()(QO,"flex.layout.editor.flex-start","Début"),w()(QO,"flex.layout.editor.flex-end","Fin"),w()(QO,"flex.layout.editor.center","Centrer"),w()(QO,"flex.layout.editor.space-between","Entre"),w()(QO,"flex.layout.editor.space-around","Autour"),w()(QO,"flex.layout.editor.baseline","Base"),w()(QO,"flex.layout.editor.stretch","Etirement"),w()(QO,"flex.layout.editor.direction","Direction"),w()(QO,"flex.layout.editor.justify-content","Justifier"),w()(QO,"flex.layout.editor.align-items","Aligner objets"),w()(QO,"flex.layout.editor.align-content","Aligner contenu"),w()(QO,"flex.layout.item.property.title","Détail Disposition objet"),w()(QO,"flex.layout.item.property.grow","Augmenter Flex"),w()(QO,"flex.layout.item.property.shrink","Réduire Flex"),w()(QO,"flex.layout.item.property.basis","Base Flex"),w()(QO,"flex.layout.item.property.none","Aucun"),w()(QO,"flex.layout.item.property.auto","auto"),w()(QO,"flex.layout.item.property.value","valeur"),w()(QO,"grid.layout.editor.template.columns","Colonne"),w()(QO,"grid.layout.editor.column.gap","Espace Colonne"),w()(QO,"grid.layout.editor.template.rows","Lignes"),w()(QO,"grid.layout.editor.row.gap","Espace lignes"),w()(QO,"grid.box.editor.box.title","Boîte"),w()(QO,"grid.box.editor.type","Type"),w()(QO,"grid.box.editor.repeat","Répéter"),w()(QO,"grid.box.editor.length","Longueur"),w()(QO,"grid.box.editor.none","Aucun"),w()(QO,"grid.box.editor.auto","Auto"),w()(QO,"grid.box.editor.count","Compte"),w()(QO,"grid.box.editor.value","Taille"),w()(QO,"grid.layout.item.property.title","Détail disposition objets"),w()(QO,"grid.layout.item.property.column","Colonne"),w()(QO,"grid.layout.item.property.row","Ligne"),w()(QO,"grid.layout.item.property.start","Début"),w()(QO,"grid.layout.item.property.end","Fin"),w()(QO,"grid.layout.item.property.none","Aucun"),w()(QO,"grid.layout.item.property.value","valeur"),w()(QO,"box.model.property.title","Modèle"),w()(QO,"box.model.property.margin","Marge"),w()(QO,"box.model.property.padding","Espace"),w()(QO,"component.items.canvas","Toile"),w()(QO,"component.items.layer","Objet"),w()(QO,"component.items.3dlayer","Objet 3D"),w()(QO,"component.items.drawing","Dessin"),w()(QO,"component.items.custom","Composant personnalisé"),w()(QO,"component.items.chart","Chart"),w()(QO,"component.items.plugin","Plugin"),w()(QO,"svg.text.property.title","Style SVG Texte"),w()(QO,"svg.text.property.textarea","Zone Texte"),w()(QO,"svg.text.property.size","Taille"),w()(QO,"svg.text.property.weight","Poids"),w()(QO,"svg.text.property.style","Style"),w()(QO,"svg.text.property.anchor","Ancre Texte"),w()(QO,"svg.text.property.family","Famille"),w()(QO,"svg.text.property.length.adjust","Ajusteement longueur"),w()(QO,"svg.text.property.text.length","Ajusteement Texte"),w()(QO,"svg.text.property.start.offset","Décallage départ"),w()(QO,"fill.picker.popup.title","Sélection Fragment SVG"),w()(QO,"gradient.editor.drag.message","Glisser pour déplacer centre."),w()(QO,"draw.manager.tolerance","Tolérance"),w()(QO,"pattern.property.title","Motif"),w()(QO,"pattern.info.popup.title","Info Motif"),w()(QO,"pattern.info.popup.width","Largeur"),w()(QO,"pattern.info.popup.height","Hauteur"),w()(QO,"pattern.info.popup.lineWidth","Largeur ligne"),w()(QO,"pattern.info.popup.lineHeight","Hauteur de ligne"),w()(QO,"pattern.info.popup.rotate","Rotatation"),w()(QO,"pattern.info.popup.blend","Mélange"),w()(QO,"pattern.info.popup.foreColor","Avant"),w()(QO,"pattern.info.popup.backColor","Arrière"),w()(QO,"stroke.dasharray.editor.add","Ajout tiret"),w()(QO,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),QO),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":"아트보드 프리뷰를 삭제 하시겠습니까?","app.confirm.message.custom-component.items.removeCustomComponent":"컴포넌트 프리뷰를 삭제 하시겠습니까?","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":"배우기","menu.item.projects.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":"사용자 정의 컴포넌트","component.items.chart":"차트","component.items.plugin":"플러그인","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 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}};n(80);function nS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rS=function(t){R()(n,t);var e=nS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:ct("refreshSelection","refreshContent")+tt(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"elf--export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(Tg.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(Tg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:ht("$svg"),value:function(){this.emit("downloadSVG")}},{key:ht("$png"),value:function(){this.emit("downloadPNG")}}]),n}(Ux),iS=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oS=function(t){R()(n,t);var e=aS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Dt("$filterSelect"),value:function(){var t=this,e=iS.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(fe()(e),[{title:"-------",value:""}],fe()(n)):fe()(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:Dt("$body"),value:function(){var t=(this.$selection.current||{}).filter;return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="filter" value=\''.concat(t,"' hide-label='true' onchange='changeFilterEditor' />\n      </div>")}},{key:ut("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"filter"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$filterSelect")}}]),n}(Ux);function cS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sS=function(t){R()(n,t);var e=cS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:"editableProperty",get:function(){return"font"}},{key:ct("refreshSelection")+U("checkShow"),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=').concat(this.variable(["normal","italic"]),"\n          icons='title,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <object refClass=\"FontSelectEditor\"  \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:ut("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:ut("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change font attribute",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function uS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lS=function(t){R()(n,t);var e=uS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"editableProperty",get:function(){return"font-spacing"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Ca.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:ut("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Ca.number(e.value)),this.command("setAttributeForMulti","change font spacing : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(81);function fS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pS=["static-gradient","linear-gradient","radial-gradient","image-resource"],dS={"image-resource":Tg.photo},vS={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%"}},yS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],gS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],mS=function(t){R()(n,t);var e=hS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:Qm.parseImage(this.props.value||"transparent")||_m.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:Qm.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='elf--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(Tg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Tg.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(pS.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(dS[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(gS.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(qt(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:kt("$file"),value:function(t){var e=this;this.$selection.currentProject&&fe()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:ht("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");vS[e]&&(this.state.image.reset(vS[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:224,height:150}}},{key:"getFieldValue",value:function(t){return Ca.parse(this.getImageFieldValue(this.state.image,t))}},{key:At("$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:At("$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:At("$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:At("$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:At("$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:jt("$pointerDrawArea circle[data-type]")+Fg("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:Ca.percent((e-a)/r*100),top:Ca.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:ht("$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={};yS.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=Qm.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({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:ut("changeKeyValue"),value:function(t,e){this.state.image.reset(w()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:ct("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:ht("$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:At("$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:At("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:"fillId",get:function(){return this.id+"fill"}},{key:At("$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:Dt("$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(Ca.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:jt("$stepList .step")+Fg(),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(Ca.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(Hu.toColorString(t.colorsteps),")")}},{key:ct("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:ct("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())}}]),n}(Xg);n(82);function bS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wS,PS=function(t){R()(n,t);var e=xS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--gradient-picker-popup\" 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:ct("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Hu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Dt("$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:ut("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:ut("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:ut("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:ct("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:ct("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:ct("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(kS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(sw);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){w()(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}function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $S=function(t){R()(n,t);var e=jS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"initState",value:function(){return{image:_m.create()}}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){var t=this;return se(wS||(wS=Ga()(["\n      <div class=\"elf--gradient-picker-popup\" 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="," />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "])),this.subscribe((function(e){t.trigger("changeColor",e)})))}},{key:ct("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Hu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Dt("$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:ut("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:ut("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:ut("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:ct("showFillPickerPopup"),value:function(t,e){this.show(240),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:ct("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:ct("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(SS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(sw);n(83);function RS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CS=function(t){R()(n,t);var e=RS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:Qm.parseImage(this.props.image||"transparent")}}},{key:"fillId",get:function(){return this.id+"fill"}},{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:Qm.parseImage(t)})}},{key:At("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:At("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:ct("changeFillSingle"),value:function(t,e){this.updateData({image:Qm.parseImage(t)}),this.refresh()}}]),n}(Xg);n(84);function MS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VS=function(t){R()(n,t);var e=TS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:ct("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),n}(Xg),ES=["0deg","45deg","90deg"],IS=["0deg","45deg","90deg"],DS=["0deg","45deg","90deg"],LS=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"linear-gradient(".concat(bc.apply(void 0,ES),", ").concat(Lu.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"linear-gradient(".concat(bc.apply(void 0,IS),", ").concat(Lu.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(bc.apply(void 0,DS),", ").concat(Lu.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Lu.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Lu.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Lu.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){var e=vc(45,55),n=vc(45,55),r=vc(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Lu.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 kc(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Lu.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 kc(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Lu.createRepeatColorStep(10,"10deg"),")")}}))}}];n(85);function BS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AS=LS.map((function(t){return{value:t.key,text:t.title}})),zS=function(t){R()(n,t);var e=BS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Dt("$tools"),value:function(){return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options=').concat(this.variable(AS),' onchange="changePreset"  />\n    ')}},{key:ut("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--gradient-assets-property"}},{key:ct("refreshSelection")+tt(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:yt("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Dt("$gradientList"),value:function(){var t=this,e=LS.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(icon.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:ht("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:Hu.random(),name:"",variable:""})}))}},{key:ht("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}}]),n}(Ux);n(86);function FS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HS=function(t){R()(n,t);var e=FS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--history-list-view\" ref='$body'></div>\n    "}},{key:Dt("$body")+Q,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?Tg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:ct("refreshHistory"),value:function(){this.refresh()}}]),n}(Ux);function GS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XS={},YS=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],KS=function(t){R()(n,t);var e=NS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toStringPropertyCSS",value:function(t,e){return wc(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return XS;var e=[];if(t.pattern)for(var n=kp.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,Rl.parseStyle(wc(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,Rl.parseStyle(wc(t["background-image"]))),e.length?Rl.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=_S(_S({},n),wc(t["flex-layout-item"])):"grid"===e&&(n=_S(_S({},n),wc(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return _S({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return _S({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return t.hasChildren()?{}:this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?w()({},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.hasChildren()||(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 Jt(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",_S(_S(_S({},e),{"will-change":"auto"}),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=_t()(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=_t()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return xc(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return YS.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(""===t.transform)return XS;var e={transform:t.transform};return"rotateZ(0deg)"===e.transform&&delete e.transform,{transform:e.transform}}},{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=sf.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(t.clipPathString,'" /></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;var n=sf.parseStyle(e);switch(n.type){case"path":n.value&&(e="url(#".concat(this.clipPathId(t),")"));break;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(xc(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:xc(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-renderer-type=\"html\" data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>\n").concat(n,"\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="element-item ').concat(a,'" data-id="').concat(r,'" data-title="').concat(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){if(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=qa.createByHTML(i);a&&e.prepend(a)}}}}}]),n}(function(){function t(){O()(this,t)}return j()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function US(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WS=function(t){R()(n,t);var e=US(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function ZS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QS=["","100x100","200x200","300x300","400x300","900x600","1024x762"],tj=function(t){R()(n,t);var e=JS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Tg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(QS.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:ut("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Ca.px(t)})),r=_t()(n,2),i=r[0],a=r[1];this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:i,height:a}))}},{key:ht("$resize"),value:function(){this.$selection.current&&this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:function(t){return t.naturalWidth.clone()},height:function(t){return t.naturalHeight.clone()}}))}},{key:At("$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:Dt("$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:ut("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(qS({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttributeForMulti","change image",this.$selection.packByValue(qS({src:e},n))))}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShow(["image"])}}]),n}(Ux);n(87);function ej(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nj=function(t){R()(n,t);var e=ej(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='elf--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:Dt("$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:kt("$file"),value:function(t){var e=this,n=fe()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:ht("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:ct("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)}}]),n}(Xg);n(88);function rj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ij=function(t){R()(n,t);var e=rj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:Dt("$imageBox")+Q,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:ht("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Ca.px(e.naturalWidth),naturalHeight:Ca.px(e.naturalHeight),width:Ca.px(e.naturalWidth),height:Ca.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:ct("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:ct("hideImageSelectPopup"),value:function(){this.hide()}}]),n}(sw);n(89);function aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oj=function(t){R()(n,t);var e=aj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{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='elf--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:xt("$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:ct("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:ct("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:ct("hideKeyframePopup"),value:function(){this.$el.hide()}}]),n}(sw);n(90);function cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sj=function(t){R()(n,t);var e=cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{key:"getBody",value:function(){return"<div class='elf--keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(Tg.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(Tg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Tg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Tg.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:ht("$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:ht("$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:ht("$keyframeList .del")+at,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:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Dt("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Nf.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:ht("$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:ct("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))}}]),n}(Ux);function uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lj=function(t){R()(n,t);var e=uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ca.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:ct("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){if(qt(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:Dt("$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!qa.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:ht("$offset")+U("isNotOffsetItem")+at,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Ca.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Ff({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:jt("$offset .offset-item")+Fg("moveOffset")+Hg("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Ca.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=Ca.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:ct("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:ct("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=fe()(t)),this.modifyOffset()}}]),n}(Xg);n(91);function fj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hj=function(t){R()(n,t);var e=fj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getBody",value:function(){return"\n      <div class=\"elf--layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:At("$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:Ca.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:Ca.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:Ca.px(r),height:Ca.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 Tg.group;switch(t.itemType){case"artboard":return Tg.artboard;case"circle":return Tg.lens;case"image":return Tg.image;case"text":case"svg-text":return Tg.title;case"svg-textpath":return Tg.text_rotate;case"svg-path":return Tg.pentool;case"cube":return Tg.cube;case"cylinder":return Tg.cylinder;default:return Tg.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),this.$selection.check(a)?"selected":""),c=this.$selection.checkHover(a)?"hovered":"",s=a.name;a.is("text")&&(s=a.text||a.name);var u="";a.hasLayout()&&(u=this.$i18n("layer.tree.property.layout.title."+a.layout));var l=a.isTreeItemHide(),f=Ca.px(20*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(c,"' 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(l,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(u,"' style='padding-left: ").concat(f,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(a.isGroup?Tg.arrow_right:"","</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(s,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Tg.lock:Tg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Tg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Tg.remove2,"</button>                          \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:ct("refreshContent"),value:function(t){this.refresh()}},{key:Dt("$layerList")+Q,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:yt("$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:bt("$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:mt("$layerList .layer-item:not(.".concat("drag-start",")"))+at,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:gt("$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:pt("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t,e){var n=this;if(dd.enter===e.keyCode)this.endInputEditing(t,(function(){var e=t.closest("layer-item").attr("data-layer-id"),r=t.text();n.emit("refreshItemName",e,r)}));else{var r=t.closest("layer-item").attr("data-layer-id"),i=t.text();this.emit("refreshItemName",r,i)}}},{key:dt("$layerList .layer-item .name")+ot,value:function(t){this.modifyDoneInputEditing(t.$dt,t)}},{key:Pt("$layerList .layer-item .name")+at+ot,value:function(t){this.modifyDoneInputEditing(t.$dt,{keyCode:dd.enter})}},{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:ht("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":"#ececec",width:Ca.px(200),height:Ca.px(100)})}},{key:ht("$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.command("refreshSelection")}},{key:ht("$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:ht("$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("setAttributeForMulti","change visible for layer",this.$selection.packByValue({visible:!r.visible},r.id))}},{key:ht("$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:ht("$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("setAttributeForMulti","change lock for layer",this.$selection.packByValue({lock:i},r.id))}},{key:ct("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:ut("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:ct("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:ct("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:ct("refreshLayerTreeView"),value:function(){this.refresh()}},{key:ct("changeItemLayout"),value:function(){this.refresh()}}]),n}(Ux);function pj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yj=function(t){R()(n,t);var e=vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 this.variable(t.split(",").map((function(t){return{value:t,text:e.$i18n("flex.layout.editor."+t)}})))}},{key:"initState",value:function(){return dj({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(dj({},wc(t)))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);function gj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bj=function(t){R()(n,t);var e=mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(wc(t))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);n(92);function kj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xj=function(t){R()(n,t);var e=kj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"elf--flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","auto","value"].map((function(e){return{value:e,text:t.$i18n("flex.layout.item.property.".concat(e))}})))}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Dt("$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),xc({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:ut("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":this.getFlexValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),n}(Ux);n(93);function wj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pj=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,Oj=function(t){R()(n,t);var e=wj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getLayoutItemOptions",value:function(){var t=this;return this.variable("none,auto,repeat,length".split(",").map((function(e){return{value:e,text:t.$i18n("grid.box.editor.".concat(e))}})))}},{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=Pj.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=Aa()(a),c=o[0],s=o.slice(1);n.push({type:"repeat",count:c,value:s.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(Tg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Tg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Dt("$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='elf--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(Tg.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:ht("$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:ht("$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:ht("$add"),value:function(){this.trigger("add")}},{key:ct("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:ut("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()}}]),n}(Xg);function Sj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jj=function(t){R()(n,t);var e=Sj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 Ca.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:Dt("$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:ut("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),n}(Xg);n(94);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 Rj(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$j(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mj=function(t){R()(n,t);var e=Cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return Rj({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(Rj({},wc(t)))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"template",value:function(){return"\n            <div class='elf--grid-layout-editor' ref='$body' ></div>\n        "}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);function Tj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ej=function(t){R()(n,t);var e=Vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(wc(t))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);n(95);function Ij(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dj=function(t){R()(n,t);var e=Ij(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","value"].map((function(e){return{value:e,text:t.$i18n("grid.layout.item.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Dt("$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=wc(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 xc({"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:ut("changeGridItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":this.getGridValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),n}(Ux);n(96);function Lj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bj=function(t){R()(n,t);var e=Lj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["default","flex","grid"].map((function(e){return{value:e,text:t.$i18n("layout.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Dt("$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:ut("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change layout info",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(this.$selection.packByValue(w()({},t,e))),this.command("setAttributeForMulti","change layout type",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.refresh(),n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:"editableProperty",get:function(){return"layout"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux),Aj=[{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)"}]}}];n(97);function zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fj=function(t){R()(n,t);var e=zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=this.variable(Aj.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:ut("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--pattern-assets-property"}},{key:"editableProperty",get:function(){return"pattern"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){}},{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:yt("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Dt("$patternList"),value:function(){var t=this,e=Aj.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=xc(kp.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:ht("$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)}}]),n}(Ux);n(98);function Hj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gj=function(t){R()(n,t);var e=Hj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 kp.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='elf--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(Tg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:Dt("$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(Tg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=kp.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:ct("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Aj.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,kp.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:yt("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$patternList .pattern-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:gt("$patternList .pattern-item")+at,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:ht("$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:ct("changePatternSizeInfo")+tt(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),n}(Xg);function _j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nj=function(t){R()(n,t);var e=_j(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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||Ca.z(),y:this.props.y||Ca.z(),width:this.props.width||Ca.z(),height:this.props.height||Ca.z(),lineWidth:this.props.lineWidth||Ca.px(1),lineHeight:this.props.lineHeight||Ca.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,c=e.backColor,s=e.blendMode,u=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:c,blendMode:s,lineWidth:u,lineHeight:l},this.state.params)}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:Dt("$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:ct("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)}}]),n}(sw),Xj=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"];function Yj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kj=function(t){R()(n,t);var e=Yj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Dt("$patternSelect"),value:function(){var t=this,e=Xj.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return fe()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Dt("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:ut("changePatternEditor"),value:function(t,e){this.command("setAttributeForMulti","change pattern",this.$selection.packByValue({pattern:e}))}},{key:"editableProperty",get:function(){return"pattern"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$patternSelect")}}]),n}(Ux);n(99);function Uj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Uj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Uj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qj=function(t){R()(n,t);var e=Zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:Ca.parse(this.props.x),y:Ca.parse(this.props.y),width:Ca.parse(this.props.width),height:Ca.parse(this.props.height),lineWidth:Ca.parse(this.props.linewidth),lineHeight:Ca.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(Wj({},t))}},{key:At("$miniView"),value:function(){var t=Wj({},this.state);return this.state.width.value>80&&(t.width=Ca.px(80),t.x=Ca.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Ca.px(80),t.y=Ca.px(this.state.y.value/this.state.height.value/80)),{cssText:kp.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='elf--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:ht("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){var t=this;this.emit("showPatternInfoPopup",{changeEvent:function(e){t.updateData(Wj({},e))},data:this.state,instance:this})}}]),n}(Xg);function Jj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qj=function(t){R()(n,t);var e=Jj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Tg.remove,"</button>\n    ")}},{key:ht("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Dt("$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:ut("changePerspective"),value:function(t,e){this.command("setAttributeForMulti","change perspective",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"perspective"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);n(100);function t$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var e$=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],n$=e$.map((function(t){return t.key})),r$={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%"},i$=function(t){R()(n,t);var e=t$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Ca.z(),"perspective-origin-x":Ca.z(),"perspective-origin-y":Ca.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Ca.parse(t[0]),e["perspective-origin-x"]=Ca.parse(t[0]),e["perspective-origin-y"]=Ca.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Ca.parse(t[0]),e["perspective-origin-y"]=Ca.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:ht("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=r$[e].split(" "),r=_t()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Ca.parse(i),this.state["perspective-origin-y"]=Ca.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:ut("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&n$.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(e$.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,n$.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:ht("$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()}}]),n}(Xg);function a$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var o$=function(t){R()(n,t);var e=a$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Tg.remove,"</button>\n    ")}},{key:ht("$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:Dt("$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:"editableProperty",get:function(){return"perspective-origin"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changePerspectiveOrigin"),value:function(t){this.command("setAttributeForMulti","change perspective origin",this.$selection.packByValue({"perspective-origin":t}))}}]),n}(Ux);function c$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var s$=Ca.z(),u$=function(t){R()(n,t);var e=c$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:ct("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"checkChangedValue",value:function(){var t=this.$selection.current;return!!t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate","opacity")}},{key:ct("refreshSelectionStyleView")+U("checkChangedValue")+nt(10),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||s$),this.children.$y.setValue(t.y||s$),this.children.$width.setValue(t.width||s$),this.children.$height.setValue(t.height||s$),this.children.$opacity.setValue(t.opacity||"1");var e=zc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}},{key:"isHideHeader",value:function(){return!0}},{key:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 10px;'>\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=\"-360\"\n              max=\"360\"\n              step=\"1\"\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;if(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),this.children.$opacity.setValue(t.opacity||"1");var e=zc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}}},{key:ut("changRangeEditor"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change position or size",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeRotate"),value:function(t,e){console.log(e),this.command("setAttributeForMulti","change rotate",this.$selection.packByValue({transform:function(t){return zc.rotateZ(t.transform,e)}}))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(101);function l$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var f$=function(t){R()(n,t);var e=l$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return"string"==typeof t?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),n=this.props.value,r=this.props.tabindex;return{splitChar:t,label:this.props.label||"",options:e,value:n,tabIndex:r}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='elf--select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:At("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Dt("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e.value,r=e.text||e.value;""===r?r=t.props["none-value"]?t.props["none-value"]:"":"-"===r&&(r="----------",n="");var i=n===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(n,'">').concat(r,"</option>")}))}},{key:kt("$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)}}]),n}(Xg);function h$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?h$(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var v$=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],y$=function(t){R()(n,t);var e=d$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getBlendList",value:function(){var t=this;return v$.map((function(e){return{value:e,text:t.$i18n("blend.".concat(e))}}))}},{key:"initState",value:function(){return p$(p$({},Ta()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}]),n}(f$);n(102);function g$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var m$=function(t){R()(n,t);var e=g$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='elf--clip-path-editor'></div>\n        "}},{key:Dt(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:ht(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){var t=this;this.emit("showClipPathPopup",{changeEvent:function(e){t.updateData({clippath:e["clip-path"]})},"clip-path":this.state.clippath})}}]),n}(Xg),b$={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=pu.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=pu.parse(t.color),r=pu.parse(e.color);return n.h>r.h?1:-1})),e}},k$=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),x$={title:"material red",key:"material-red",execute:function(){return k$}},w$=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),P$={title:"material pink",key:"material-pink",execute:function(){return w$}},O$=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),S$={title:"material purple",key:"material-purple",execute:function(){return O$}},j$=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),$$={title:"material deep purple",key:"material-deeppurple",execute:function(){return j$}},R$=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),C$={title:"material indigo",key:"material-indigo",execute:function(){return R$}},M$=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),T$={title:"material blue",key:"material-blue",execute:function(){return M$}},V$=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),E$={title:"material light blue",key:"material-lightblue",execute:function(){return V$}},I$=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),D$={title:"material cyan",key:"material-cyan",execute:function(){return I$}},L$=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),B$={title:"material teal",key:"material-teal",execute:function(){return L$}},A$=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),z$={title:"material green",key:"material-green",execute:function(){return A$}},F$=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),H$={title:"material lightgreen",key:"material-lightgreen",execute:function(){return F$}},G$=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),_$={title:"material lime",key:"material-lime",execute:function(){return G$}},N$=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),X$={title:"material yellow",key:"material-yellow",execute:function(){return N$}},Y$=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),K$={title:"material amber",key:"material-amber",execute:function(){return Y$}},U$=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),W$={title:"material orange",key:"material-orange",execute:function(){return U$}},Z$=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),q$={title:"material deep orange",key:"material-deeporange",execute:function(){return Z$}},J$=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),Q$={title:"material brown",key:"material-brown",execute:function(){return J$}},tR=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),eR={title:"material gray",key:"material-gray",execute:function(){return tR}},nR=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),rR={title:"material bluegray",key:"material-bluegray",execute:function(){return nR}},iR=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),aR=[b$,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return iR}},x$,P$,S$,$$,C$,T$,E$,D$,B$,z$,H$,_$,X$,K$,W$,q$,Q$,eR,rR];n(103);function oR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cR=function(t){R()(n,t);var e=oR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"grid",preset:"random",isLoaded:!1,colors:aR}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Dt("$tools"),value:function(){var t=this.variable(this.state.colors.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:ct("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"template",value:function(){return"\n      <div class='elf--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:Dt("$colorList"),value:function(){var t=this,e=this.state.colors.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:ht("$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)}}]),n}(Xg);n(104);function sR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uR=function(t){R()(n,t);var e=sR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:At("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='elf--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:ht("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.refs.$miniView.cssText("background-color: ".concat(e)),t.updateData({color:e})},color:this.state.color})}}]),n}(Xg);n(105);function lR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fR=function(t){R()(n,t);var e=lR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"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='elf--color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","            \n                <div class='color-code' ref=\"$container\">\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:At("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:At("$colorCode"),value:function(){return{value:this.state.value}}},{key:wt("$colorCode"),value:function(t){this.refs.$container.addClass("focused")}},{key:Ot("$colorCode"),value:function(t){this.refs.$container.removeClass("focused")}},{key:ht("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.updateData({value:e})},changeEndEvent:function(e){t.updateEndData({value:e})},color:this.state.value})}},{key:ht("$remove"),value:function(t){this.updateData({value:""})}},{key:xt("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}}]),n}(Xg);n(106);function hR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pR=function(t){R()(n,t);var e=hR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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='elf--css-property-editor ".concat(Oc({"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(Tg.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 Ca.string("");case"offset-distance":return Ca.percent(0);case"rotate":return Ca.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Ca.z()}}},{key:ht("$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="changeKeyValue" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\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=").concat(this.variable(["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=").concat(this.variable(["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=").concat(this.variable(["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      "):"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:ut("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:ut("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:ut("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:ut("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:ut("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:ut("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:ut("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:ut("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:ut("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:ut("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:ut("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:ut("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:Dt("$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(Tg.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(Tg.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:ct("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:ht("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:ht("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),n}(Xg);n(107);function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vR=function(t){R()(n,t);var e=dR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:_o(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=Rc(this.state.currentBezier,150,150),e=Cc(this.state.currentBezier,150,150),n=Rc("ease",30,30),r=Cc("ease",30,30),i=Rc("ease-in",30,30),a=Cc("ease-in",30,30),o=Rc("ease-out",30,30),c=Cc("ease-out",30,30);return"\n            <div class='elf--cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Tg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Tg.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(c,'" 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:At("$bezierCanvas"),value:function(){return{d:Rc(this.state.currentBezier,150,150)}}},{key:At("$bezierCanvasPoint"),value:function(){return{d:Cc(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,No(this.state.currentBezier))}},{key:ht("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Go.length-1:--n;e=Go[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:ht("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Go.length,e=Go[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:ht("$text"),value:function(){var t=fe()(Go[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:ht("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=_o(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=_o(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:Ca.px(r).round(),top:Ca.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Ca.px(r).round(),top:Ca.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=_o(this.state.currentBezier),e=nc(No(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 c=a.y;return c-=i,{x:Xi(o,e),y:c==n?0:Xi(n-c,n)}}},{key:jt("$pointer1")+Fg("movePointer1")+Hg("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:jt("$pointer2")+Fg("movePointer2")+Hg("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:ct("showCubicBezierEditor"),value:function(t){var e=_o(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),n}(Xg);n(108);function yR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],mR=function(t){R()(n,t);var e=yR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=nf.parse(this.props.value),e=_t()(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='elf--direction-editor' ref='$body'></div>"}},{key:ct("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&gR.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(w()({},t,e))}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(gR.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:ht("$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})}}]),n}(Xg);n(109);function bR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wR={blur:Gl.spec,grayscale:Nl.spec,"hue-rotate":Xl.spec,invert:Yl.spec,brightness:Kl.spec,contrast:Ul.spec,"drop-shadow":Jl.spec,opacity:Wl.spec,saturate:Zl.spec,sepia:ql.spec,svg:_l.spec},PR=function(t){R()(n,t);var e=xR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:Hl.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='elf--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(Tg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:Dt("$filterSelect"),value:function(){var t=rm.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(fe()(t),[{title:"-------",value:""}],fe()(e)):fe()(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 wR[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(Tg.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            on-change-value="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=i.svgfilters.map((function(t){return{value:t.id}}))),'\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(this.variable([""].concat(fe()(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(Tg.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:Dt("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:yt("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$filterList .filter-item .title label")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:gt("$filterList .filter-item")+at,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,this.props.key,t,this.props.params)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Hl.parse(kR(kR({},e),{},{type:t}))}},{key:ht("$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,a,o=r.getSVGFilterIndex(null===(i=n.value)||void 0===i||null===(a=i.value)||void 0===a?void 0:a.replace("#",""));this.trigger("openSVGFilterPopup",o)}}},{key:ct("openSVGFilterPopup"),value:function(t){var e=this,n=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:function(t){var n=e.$selection.currentProject;n&&(n.setSVGFilterValue(t.index,{filters:t.filters}),e.emit("refreshSVGFilterAssets"),e.emit("refreshSVGArea"))},index:t,preview:!1,filters:n.filters})}},{key:ct("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:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:ht("$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:ut("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:ut("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(w()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),n}(Xg);function OR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $R=["","Arial","Arial Black","Times New Roman","Times","Courier New","Courier","Verdana","Georgia","Palatino","Garamond","Bookman","Tahoma","Trebuchet MS","Impact","Comic Sans MS","serif","sans-serif","monospace","cursive","fantasy","system-ui"],RR=function(t){R()(n,t);var e=jR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getFontList",value:function(){return $R.map((function(t){return{value:t}}))}},{key:"initState",value:function(){return SR(SR({},Ta()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getFontList()})}}]),n}(f$);n(110);function CR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MR=["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"],TR=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],VR={"image-resource":Tg.photo},ER={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},IR={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%"]},DR=function(t){R()(n,t);var e=CR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:Rl.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:Rl.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='elf--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(Tg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Tg.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(TR.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(VR[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                <object refClass=\"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(this.variable(MR),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:kt("$file"),value:function(t){var e=this;this.$selection.currentProject&&fe()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:ht("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");IR[e]&&(this.state.image.radialPosition=ae(IR[e]),this.refresh(),this.updateData())}},{key:pt("$gradientView")+at,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:jt("$gradientView")+Fg("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=Ca.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Ca.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:ht("$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=Rl.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Ca.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:ut("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:ct("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:ht("$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:At("$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:At("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:At("$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:At("$dragPosition"),value:function(){var t="50%",e="50%";if(ER[this.state.image.type]){var n=_t()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Dt("$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.toLength(),";'>\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:ht("$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(Ca.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:jt("$stepList .step")+Fg(),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.setValue(o,n.width),this.children.$range.setValue(Ca.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(Hu.toColorString(t.colorsteps),")")}},{key:ct("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:ct("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())}}]),n}(Xg);n(111);function LR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BR=function(t){R()(n,t);var e=LR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor elf--list-view-editor' ref='$body'></div>"}},{key:At("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Dt("$body"),value:function(){var t=this;return Object.keys(Tg).map((function(e){var n=Tg[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:ht("$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)}}]),n}(Xg);function AR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zR=function(t){R()(n,t);var e=AR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(t){return+t})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:At("$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:Dt("$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:xt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(Xg);n(112);function FR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HR=function(t){R()(n,t);var e=FR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Ca.parse(this.props.value||Ca.z()),n=this.props.label||"";return Tg[n]&&(n=Tg[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:Dt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=c,l=(+s).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(Oc(w()({"elf--input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},u,!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(l,'" 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(Tg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Ca.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:wt("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:ht("$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 Ca(0,this.children.$unit.getValue()))}},{key:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Ca(e,this.children.$unit.getValue())})}},{key:ut("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(Xg);n(113);function GR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _R=function(t){R()(n,t);var e=GR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Ca.parse(this.props.value||Ca.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:Dt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=o,l=(+s).toString(),f=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),{value:t,text:e}}));return'\n        <div \n            ref="$range"\n            class="'.concat(Oc(w()({"elf--range--editor":!0,"has-label":!!i,compact:!!c,"is-removable":a},u,!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(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" 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(this.variable(f)," onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Tg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Ca.parse(t)})}},{key:wt("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:ht("$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 Ca(0,this.children.$unit.getValue()))}},{key:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Ca(e,this.children.$unit.getValue())})}},{key:xt("$property"),value:function(t){this.trigger("changeRangeValue")}},{key:jt("$property")+Hg(),value:function(){}},{key:"end",value:function(){this.trigger("changeRangeValue")}},{key:ut("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Ca(t,this.children.$unit.getValue())})}},{key:ut("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(Xg);function NR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KR=function(t){R()(n,t);var e=YR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Ca(0,"infinite"):Ca.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return XR(XR({},Ta()(V()(n.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}]),n}(_R);n(114);function UR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WR=function(t){R()(n,t);var e=UR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=_t()(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='elf--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:ut("changeValue"),value:function(t,e){this.updateData(w()({},t,e/this.state.duration),!0)}},{key:jt("$start")+Fg("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Ca.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Ca.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:At("$start"),value:function(){return{"data-info":this.state.start,style:{left:Ca.percent(100*(this.state.start||0))}}}},{key:jt("$end")+Fg("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Ca.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Ca.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Ca.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:At("$end"),value:function(){return{"data-info":this.state.end,style:{left:Ca.percent(100*(this.state.end||1))}}}},{key:At("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Ca.percent(100*t),width:Ca.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=_t()(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)}}]),n}(Xg);n(115);function ZR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qR=function(t){R()(n,t);var e=ZR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Ca.parse(this.props.value||Ca.number(0));t=t.toUnit("number");var e=this.props.label||"";return Tg[e]&&(e=Tg[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:Dt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=c?"compact":"",f=o,h=(+s).toString();return"\n        <div class='elf--number-input-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" 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:Ca.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.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:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),n}(Xg);n(116);function JR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QR=function(t){R()(n,t);var e=JR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Ca.parse(this.props.value||Ca.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:Dt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=o?"is-removable":"",f=c,h=(+s).toString();return"\n        <div class='elf--number-range-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(h,'" 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(Tg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Ca.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Ca.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:Ca.parse(t)})}},{key:wt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:ht("$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:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:xt("$property"),value:function(){this.trigger("changeRangeValue")}},{key:jt("$property")+Hg("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeRangeValue")}},{key:ut("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Ca.number(0)),this.updateData({value:this.state.value.set(t)})}}]),n}(Xg);n(117);function tC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function eC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nC=function(t){R()(n,t);var e=eC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new _c(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 _c(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='elf--path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Dt("$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?tC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},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:xt("$data input[type=number]")+tt(300),value:function(t){this.updateData()}},{key:ht("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=_t()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),n}(Xg);n(118);function rC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iC=function(t){R()(n,t);var e=rC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new wf(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 wf(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='elf--polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Dt("$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:xt("$data input[type=number]")+tt(300),value:function(t){this.updateData()}}]),n}(Xg);n(119);function aC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oC=function(t){R()(n,t);var e=aC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return te(t)?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),n=(this.props.icons||"").split(t).map((function(t){return t.trim()})),r=(this.props.colors||"").split(t).map((function(t){return t.trim()})),i=this.props.value||"";return{label:this.props.label||"",compact:"true"===this.props.compact,options:e,icons:n,colors:r,value:i}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='elf--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:ht("$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:Dt("$options")+Q,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e.value,i=e.text,a=e.text,o="",c=r===t.state.value,s=c?"selected":"";if(""===e.value){i=Tg.close;a="close"}else{var u=t.state.icons[n];Tg[u]&&(o="icon"),a=i,i=Tg[u]||i||u||e.text||e.value}var l=t.state.colors[n],f={};return c&&l&&(f["background-color"]=l),"<div class='select-icon-item ".concat(s," ").concat(o,"' style='").concat(xc(f),"' data-value=\"").concat(r,"\" title='").concat(a,"'>").concat(i,"</div>")}))}},{key:ht("$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)}}]),n}(Xg);n(120);function cC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sC=function(t){R()(n,t);var e=cC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.generateValue(this.props.value||"");return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label,e=!!t;return"\n      <div class='elf--stroke-dasharray-editor'>\n        <div class='tools ".concat(e?"has-label":"","'>\n          ").concat(e?"<label class='label'>".concat(t,"</label>"):"","\n          <label ref='$add'>").concat(Tg.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>      \n        <div ref='$body'></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){Array.isArray(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Dt("$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=\"").concat(t,'" \n            min="0"\n            max="100"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Tg.remove2,"</button>\n        </div>\n      ")}))}},{key:ut("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:ht("$add"),value:function(){this.setState({value:[].concat(fe()(this.state.value),[0])})}},{key:ht("$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)}}]),n}(Xg);n(121);function uC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lC=function(t){R()(n,t);var e=uC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Ca.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='elf--text-area-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:At("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:xt("$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)}}]),n}(Xg);n(122);function fC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hC=function(t){R()(n,t);var e=fC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.value;return"\n            <div class='elf--text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <div>\n                    <input type='text' ref='$text' value=\"").concat(n,'" />\n                </div>\n            </div>\n        ')}},{key:"getValue",value:function(){return this.refs.$text.value}},{key:"setValue",value:function(t){this.refs.$text.val(t),this.setState({value:t},!1)}},{key:At("$text"),value:function(){return{value:this.state.value}}},{key:xt("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(Xg);n(123);function pC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dC=function(t){R()(n,t);var e=pC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(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='elf--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(Tg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:ct("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:Dt("$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(Tg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:ht("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:xt("$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)}}]),n}(Xg),vC=[/\(/gi,/\)/gi],yC="grayscale,matrix,rotateZ,blur,sepia,linear-gradient,radial-gradient,conic-gradient,circle,inset,polygon,rgb".split(",").map((function(t){return new RegExp(t,"gi")})),gC="butt,miter,start,at,black,repeat,lighten,multiply,solid,border-box,visible,absolute,relative,auto".split(",").map((function(t){return new RegExp(t,"gi")}));function mC(t){return gC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="keyword">'.concat(t,"</span>")}))})),yC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="function">'.concat(t,"</span>")}))})),vC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="char">'.concat(t,"</span>")}))})),t}function bC(t){return t.split(";").filter((function(t){return t.trim()})).map((function(t){var e=(t=t.trim()).split(":").map((function(t){return t.trim()})),n=_t()(e,2),r=n[0],i=n[1];return""===i?"":'<div class="block"><strong>'.concat(r,'</strong><span>:&nbsp;</span><span class="value">').concat(mC(i),"</span><span>;</span></div>")})).join("").trim()}var kC=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("html","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("html",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(t){var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}}},{key:"renderSVG",value:function(t,e){var n=this.getRendererInstance(t);return ne(n.renderSVG)?n.renderSVG(t,e||this):this.getDefaultRendererInstance().renderSVG(t,e||this)}},{key:"to",value:function(t,e){var n=this.getRendererInstance(e);if(ne(n[t]))return n[t].call(n,e);var r=this.getDefaultRendererInstance();return ne(r[t])?r[t].call(r,e):void 0}},{key:"toCSS",value:function(t){return this.to("toCSS",t)}},{key:"toNestedCSS",value:function(t){return this.to("toNestedCSS",t)}},{key:"toTransformCSS",value:function(t){return this.to("toTransformCSS",t)}},{key:"toGridLayoutCSS",value:function(t){return this.to("toGridLayoutCSS",t)}},{key:"toLayoutItemCSS",value:function(t){return this.to("toLayoutItemCSS",t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);return ne(n.toStyle)?n.toStyle(t,e||this):this.getDefaultRendererInstance().toStyle(t,e||this)}},{key:"update",value:function(t,e,n){var r=this.getRendererInstance(t);return ne(r.update)?r.update(t,e,n):this.getDefaultRendererInstance().update(t,e,n)}},{key:"codeview",value:function(t){if(!t)return"";var e=t.top,n=bC(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?xc(e.toRootVariableCSS()):"",i=t,a=bC(i?Sc(xc(this.toCSS(i))):""),o=i?this.toNestedCSS(i).map((function(t){var e=t.cssText?t.cssText:xc(t.css);return"".concat(t.selector," { \n    ").concat(bC(Sc(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=i?i.selectors:[];return"\n<div class=''>\n\n".concat(a&&"<div><pre title='CSS'>".concat(a,"</pre></div>"),"\n\n").concat(o.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        ")}}]),t}();function xC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wC=function(t){R()(n,t);var e=xC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=(t.name,t.itemType,n||"div");return"    \n      <".concat(i,' class="element-item artboard" data-id="').concat(r,'">\n        ').concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(i,">\n    ")}},{key:"toBorderCSS",value:function(t){return{}}}]),n}(KS);function PC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OC=function(t){R()(n,t);var e=PC(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(WS);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 jC(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){w()(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}function $C(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RC=["front","back","left","right","top","bottom"],CC=function(t){R()(n,t);var e=$C(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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",jC(jC({},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 jC(jC(jC(jC(jC({},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"],c=jC(jC(jC(jC({},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(xc(c),"\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(RC.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}}]),n}(WS);function MC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TC=function(t){R()(n,t);var e=MC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(WS);function VC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function EC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DC="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),LC={xChannelSelector:!0,yChannelSelector:!0},BC=function(t){R()(n,t);var e=IC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=ga();return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,EC({itemType:"svgfilter",id:e,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter((function(e){return e.id===t.id})).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return"string"==typeof t.in&&(t.in=JSON.parse(t.in)),"string"==typeof t.bound&&(t.bound=JSON.parse(t.bound)),"string"==typeof t.connected&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return EC(EC({},Ta()(V()(n.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(LC).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=""),DC.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,rT[t.type])(t)}}]),n}(Ec);function AC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zC=function(t){R()(n,t);var e=AC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:n.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Ca.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    ')}}]),n}(BC);function FC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zC.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Ca.number(0)}};var HC=function(t){R()(n,t);var e=FC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.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>")}}]),n}(BC);function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HC.spec={};var _C=function(t){R()(n,t);var e=GC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:n.spec.operator.defaultValue,k1:n.spec.k1.defaultValue,k2:n.spec.k2.defaultValue,k3:n.spec.k3.defaultValue,k4:n.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}}]),n}(BC);function NC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_C.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:Ca.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)}};var XC=function(t){R()(n,t);var e=NC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:n.spec.operator.defaultValue,radius:n.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()," />")}}]),n}(BC);function YC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XC.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)}};var KC=function(t){R()(n,t);var e=YC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:n.spec.filterType.defaultValue,baseFrequency:n.spec.baseFrequency.defaultValue,numOctaves:n.spec.numOctaves.defaultValue,seed:n.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=Ca.parse(t.baseFrequency),t.numOctaves=Ca.parse(t.numOctaves),t.seed=Ca.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(Pc({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function UC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KC.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Ca.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Ca.number(0)}};var WC=function(t){R()(n,t);var e=UC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:n.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=Ca.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}}]),n}(BC);function ZC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WC.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Ca.number(0)}};var qC=function(t){R()(n,t);var e=ZC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:n.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()," />")}}]),n}(BC);function JC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qC.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 QC=function(t){R()(n,t);var e=JC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:n.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()," />")}}]),n}(BC);function tM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}QC.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var eM=function(t){R()(n,t);var e=tM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:n.spec.stdDeviationX.defaultValue,stdDeviationY:n.spec.stdDeviationY.defaultValue,edgeMode:n.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=Ca.parse(t.stdDeviationX),t.stdDeviationY=Ca.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()," />")}}]),n}(BC);function nM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}eM.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var rM=function(t){R()(n,t);var e=nM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,color:n.spec.color.defaultValue,opacity:n.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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(Pc({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),n}(BC);function iM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}rM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var aM=function(t){R()(n,t);var e=iM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:n.spec.r.defaultValue,g:n.spec.g.defaultValue,b:n.spec.b.defaultValue,a:n.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=t.split(" "),n=Aa()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=_t()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=_t()(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(Pc(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(Pc(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(Pc(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(Pc(i)," />"),"\n    </feComponentTransfe>")}}]),n}(BC);function oM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}aM.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 cM=function(t){R()(n,t);var e=oM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:n.spec.azimuth.defaultValue,elevation:n.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(Pc({azimuth:e,elevation:n})," />")}}]),n}(BC);function sM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}cM.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var uM=function(t){R()(n,t);var e=sM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,z:n.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(Pc({x:e,y:n,z:r})," />")}}]),n}(BC);function lM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}uM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var fM=function(t){R()(n,t);var e=lM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:n.spec.x.defaultValue,y:n.spec.x.defaultValue,z:n.spec.x.defaultValue,pointsAtX:n.spec.pointsAtX.defaultValue,pointsAtY:n.spec.pointsAtY.defaultValue,pointsAtZ:n.spec.pointsAtZ.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,limitingConeAngle:n.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,c=t.specularExponent,s=t.limitingConeAngle;return"<feSpotLight ".concat(Pc({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:c,limitingConeAngle:s})," />")}}]),n}(BC);function hM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}fM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)}};var vM=function(t){R()(n,t);var e=dM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,diffuseConstant:n.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return pM(pM({},Ta()(V()(n.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(Pc({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}]),n}(BC);function yM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}vM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var bM=function(t){R()(n,t);var e=mM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,specularConstant:n.spec.specularConstant.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return gM(gM({},Ta()(V()(n.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(Pc({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}]),n}(BC);function kM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}bM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var xM=function(t){R()(n,t);var e=kM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:n.spec.dx.defaultValue,dy:n.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(Pc({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function wM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}xM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var PM=function(t){R()(n,t);var e=wM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:n.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(Pc({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),n}(BC);function OM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}PM.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var $M=function(t){R()(n,t);var e=jM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,SM({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),n}(BC);function RM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CM=function(t){R()(n,t);var e=RM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),n}($M);function MM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TM=function(t){R()(n,t);var e=MM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),n}($M);function VM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EM=function(t){R()(n,t);var e=VM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),n}($M);function IM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DM=function(t){R()(n,t);var e=IM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),n}($M);function LM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BM=function(t){R()(n,t);var e=LM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),n}($M);function AM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zM=function(t){R()(n,t);var e=AM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),n}($M);function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HM=function(t){R()(n,t);var e=FM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:n.spec.dx.defaultValue,dy:n.spec.dy.defaultValue,stdDeviation:n.spec.stdDeviation.defaultValue,color:n.spec.color.defaultValue,opacity:n.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(Pc({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function GM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Ca.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var _M=function(t){R()(n,t);var e=GM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:n.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()," />")}}]),n}(BC);function NM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_M.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Ca.number(0)}};var XM=function(t){R()(n,t);var e=NM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:n.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()," />")}}]),n}(BC);function YM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XM.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Ca.number(0)}};var KM=function(t){R()(n,t);var e=YM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),n}(BC);function UM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KM.spec={};var WM=function(t){R()(n,t);var e=UM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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(Pc({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function ZM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var qM=function(t){R()(n,t);var e=ZM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Image",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,src:n.spec.src.defaultValue,alignment:n.spec.alignment.defaultValue,scaleing:n.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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,c=t.scaleing;return"<feImage ".concat(Pc({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.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 eT=["result"],nT=function(t){R()(n,t);var e=tT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,QM({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return eT.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,rT[t.type])(t)}}]),n}(Ec),rT={Image:qM,Tile:WM,Saturate:_M,HueRotate:XM,LuminanceAlpha:KM,DropShadow:HM,SourceGraphic:CM,SourceAlpha:TM,BackgroundImage:EM,BackgroundAlpha:DM,FillPaint:BM,StrokePaint:zM,ComponentTransfer:aM,DistantLight:cM,PointLight:uM,SpotLight:fM,DiffuseLighting:vM,SpecularLighting:bM,Blend:PM,Offset:xM,RotaMatrix:zC,GaussianBlur:eM,Flood:rM,Merge:HC,Composite:_C,Morphology:XC,Turbulence:KC,DisplacementMap:WC,ColorMatrix:qC,ConvolveMatrix:QC},iT={Image:qM.spec,Tile:WM.spec,DropShadow:HM.spec,Saturate:_M.spec,HueRotate:XM.spec,LuminanceAlpha:KM.spec,Offset:xM.spec,ComponentTransfer:aM.spec,SpecularLighting:bM.spec,SpotLight:fM.spec,PointLight:uM.spec,DistantLight:cM.spec,DiffuseLighting:vM.spec,Blend:PM.spec,RotaMatrix:zC.spec,Merge:HC.spec,GaussianBlur:eM.spec,Flood:rM.spec,Morphology:XC.spec,Composite:_C.spec,Turbulence:KC.spec,DisplacementMap:WC.spec,ColorMatrix:qC.spec,ConvolveMatrix:QC.spec};function aT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oT=function(t){R()(n,t);var e=aT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(fe()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n<style type='text/css' data-renderer-type=\"html\" data-id='".concat(t.id,"'>\n    :root {\n        ").concat(xc(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 nT.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")}}]),n}(KS);function cT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sT=function(t){R()(n,t);var e=cT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(WS);function uT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hT=function(t){R()(n,t);var e=fT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(qa.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:"cachedStroke",value:function(t){return t.computed("stroke",(function(t){return Qm.parseImage(t||"black")}))}},{key:"cachedFill",value:function(t){return t.computed("fill",(function(t){return Qm.parseImage(t||"black")}))}},{key:"toFillSVG",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toStrokeSVG",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.strokeId(t))}},{key:"toFillValue",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return pu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,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 lT(lT({},Ta()(V()(n.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)}}]),n}(WS);function pT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dT=function(t){R()(n,t);var e=pT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(t.hasChangedField("width","height","d")&&n.setAttrNS({d:t.d}),t.hasChangedField("fill")&&n.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&n.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&n.setAttrNS({filter:this.toFilterValue(t)}),t.hasChangedField("fill-rule")&&n.setAttrNS({"fill-rule":t["fill-rule"]||"nonezero"})),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    ')}}]),n}(hT);function vT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yT=function(t){R()(n,t);var e=vT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&t.hasChangedField("width","height","d")&&n.attr("d",t.d);var r=e.$("path.guide");r&&t.hasChangedField("width","height","d")&&r.attr("d",t.d);var i=e.$("textPath");i&&(t.hasChangedField("text")&&i.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&i.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&i.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&i.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&i.setAttrNS({filter:this.toFilterValue(t)})),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,'" stroke="rgba(0, 0, 0, 0.5)" fill="none"/>\n      </svg>\n    ')}}]),n}(hT);function gT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mT=function(t){R()(n,t);var e=gT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){e.$("text")&&(t.hasChangedField("text")&&$textPath.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&$textPath.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&$textPath.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&$textPath.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&$textPath.setAttrNS({filter:this.toFilterValue(t)})),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>")}}]),n}(hT),bT={dom:function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t){return t}}]),t}()},kT=function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=bT[t]||bT.dom;return r.compile(e,n)}}]),t}();function xT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wT=function(t){R()(n,t);var e=xT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(!1===t.hasChangedField("x","y","width","height")){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r)}Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return kT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=this.compile(t);return"\n      <div class='element-item template' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <style id="style-').concat(e,'">\n          [data-id="').concat(e,'"] .inner-html {\n            width: 100%; \n            height: 100%;\n            position:relative;\n            display:block;\n            pointer-events: none; \n          }\n\n          [data-id="').concat(e,'"] .inner-html > * {\n            width: 100%; \n            height: 100%;\n          }          \n        </style>\n        <div class="inner-html" data-domdiff-pass="true">\n          ').concat(n,"\n        </div>\n      </div>")}}]),n}(WS);function PT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OT=function(t){R()(n,t);var e=PT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=Ta()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{key:"update",value:function(t,e){var r=e.$(".text-content");if(r){var i=t.content;r.updateDiff(i)}Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.id,n=t.content;return"\n            <div class='element-item text' data-id=\"".concat(e,'">\n                ').concat(this.toDefString(t),'\n                <div class="text-content" tabIndex="-1" data-id="').concat(e,'">').concat(n,"</div>\n            </div>\n        ")}}]),n}(WS);function ST(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jT=function(t){R()(n,t);var e=ST(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=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(c,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>")}},{key:"update",value:function(t,e){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=e.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(WS),$T=function(){function t(e){O()(this,t),this.editor=e}var e,n;return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("json","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("json",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:(n=Fa()(Na.a.mark((function t(e,n){var r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(!(r=this.getRendererInstance(e))){t.next=7;break}return t.next=6,r.render(e,n||this);case 6:return t.abrupt("return",t.sent);case 7:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"getResourceDataURI",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}(),RT=function(){function t(){O()(this,t)}var e,n;return j()(t,[{key:"render",value:(n=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.toCloneObject(e,n);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){var r,i,a,o;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=e.attrs("itemType","name","elementType","type","visible","lock","selected")).referenceId=e.id,r.newTargetId=ya(),i=[],a=0,o=e.layers.length;case 5:if(!(a<o)){t.next=14;break}return t.t0=i,t.next=9,n.render(e.layers[a],n);case 9:t.t1=t.sent,t.t0.push.call(t.t0,t.t1);case 11:a++,t.next=5;break;case 14:return r.layers=i,t.abrupt("return",r);case 16:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}();function CT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function VT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ET(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DT=function(t){R()(r,t);var e,n=IT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=ET,t.t1=ET,t.t2=ET,t.t3={},t.next=6,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 6:return t.t4=t.sent,t.t5=(0,t.t2)(t.t3,t.t4),t.t6=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"),t.t7=(0,t.t1)(t.t5,t.t6),t.t8={},t.t9={selectors:e.selectors.map((function(t){return t.clone()})),svg:e.svg.map((function(t){return t.clone()}))},t.abrupt("return",(0,t.t0)(t.t7,t.t8,t.t9));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=TT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=MT,t.t1=MT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("x","y","width","height"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(RT));function LT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zT=function(t){R()(r,t);var e,n=AT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=BT,t.t1=BT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(DT);function FT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function GT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _T=function(t){R()(r,t);var e,n=GT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=HT,t.t1=HT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("tagName"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(DT);function NT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XT=function(t){R()(n,t);var e=NT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(_T);function YT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function UT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WT=function(t){R()(r,t);var e,n=UT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=KT,t.t1=KT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function ZT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QT=function(t){R()(r,t);var e,n=JT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){var i,a,o;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=e.project,a=i.imageKeys[e.src],o=a.original,t.t0=qT,t.t1=qT,t.t2={},t.next=8,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 8:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5={},t.t6={src:o},t.abrupt("return",(0,t.t0)(t.t4,t.t5,t.t6));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);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){w()(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}function nV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function rV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function oV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uV=function(t){R()(r,t);var e,n=sV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=cV,t.t1=cV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name","description","rootVariable"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=aV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=iV,t.t1=iV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("timeline"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=nV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=eV,t.t1=eV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(RT)));function lV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fV=function(t){R()(n,t);var e=lV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(_T);function hV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vV=function(t){R()(r,t);var e,n=dV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=pV,t.t1=pV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function yV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bV=function(t){R()(r,t);var e,n=mV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=gV,t.t1=gV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("d"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function kV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var PV=function(t){R()(r,t);var e,n=wV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=xV,t.t1=xV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function OV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $V=function(t){R()(r,t);var e,n=jV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=SV,t.t1=SV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function RV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function CV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TV=function(t){R()(r,t);var e,n=MV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=CV,t.t1=CV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("engine","template","params"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function VV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?VV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DV=function(t){R()(r,t);var e,n=IV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=EV,t.t1=EV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("content"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function LV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zV=function(t){R()(r,t);var e,n=AV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=BV,t.t1=BV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T),FV=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("svg","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("svg",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(!t)return"";var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}},{key:"toCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toCSS(t)}},{key:"toTransformCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toTransformCSS(t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.toStyle(t,e||this)}},{key:"update",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.update(t,e)}},{key:"codeview",value: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        ")}}]),t}();function HV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NV=function(t){R()(n,t);var e=_V(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toDefaultCSS",value:function(t){return GV({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.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return GV(GV({},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,c=t.itemType;return"\n\n<svg class='svg-element-item ".concat(c,'\'\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(ne(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(xc(a),';width:100%;height:100%;"></').concat(i,">\n</foreignObject>    \n").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),n}(KS);function XV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YV=function(t){R()(n,t);var e=XV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),n}(NV);function KV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UV=function(t){R()(n,t);var e=KV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(NV);function WV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZV=function(t){R()(n,t);var e=WV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(UV);function qV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JV=function(t){R()(n,t);var e=qV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=e.$("iframe");r&&r.attr("src",t.url||"about:blank"),Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.width,n=t.height,r=(t.id,t.url),i=void 0===r?"about:blank":r,a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n  <foreignObject\n      width="'.concat(e.value,'"\n      height="').concat(n.value,'"\n  >\n      <iframe \n          xmlns="http://www.w3.org/1999/xhtml"\n          width="100%" \n          height="100%" \n          style="border:0px;width:100%;height:100%;pointer-events:none; ').concat(xc(a),'" \n          src="').concat(i,'"\n      ></iframe>\n  </foreignObject>              \n          ')}))}}]),n}(UV);function QV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tE=function(t){R()(n,t);var e=QV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(UV);function eE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nE=function(t){R()(n,t);var e=eE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),n}(NV);function rE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iE=function(t){R()(n,t);var e=rE(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(UV);function aE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oE=function(t){R()(n,t);var e=aE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(qa.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 Qm.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return Qm.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return Qm.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return pu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return Qm.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{}}}]),n}(UV);function cE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lE=function(t){R()(n,t);var e=uE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(sE(sE({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:xc(e.toCSS(t))}))," />\n    ")}))}}]),n}(oE);function fE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dE=function(t){R()(n,t);var e=pE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(hE(hE({"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:xc(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      ")}))}}]),n}(oE);function vE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mE=function(t){R()(n,t);var e=gE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(yE(yE({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:xc(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),n}(oE);function bE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kE=function(t){R()(n,t);var e=bE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r),Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return kT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=t.width,r=t.height,i=this.compile(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" style="width: 100%;height:100%;">\n                    <style id="style-').concat(e,'">\n                    [data-id="').concat(e,'"] .inner-html {\n                        width: 100%; \n                        height: 100%;\n                        position:relative;\n                        display:block;\n                        pointer-events: none; \n                    }\n\n                    [data-id="').concat(e,'"] .inner-html > * {\n                        width: 100%; \n                        height: 100%;\n                    }          \n                    </style>\n                    <div class="inner-html">\n                    ').concat(i,"\n                    </div>\n                </div>\n            </foreignObject>              \n          ")}))}}]),n}(UV);function xE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wE=function(t){R()(n,t);var e=xE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=Ta()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{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(xc(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),n}(UV);function PE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OE=function(t){R()(n,t);var e=PE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=t.poster,s=t.loop,u=t.crossorigin,l=t.autoplay,f=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(c,'"\n                    loop="').concat(s,'"\n                    crossorigin="').concat(u,'"\n                    autoplay="').concat(l,'"\n                    style="').concat(xc(f),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),n}(UV);n(124);function SE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jE=function(t){R()(n,t);var e=SE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{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='elf--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:xt("$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(){Ta()(V()(n.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:ct("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:ct("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),n}(sw);n(125);function $E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RE=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].map((function(t){return{value:t}})),CE=function(t){R()(n,t);var e=$E(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{key:"getBody",value:function(){return"<div class='elf--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\" none-value=\"selector\" options=".concat(this.variable(RE),' />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Tg.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(Tg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:ht("$selectorList .selector-item .del")+at+ot,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:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Dt("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?zb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:yt("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$selectorList .selector-item")+at,value:function(t){}},{key:gt("$selectorList .selector-item")+at,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:ht("$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:ct("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))}}]),n}(Ux);n(126);function ME(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TE=function(t){R()(n,t);var e=ME(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"elf--svgfilter-assets-property"}},{key:ct("refreshSelection")+tt(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:Dt("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return nT.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(Tg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Tg.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Tg.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:ht("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:ga(),filters:[]})}))}},{key:ht("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:ht("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:xt("$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:ht("$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:ct("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:ct("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:ct("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),n}(Ux),VE={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"};n(127);function EE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var IE=Object.keys(VE).map((function(t){return{title:t,values:VE[t]}})),DE=function(t){R()(n,t);var e=EE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:Sa(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='elf--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:At("$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:Dt("$sample"),value:function(){return IE.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:ht("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=IE[e];this.updateData({values:Sa(n.values)}),this.load("$body")}},{key:Dt("$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:xt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(Xg);n(128);function LE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zE=function(t){R()(n,t);var e=AE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return BE({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=Aa()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=_t()(i,2),o=a[0],c=a[1];else if("gamma"===r)var s=_t()(i,3),u=s[0],l=s[1],f=s[2];return{type:r,values:i,slop:o,intercept:c,amplitude:u,exponent:l,offset:f}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Dt("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="SelectEditor"  \n            label="'.concat(r,'" \n            key="type" \n            value="').concat(this.state.type,'" \n            options=').concat(this.variable(["identity","table","discrete","linear","gamma"]),' \n            onchange="changeType" />\n        <div class=\'elf--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\" \n                    label='tableValues' \n                    ref='$values' \n                    key='values' \n                    value=\"").concat(this.state.values.join(" "),'" \n                    onchange=').concat(this.subscribe((function(e,n){t.updateData(w()({},e,n.split(" ")))}))," />\n            </div>\n            <div data-type='linear'>\n                ").concat(["slop","intercept"].map((function(e){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                            />\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"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                                />\n                        </div>                    \n                    ")})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:ct("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(fe()(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(BE({},this.parse(t)))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(Xg),FE={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"}]}]};n(129);function HE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NE=[{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"}]}],XE=[{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 YE(t){switch(t){case"SpecularLighting":return Tg.specular;case"DiffuseLighting":return Tg.diffuse;case"SourceGraphic":case"SourceAlpha":return Tg.image;case"BackgroundImage":case"BackgroundAlpha":return Tg.outline_image;case"Flood":return Tg.palette;case"Image":return Tg.landscape;case"GaussianBlur":return Tg.blur;case"ColorMatrix":return Tg.blur_linear;case"Turbulence":return Tg.waves;case"Saturate":return Tg.vintage;case"HueRotate":return Tg.looks;case"LuminanceAlpha":return Tg.opacity;case"DropShadow":return Tg.shadow;case"Morphology":return Tg.broken_image;case"ConvolveMatrix":return Tg.camera_roll;case"Offset":return Tg.transform;case"Tile":return Tg.view_comfy;case"Blend":return Tg.gradient;case"Composite":return Tg.merge;case"Merge":return Tg.settings_input_component;case"DisplacementMap":return Tg.texture}return""}function KE(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 UE=[45],WE=[20],ZE={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},qE={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(qE).forEach((function(t){qE[t]=qE[t].map((function(t){return t+20}))}));var JE=function(t){R()(n,t);var e=_E(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(jc(NE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(jc(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(YE(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(jc(XE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(jc(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=\'elf--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 scrollbar selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content  scrollbar" 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:ht("$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:yt("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:mt("$connectedLinePanel")+at,value:function(){}},{key:gt("$connectedLinePanel")+at,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=FE[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return iT[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r=this,i="".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(i,"' \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(i,"' \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(i,"' \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 a=t.options;return ne(t.options)&&(a=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(i,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(a,"' \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(i,"' \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(i,"' \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(i,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange=').concat(this.subscribe((function(t,e,n){r.trigger("changeRangeEditor",t,e,n)})),"\n          />\n        </div>\n      "):"FuncFilter"===t.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(i,"' \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(i,"' \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(i,"' \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(Tg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Zt(t,e).join(n)}(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:Dt("$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 nT.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return nT.parse(GE(GE({},e),{},{type:t}))}},{key:ht("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:ht("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:ht("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Dt("$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:jt("$graphPanel .filter-node")+Fg()+Hg(),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=qa.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=ae(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,c=a.y-e.y,s=o+a.width/2,u=c+a.height/2;this.startXY={x:s,y:u}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Dt("$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 bf,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+UE[0],r=t.bound.y+WE[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 c=o.index;return[{x:n,y:r},{x:i.it.bound.x+ZE[a][0],y:i.it.bound.y+qE[a][c]}]}},{key:Dt("$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=KE(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:ht("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=_t()(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=qa.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(c=this.state.filters[+a.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var o=+i.attr("data-index");c.in[o]||(c.setIn(o,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(i.hasClass("out"))(c=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:Ca.px(n.bound.x),top:Ca.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(Oc({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(Tg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(KE(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(YE(e.type),"</div>\n          <div class='in-list'>\n            ").concat(kc(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(Tg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:ut("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:ut("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:ut("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter((function(e){return e.id!=t}));e.forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=t})),e.in=e.in.filter((function(e){return e.id!=t}))})),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:ht("$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)}}]),n}(Xg);n(130);function QE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tI=function(t){R()(n,t);var e=QE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{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='elf--svg-filter-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:Dt("$editor"),value:function(){var t=this;return"\n      <object refClass=\"SVGFilterEditor\" ref='$filter' title='Filter Type' key=\"filter\" onchange=".concat(this.subscribe((function(e,n){t.updateData({filters:n})})),'>\n        <property name="value" valueType="json">').concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:ct("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return nT.parse(t)})),t.preview=!Jt(t.preview)||t.preview,this.setState(t),this.show(1e3)}},{key:ct("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),n}(sw);n(131);function eI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nI=function(t){R()(n,t);var e=eI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='elf--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(Tg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Tg.remove,"</button>\n            </div>\n        ")}},{key:ht("$remove"),value:function(t){this.updateData({value:""})}},{key:ht("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){this.load()}},{key:At("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Dt("$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=_t()(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:kt("$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:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$options")}},{key:ct("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:ct("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),n}(Xg);function rI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iI=function(t){R()(n,t);var e=rI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"editableProperty",get:function(){return"svg-item"}},{key:ct("refreshSelection")+U("checkShow"),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"]||Ca.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Ca.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Ca.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"]))}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return"\n      <div ref='$svgProperty'>\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=').concat(this.variable(["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        \x3c!--<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>--\x3e\n        <div class=\'property-item\'>\n          <object refClass="StrokeDashArrayEditor" label="').concat(this.$i18n("svg.item.property.dashArray"),"\" 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=').concat(this.variable(["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=').concat(this.variable(["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        \x3c!--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--\x3e         \n      </div>\n   \n    ')}},{key:ut("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change svg item property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function aI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oI=function(t){R()(n,t);var e=aI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:ct("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=').concat(this.variable(["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=").concat(this.variable(["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:ut("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change svg text property: ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function cI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sI="none,uppercase:AG,lowercase:ag,capitalize:Ag".split(",").map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),uI="none,underline,overline:O,line-through".split(",").map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),lI=function(t){R()(n,t);var e=cI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"editableProperty",get:function(){return"text-style"}},{key:ct("refreshSelection")+U("checkShow"),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=").concat(this.variable(["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=").concat(this.variable(sI),'\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=").concat(this.variable(uI),"\n          icons=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:ut("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change text property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function fI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hI=function(t){R()(n,t);var e=fI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:Dt("$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=').concat(this.variable(["","text"]),' onchange="changeSelect" />\n    ')}},{key:ut("changeSelect"),value:function(t,e){this.emit("setAttributeForMulti",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"text-clip"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);function pI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dI=function(t){R()(n,t);var e=pI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"editableProperty",get:function(){return"text-fill"}},{key:ct("refreshSelection")+U("checkShow"),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:ut("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:ut("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change text fill",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(132);function vI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yI=function(t){R()(n,t);var e=vI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:this.props.value}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Tg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Dt("$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(Tg.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:ct("add"),value:function(){this.state.textShadows.push(new ju),this.refresh(),this.modifyTextShadow()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:ht("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:ht("$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:ct("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),n}(Xg);function gI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mI=function(t){R()(n,t);var e=gI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Dt("$shadowList"),value:function(){var t=this,e=this.$selection.current||{};return'\n      <object refClass="TextShadowEditor" \n        ref=\'$textshadow\' \n        value="'.concat(this.variable(ju.parseStyle(e["text-shadow"])),'" \n        hide-label="true" \n        onChange=').concat(this.subscribe((function(e){t.command("setAttributeForMulti","change text shadow",t.$selection.packByValue({"text-shadow":e}))})),"\n      />\n    ")}},{key:"editableProperty",get:function(){return"text-shadow"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);n(133);function bI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kI=function(t){R()(n,t);var e=bI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z()}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='elf--text-shadow-property-popup' ref='$popup'></div>"}},{key:Dt("$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:ct("changeShadow"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:jt("$popup .drag-board")+Fg("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.updateData({offsetX:Ca.px(o),offsetY:Ca.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:ct("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:ct("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),n}(sw);n(134);function xI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wI=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],PI={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},OI=function(t){R()(n,t);var e=xI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--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(wI.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(Tg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:ht("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Ca.deg(PI[e]||0);this.$selection.each((function(t){var e=zc.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool",!1)}},{key:At("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:zc.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:At("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:zc.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:pt("$rotateArea"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return zc.remove(t.transform,["rotateX","rotateY"])}})),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool"),this.bindData("$rotateContainer")}},{key:jt("$rotateArea")+Fg("moveRotateXY")+Hg("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=zc.get(t.transform,"rotateX"),n=zc.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Ca.deg(0),rotateY:n?n[0]:Ca.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Ca.deg(-e),r=Ca.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=zc.rotateX(e,Ca.deg(t.rotateX.value+n.value)),e=zc.rotateY(e,Ca.deg(t.rotateY.value+r.value)),t.item.reset({transform:e})})),this.bindData("$rotateContainer"),this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"moveEndRotateXY",value:function(t,e){this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:pt("$handle"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return zc.remove(t.transform,["rotateZ","rotate"])}})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:jt("$handle")+Fg()+Hg(),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=zc.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Ca.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"end",value:function(){this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Ca.deg(Math.floor(pa(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=zc.rotateZ(e,Ca.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:ct("refreshSelection"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView"),value:function(){this.$selection.hasChangedField("transform")&&this.refresh()}}]),n}(Xg);n(135);function SI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RI=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],CI={scale:["X","Y"],skew:["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"]},MI=function(t){R()(n,t);var e=$I(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:zc.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='elf--transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(RI.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(Tg.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":case"skew":return CI[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":case"skew":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-100,max:100,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"skew":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad",editorType:"RangeEditor"};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-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Tg.remove2,'\n            </button>\n          </div>\n        </div>\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),c=o.min,s=o.max,u=o.step,l=o.units;return'\n            <div>\n              <object refClass="RangeEditor"  \n                    ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                    min=\"").concat(c,'" \n                    max="').concat(s,'" \n                    step="').concat(u,'" \n                    label="').concat(a,'"\n                    key="').concat(n,"\" \n                    params='").concat(i,"' \n                    value=\"").concat(e,'" \n                    units="').concat(l,'" \n                    onchange="changeRangeEditor" />\n            </div>')})).join(""),"      \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(Tg.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),c=o.min,s=o.max,u=o.step,l=o.units,f=o.editorType;return'\n              <div>\n                <object refClass="'.concat(void 0===f?"NumberInputEditor":f,"\"  \n                      ref='$range_").concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(c,'" \n                      max="').concat(s,'" \n                      step="').concat(u,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:Dt("$transformList")+Q,value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:"setValue",value:function(t){this.setState({transforms:zc.parseStyle(t)})}},{key:yt("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:mt("$transformList .transform-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:gt("$transformList .transform-item")+at,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[Ca.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Ca.deg(0)];case"translate":return[Ca.z(),Ca.z()];case"translate3d":return[Ca.z(),Ca.z(),Ca.z()];case"scale":return[Ca.number(1),Ca.number(1)];case"skew":return[Ca.deg(0),Ca.deg(0)];case"scaleX":case"scaleY":return[Ca.number(1)];case"matrix":return[Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0)];case"matrix3d":return[Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1)]}return[Ca.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return zc.parse(jI(jI({},e),{},{type:t,value:n}))}},{key:ut("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:ht("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:ht("$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:ut("changeRangeEditor"),value:function(t,e,n){Jt(n)?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),n}(Xg);function TI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],EI=function(t){R()(n,t);var e=TI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isFirstShow",value:function(){return!0}},{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(VI.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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Dt("$body")+Q,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:ut("changeTransformEditor"),value:function(t){var e=this;this.command("setAttributeForMulti","change transform property",this.$selection.packByValue({transform:t})),this.nextTick((function(){e.emit("refreshSelectionTool",!1)}))}},{key:"refresh",value:function(){this.children.$transformEditor.setValue(this.$selection.current.transform)}},{key:"editableProperty",get:function(){return"transform"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+tt(100),value:function(){var t=this.$selection.current;t&&t.hasChangedField("transform")&&this.refresh()}}]),n}(Ux);n(136);function II(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DI=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],LI=DI.map((function(t){return t.key})),BI={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%"},AI=function(t){R()(n,t);var e=II(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Ca.percent(50),"transform-origin-x":Ca.percent(50),"transform-origin-y":Ca.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Ca.parse(t[0]),e["transform-origin-x"]=Ca.parse(t[0]),e["transform-origin-y"]=Ca.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Ca.parse(t[0]),e["transform-origin-y"]=Ca.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:ht("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=BI[e].split(" "),r=_t()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Ca.parse(i),this.state["transform-origin-y"]=Ca.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:ut("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&LI.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Dt("$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(DI.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,LI.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:ht("$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()}}]),n}(Xg);function zI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FI=function(t){R()(n,t);var e=zI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ht("$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:Dt("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:"editableProperty",get:function(){return"transform-origin"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeTransformOrigin"),value:function(t,e){this.command("setAttributeForMulti","change transform-origin",this.$selection.packByValue({"transform-origin":e}))}}]),n}(Ux);function HI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GI=/((cubic-bezier|steps)\(([^\)]*)\))/gi,_I=function(t){R()(n,t);var e=HI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Ca.second(0),timingFunction:"linear",delay:Ca.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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Jx(t,GI);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Ca.parse(e[1]),timingFunction:Qx(e[2],r.matches),delay:Ca.parse(e[3])}:e.length>=3?{name:e[0],duration:Ca.parse(e[1]),delay:Ca.parse(e[2])}:e.length>=1?{name:e[0],duration:Ca.parse(e[1])}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Ec);n(137);function NI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YI=function(t){R()(n,t);var e=XI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{key:"getBody",value:function(){return"<div class='elf--transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(Tg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Dt("$transitionList")+Q,value:function(){var t=this,e=this.$selection.current;return e?_I.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=Rc(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(Tg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:ct("refreshSelection"),value:function(){this.refreshShowIsNot([])}},{key:ht("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add transition",this.$selection.packByValue({transition:function(t){return _I.add(t.transition)}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:ht("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:_I.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=_I.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:ht("$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:ct("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?NI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:_I.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),n}(Ux);n(138);function KI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function WI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZI=["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"].map((function(t){return{value:t,text:t}})),qI=function(t){R()(n,t);var e=WI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Transition"}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=UI(UI({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--transition-property-popup' ref='$popup'></div>"}},{key:Dt("$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:ut("changeTransition"),value:function(t,e){this.updateData(w()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  \n          ref=\'$property\' \n          icon="true" \n          label="Property" \n          key=\'name\' \n          value="'.concat(this.state.data.name,'" \n          options=').concat(this.variable(ZI)," \n          onChange='changeTransition' \n        /> \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:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ut("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ct("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:ct("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),n}(sw);n(139);function JI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QI=function(t){R()(n,t);var e=JI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item elf--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:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:Dt("$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(Tg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Tg.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(Tg.volume_off,"</span>\n            <span data-value='down'>").concat(Tg.volume_down,"</span>\n            <span data-value='up'>").concat(Tg.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:ct("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({currentTime:e}))}},{key:ct("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({playbackRate:e}))}},{key:Tt("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({volume:e}))}},{key:At("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:At("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:ht("$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:ut("changeValue")+tt(100),value:function(t,e){this.state.$video&&this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:ut("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:ct("refreshSelection")+tt(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")}))}}]),n}(Ux),tD=[function(t){cO.forEach((function(e){t.registerConfig(e)}))},function(t){Object.keys(eS).forEach((function(e){t.registerI18nMessage(e,eS[e])}))},function(t){t.registerItem("project",ih),t.registerItem("artboard",Ub),t.registerItem("rect",PO),t.registerItem("circle",vO),t.registerItem("image",bO),t.registerItem("text",tS),t.registerItem("svg-path",VO),t.registerItem("svg-text",LO),t.registerItem("svg-textpath",FO),t.registerItem("template",WO)},function(t){t.registerRendererType("html",new kC(t)),t.registerRenderer("html","project",new oT),t.registerRenderer("html","artboard",new wC),t.registerRenderer("html","rect",new sT),t.registerRenderer("html","circle",new OC),t.registerRenderer("html","image",new TC),t.registerRenderer("html","text",new OT),t.registerRenderer("html","video",new jT),t.registerRenderer("html","svg-path",new dT),t.registerRenderer("html","svg-text",new mT),t.registerRenderer("html","svg-textpath",new yT),t.registerRenderer("html","cube",new CC),t.registerRenderer("html","template",new wT)},function(t){t.registerRendererType("json",new $T(t)),t.registerRenderer("json","project",new uV),t.registerRenderer("json","artboard",new zT),t.registerRenderer("json","rect",new fV),t.registerRenderer("json","circle",new XT),t.registerRenderer("json","image",new QT),t.registerRenderer("json","template",new TV),t.registerRenderer("json","iframe",new WT),t.registerRenderer("json","text",new DV),t.registerRenderer("json","video",new zV),t.registerRenderer("json","svg-path",new bV),t.registerRenderer("json","svg-text",new $V),t.registerRenderer("json","svg-textpath",new PV)},function(t){t.registerRendererType("svg",new FV(t)),t.registerRenderer("svg","project",new nE),t.registerRenderer("svg","artboard",new YV),t.registerRenderer("svg","rect",new iE),t.registerRenderer("svg","circle",new ZV),t.registerRenderer("svg","image",new tE),t.registerRenderer("svg","template",new kE),t.registerRenderer("svg","iframe",new JV),t.registerRenderer("svg","video",new OE),t.registerRenderer("svg","text",new wE),t.registerRenderer("svg","svg-path",new lE),t.registerRenderer("svg","svg-text",new mE),t.registerRenderer("svg","svg-textpath",new dE)},function(t){t.registerElement({IconListViewEditor:BR,TextAreaEditor:lC,TextEditor:hC,ColorSingleEditor:uR,CubicBezierEditor:vR,ClipPathEditor:m$,ColorViewEditor:fR,VarEditor:dC,PathDataEditor:nC,PolygonDataEditor:iC,InputArrayEditor:zR,StrokeDashArrayEditor:sC,NumberInputEditor:qR,NumberRangeEditor:QR,MediaProgressEditor:WR,SelectIconEditor:oC,CSSPropertyEditor:pR,DirectionEditor:mR,IterationCountEditor:KR,GradientEditor:DR,FilterEditor:PR,SelectEditor:f$,BlendSelectEditor:y$,RangeEditor:_R,InputRangeEditor:HR,ColorAssetsEditor:cR,FontSelectEditor:RR})},function(t){t.registerElement({ColorPickerEditor:ZP,EmbedColorPicker:tO}),t.registerMenuItem("popup",{ColorPickerPopup:JP})},function(t){t.registerElement({FillSingleEditor:CS,FillEditor:mS,GradientSingleEditor:VS}),t.registerMenuItem("popup",{FillPickerPopup:$S,GradientPickerPopup:PS})},function(t){t.registerMenuItem("inspector.tab.style",{SVGTextProperty:oI})},function(t){t.registerMenuItem("inspector.tab.style",{FontProperty:sS})},function(t){t.registerMenuItem("inspector.tab.style",{TextProperty:lI})},function(t){t.registerElement({TextShadowEditor:yI}),t.registerMenuItem("inspector.tab.style",{TextShadowProperty:mI}),t.registerMenuItem("popup",{TextShadowPropertyPopup:kI})},function(t){t.registerMenuItem("inspector.tab.style",{FontSpacingProperty:lS})},function(t){t.registerElement({ContentProperty:oO})},function(t){t.registerMenuItem("inspector.tab.style",{TextFillProperty:dI})},function(t){t.registerMenuItem("inspector.tab.style",{TextClipProperty:hI})},function(t){t.registerElement({AlignmentProperty:Zx})},function(t){t.registerMenuItem("inspector.tab.style",{ArtBoardSizeProperty:mw})},function(t){t.registerElement({FlexLayoutEditor:yj,FlexLayoutItemEditor:bj,GridLayoutEditor:Mj,GridLayoutItemEditor:Ej,GridBoxEditor:Oj,GridGapEditor:jj}),t.registerMenuItem("inspector.tab.style",{LayoutProperty:Bj,GridLayoutItemProperty:Dj,FlexLayoutItemProperty:xj})},function(t){t.registerElement({AppearanceProperty:vw})},function(t){t.registerMenuItem("inspector.tab.style",{ComponentProperty:iO})},function(t){t.registerElement({BackgroundImageEditor:$w,BackgroundPositionEditor:Dw}),t.registerMenuItem("inspector.tab.style",{BackgroundImageProperty:Tw}),t.registerMenuItem("popup",{BackgroundImagePositionPopup:Cw})},function(t){t.registerElement({BorderEditor:Hw,BorderValueEditor:Yw}),t.registerMenuItem("inspector.tab.style",{BorderProperty:_w})},function(t){t.registerElement({BorderRadiusEditor:rP}),t.registerMenuItem("inspector.tab.style",{BorderRadiusProperty:aP})},function(t){t.registerMenuItem("inspector.tab.style",{VideoProperty:QI})},function(t){t.registerElement({ImageSelectEditor:nj}),t.registerMenuItem("inspector.tab.style",{ImageProperty:tj}),t.registerMenuItem("popup",{ImageSelectPopup:ij})},function(t){t.registerElement({PatternEditor:Gj,PatternSizeEditor:qj,PatternAssetsProperty:Fj}),t.registerMenuItem("inspector.tab.style",{PatternProperty:Kj}),t.registerMenuItem("popup",{PatternInfoPopup:Nj})},function(t){t.registerElement({SVGFilterAssetsProperty:TE})},function(t){t.registerElement({ColorMatrixEditor:DE,FuncFilterEditor:zE,SVGFilterSelectEditor:nI,SVGFilterEditor:JE}),t.registerMenuItem("inspector.tab.style",{SVGItemProperty:iI}),t.registerMenuItem("popup",{SVGFilterPopup:tI})},function(t){t.registerElement({LayerTreeProperty:hj})},function(t){t.registerElement({BackgroundClipProperty:Pw})},function(t){t.registerElement({BorderImageProperty:Qw})},function(t){t.registerMenuItem("inspector.tab.style",{FilterProperty:oS})},function(t){t.registerMenuItem("inspector.tab.style",{BackdropFilterProperty:xw})},function(t){t.registerElement({BoxShadowEditor:lP}),t.registerMenuItem("inspector.tab.style",{BoxShadowProperty:hP}),t.registerMenuItem("popup",{BoxShadowPropertyPopup:yP})},function(t){t.registerMenuItem("inspector.tab.style",{ClipPathProperty:TP}),t.registerMenuItem("popup",{ClipPathPopup:RP})},function(t){t.registerMenuItem("inspector.tab.style",{BoxModelProperty:sP})},function(t){t.registerElement({PositionProperty:u$})},function(t){t.registerElement({GradientAssetsProperty:zS})},function(t){t.registerElement({RotateEditorView:OI,TransformEditor:MI}),t.registerMenuItem("inspector.tab.style",{TransformProperty:EI})},function(t){t.registerElement({TransformOriginEditor:AI}),t.registerMenuItem("inspector.tab.style",{TransformOriginProperty:FI})},function(t){t.registerMenuItem("inspector.tab.style",{PerspectiveProperty:Qj})},function(t){t.registerElement({PerspectiveOriginEditor:i$}),t.registerMenuItem("inspector.tab.style",{PerspectiveOriginProperty:o$})},function(t){t.registerMenuItem("inspector.tab.style",{ExportProperty:rS})},function(t){t.registerMenuItem("inspector.tab.transition",{TransitionProperty:YI}),t.registerMenuItem("popup",{TransitionPropertyPopup:qI})},function(t){t.registerElement({OffsetEditor:lj}),t.registerMenuItem("inspector.tab.transition",{KeyframeProperty:sj}),t.registerMenuItem("popup",{KeyframePopup:oj})},function(t){t.registerMenuItem("inspector.tab.transition",{AnimationProperty:ow}),t.registerMenuItem("popup",{AnimationPropertyPopup:hw})},function(t){t.registerMenuItem("inspector.tab.transition",{SelectorProperty:CE}),t.registerMenuItem("popup",{SelectorPopup:jE})},function(t){t.registerMenuItem("inspector.tab.code",{CodeViewProperty:EP})},function(t){t.registerMenuItem("inspector.tab.history",{HistoryProperty:HS})}];function eD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nD=function(t){R()(n,t);var e=eD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class=\'object-items\' style="height:100%;">\n        <div>\n          <object refClass="LayerTreeProperty" />\n        </div>\n      </div>\n    '}}]),n}(Xg);n(140);function rD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iD=function(t){R()(i,t);var e,n,r=rD(i);function i(){return O()(this,i),r.apply(this,arguments)}return j()(i,[{key:"template",value:function(){return"\n      <div class='elf--custom-assets'>\n        <div class='custom-assets-tools'>\n          <div class='title'><label>Custom Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addCustomAsset'>".concat(Tg.add,"</button>\n          </div>\n        </div>\n        <div class='elf--asset-list' ref='$list'></div>\n      </div>\n    ")}},{key:Dt("$list"),value:(n=Fa()(Na.a.mark((function t(){var e;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$storageManager.getCustomAssetList();case 2:return e=t.sent,t.abrupt("return",e.map((function(t){return'\n        <div class=\'asset-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.component.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-asset-preview' data-preview-id=\"").concat(t.id,'">').concat(Tg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:ht("$list .remove-asset-preview"),value:(e=Fa()(Na.a.mark((function t(e){var n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeCustomAsset"))){t.next=5;break}return n=e.$dt.data("preview-id"),t.next=4,this.$storageManager.removeCustomAsset(n);case 4:this.refresh();case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})},{key:yt("$list .asset-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/asset",e)}},{key:ht("$addCustomAsset"),value:function(t){var e=this;this.emit("savePNG",function(){var t=Fa()(Na.a.mark((function t(n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.$storageManager.saveCustomAsset(n);case 2:e.refresh();case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}]),i}(Xg);n(141);function aD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oD=function(t){R()(n,t);var e=aD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return'\n      <div class=\'elf--library-items\'>\n        <div>\n          <object label="Search" refClass="TextEditor" key="search" onchange='.concat(this.subscribe((function(e,n){t.broadcast("search",n)}),300)," />\n        </div>\n        ").concat(this.$menuManager.generate("library"),"\n      </div>\n    ")}}]),n}(Xg);function cD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sD=function(t){R()(n,t);var e=cD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='asset-items'>\n        ".concat(this.$menuManager.generate("asset"),"\n      </div>\n    ")}}]),n}(Xg);function uD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lD=function(t){R()(n,t);var e=uD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{AssetItems:sD,LibraryItems:oD,CustomAssets:iD,ObjectItems:nD}}},{key:"initState",value:function(){return{selectedIndexValue:2}}},{key:"template",value:function(){var t=this;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" ref="$header">   \n            <div class="tab-item selected" data-value="2" data-direction="right" data-tooltip="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Tg.layers,"</label>\n            </div>            \n            <div class='tab-item' data-value='3' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.libraries"),'">\n              <label>').concat(Tg.auto_awesome,"</label>\n            </div>                     \n            <div class='tab-item' data-value='5' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Tg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Tg.plugin,"</label>\n            </div>            \n\n            ").concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                  <label>').concat(Tg[t.class.icon]||t.class.icon,"</label>\n                </div>\n              ")})),'\n\n          </div>\n          <div class="tab-body" ref="$body">\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=\'5\'>\n              <object refClass="AssetItems" />            \n              <div class=\'assets\'>\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="CustomAssets" />\n            </div>\n            ').concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                <div class='tab-content' data-value='".concat(r,"'>\n                  ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                  ").concat(t.$menuManager.generate("leftbar.tab.".concat(r)),"\n                </div>\n              ")})),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$header .tab-item:not(.extra-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(Xg);function fD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hD=function(t){R()(n,t);var e=fD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LayerTab:lD,PageSubEditor:Nk,ToolBar:Mx,StatusBar:Bk,Inspector:wk,BodyPanel:ek,PopupManager:gk,KeyboardManager:kk}}},{key:"getPlugins",value:function(){return tD}},{key:"initState",value:function(){return{leftSize:340,rightSize:280,bottomSize:0,lastBottomSize:150}}},{key:"template",value:function(){return"\n      <div class=\"designeditor\">\n        <div class=\"layout-main\">\n          <div class='layout-top' ref='$top'>\n            <object refClass=\"ToolBar\" />\n            <object refClass=\"PageSubEditor\" />\n          </div>\n          <div class=\"layout-middle\" ref='$middle'>      \n            <div class=\"layout-body\" ref='$bodyPanel'>\n              <object refClass=\"BodyPanel\" ref=\"$bodyPanelView\" />\n            </div>                           \n            <div class='layout-left' ref='$leftPanel'>\n              <object refClass='LayerTab' />\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          </div>\n          <object refClass='StatusBar' />\n          <object refClass=\"KeyboardManager\" />                \n        </div>\n        <object refClass=\"PopupManager\" />                      \n      </div>\n    ")}},{key:At("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),{style:{left:t}}}},{key:At("$leftPanel"),value:function(){var t="0px",e=Ca.px(this.state.leftSize),n=Ca.px(this.state.bottomSize);return this.$config.false("show.left.panel")&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:At("$rightPanel"),value:function(){var t="0px",e=Ca.px(this.state.bottomSize);return this.$config.false("show.right.panel")&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:At("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),this.$config.false("show.right.panel")&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:At("$footerPanel"),value:function(){return{style:{height:Ca.px(this.state.bottomSize)}}}},{key:jt("$splitter")+Fg("moveSplitter")+Hg("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Ca.parse(this.refs.$splitter.css("left")).value,this.refs.$splitter.addClass("selected")}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)})}},{key:"moveEndSplitter",value:function(){this.refs.$splitter.removeClass("selected")}},{key:jt("$footerSplitter")+Fg("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Ca.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})}},{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:lt("show.left.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:lt("show.right.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:ct("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:Et("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:mt("$middle")+at,value:function(t){}},{key:gt("$middle")+at,value:function(t){}},{key:ct("toggle.fullscreen"),value:function(){this.$el.toggleFullscreen()}}]),n}(Wg),pD=function(t,e){var n=qa.create(e.container||document.body),r=new t(e,e);return r.render(n),r};function dD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dD(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.default=vD({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return pD(hD,vD({},t))}},{})}]).default}));
\ No newline at end of file
diff --git a/docs/editor.js b/docs/editor.js
index 0e9cde3f0..27a524005 100644
--- a/docs/editor.js
+++ b/docs/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=142)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},t.exports.default=t.exports,t.exports.__esModule=!0,n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(27);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)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(14).default,i=n(28);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(32);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?(t.exports=i=Reflect.get,t.exports.default=t.exports,t.exports.__esModule=!0):(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}},t.exports.default=t.exports,t.exports.__esModule=!0),i(e,n,a||e)}t.exports=i,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(29),a=n(13),o=n(18);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(30),i=n(19),a=n(13),o=n(31);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=n(33)},function(t,e){function n(t,e,n,r,i,a,o){try{var c=t[a](o),s=c.value}catch(t){return void n(t)}c.done?e(s):Promise.resolve(s).then(r,i)}t.exports=function(t){return function(){var e=this,r=arguments;return new Promise((function(i,a){var o=t.apply(e,r);function c(t){n(o,i,a,c,s,"next",t)}function s(t){n(o,i,a,c,s,"throw",t)}c(void 0)}))}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(19),a=n(13),o=n(18);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);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}},t.exports.default=t.exports,t.exports.__esModule=!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.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=function(t){if("string"!=typeof t)return{};var e,n={},r=(t=t.split("+").join(" ")).match(/(?:[?](?:[^=]+)=(?:[^&#]*)(?:[&](?:[^=]+)=(?:[^&#]*))*(?:[#].*)?)|(?:[#].*)/);if(null===r)return{};e=r[0].substr(1).split(/[&#=]/);for(var i=0;i<e.length;i+=2)n[decodeURIComponent(e[i])]=decodeURIComponent(e[i+1]||"");return n},n=function(e,n){if("object"!==t(e))return"";var r="",i=0,a=Object.keys(e);if(0===a.length)return"";for(a.sort(),n||(r+="?"+a[0]+"="+e[a[0]],i+=1);i<a.length;i+=1)r+="&"+a[i]+"="+e[a[i]];return r},r=function(t){return void 0===t?0:t.match(/^(\d+[smhdw]?)+$/)?function(t){var e,n=0,r={s:1,m:60,h:3600,d:86400,w:604800};e=(t=t.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var i=0;i<e.length;i+=2)n+=parseInt(e[i],10)*r[e[i+1]||"s"];return n}(t):t.match(/^(\d+:?)+$/)?function(t){for(var e=0,n=[1,60,3600,86400,604800],r=t.split(":"),i=0;i<r.length;i++)e+=parseInt(r[i],10)*n[r.length-i-1];return e}(t):0},i=e;function a(){for(var t=0,e=["parseProvider","parse","bind","create"];t<e.length;t++){var n=e[t];this[n]=this[n].bind(this)}this.plugins={}}var o=a;a.prototype.parseProvider=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?(?:[^.]+\.)?(\w+)\./i);return e?e[1]:void 0},a.prototype.parse=function(t){if(void 0!==t){var e,n=this.parseProvider(t),r=this.plugins[n];if(n&&r&&r.parse)return(e=r.parse.call(r,t,i(t)))&&((e=function(t){return t.params&&0===Object.keys(t.params).length&&delete t.params,t}(e)).provider=r.provider),e}},a.prototype.bind=function(t){if(this.plugins[t.provider]=t,t.alternatives)for(var e=0;e<t.alternatives.length;e+=1)this.plugins[t.alternatives[e]]=t},a.prototype.create=function(e){if("object"===t(e)&&"object"===t(e.videoInfo)){var n=e.videoInfo,r=e.params,i=this.plugins[n.provider];return r="internal"===r?n.params:r||{},i&&(e.format=e.format||i.defaultFormat,i.formats.hasOwnProperty(e.format))?i.formats[e.format].apply(i,[n,Object.assign({},r)]):void 0}};var c=new o,s=n;function u(){this.provider="canalplus",this.defaultFormat="embed",this.formats={embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}u.prototype.parseParameters=function(t){return delete t.vid,t},u.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:e.vid};if(n.params=this.parseParameters(e),n.id)return n},u.prototype.createEmbedUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.canalplus.fr/embed/";return e.vid=t.id,n+=s(e)}},c.bind(new u);var l=n;function f(){this.provider="coub",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}f.prototype.parseUrl=function(t){var e=t.match(/(?:embed|view)\/([a-zA-Z\d]+)/i);return e?e[1]:void 0},f.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:e,id:this.parseUrl(t)};if(n.id)return n},f.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=l(n)}},f.prototype.createLongUrl=function(t,e){return this.createUrl("https://coub.com/view/",t,e)},f.prototype.createEmbedUrl=function(t,e){return this.createUrl("//coub.com/embed/",t,e)},c.bind(new f);var h=n,p=r;function d(){this.provider="dailymotion",this.alternatives=["dai"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,image:this.createImageUrl},this.mediaTypes={VIDEO:"video"}}d.prototype.parseParameters=function(t){return this.parseTime(t)},d.prototype.parseTime=function(t){return t.start&&(t.start=p(t.start)),t},d.prototype.parseUrl=function(t){var e=t.match(/(?:\/video|ly)\/([A-Za-z0-9]+)/i);return e?e[1]:void 0},d.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},d.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+h(n)},d.prototype.createShortUrl=function(t,e){return this.createUrl("https://dai.ly/",t,e)},d.prototype.createLongUrl=function(t,e){return this.createUrl("https://dailymotion.com/video/",t,e)},d.prototype.createEmbedUrl=function(t,e){return this.createUrl("https://www.dailymotion.com/embed/video/",t,e)},d.prototype.createImageUrl=function(t,e){return delete e.start,this.createUrl("https://www.dailymotion.com/thumbnail/video/",t,e)},c.bind(new d);var v=n,y=r;function g(){this.provider="twitch",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",STREAM:"stream",CLIP:"clip"}}g.prototype.seperateId=function(t){return{pre:t[0],id:t.substr(1)}},g.prototype.parseChannel=function(t,e){var n=e.channel||e.utm_content||t.channel;return delete e.utm_content,delete e.channel,n},g.prototype.parseUrl=function(t,e,n){var r;return(r=t.match(/(clips\.)?twitch\.tv\/(?:(?:videos\/(\d+))|(\w+)(?:\/clip\/(\w+))?)/i))&&r[2]?e.id="v"+r[2]:n.video?(e.id=n.video,delete n.video):n.clip?(e.id=n.clip,e.isClip=!0,delete n.clip):r&&r[1]&&r[3]?(e.id=r[3],e.isClip=!0):r&&r[3]&&r[4]?(e.channel=r[3],e.id=r[4],e.isClip=!0):r&&r[3]&&(e.channel=r[3]),e},g.prototype.parseMediaType=function(t){var e;return t.id?t.isClip?(e=this.mediaTypes.CLIP,delete t.isClip):e=this.mediaTypes.VIDEO:t.channel&&(e=this.mediaTypes.STREAM),e},g.prototype.parseParameters=function(t){return t.t&&(t.start=y(t.t),delete t.t),t},g.prototype.parse=function(t,e){var n={};return(n=this.parseUrl(t,n,e)).channel=this.parseChannel(n,e),n.mediaType=this.parseMediaType(n),n.params=this.parseParameters(e),n.channel||n.id?n:void 0},g.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)n="https://twitch.tv/"+t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n="https://twitch.tv/videos/"+this.seperateId(t.id).id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n=t.channel?"https://www.twitch.tv/"+t.channel+"/clip/"+t.id:"https://clips.twitch.tv/"+t.id}return n+=v(e)},g.prototype.createEmbedUrl=function(t,e){var n="https://player.twitch.tv/";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)e.channel=t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.video=t.id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n="https://clips.twitch.tv/embed",e.clip=t.id}return n+=v(e)},c.bind(new g);var m=n,b=r;function k(){this.provider="vimeo",this.alternatives=["vimeopro"],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}k.prototype.parseUrl=function(t){var e=t.match(/(?:\/(?:channels\/[\w]+|(?:(?:album\/\d+|groups\/[\w]+)\/)?videos?))?\/(\d+)/i);return e?e[1]:void 0},k.prototype.parseParameters=function(t){return this.parseTime(t)},k.prototype.parseTime=function(t){return t.t&&(t.start=b(t.t),delete t.t),t},k.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},k.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id,i=n.start;return delete n.start,r+=m(n),i&&(r+="#t="+i),r}},k.prototype.createLongUrl=function(t,e){return this.createUrl("https://vimeo.com/",t,e)},k.prototype.createEmbedUrl=function(t,e){return this.createUrl("//player.vimeo.com/video/",t,e)},c.bind(new k);var x=n,w=r;function P(){this.provider="wistia",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl,embedjsonp:this.createEmbedJsonpUrl},this.mediaTypes={VIDEO:"video",EMBEDVIDEO:"embedvideo"}}P.prototype.parseUrl=function(t){var e=t.match(/(?:(?:medias|iframe)\/|wvideo=)([\w-]+)/);return e?e[1]:void 0},P.prototype.parseChannel=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?([^.]*)\.wistia\./),n=e?e[1]:void 0;if("fast"!==n&&"content"!==n)return n},P.prototype.parseParameters=function(t,e){return t.wtime&&(t.start=w(t.wtime),delete t.wtime),t.wvideo===e.id&&delete t.wvideo,t},P.prototype.parseMediaType=function(t){return t.id&&t.channel?this.mediaTypes.VIDEO:t.id?(delete t.channel,this.mediaTypes.EMBEDVIDEO):void 0},P.prototype.parse=function(t,e){var n={id:this.parseUrl(t),channel:this.parseChannel(t)};if(n.params=this.parseParameters(e,n),n.mediaType=this.parseMediaType(n),n.id)return n},P.prototype.createUrl=function(t,e,n){return e.start&&(e.wtime=e.start,delete e.start),n+=x(e)},P.prototype.createLongUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://"+t.channel+".wistia.com/medias/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedUrl=function(t,e){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO)){var n="https://fast.wistia.com/embed/iframe/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedJsonpUrl=function(t){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO))return"https://fast.wistia.com/embed/medias/"+t.id+".jsonp"},c.bind(new P);var O=n;function S(){this.provider="youku",this.defaultFormat="long",this.formats={embed:this.createEmbedUrl,long:this.createLongUrl,flash:this.createFlashUrl,static:this.createStaticUrl},this.mediaTypes={VIDEO:"video"}}S.prototype.parseUrl=function(t){var e=t.match(/(?:(?:embed|sid)\/|v_show\/id_|VideoIDS=)([a-zA-Z0-9]+)/);return e?e[1]:void 0},S.prototype.parseParameters=function(t){return t.VideoIDS&&delete t.VideoIDS,t},S.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:this.parseUrl(t),params:this.parseParameters(e)};if(n.id)return n},S.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=O(n)}},S.prototype.createEmbedUrl=function(t,e){return this.createUrl("http://player.youku.com/embed/",t,e)},S.prototype.createLongUrl=function(t,e){return this.createUrl("http://v.youku.com/v_show/id_",t,e)},S.prototype.createStaticUrl=function(t,e){return this.createUrl("http://static.youku.com/v1.0.0638/v/swf/loader.swf?VideoIDS=",t,e)},S.prototype.createFlashUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.youku.com/player.php/sid/"+t.id+"/v.swf";return n+=O(e)}},c.bind(new S);var j=n,$=r;function R(){this.provider="youtube",this.alternatives=["youtu","ytimg"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,shortImage:this.createShortImageUrl,longImage:this.createLongImageUrl},this.imageQualities={0:"0",1:"1",2:"2",3:"3",DEFAULT:"default",HQDEFAULT:"hqdefault",SDDEFAULT:"sddefault",MQDEFAULT:"mqdefault",MAXRESDEFAULT:"maxresdefault"},this.defaultImageQuality=this.imageQualities.HQDEFAULT,this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist",SHARE:"share",CHANNEL:"channel"}}R.prototype.parseVideoUrl=function(t){var e=t.match(/(?:(?:v|vi|be|videos|embed)\/(?!videoseries)|(?:v|ci)=)([\w-]{11})/i);return e?e[1]:void 0},R.prototype.parseChannelUrl=function(t){var e=t.match(/\/channel\/([\w-]+)/);return e?{id:e[1],mediaType:this.mediaTypes.CHANNEL}:(e=t.match(/\/(?:c|user)\/([\w-]+)/))?{name:e[1],mediaType:this.mediaTypes.CHANNEL}:void 0},R.prototype.parseParameters=function(t,e){return(t.start||t.t)&&(t.start=$(t.start||t.t),delete t.t),t.v===e.id&&delete t.v,t.list===e.id&&delete t.list,t},R.prototype.parseMediaType=function(t){if(t.params.list&&(t.list=t.params.list,delete t.params.list),t.id&&!t.params.ci)t.mediaType=this.mediaTypes.VIDEO;else if(t.list)delete t.id,t.mediaType=this.mediaTypes.PLAYLIST;else{if(!t.params.ci)return;delete t.params.ci,t.mediaType=this.mediaTypes.SHARE}return t},R.prototype.parse=function(t,e){var n=this.parseChannelUrl(t);if(n)return n;var r={params:e,id:this.parseVideoUrl(t)};return r.params=this.parseParameters(e,r),r=this.parseMediaType(r)},R.prototype.createShortUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://youtu.be/"+t.id;return e.start&&(n+="#t="+e.start),n}},R.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.CHANNEL)if(t.id)n+="https://www.youtube.com/channel/"+t.id;else{if(!t.name)return;n+="https://www.youtube.com/c/"+t.name}else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.feature="share",n+="https://www.youtube.com/playlist";else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.v=t.id,n+="https://www.youtube.com/watch";else{if(t.mediaType!==this.mediaTypes.SHARE||!t.id)return;e.ci=t.id,n+="https://www.youtube.com/shared"}return t.list&&(e.list=t.list),n+=j(e),t.mediaType!==this.mediaTypes.PLAYLIST&&r&&(n+="#t="+r),n},R.prototype.createEmbedUrl=function(t,e){var n="https://www.youtube.com/embed";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.listType="playlist";else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="/"+t.id,"1"===e.loop&&(e.playlist=t.id)}return t.list&&(e.list=t.list),n+=j(e)},R.prototype.createImageUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+"/"+(n.imageQuality||this.defaultImageQuality)+".jpg"},R.prototype.createShortImageUrl=function(t,e){return this.createImageUrl("https://i.ytimg.com/vi/",t,e)},R.prototype.createLongImageUrl=function(t,e){return this.createImageUrl("https://img.youtube.com/vi/",t,e)},c.bind(new R);var C=n,M=r;function T(){this.provider="soundcloud",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={TRACK:"track",PLAYLIST:"playlist",APITRACK:"apitrack",APIPLAYLIST:"apiplaylist"}}T.prototype.parseUrl=function(t,e){var n=t.match(/(?:m\.)?soundcloud\.com\/(?:([\w-]+)\/(sets\/)?)([\w-]+)/i);return n?(e.channel=n[1],"playlists"===n[1]||n[2]?e.list=n[3]:e.id=n[3],e):e},T.prototype.parseParameters=function(t){return t.t&&(t.start=M(t.t),delete t.t),t},T.prototype.parseMediaType=function(t){return t.id&&("tracks"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APITRACK):t.mediaType=this.mediaTypes.TRACK),t.list&&("playlists"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APIPLAYLIST):t.mediaType=this.mediaTypes.PLAYLIST),t},T.prototype.parse=function(t,e){var n={};if((n=this.parseUrl(t,n)).params=this.parseParameters(e),(n=this.parseMediaType(n)).id||n.list)return n},T.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.TRACK&&t.id&&t.channel)n="https://soundcloud.com/"+t.channel+"/"+t.id;else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list&&t.channel)n="https://soundcloud.com/"+t.channel+"/sets/"+t.list;else if(t.mediaType===this.mediaTypes.APITRACK&&t.id)n="https://api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;n="https://api.soundcloud.com/playlists/"+t.list}return n+=C(e),r&&(n+="#t="+r),n},T.prototype.createEmbedUrl=function(t,e){var n="https://w.soundcloud.com/player/";if(delete e.start,t.mediaType===this.mediaTypes.APITRACK&&t.id)e.url="https%3A//api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;e.url="https%3A//api.soundcloud.com/playlists/"+t.list}return n+=C(e)},c.bind(new T);var V=n;function E(){this.provider="teachertube",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",CHANNEL:"channel",COLLECTION:"collection",GROUP:"group"}}E.prototype.parse=function(t,e){var n={};n.list=this.parsePlaylist(e),n.params=e;var r=t.match(/\/(audio|video|document|user\/channel|collection|group)\/(?:[\w-]+-)?(\w+)/);if(r)return n.mediaType=this.parseMediaType(r[1]),n.id=r[2],n},E.prototype.parsePlaylist=function(t){if(t["playlist-id"]){var e=t["playlist-id"];return delete t["playlist-id"],e}},E.prototype.parseMediaType=function(t){switch(t){case"audio":return this.mediaTypes.AUDIO;case"video":return this.mediaTypes.VIDEO;case"document":return this.mediaTypes.DOCUMENT;case"user/channel":return this.mediaTypes.CHANNEL;case"collection":return this.mediaTypes.COLLECTION;case"group":return this.mediaTypes.GROUP}},E.prototype.createLongUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/";return t.list&&(e["playlist-id"]=t.list),t.mediaType===this.mediaTypes.CHANNEL?n+="user/channel/":n+=t.mediaType+"/",n+=t.id,n+=V(e)}},E.prototype.createEmbedUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/embed/";if(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.AUDIO)return n+=t.mediaType+"/"+t.id,n+=V(e)}},c.bind(new E);var I=n;function D(){this.provider="tiktok",this.defaultFormat="long",this.formats={long:this.createLongUrl},this.mediaTypes={VIDEO:"video"}}D.prototype.parse=function(t,e){var n={params:e,mediaType:this.mediaTypes.VIDEO},r=t.match(/@([^/]+)\/video\/(\d{19})/);if(r)return n.channel=r[1],n.id=r[2],n},D.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id&&t.channel)return n+="https://www.tiktok.com/@".concat(t.channel,"/video/").concat(t.id),n+=I(e)},c.bind(new D);var L=n;function B(){this.provider="ted",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist"}}return B.prototype.parseUrl=function(t,e){var n=t.match(/\/(talks|playlists\/(\d+))\/([\w-]+)/),r=n?n[1]:void 0;return r?(e.channel=r.split("/")[0],e.id=n[3],"playlists"===e.channel&&(e.list=n[2]),e):e},B.prototype.parseMediaType=function(t){return t.id&&"playlists"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.PLAYLIST),t.id&&"talks"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.VIDEO),t},B.prototype.parse=function(t,e){var n={params:e};if(n=this.parseUrl(t,n),(n=this.parseMediaType(n)).id)return n},B.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n+="https://ted.com/talks/"+t.id;else{if(t.mediaType!==this.mediaTypes.PLAYLIST||!t.id)return;n+="https://ted.com/playlists/"+t.list+"/"+t.id}return n+=L(e)},B.prototype.createEmbedUrl=function(t,e){var n="https://embed.ted.com/";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.id)n+="playlists/"+t.list+"/"+t.id;else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="talks/"+t.id}return n+=L(e)},c.bind(new B),c}()},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){},function(t,e,n){},,,,function(t,e,n){},function(t,e,n){},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},t.exports.default=t.exports,t.exports.__esModule=!0,n(e,r)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){c=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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 c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),o=new P(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 S()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var c=k(o,n);if(c){if(c===l)continue;return c}}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 s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,o),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function f(){}function h(){}function p(){}var d={};d[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(O([])));y&&y!==e&&n.call(y,i)&&(d=y);var g=p.prototype=f.prototype=Object.create(d);function m(t){["next","throw","return"].forEach((function(e){c(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,c){var s=u(t[i],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,o,c)}),(function(t){r("throw",t,o,c)})):e.resolve(f).then((function(t){l.value=t,o(l)}),(function(t){return r("throw",t,o,c)}))}c(s.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 l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;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,l):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}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 P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function O(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:S}}function S(){return{value:void 0,done:!0}}return h.prototype=g.constructor=p,p.constructor=h,h.displayName=c(p,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(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(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),c(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=O,P.prototype={constructor:P,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 c=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(c&&s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!s)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,l):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),l},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),l}},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:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"create",(function(){return fe})),n.d(r,"clone",(function(){return he})),n.d(r,"copy",(function(){return pe})),n.d(r,"fromValues",(function(){return de})),n.d(r,"set",(function(){return ve})),n.d(r,"identity",(function(){return ye})),n.d(r,"transpose",(function(){return ge})),n.d(r,"invert",(function(){return me})),n.d(r,"adjoint",(function(){return be})),n.d(r,"determinant",(function(){return ke})),n.d(r,"multiply",(function(){return xe})),n.d(r,"translate",(function(){return we})),n.d(r,"scale",(function(){return Pe})),n.d(r,"rotate",(function(){return Oe})),n.d(r,"rotateX",(function(){return Se})),n.d(r,"rotateY",(function(){return je})),n.d(r,"rotateZ",(function(){return $e})),n.d(r,"fromTranslation",(function(){return Re})),n.d(r,"fromScaling",(function(){return Ce})),n.d(r,"fromRotation",(function(){return Me})),n.d(r,"fromXRotation",(function(){return Te})),n.d(r,"fromYRotation",(function(){return Ve})),n.d(r,"fromZRotation",(function(){return Ee})),n.d(r,"fromRotationTranslation",(function(){return Ie})),n.d(r,"fromQuat2",(function(){return De})),n.d(r,"getTranslation",(function(){return Le})),n.d(r,"getScaling",(function(){return Be})),n.d(r,"getRotation",(function(){return Ae})),n.d(r,"fromRotationTranslationScale",(function(){return ze})),n.d(r,"fromRotationTranslationScaleOrigin",(function(){return Fe})),n.d(r,"fromQuat",(function(){return He})),n.d(r,"frustum",(function(){return Ge})),n.d(r,"perspective",(function(){return _e})),n.d(r,"perspectiveFromFieldOfView",(function(){return Ne})),n.d(r,"ortho",(function(){return Xe})),n.d(r,"lookAt",(function(){return Ye})),n.d(r,"targetTo",(function(){return Ke})),n.d(r,"str",(function(){return Ue})),n.d(r,"frob",(function(){return We})),n.d(r,"add",(function(){return Ze})),n.d(r,"subtract",(function(){return qe})),n.d(r,"multiplyScalar",(function(){return Je})),n.d(r,"multiplyScalarAndAdd",(function(){return Qe})),n.d(r,"exactEquals",(function(){return tn})),n.d(r,"equals",(function(){return en})),n.d(r,"mul",(function(){return nn})),n.d(r,"sub",(function(){return rn}));var i={};n.r(i),n.d(i,"create",(function(){return an})),n.d(i,"clone",(function(){return on})),n.d(i,"length",(function(){return cn})),n.d(i,"fromValues",(function(){return sn})),n.d(i,"copy",(function(){return un})),n.d(i,"set",(function(){return ln})),n.d(i,"add",(function(){return fn})),n.d(i,"subtract",(function(){return hn})),n.d(i,"multiply",(function(){return pn})),n.d(i,"divide",(function(){return dn})),n.d(i,"ceil",(function(){return vn})),n.d(i,"floor",(function(){return yn})),n.d(i,"min",(function(){return gn})),n.d(i,"max",(function(){return mn})),n.d(i,"round",(function(){return bn})),n.d(i,"scale",(function(){return kn})),n.d(i,"scaleAndAdd",(function(){return xn})),n.d(i,"distance",(function(){return wn})),n.d(i,"squaredDistance",(function(){return Pn})),n.d(i,"squaredLength",(function(){return On})),n.d(i,"negate",(function(){return Sn})),n.d(i,"inverse",(function(){return jn})),n.d(i,"normalize",(function(){return $n})),n.d(i,"dot",(function(){return Rn})),n.d(i,"cross",(function(){return Cn})),n.d(i,"lerp",(function(){return Mn})),n.d(i,"hermite",(function(){return Tn})),n.d(i,"bezier",(function(){return Vn})),n.d(i,"random",(function(){return En})),n.d(i,"transformMat4",(function(){return In})),n.d(i,"transformMat3",(function(){return Dn})),n.d(i,"transformQuat",(function(){return Ln})),n.d(i,"rotateX",(function(){return Bn})),n.d(i,"rotateY",(function(){return An})),n.d(i,"rotateZ",(function(){return zn})),n.d(i,"angle",(function(){return Fn})),n.d(i,"zero",(function(){return Hn})),n.d(i,"str",(function(){return Gn})),n.d(i,"exactEquals",(function(){return _n})),n.d(i,"equals",(function(){return Nn})),n.d(i,"sub",(function(){return Yn})),n.d(i,"mul",(function(){return Kn})),n.d(i,"div",(function(){return Un})),n.d(i,"dist",(function(){return Wn})),n.d(i,"sqrDist",(function(){return Zn})),n.d(i,"len",(function(){return qn})),n.d(i,"sqrLen",(function(){return Jn})),n.d(i,"forEach",(function(){return Qn}));var a={};n.r(a),n.d(a,"create",(function(){return nr})),n.d(a,"identity",(function(){return rr})),n.d(a,"setAxisAngle",(function(){return ir})),n.d(a,"getAxisAngle",(function(){return ar})),n.d(a,"getAngle",(function(){return or})),n.d(a,"multiply",(function(){return cr})),n.d(a,"rotateX",(function(){return sr})),n.d(a,"rotateY",(function(){return ur})),n.d(a,"rotateZ",(function(){return lr})),n.d(a,"calculateW",(function(){return fr})),n.d(a,"exp",(function(){return hr})),n.d(a,"ln",(function(){return pr})),n.d(a,"pow",(function(){return dr})),n.d(a,"slerp",(function(){return vr})),n.d(a,"random",(function(){return yr})),n.d(a,"invert",(function(){return gr})),n.d(a,"conjugate",(function(){return mr})),n.d(a,"fromMat3",(function(){return br})),n.d(a,"fromEuler",(function(){return kr})),n.d(a,"str",(function(){return xr})),n.d(a,"clone",(function(){return Cr})),n.d(a,"fromValues",(function(){return Mr})),n.d(a,"copy",(function(){return Tr})),n.d(a,"set",(function(){return Vr})),n.d(a,"add",(function(){return Er})),n.d(a,"mul",(function(){return Ir})),n.d(a,"scale",(function(){return Dr})),n.d(a,"dot",(function(){return Lr})),n.d(a,"lerp",(function(){return Br})),n.d(a,"length",(function(){return Ar})),n.d(a,"len",(function(){return zr})),n.d(a,"squaredLength",(function(){return Fr})),n.d(a,"sqrLen",(function(){return Hr})),n.d(a,"normalize",(function(){return Gr})),n.d(a,"exactEquals",(function(){return _r})),n.d(a,"equals",(function(){return Nr})),n.d(a,"rotationTo",(function(){return Xr})),n.d(a,"sqlerp",(function(){return Yr})),n.d(a,"setAxes",(function(){return Kr}));var o={};n.r(o),n.d(o,"create",(function(){return Ur})),n.d(o,"clone",(function(){return Wr})),n.d(o,"fromValues",(function(){return Zr})),n.d(o,"copy",(function(){return qr})),n.d(o,"set",(function(){return Jr})),n.d(o,"add",(function(){return Qr})),n.d(o,"subtract",(function(){return ti})),n.d(o,"multiply",(function(){return ei})),n.d(o,"divide",(function(){return ni})),n.d(o,"ceil",(function(){return ri})),n.d(o,"floor",(function(){return ii})),n.d(o,"min",(function(){return ai})),n.d(o,"max",(function(){return oi})),n.d(o,"round",(function(){return ci})),n.d(o,"scale",(function(){return si})),n.d(o,"scaleAndAdd",(function(){return ui})),n.d(o,"distance",(function(){return li})),n.d(o,"squaredDistance",(function(){return fi})),n.d(o,"length",(function(){return hi})),n.d(o,"squaredLength",(function(){return pi})),n.d(o,"negate",(function(){return di})),n.d(o,"inverse",(function(){return vi})),n.d(o,"normalize",(function(){return yi})),n.d(o,"dot",(function(){return gi})),n.d(o,"cross",(function(){return mi})),n.d(o,"lerp",(function(){return bi})),n.d(o,"random",(function(){return ki})),n.d(o,"transformMat2",(function(){return xi})),n.d(o,"transformMat2d",(function(){return wi})),n.d(o,"transformMat3",(function(){return Pi})),n.d(o,"transformMat4",(function(){return Oi})),n.d(o,"rotate",(function(){return Si})),n.d(o,"angle",(function(){return ji})),n.d(o,"zero",(function(){return $i})),n.d(o,"str",(function(){return Ri})),n.d(o,"exactEquals",(function(){return Ci})),n.d(o,"equals",(function(){return Mi})),n.d(o,"len",(function(){return Ti})),n.d(o,"sub",(function(){return Vi})),n.d(o,"mul",(function(){return Ei})),n.d(o,"div",(function(){return Ii})),n.d(o,"dist",(function(){return Di})),n.d(o,"sqrDist",(function(){return Li})),n.d(o,"sqrLen",(function(){return Bi})),n.d(o,"forEach",(function(){return Ai}));var c={};n.r(c),n.d(c,"round",(function(){return zi})),n.d(c,"degreeToRadian",(function(){return Fi})),n.d(c,"div",(function(){return Hi})),n.d(c,"radianToDegree",(function(){return Gi})),n.d(c,"getXInCircle",(function(){return _i})),n.d(c,"getYInCircle",(function(){return Ni})),n.d(c,"getXYInCircle",(function(){return Xi})),n.d(c,"getDist",(function(){return Yi})),n.d(c,"getPointBetweenVerties",(function(){return Ki})),n.d(c,"vertiesMap",(function(){return Ui})),n.d(c,"makeGuidePoint",(function(){return qi})),n.d(c,"getVertiesMaxX",(function(){return Ji})),n.d(c,"getVertiesMaxY",(function(){return Qi})),n.d(c,"getVertiesMinX",(function(){return ta})),n.d(c,"getVertiesCenterX",(function(){return ea})),n.d(c,"getVertiesMinY",(function(){return na})),n.d(c,"getVertiesCenterY",(function(){return ra})),n.d(c,"calculateAngle",(function(){return ia})),n.d(c,"calculateAngleForVec3",(function(){return aa})),n.d(c,"calculateRotationOriginMat4",(function(){return oa})),n.d(c,"calculateMatrix",(function(){return ca})),n.d(c,"calculateMatrixInverse",(function(){return sa})),n.d(c,"calculateAnglePointDistance",(function(){return ua})),n.d(c,"calculateAngle360",(function(){return la})),n.d(c,"uuid",(function(){return ha})),n.d(c,"uuidShort",(function(){return pa})),n.d(c,"cubicBezier",(function(){return ga})),n.d(c,"getGradientLine",(function(){return ma})),n.d(c,"getCenterInTriangle",(function(){return ba})),n.d(c,"normalize",(function(){return xa}));var s={};n.r(s),n.d(s,"format",(function(){return uc})),n.d(s,"hex",(function(){return lc})),n.d(s,"rgb",(function(){return fc})),n.d(s,"hsl",(function(){return hc}));var u={};n.r(u),n.d(u,"randomNumber",(function(){return pc})),n.d(u,"randomByCount",(function(){return dc})),n.d(u,"random",(function(){return vc})),n.d(u,"randomRGBA",(function(){return yc}));var l={};n.r(l),n.d(l,"randomItem",(function(){return gc})),n.d(l,"repeat",(function(){return mc})),n.d(l,"CSS_TO_STRING",(function(){return bc})),n.d(l,"STRING_TO_CSS",(function(){return kc})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return xc})),n.d(l,"OBJECT_TO_CLASS",(function(){return wc})),n.d(l,"TAG_TO_STRING",(function(){return Pc})),n.d(l,"mapjoin",(function(){return Oc})),n.d(l,"isArrayEquals",(function(){return Sc})),n.d(l,"curveToPath",(function(){return jc})),n.d(l,"curveToPointLine",(function(){return $c}));var f={};n.r(f),n.d(f,"ReverseXyz",(function(){return cs})),n.d(f,"ReverseRGB",(function(){return ss})),n.d(f,"XYZtoRGB",(function(){return us})),n.d(f,"LABtoXYZ",(function(){return ls})),n.d(f,"PivotXyz",(function(){return fs})),n.d(f,"XYZtoLAB",(function(){return hs})),n.d(f,"LABtoRGB",(function(){return ps}));var h={};n.r(h),n.d(h,"RGBtoHSV",(function(){return ds})),n.d(h,"RGBtoCMYK",(function(){return vs})),n.d(h,"RGBtoHSL",(function(){return ys})),n.d(h,"c",(function(){return gs})),n.d(h,"gray",(function(){return ms})),n.d(h,"RGBtoSimpleGray",(function(){return bs})),n.d(h,"RGBtoGray",(function(){return ks})),n.d(h,"brightness",(function(){return xs})),n.d(h,"RGBtoYCrCb",(function(){return ws})),n.d(h,"PivotRGB",(function(){return Ps})),n.d(h,"RGBtoXYZ",(function(){return Os})),n.d(h,"RGBtoLAB",(function(){return Ss}));var p={};n.r(p),n.d(p,"HUEtoRGB",(function(){return js})),n.d(p,"HSLtoHSV",(function(){return $s})),n.d(p,"HSLtoRGB",(function(){return Rs}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return Vs})),n.d(d,"isColor",(function(){return Es})),n.d(d,"matches",(function(){return Is})),n.d(d,"convertMatches",(function(){return Ds})),n.d(d,"convertMatchesArray",(function(){return Ls})),n.d(d,"reverseMatches",(function(){return Bs})),n.d(d,"trim",(function(){return zs})),n.d(d,"parse",(function(){return Fs})),n.d(d,"parseGradient",(function(){return Hs}));var v={};n.r(v),n.d(v,"CMYKtoRGB",(function(){return Ks}));var g={};n.r(g),n.d(g,"HSVtoRGB",(function(){return Us})),n.d(g,"HSVtoHSL",(function(){return Ws}));var m={};n.r(m),n.d(m,"YCrCbtoRGB",(function(){return Zs}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return qs})),n.d(b,"interpolateRGBObject",(function(){return Js})),n.d(b,"scale",(function(){return Qs})),n.d(b,"blend",(function(){return tu})),n.d(b,"mix",(function(){return eu})),n.d(b,"contrast",(function(){return nu})),n.d(b,"contrastColor",(function(){return ru})),n.d(b,"gradient",(function(){return iu})),n.d(b,"scaleHSV",(function(){return au})),n.d(b,"scaleH",(function(){return ou})),n.d(b,"scaleS",(function(){return cu})),n.d(b,"scaleV",(function(){return su}));var k=n(5),w=n.n(k),P=(n(25),n(26),n(1)),O=n.n(P),S=n(2),j=n.n(S),$=n(3),R=n.n($),C=n(4),M=n.n(C),T=n(0),V=n.n(T),E=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return" ".concat(e," ").concat(t)},I=/^domevent (.*)/gi,D=/^load (.*)/gi,L=/^bind (.*)/gi,B=/^subscribe (.*)/gi,A="|",z={},F=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"domevent "+[r].concat(e).join(" ")}},H=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return"subscribe "+e.join(A)},G=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E(t,e)},_=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E("after(".concat(t,")"),e)},N=G,X=(G("ArrowUp"),G("ArrowDown"),G("ArrowLeft"),G("ArrowRight"),G("Enter")),Y=(G("Space"),G("Escape")),K=G("isAltKey"),U=(G("isShiftKey"),G("isMetaKey"),G("isCtrlKey"),G("hasMouse"),G("hasTouch"),G("hasPen"),G("self"),G("isMouseLeftButton")),W=(G("isMouseRightButton"),G("fit"),G("passive"),G("domdiff")),Z=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return G("debounce(".concat(t,")"))},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return G("delay(".concat(t,")"))},J=(Z(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return G("throttle(".concat(t,")"))}),Q=G("allTrigger()"),tt=G("selfTrigger()"),et=(G("capture()"),_("preventDefault")),nt=_("stopPropagation"),rt=H,it=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return H.apply(void 0,e.concat([Q]))},at=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return H.apply(void 0,e.concat([tt]))},ot=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];return H.apply(void 0,["config:".concat(t)].concat(n))},ct=F,st=F("click"),ut=F("dblclick"),lt=(F("mousedown"),F("mouseup"),F("mousemove"),F("mouseover"),F("mouseout"),F("mouseenter"),F("mouseleave"),F("touchstart"),F("touchmove"),F("touchend"),F("keydown")),ft=F("keyup"),ht=(F("keypress"),F("drag"),F("dragstart")),pt=F("drop"),dt=F("dragover"),vt=(F("dragenter"),F("dragleave"),F("dragexit"),F("dragout"),F("dragend")),yt=(F("contextmenu"),F("change")),gt=F("input"),mt=F("focus"),bt=(F("focusin"),F("focusout")),kt=F("blur"),xt=(F("paste"),F("resize")),wt=(F("scroll"),F("submit"),function(){return ct("pointerdown").apply(void 0,arguments)+U}),Pt=ct("pointerover"),Ot=(ct("pointerenter"),ct("pointerout")),St=ct("pointermove"),jt=ct("pointerup"),$t=ct("change","input"),Rt=ct("wheel","mousewheel","DOMMouseScroll"),Ct=(F("animationstart"),F("animationend"),F("animationiteration"),F("transitionstart"),F("transitionend")),Mt=(F("transitionrun"),F("transitioncancel"),ct("doubletab")),Tt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},Vt=function(t){return function(){return this.prevState[t]!=this.state[t]}},Et=function(){return!0},It=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"bind "+t};function Dt(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var Lt,Bt={addDomEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeDomEvent: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}}},At=n(7),zt=n.n(At),Ft=n(14),Ht=n.n(Ft);function Gt(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,c){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,c)}),e||300)}}function _t(t,e){var n=void 0;return function(r,i,a,o,c){n||(n=setTimeout((function(){t(r,i,a,o,c),n=null}),e||300))}}function Nt(t,e,n){return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];var o=n.every((function(t){return e[t.target].apply(e,i)}));o&&t.apply(e,i)}}function Xt(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Yt(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function Kt(t){return null==t}function Ut(t){return!1===Kt(t)}function Wt(t){return"boolean"==typeof t}function Zt(t){return"string"==typeof t}function qt(t){return"object"==Ht()(t)&&!Array.isArray(t)&&!Qt(t)&&!Zt(t)&&null!==t}function Jt(t){return"function"==typeof t}function Qt(t){return"number"==typeof t}function te(t){return!function(t){return 0===t}(t)}function ee(t){if(!Kt(t))return JSON.parse(JSON.stringify(t))}var ne=/\<(\w*)([^\>]*)\/\>/gim,re=(Lt={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},w()(Lt,"path",!0),w()(Lt,"polygon",!0),w()(Lt,"polyline",!0),w()(Lt,"use",!0),Lt),ie=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 Jt(r)&&console.log(r),Array.isArray(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(ne,(function(t,e){return re[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))},ae=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=zt()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},oe=n(8),ce=n.n(oe),se=1e-6,ue="undefined"!=typeof Float32Array?Float32Array:Array,le=Math.random;Math.PI;function fe(){var t=new ue(16);return ue!=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 he(t){var e=new ue(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 pe(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 de(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v){var y=new ue(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]=c,y[8]=s,y[9]=u,y[10]=l,y[11]=f,y[12]=h,y[13]=p,y[14]=d,y[15]=v,y}function ve(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=s,t[8]=u,t[9]=l,t[10]=f,t[11]=h,t[12]=p,t[13]=d,t[14]=v,t[15]=y,t}function ye(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 ge(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],c=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]=c}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 me(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15],m=n*c-r*o,b=n*s-i*o,k=n*u-a*o,x=r*s-i*c,w=r*u-a*c,P=i*u-a*s,O=l*v-f*d,S=l*y-h*d,j=l*g-p*d,$=f*y-h*v,R=f*g-p*v,C=h*g-p*y,M=m*C-b*R+k*$+x*j-w*S+P*O;return M?(M=1/M,t[0]=(c*C-s*R+u*$)*M,t[1]=(i*R-r*C-a*$)*M,t[2]=(v*P-y*w+g*x)*M,t[3]=(h*w-f*P-p*x)*M,t[4]=(s*j-o*C-u*S)*M,t[5]=(n*C-i*j+a*S)*M,t[6]=(y*k-d*P-g*b)*M,t[7]=(l*P-h*k+p*b)*M,t[8]=(o*R-c*j+u*O)*M,t[9]=(r*j-n*R-a*O)*M,t[10]=(d*w-v*k+g*m)*M,t[11]=(f*k-l*w-p*m)*M,t[12]=(c*S-o*$-s*O)*M,t[13]=(n*$-r*S+i*O)*M,t[14]=(v*b-d*x-y*m)*M,t[15]=(l*x-f*b+h*m)*M,t):null}function be(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15];return t[0]=c*(h*g-p*y)-f*(s*g-u*y)+v*(s*p-u*h),t[1]=-(r*(h*g-p*y)-f*(i*g-a*y)+v*(i*p-a*h)),t[2]=r*(s*g-u*y)-c*(i*g-a*y)+v*(i*u-a*s),t[3]=-(r*(s*p-u*h)-c*(i*p-a*h)+f*(i*u-a*s)),t[4]=-(o*(h*g-p*y)-l*(s*g-u*y)+d*(s*p-u*h)),t[5]=n*(h*g-p*y)-l*(i*g-a*y)+d*(i*p-a*h),t[6]=-(n*(s*g-u*y)-o*(i*g-a*y)+d*(i*u-a*s)),t[7]=n*(s*p-u*h)-o*(i*p-a*h)+l*(i*u-a*s),t[8]=o*(f*g-p*v)-l*(c*g-u*v)+d*(c*p-u*f),t[9]=-(n*(f*g-p*v)-l*(r*g-a*v)+d*(r*p-a*f)),t[10]=n*(c*g-u*v)-o*(r*g-a*v)+d*(r*u-a*c),t[11]=-(n*(c*p-u*f)-o*(r*p-a*f)+l*(r*u-a*c)),t[12]=-(o*(f*y-h*v)-l*(c*y-s*v)+d*(c*h-s*f)),t[13]=n*(f*y-h*v)-l*(r*y-i*v)+d*(r*h-i*f),t[14]=-(n*(c*y-s*v)-o*(r*y-i*v)+d*(r*s-i*c)),t[15]=n*(c*h-s*f)-o*(r*h-i*f)+l*(r*s-i*c),t}function ke(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],s=t[7],u=t[8],l=t[9],f=t[10],h=t[11],p=t[12],d=t[13],v=t[14],y=t[15];return(e*o-n*a)*(f*y-h*v)-(e*c-r*a)*(l*y-h*d)+(e*s-i*a)*(l*v-f*d)+(n*c-r*o)*(u*y-h*p)-(n*s-i*o)*(u*v-f*p)+(r*s-i*c)*(u*d-l*p)}function xe(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=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*c+x*f+w*v,t[1]=b*i+k*s+x*h+w*y,t[2]=b*a+k*u+x*p+w*g,t[3]=b*o+k*l+x*d+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*c+x*f+w*v,t[5]=b*i+k*s+x*h+w*y,t[6]=b*a+k*u+x*p+w*g,t[7]=b*o+k*l+x*d+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*c+x*f+w*v,t[9]=b*i+k*s+x*h+w*y,t[10]=b*a+k*u+x*p+w*g,t[11]=b*o+k*l+x*d+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*c+x*f+w*v,t[13]=b*i+k*s+x*h+w*y,t[14]=b*a+k*u+x*p+w*g,t[15]=b*o+k*l+x*d+w*m,t}function we(t,e,n){var r,i,a,o,c,s,u,l,f,h,p,d,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],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=c,t[5]=s,t[6]=u,t[7]=l,t[8]=f,t[9]=h,t[10]=p,t[11]=d,t[12]=r*v+c*y+f*g+e[12],t[13]=i*v+s*y+h*g+e[13],t[14]=a*v+u*y+p*g+e[14],t[15]=o*v+l*y+d*g+e[15]),t}function Pe(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 Oe(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m,b,k,x,w,P,O,S,j,$,R=r[0],C=r[1],M=r[2],T=Math.hypot(R,C,M);return T<se?null:(R*=T=1/T,C*=T,M*=T,i=Math.sin(n),o=1-(a=Math.cos(n)),c=e[0],s=e[1],u=e[2],l=e[3],f=e[4],h=e[5],p=e[6],d=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=R*R*o+a,k=C*R*o+M*i,x=M*R*o-C*i,w=R*C*o-M*i,P=C*C*o+a,O=M*C*o+R*i,S=R*M*o+C*i,j=C*M*o-R*i,$=M*M*o+a,t[0]=c*b+f*k+v*x,t[1]=s*b+h*k+y*x,t[2]=u*b+p*k+g*x,t[3]=l*b+d*k+m*x,t[4]=c*w+f*P+v*O,t[5]=s*w+h*P+y*O,t[6]=u*w+p*P+g*O,t[7]=l*w+d*P+m*O,t[8]=c*S+f*j+v*$,t[9]=s*S+h*j+y*$,t[10]=u*S+p*j+g*$,t[11]=l*S+d*j+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function Se(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],c=e[6],s=e[7],u=e[8],l=e[9],f=e[10],h=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+u*r,t[5]=o*i+l*r,t[6]=c*i+f*r,t[7]=s*i+h*r,t[8]=u*i-a*r,t[9]=l*i-o*r,t[10]=f*i-c*r,t[11]=h*i-s*r,t}function je(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[8],l=e[9],f=e[10],h=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-u*r,t[1]=o*i-l*r,t[2]=c*i-f*r,t[3]=s*i-h*r,t[8]=a*r+u*i,t[9]=o*r+l*i,t[10]=c*r+f*i,t[11]=s*r+h*i,t}function $e(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[4],l=e[5],f=e[6],h=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+u*r,t[1]=o*i+l*r,t[2]=c*i+f*r,t[3]=s*i+h*r,t[4]=u*i-a*r,t[5]=l*i-o*r,t[6]=f*i-c*r,t[7]=h*i-s*r,t}function Re(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 Ce(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 Me(t,e,n){var r,i,a,o=n[0],c=n[1],s=n[2],u=Math.hypot(o,c,s);return u<se?null:(o*=u=1/u,c*=u,s*=u,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=c*o*a+s*r,t[2]=s*o*a-c*r,t[3]=0,t[4]=o*c*a-s*r,t[5]=c*c*a+i,t[6]=s*c*a+o*r,t[7]=0,t[8]=o*s*a+c*r,t[9]=c*s*a-o*r,t[10]=s*s*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function Te(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 Ve(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 Ee(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 Ie(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=r+r,s=i+i,u=a+a,l=r*c,f=r*s,h=r*u,p=i*s,d=i*u,v=a*u,y=o*c,g=o*s,m=o*u;return t[0]=1-(p+v),t[1]=f+m,t[2]=h-g,t[3]=0,t[4]=f-m,t[5]=1-(l+v),t[6]=d+y,t[7]=0,t[8]=h+g,t[9]=d-y,t[10]=1-(l+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function De(t,e){var n=new ue(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=r*r+i*i+a*a+o*o;return f>0?(n[0]=2*(c*o+l*r+s*a-u*i)/f,n[1]=2*(s*o+l*i+u*r-c*a)/f,n[2]=2*(u*o+l*a+c*i-s*r)/f):(n[0]=2*(c*o+l*r+s*a-u*i),n[1]=2*(s*o+l*i+u*r-c*a),n[2]=2*(u*o+l*a+c*i-s*r)),Ie(t,e,n),t}function Le(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function Be(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],c=e[6],s=e[8],u=e[9],l=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,c),t[2]=Math.hypot(s,u,l),t}function Ae(t,e){var n=new ue(3);Be(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,c=e[1]*i,s=e[2]*a,u=e[4]*r,l=e[5]*i,f=e[6]*a,h=e[8]*r,p=e[9]*i,d=e[10]*a,v=o+l+d,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(f-p)/y,t[1]=(h-s)/y,t[2]=(c-u)/y):o>l&&o>d?(y=2*Math.sqrt(1+o-l-d),t[3]=(f-p)/y,t[0]=.25*y,t[1]=(c+u)/y,t[2]=(h+s)/y):l>d?(y=2*Math.sqrt(1+l-o-d),t[3]=(h-s)/y,t[0]=(c+u)/y,t[1]=.25*y,t[2]=(f+p)/y):(y=2*Math.sqrt(1+d-o-l),t[3]=(c-u)/y,t[0]=(h+s)/y,t[1]=(f+p)/y,t[2]=.25*y),t}function ze(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=e[3],s=i+i,u=a+a,l=o+o,f=i*s,h=i*u,p=i*l,d=a*u,v=a*l,y=o*l,g=c*s,m=c*u,b=c*l,k=r[0],x=r[1],w=r[2];return t[0]=(1-(d+y))*k,t[1]=(h+b)*k,t[2]=(p-m)*k,t[3]=0,t[4]=(h-b)*x,t[5]=(1-(f+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(p+m)*w,t[9]=(v-g)*w,t[10]=(1-(f+d))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function Fe(t,e,n,r,i){var a=e[0],o=e[1],c=e[2],s=e[3],u=a+a,l=o+o,f=c+c,h=a*u,p=a*l,d=a*f,v=o*l,y=o*f,g=c*f,m=s*u,b=s*l,k=s*f,x=r[0],w=r[1],P=r[2],O=i[0],S=i[1],j=i[2],$=(1-(v+g))*x,R=(p+k)*x,C=(d-b)*x,M=(p-k)*w,T=(1-(h+g))*w,V=(y+m)*w,E=(d+b)*P,I=(y-m)*P,D=(1-(h+v))*P;return t[0]=$,t[1]=R,t[2]=C,t[3]=0,t[4]=M,t[5]=T,t[6]=V,t[7]=0,t[8]=E,t[9]=I,t[10]=D,t[11]=0,t[12]=n[0]+O-($*O+M*S+E*j),t[13]=n[1]+S-(R*O+T*S+I*j),t[14]=n[2]+j-(C*O+V*S+D*j),t[15]=1,t}function He(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,c=r+r,s=i+i,u=n*o,l=r*o,f=r*c,h=i*o,p=i*c,d=i*s,v=a*o,y=a*c,g=a*s;return t[0]=1-f-d,t[1]=l+g,t[2]=h-y,t[3]=0,t[4]=l-g,t[5]=1-u-d,t[6]=p+v,t[7]=0,t[8]=h+y,t[9]=p-v,t[10]=1-u-f,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function Ge(t,e,n,r,i,a,o){var c=1/(n-e),s=1/(i-r),u=1/(a-o);return t[0]=2*a*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*s,t[6]=0,t[7]=0,t[8]=(n+e)*c,t[9]=(i+r)*s,t[10]=(o+a)*u,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*u,t[15]=0,t}function _e(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 Ne(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),c=Math.tan(e.rightDegrees*Math.PI/180),s=2/(o+c),u=2/(i+a);return t[0]=s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=u,t[6]=0,t[7]=0,t[8]=-(o-c)*s*.5,t[9]=(i-a)*u*.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 Xe(t,e,n,r,i,a,o){var c=1/(e-n),s=1/(r-i),u=1/(a-o);return t[0]=-2*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*s,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*u,t[11]=0,t[12]=(e+n)*c,t[13]=(i+r)*s,t[14]=(o+a)*u,t[15]=1,t}function Ye(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d=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(d-k)<se&&Math.abs(v-x)<se&&Math.abs(y-w)<se?ye(t):(l=d-k,f=v-x,h=y-w,i=m*(h*=p=1/Math.hypot(l,f,h))-b*(f*=p),a=b*(l*=p)-g*h,o=g*f-m*l,(p=Math.hypot(i,a,o))?(i*=p=1/p,a*=p,o*=p):(i=0,a=0,o=0),c=f*o-h*a,s=h*i-l*o,u=l*a-f*i,(p=Math.hypot(c,s,u))?(c*=p=1/p,s*=p,u*=p):(c=0,s=0,u=0),t[0]=i,t[1]=c,t[2]=l,t[3]=0,t[4]=a,t[5]=s,t[6]=f,t[7]=0,t[8]=o,t[9]=u,t[10]=h,t[11]=0,t[12]=-(i*d+a*v+o*y),t[13]=-(c*d+s*v+u*y),t[14]=-(l*d+f*v+h*y),t[15]=1,t)}function Ke(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=r[0],s=r[1],u=r[2],l=i-n[0],f=a-n[1],h=o-n[2],p=l*l+f*f+h*h;p>0&&(l*=p=1/Math.sqrt(p),f*=p,h*=p);var d=s*h-u*f,v=u*l-c*h,y=c*f-s*l;return(p=d*d+v*v+y*y)>0&&(d*=p=1/Math.sqrt(p),v*=p,y*=p),t[0]=d,t[1]=v,t[2]=y,t[3]=0,t[4]=f*y-h*v,t[5]=h*d-l*y,t[6]=l*v-f*d,t[7]=0,t[8]=l,t[9]=f,t[10]=h,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function Ue(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 We(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 Ze(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 qe(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 Je(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 Qe(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 tn(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 en(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],c=t[5],s=t[6],u=t[7],l=t[8],f=t[9],h=t[10],p=t[11],d=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],P=e[5],O=e[6],S=e[7],j=e[8],$=e[9],R=e[10],C=e[11],M=e[12],T=e[13],V=e[14],E=e[15];return Math.abs(n-m)<=se*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=se*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=se*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=se*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=se*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(c-P)<=se*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(s-O)<=se*Math.max(1,Math.abs(s),Math.abs(O))&&Math.abs(u-S)<=se*Math.max(1,Math.abs(u),Math.abs(S))&&Math.abs(l-j)<=se*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(f-$)<=se*Math.max(1,Math.abs(f),Math.abs($))&&Math.abs(h-R)<=se*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(p-C)<=se*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-M)<=se*Math.max(1,Math.abs(d),Math.abs(M))&&Math.abs(v-T)<=se*Math.max(1,Math.abs(v),Math.abs(T))&&Math.abs(y-V)<=se*Math.max(1,Math.abs(y),Math.abs(V))&&Math.abs(g-E)<=se*Math.max(1,Math.abs(g),Math.abs(E))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var nn=xe,rn=qe;function an(){var t=new ue(3);return ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function on(t){var e=new ue(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function cn(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function sn(t,e,n){var r=new ue(3);return r[0]=t,r[1]=e,r[2]=n,r}function un(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function ln(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function fn(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function hn(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function pn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function dn(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function vn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function yn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function gn(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 mn(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 bn(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function kn(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function xn(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 wn(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 Pn(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 On(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function Sn(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function jn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function $n(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 Rn(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function Cn(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],c=n[1],s=n[2];return t[0]=i*s-a*c,t[1]=a*o-r*s,t[2]=r*c-i*o,t}function Mn(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 Tn(t,e,n,r,i,a){var o=a*a,c=o*(2*a-3)+1,s=o*(a-2)+a,u=o*(a-1),l=o*(3-2*a);return t[0]=e[0]*c+n[0]*s+r[0]*u+i[0]*l,t[1]=e[1]*c+n[1]*s+r[1]*u+i[1]*l,t[2]=e[2]*c+n[2]*s+r[2]*u+i[2]*l,t}function Vn(t,e,n,r,i,a){var o=1-a,c=o*o,s=a*a,u=c*o,l=3*a*c,f=3*s*o,h=s*a;return t[0]=e[0]*u+n[0]*l+r[0]*f+i[0]*h,t[1]=e[1]*u+n[1]*l+r[1]*f+i[1]*h,t[2]=e[2]*u+n[2]*l+r[2]*f+i[2]*h,t}function En(t,e){e=e||1;var n=2*le()*Math.PI,r=2*le()-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 In(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 Dn(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 Ln(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],c=e[0],s=e[1],u=e[2],l=i*u-a*s,f=a*c-r*u,h=r*s-i*c,p=i*h-a*f,d=a*l-r*h,v=r*f-i*l,y=2*o;return l*=y,f*=y,h*=y,p*=2,d*=2,v*=2,t[0]=c+l+p,t[1]=s+f+d,t[2]=u+h+v,t}function Bn(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 An(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 zn(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 Fn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2],s=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+c*c),u=s&&Rn(t,e)/s;return Math.acos(Math.min(Math.max(u,-1),1))}function Hn(t){return t[0]=0,t[1]=0,t[2]=0,t}function Gn(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function _n(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function Nn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2];return Math.abs(n-a)<=se*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=se*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-c)<=se*Math.max(1,Math.abs(i),Math.abs(c))}var Xn,Yn=hn,Kn=pn,Un=dn,Wn=wn,Zn=Pn,qn=cn,Jn=On,Qn=(Xn=an(),function(t,e,n,r,i,a){var o,c;for(e||(e=3),n||(n=0),c=r?Math.min(r*e+n,t.length):t.length,o=n;o<c;o+=e)Xn[0]=t[o],Xn[1]=t[o+1],Xn[2]=t[o+2],i(Xn,Xn,a),t[o]=Xn[0],t[o+1]=Xn[1],t[o+2]=Xn[2];return t});function tr(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function er(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 ue(4),ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function nr(){var t=new ue(4);return ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function rr(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function ir(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 ar(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>se?(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 or(t,e){var n=Lr(t,e);return Math.acos(2*n*n-1)}function cr(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=n[0],s=n[1],u=n[2],l=n[3];return t[0]=r*l+o*c+i*u-a*s,t[1]=i*l+o*s+a*c-r*u,t[2]=a*l+o*u+r*s-i*c,t[3]=o*l-r*c-i*s-a*u,t}function sr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+o*c,t[1]=i*s+a*c,t[2]=a*s-i*c,t[3]=o*s-r*c,t}function ur(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s-a*c,t[1]=i*s+o*c,t[2]=a*s+r*c,t[3]=o*s-i*c,t}function lr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+i*c,t[1]=i*s-r*c,t[2]=a*s+o*c,t[3]=o*s-a*c,t}function fr(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 hr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=Math.exp(a),s=o>0?c*Math.sin(o)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=c*Math.cos(o),t}function pr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=o>0?Math.atan2(o,a)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function dr(t,e,n){return pr(t,e),Dr(t,t,n),hr(t,t),t}function vr(t,e,n,r){var i,a,o,c,s,u=e[0],l=e[1],f=e[2],h=e[3],p=n[0],d=n[1],v=n[2],y=n[3];return(a=u*p+l*d+f*v+h*y)<0&&(a=-a,p=-p,d=-d,v=-v,y=-y),1-a>se?(i=Math.acos(a),o=Math.sin(i),c=Math.sin((1-r)*i)/o,s=Math.sin(r*i)/o):(c=1-r,s=r),t[0]=c*u+s*p,t[1]=c*l+s*d,t[2]=c*f+s*v,t[3]=c*h+s*y,t}function yr(t){var e=le(),n=le(),r=le(),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 gr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,c=o?1/o:0;return t[0]=-n*c,t[1]=-r*c,t[2]=-i*c,t[3]=a*c,t}function mr(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function br(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 kr(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),c=Math.sin(n),s=Math.cos(n),u=Math.sin(r),l=Math.cos(r);return t[0]=a*s*l-o*c*u,t[1]=o*c*l+a*s*u,t[2]=o*s*u-a*c*l,t[3]=o*s*l+a*c*u,t}function xr(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var wr,Pr,Or,Sr,jr,$r,Rr,Cr=function(t){var e=new ue(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},Mr=function(t,e,n,r){var i=new ue(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},Tr=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},Vr=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},Er=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},Ir=cr,Dr=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},Lr=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},Br=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=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]=c+r*(n[3]-c),t},Ar=tr,zr=Ar,Fr=er,Hr=Fr,Gr=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},_r=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},Nr=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],c=e[1],s=e[2],u=e[3];return Math.abs(n-o)<=se*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-c)<=se*Math.max(1,Math.abs(r),Math.abs(c))&&Math.abs(i-s)<=se*Math.max(1,Math.abs(i),Math.abs(s))&&Math.abs(a-u)<=se*Math.max(1,Math.abs(a),Math.abs(u))},Xr=(wr=an(),Pr=sn(1,0,0),Or=sn(0,1,0),function(t,e,n){var r=Rn(e,n);return r<-.999999?(Cn(wr,Pr,e),qn(wr)<1e-6&&Cn(wr,Or,e),$n(wr,wr),ir(t,wr,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(Cn(wr,e,n),t[0]=wr[0],t[1]=wr[1],t[2]=wr[2],t[3]=1+r,Gr(t,t))}),Yr=(Sr=nr(),jr=nr(),function(t,e,n,r,i,a){return vr(Sr,e,i,a),vr(jr,n,r,a),vr(t,Sr,jr,2*a*(1-a)),t}),Kr=($r=new ue(9),ue!=Float32Array&&($r[1]=0,$r[2]=0,$r[3]=0,$r[5]=0,$r[6]=0,$r[7]=0),$r[0]=1,$r[4]=1,$r[8]=1,Rr=$r,function(t,e,n,r){return Rr[0]=n[0],Rr[3]=n[1],Rr[6]=n[2],Rr[1]=r[0],Rr[4]=r[1],Rr[7]=r[2],Rr[2]=-e[0],Rr[5]=-e[1],Rr[8]=-e[2],Gr(t,br(t,Rr))});function Ur(){var t=new ue(2);return ue!=Float32Array&&(t[0]=0,t[1]=0),t}function Wr(t){var e=new ue(2);return e[0]=t[0],e[1]=t[1],e}function Zr(t,e){var n=new ue(2);return n[0]=t,n[1]=e,n}function qr(t,e){return t[0]=e[0],t[1]=e[1],t}function Jr(t,e,n){return t[0]=e,t[1]=n,t}function Qr(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function ti(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function ei(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function ni(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function ri(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function ii(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function ai(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function oi(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function ci(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function si(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function ui(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function li(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function fi(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function hi(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function pi(t){var e=t[0],n=t[1];return e*e+n*n}function di(t,e){return t[0]=-e[0],t[1]=-e[1],t}function vi(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function yi(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 gi(t,e){return t[0]*e[0]+t[1]*e[1]}function mi(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function bi(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 ki(t,e){e=e||1;var n=2*le()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function xi(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 wi(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 Pi(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 Oi(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 Si(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),c=Math.cos(r);return t[0]=i*c-a*o+n[0],t[1]=i*o+a*c+n[1],t}function ji(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),c=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(c,-1),1))}function $i(t){return t[0]=0,t[1]=0,t}function Ri(t){return"vec2("+t[0]+", "+t[1]+")"}function Ci(t,e){return t[0]===e[0]&&t[1]===e[1]}function Mi(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=se*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=se*Math.max(1,Math.abs(r),Math.abs(a))}var Ti=hi,Vi=ti,Ei=ei,Ii=ni,Di=li,Li=fi,Bi=pi,Ai=function(){var t=Ur();return function(e,n,r,i,a,o){var c,s;for(n||(n=2),r||(r=0),s=i?Math.min(i*n+r,e.length):e.length,c=r;c<s;c+=n)t[0]=e[c],t[1]=e[c+1],a(t,t,o),e[c]=t[0],e[c+1]=t[1];return e}}();function zi(t,e){return e=void 0===e?1:e,Math.round(t*e)/e}function Fi(t){return t*(Math.PI/180)}function Hi(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function Gi(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function _i(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(Fi(t))}function Ni(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(Fi(t))}function Xi(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:_i(t,e,n),y:Ni(t,e,r)}}function Yi(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 o.distance([t,e],[n,r])}function Ki(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return i.lerp([],t,e,1+n/i.dist(t,e))}function Ui(t,e){return 1===t.length?[i.transformMat4([],t[0],e)]:2===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e)]:3===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e)]:4===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e)]:5===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e),i.transformMat4([],t[4],e)]:t.map((function(t){return i.transformMat4([],t,e)}))}function Wi(t,e,n,r){return[t,[e[0],t[1],e[2]],n,Math.abs(t[0]-e[0]),r]}function Zi(t,e,n,r){return[[e[0],t[1],t[2]],e,n,Math.abs(t[1]-e[1]),r]}function qi(t,e){var n=t,r=e,a=!1;t[4][0]-e[4][0]>0&&(n=e,r=t,a=!0);var o=i.lerp([],n[1],n[2],.5),c=i.lerp([],r[0],r[3],.5),s=[];return r[0][1]<=o[1]&&o[1]<=r[3][1]?s.push(Wi(o,c,"x",null)):r[0][1]<=n[1][1]?r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(Zi(r[3],[r[3][0],n[1][1],n[1][2]],"y",null)):s.push(Wi(n[1],c,"x",r[3])):n[3][0]<=r[0][0]&&r[0][0]<=n[2][0]?s.push(Zi(n[3],r[0],"y")):r[3][0]<=n[0][0]&&n[0][0]<=r[2][0]?s.push(Zi([r[0][0],n[3][1],n[3][2]],r[0],"y")):r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(Zi(r[3],[r[3][0],n[1][1],n[1][2]],"y")):s.push(Wi(n[2],c,"x",r[0])),s.sort((function(t,e){return t[3]-e[3]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===e)return t;var n=zt()(t,7),r=n[0],i=n[1],a=n[2],o=n[3],c=n[4],s=n[5],u=n[6];return c?[[i[0],c[1],i[2]],[r[0],c[1],r[2]],a,o,[r[0],r[1],c[2]],s,u,e]:[i,r,a,o,c,s,u,e]}([].concat(ce()(s[0]),[t,e]),a)}function Ji(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function Qi(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function ta(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function ea(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 na(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function ra(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 ia(t,e){return Gi(Math.atan2(e,t))}function aa(t,e,n){return ua({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function oa(t,e){var n=r.create();return r.translate(n,n,e),r.rotateZ(n,n,Fi(t)),r.translate(n,n,i.negate([],e)),n}function ca(){for(var t=r.create(),e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.forEach((function(e){r.multiply(t,t,e)})),t}function sa(){return r.invert([],ca.apply(void 0,arguments))}function ua(t,e,n){var r=ia(t.x-e.x,t.y-e.y);return ia(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function la(t,e){return(ia(t,e)+180)%360}var fa=/[xy]/g;function ha(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(fa,(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 pa(){var t=(new Date).getTime();return"idxxxxxxx".replace(fa,(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 da=function(t){return 3*t*t*(1-t)},va=function(t){return 3*t*(1-t)*(1-t)},ya=function(t){return(1-t)*(1-t)*(1-t)};function ga(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*da(t)+a*va(t)+ya(t))}}function ma(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 ba(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var ka=/[\b\t \,\n]/g;function xa(t){return t.trim().split(ka).filter((function(t){return t})).map((function(t){return+t}))}var wa={center:50,top:0,left:0,right:100,bottom:100},Pa=function t(){O()(this,t)};Pa.CENTER="center",Pa.TOP="top",Pa.RIGHT="right",Pa.LEFT="left",Pa.BOTTOM="bottom";var Oa=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Sa=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(O()(this,t),this.value=e,Qt(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return j()(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 Qt(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 Ut(wa[this.value])?t.percent(wa[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(Gi(this.value)):void 0}},{key:"toRad",value:function(){if(this.isRad())return this.clone();if(this.isTurn()){var e=this.toDeg();return t.rad(Fi(e.value))}return this.isDeg()?t.rad(Fi(this.value)):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(zi(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:"isZero",value:function(){return 0===this.value}}],[{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(Zt(e=e||t.number(0))){var n=(e=e.trim()).replace(Oa,"$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 Ut(e.percent)?r=e.percent:Ut(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Ut(e.px)?r=e.px:Ut(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Ut(e.em)?r=e.em:Ut(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Ut(e.deg)?r=e.deg:Ut(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Ut(e.deg)?r=e.turn:Ut(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Ut(e.second)?r=e.second:Ut(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Ut(e.ms)?r=e.ms:Ut(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Ut(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Ut(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Ut(e.str)?r=e.str:Ut(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Sa.auto=Sa.string("auto");var ja=n(6),$a=n.n(ja);function Ra(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ca(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ra(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ra(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ma=function(){return!0};function Ta(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ma,n=[],r=t.layers.length,i=r;i--;){var a=t.layers[i];n.push.apply(n,ce()(Ta(a.ref,e)))}return e(t)&&n.push(t),n}var Va=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return O()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return Jt(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){return t.json[n]!=r&&(t.json[n]=r,e.changed()),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.lastChangedField={},this.lastChangedFieldKeys=[],this.cachedValue={},this.ref}return j()(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:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"renameWithCount",value:function(){var t=this.json.name.split(" ");if(!(t.length<2)){var e=t.pop(),n=+e;Qt(n)&&!1===isNaN(n)?n++:n=e;var r=[].concat(ce()(t),[n]).join(" ");this.reset({name:r})}}},{key:"allLayers",get:function(){return Ta(this.ref)}},{key:"filteredAllLayers",value:function(t){return Ta(this.ref,t)}},{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:"setParent",value:function(t){this.json.parent=t}},{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}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{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:"addCache",value:function(t,e){this.cachedValue[t]=e}},{key:"getCache",value:function(t){return this.cachedValue[t]}},{key:"computed",value:function(t,e){var n="__cachedKey_".concat(t),r="".concat(n,"__parseValue"),i=this.json[t];return this.getCache(t)===i&&this.getCache(r)||(this.addCache(t,i),this.addCache(r,e(i,this.ref))),this.getCache(r)}},{key:"editable",value:function(t){return!0}},{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:"setCache",value:function(){}},{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","name","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){return t.__changedId||(t.__changedId=ha()),this.lastChangedField.__changedId!==t.__changedId&&(this.json=this.convert(Object.assign(this.json,t)),this.lastChangedField=t,this.lastChangedFieldKeys=Object.keys(t),this.changed()),!0}},{key:"hasChangedField",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.lastChangedFieldKeys.includes(e)}))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pa();return Ca({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]=ee(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref||(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:"refreshMatrixCache",value:function(){}},{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){Kt(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&&!Kt(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.renameWithCount(),n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.push(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}}]),t}(),Ea=n(11),Ia=n.n(Ea),Da=n(10),La=n.n(Da),Ba=n(12),Aa=n.n(Ba),za=n(9),Fa=n.n(za),Ha=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 Ga(t){return t.nodeType!==Node.TEXT_NODE&&"true"===t.getAttribute("data-domdiff-pass")}function _a(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Na(t,e,n,r){if(e)if(n){if(Ga(e)||Ga(n));else if(s=e,(c=n).nodeType===Node.TEXT_NODE&&c.textContent!==s.textContent||c.nodeName!==s.nodeName||function(t){return t.nodeType!==Node.TEXT_NODE&&t.getAttribute("refClass")}(n))t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&n.nodeType!==Node.COMMENT_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));for(var i=ce()(new Set(r)),a=0,o=i.length;a<o;a++){var c=i[a];Ha(t,c,e[c],n[c])}}(e,_a(n.attributes),_a(e.attributes));var i=Xa(e),a=Xa(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Na(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,s}var Xa=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Ya(t,e){t=t.el||t,e=e.el||e;for(var n=Xa(t),r=Xa(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Na(t,n[a],r[a],a)}var Ka=function(){function t(e,n,r){if(O()(this,t),"string"!=typeof 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 j()(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 w()({},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(ce()(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){return this.el.classList.toggle(t,e),this}},{key:"html",value:function(t){return void 0===t?this.el.innerHTML:("string"==typeof t?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Ya(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Ya(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Ya(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 ce()(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"string"==typeof t?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return"string"==typeof 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(void 0===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){var n=this;if(void 0!==t&&void 0!==e)0===t.indexOf("--")&&void 0!==e?this.el.style.setProperty(t,e):this.el.style[t]=e;else if(void 0!==t){if("string"==typeof t)return getComputedStyle(this.el)[t];Object.entries(t).forEach((function(t){var e=zt()(t,2),r=e[0],i=e[1];0===r.indexOf("--")&&void 0!==i?n.el.style.setProperty(r,i):n.el.style[r]=i}))}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),c=0;c<a;c++)o[c]=arguments[c];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return void 0===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,"".concat(e,"px"))}},{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(void 0===e)return this.el.value;if(void 0!==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:"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?ce()(this.el.files):[]}},{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:"totalLength",get:function(){return this.el.getTotalLength()}},{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:"firstChild",get:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){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:"toggleFullscreen",value:function(){this.el===document.fullscreenElement?document.exitFullscreen():this.fullscreen()}}],[{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}(),Ua=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};O()(this,t),this.context=e,this.options=n}return j()(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}();function Wa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Za={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},qa={doubletab:"touchend"},Ja={doubletab:!0},Qa=function(t){R()(n,t);var e=Wa(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(I)),this._domEvents.forEach((function(e){return t.parseDomEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach((function(e){t.removeDomEvent(e)})),this.initBindings()}},{key:"removeDomEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Bt.removeDomEvent(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(Ut(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=Ka.create(i);var a=n.runEventCallback(r,t,e);if(Ut(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=Bt.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 Jt(r)&&r?r.call(n,t):!Ut(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 Ka?e.getElement():e}},{key:"getRealEventName",value:function(t){return qa[t]||t}},{key:"getCustomEventName",value:function(t){return Ja[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=ae(r,"after"),o=zt()(a,2),c=o[0],s=o[1],u=ae(r,"before"),l=zt()(u,2),f=l[0],h=l[1],p=ae(r,"debounce"),d=zt()(p,2),v=d[0],y=d[1],g=ae(r,"delay"),m=zt()(g,2),b=m[0],k=m[1],x=ae(r,"throttle"),w=zt()(x,2),P=w[0],O=w[1],S=ae(r,"capture"),j=zt()(S,1)[0],$=[].concat(ce()(i),ce()(c),ce()(f),ce()(b),ce()(v),ce()(P),ce()(j)),R=r.filter((function(t){return-1===$.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:R,captures:j,afterMethods:s,beforeMethods:h,delayMethods:k,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addDomEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;Za[t.eventName]&&(n={passive:!0,capture:n}),Bt.addDomEvent(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:"bindingDomEvent",value:function(t,e,n){var r=Ia()(t),i=r[0],a=r[1],o=r.slice(2),c=this.getDefaultEventObject(i,e);if(c.dom=this.getDefaultDomElement(a),c.delegate=o.join(" "),c.debounceMethods.length)n=Gt(n,+c.debounceMethods[0].target);else if(c.throttleMethods.length){n=_t(n,+c.throttleMethods[0].target)}n=this.makeCustomEventCallback(c,n),this.addDomEvent(c,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:"parseDomEvent",value:function(t){for(var e=this.context,n=t.split(A).map((function(t){return t.trim()})).filter(Boolean),r=n.shift().split("domevent ")[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,c=i.length;o<c;o++)r[0]=i[o],this.bindingDomEvent(r,n,a)}}]),n}(Ua);function to(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eo=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"!==e||"function"!=typeof n?void 0===n?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"htmlDiff"===e?t.updateDiff(n):"svgDiff"===e?t.updateSVGDiff(n):"value"===e?t.val(n):t.attr(e,n):n();else if(Array.isArray(n))t.addClass.apply(t,ce()(n.filter(Boolean)));else if(qt(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],c=n[o];t.toggleClass(o,c)}else t.el.className=n;else"string"!=typeof n&&t.css(n);else t.cssText(n)},no=function(t){R()(n,t);var e=to(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.context.filterProps(L));var i=this._bindMethods.filter((function(t){if(!n.length)return!0;var e=t.split(A),r=zt()(e,2),i=r[0],a=(r[1],i.split(" ")),o=zt()(a,2),c=(o[0],o[1]);return n.indexOf(c)>-1}));i.forEach(function(){var e=La()(Fa.a.mark((function e(r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m;return Fa.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.context[r],a=r.split(A),o=zt()(a,2),r=o[0],c=o[1],s=t.getRef(c),u=Et,""!=s&&"string"==typeof s?u=Vt(s):"function"==typeof s&&(u=s),l=r.split("bind ")[1],f=t.context.refs[l],h="function"==typeof u&&u.call(t.context),!f||!h){e.next=16;break}return e.next=11,i.call.apply(i,[t.context].concat(n));case 11:if(p=e.sent){e.next=14;break}return e.abrupt("return");case 14:for(d=Object.keys(p),v=0,y=d.length;v<y;v++)g=d[v],m=p[g],eo(f,g,m);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),n}(Ua),ro={};function io(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).forEach((function(e){ro[e]||(ro[e]=t[e])}))}var ao,oo,co,so=/[xy]/g;function uo(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(so,(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 lo(){var t=(new Date).getTime();return"idxxxxxxx".replace(so,(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 fo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fo(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function po(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return vo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vo(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){c=!0,a=t},f:function(){try{o||null==n.return||n.return()}finally{if(c)throw a}}}}function vo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var yo=Ka.create("div"),go="[".concat("ref","]"),mo="[".concat("refclass","]"),bo=(new Map,ao={constructor:!0,initState:!0,updateData:!0},w()(ao,"constructor",!0),w()(ao,"initializeProperty",!0),w()(ao,"created",!0),w()(ao,"getRealEventName",!0),w()(ao,"initializeStoreEvent",!0),w()(ao,"destoryStoreEvent",!0),w()(ao,"destroy",!0),w()(ao,"emit",!0),w()(ao,"trigger",!0),w()(ao,"on",!0),w()(ao,"off",!0),w()(ao,"setState",!0),w()(ao,"_reload",!0),w()(ao,"render",!0),w()(ao,"initialize",!0),w()(ao,"afterRender",!0),w()(ao,"components",!0),w()(ao,"getRef",!0),w()(ao,"parseTemplate",!0),w()(ao,"parseProperty",!0),w()(ao,"parseSourceName",!0),w()(ao,"parseComponent",!0),w()(ao,"clean",!0),w()(ao,"refresh",!0),w()(ao,"load",!0),w()(ao,"bindData",!0),w()(ao,"template",!0),w()(ao,"eachChildren",!0),w()(ao,"destroy",!0),w()(ao,"collectProps",!0),w()(ao,"filterProps",!0),w()(ao,"self",!0),w()(ao,"isAltKey",!0),w()(ao,"isCtrlKey",!0),w()(ao,"isShiftKey",!0),w()(ao,"isMetaKey",!0),w()(ao,"preventDefault",!0),w()(ao,"stopPropagation",!0),w()(ao,"bodyMouseMove",!0),w()(ao,"bodyMouseUp",!0),ao),ko=function(){function t(e,n){O()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=uo(),this.__tempVariables=new Map,this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}var e;return j()(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=uo(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=this.components()}},{key:"initializeHandler",value:function(){return[new no(this),new Qa(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(w()({},t,!this.state[t]),e)}},{key:"variable",value:function(t){var e="".concat("__ref__variable:").concat(lo());return this.__tempVariables.set(e,t),e}},{key:"recoverVariable",value:function(t){if(!1===Zt(t))return t;var e=t;return this.__tempVariables.has(t)&&(e=this.__tempVariables.get(t),this.__tempVariables.delete(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(ie(oo||(oo=Aa()(["\n        ","\n      "])),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){Array.isArray(t)&&(t=t.join("")),t=t.trim();for(var n=yo.html(t).children(),r=0,i=n.length;r<i;r++){var a=n[r],o=a.attr("ref");o&&(this.refs[o]=a);for(var c=a.$$(go),s={},u=0,l=c.length;u<l;u++){var f=c[u],h=f.attr("ref");s[h]?console.warn("".concat(o," is duplicated. - ").concat(this.sourceName),this):s[h]=!0,this.refs[h]=f}}return e?yo.createChildrenFragment():n[0]}},{key:"parseProperty",value:function(t){var e,n,r={},i=po(t.el.attributes);try{for(i.s();!(e=i.n()).done;){var a=e.value;r[a.nodeName]=this.recoverVariable(a.nodeValue)}}catch(t){i.e(t)}finally{i.f()}return r.props&&(r=ho(ho({},r),(n=r.props,z[n]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","valueType"),n=zt()(e,3),i=n[0],a=n[1],o=n[2],c=a||t.text();"json"===o&&(c=JSON.parse(c)),r[i]=c})),r}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(ce()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return ro[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$(mo).forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r,i=t.parseProperty(e),a=e.attr("ref"),o=null;if(t.children[a]?(o=t.children[a])._reload(i):(o=new n(t,i),t.children[a||o.id]=o,o.render()),o.renderTarget)null===(r=o.$el)||void 0===r||r.appendTo(o.renderTarget),e.remove();else e.replace(o.$el)}else e.remove()})),Xt(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Xt(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:(e=La()(Fa.a.mark((function t(){var e,n,r,i,a=this,o=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(e=o.length,n=new Array(e),r=0;r<e;r++)n[r]=o[r];return this._loadMethods||(this._loadMethods=this.filterProps(D)),i=this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(A).map((function(t){return t.trim()}))[0];return!n.length||n.indexOf(e)>-1})),t.next=5,i.forEach(function(){var t=La()(Fa.a.mark((function t(e){var r,i,o,c,s,u,l,f,h;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=e.split("load ")[1],i=r.split(A).map((function(t){return t.trim()})),o=Ia()(i),c=o[0],s=(s=o.slice(1)).map((function(t){return t.trim()})),u=Boolean(s.filter((function(t){return W.includes(t)})).length),!a.refs[c]){t.next=11;break}return t.next=7,(l=a[e]).call.apply(l,[a].concat(n));case 7:f=t.sent,Array.isArray(f)&&(f=f.join("")),h=a.parseTemplate(ie(co||(co=Aa()(["",""])),f),!0),u?a.refs[c].htmlDiff(h):a.refs[c].html(h);case 11:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}());case 5:this._afterLoad();case 6:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{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){Jt(t)&&Xt(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&&this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return this.__cachedMethodList||(this.__cachedMethodList=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&Jt(t[n])&&!e[n]}));r.push.apply(r,a)}while(n=Object.getPrototypeOf(n));return r}(this,bo)),this.__cachedMethodList}},{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:"isMouseLeftButton",value:function(t){return 1===t.buttons}},{key:"isMouseRightButton",value:function(t){return 2===t.buttons}},{key:"hasMouse",value:function(t){return"mouse"===t.pointerType}},{key:"hasTouch",value:function(t){return"touch"===t.pointerType}},{key:"hasPen",value:function(t){return"pen"===t.pointerType}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}}]),t}(),xo=function(){function t(e){O()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return j()(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).debug.apply(t,arguments)}},{key:"on",value:function(t,e,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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],u=e;return i>0?u=Gt(e,i):a>0&&(u=_t(e,a)),s.length&&(u=Nt(u,n,s)),this.getCallbacks(t).push({event:t,callback:u,context:n,originalCallback:e,enableAllTrigger:o,enableSelfTrigger:c}),this.debug("add message event",t,n.sourceName),function(){r.off(t,e)}}},{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 c=r[a];c.enableSelfTrigger||(c.enableAllTrigger||c.originalCallback.source!==t)&&c.callback.apply(c.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 c=r[a];c.originalCallback.source===t&&c.callback.apply(c.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",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];Jt(t)?t.apply(void 0,n):this.sendMessage.apply(this,[this.source,t].concat(n))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",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];Jt(t)?t.apply(void 0,n):this.triggerMessage.apply(this,[this.source,t].concat(n))}}]),t}(),wo={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"}};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}var Oo=function(){function t(e){O()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return j()(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?Po(Object(n),!0).forEach((function(e){w()(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}({},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,ce()(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}(),So=new Map,jo=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return So.has(t)}},{key:"get",value:function(t){return So.get(t)}},{key:"set",value:function(t,e){So.size>1e3&&So.clear(),So.set(t,e)}}]),t}(),$o=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(jo.has(t))return jo.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 Sa.parse(t)})):e.map((function(t){return Sa.parse(t)})),jo.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=zt()(a,3),c=o[0],s=o[1],u=o[2];return c=c.toPx(n),s=s.toPx(r),u=u.toPx(i),"".concat(c," ").concat(s," ").concat(u)}}]),t}();function Ro(t,e,n,r,i,a,o,c){var s=((o-i)*(e-a)-(c-a)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e)),u=((n-t)*(e-a)-(r-e)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e));return 0<=s&&s<=1&&0<=u&&u<=1}function Co(){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 c=zt()(a,2),s=c[0],u=c[1],l=zt()(t[(o+1)%i],2),f=l[0],h=l[1];(u>=n&&h<n||u<n&&h>=n)&&e<(f-s)*(n-u)/(h-u)+s&&(r=!r)})),r}function Mo(){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,c){var s=zt()(o,2),u=s[0],l=s[1],f=zt()(t[(c+1)%a],2),h=f[0],p=f[1];return Ro(e,n,r,i,u,l,h,p)}))}function To(){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=zt()(r,2),o=a[0],c=a[1],s=zt()(t[(i+1)%n],2),u=s[0],l=s[1],f=Mo(e,o,c,u,l);return!!f||!!(f=Co(t,e[0][0],e[0][1]))}))}function Vo(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=$o.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 Eo(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=i.lerp([],t[0],t[1],.5),r=i.lerp([],t[2],t[3],.5),a=Ki(r,n,e);return a}function Io(){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.originVerties.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),Vo(e,n,r-e,i-n)}function Do(t){var e=Sa.px(t[0][0]).floor(),n=Sa.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Sa.px(i.dist(t[0],t[1])).floor(),height:Sa.px(i.dist(t[0],t[3])).floor()}}function Lo(t){return Bo(t).filter((function(t,e){return e<4}))}function Bo(t){var 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){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),Vo(e,n,r-e,i-n)}var Ao={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},zo={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)"},Fo=[[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"]],Ho=function(t){return ce()(_o(zo[t]||t))},Go=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=Fo.length;e<n;e++){var r=Fo[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(",")," )")},_o=function(t){if("string"==typeof t){if(Ao[t])return Fo.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},No=function(t,e,n,r){var i=[t,e,n,r];return function(t){return nc(i,t)}},Xo=function(t,e,n){var r=[t,e,n];return function(t){return rc(r,t)}},Yo=function(t,e){var n=[t,e];return function(t){return ic(n,t)}},Ko=function(t,e,n,r,i){var a=e(n),o=Yi(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},Uo=function(t,e,n,r,i,a,o,c){for(var s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,u=No({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}),l=0,f=u(0),h=0;h<=s;h++){var p=h/s,d=u(p);l+=Yi(f.x,f.y,d.x,d.y),f=d}return l},Wo=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=Xo({x:t,y:e},{x:n,y:r},{x:i,y:a}),s=0,u=c(0),l=0;l<=o;l++){var f=l/o,h=c(f);s+=Yi(u.x,u.y,h.x,h.y),u=h}return s},Zo=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++)Ko(n,t,a/e,r,i);var o=1/(2*e),c=n.minT;for(a=0;a<e;a++)Ko(n,t,c-o,r,i),Ko(n,t,c+o,r,i),o/=2;return n.minT}},qo=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Zo(No(t,e,n,r),i)},Jo=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Zo(Xo(t,e,n),r)},Qo=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Zo(Yo(t,e),n)},tc=function(t){if("linear"===t)return Yo(n={x:0,y:0},r={x:1,y:1});var e=_o(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return No(n,r,i,{x:1,y:1})},ec=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},nc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(t[2],t[3],e),a=ec(n,r,e),o=ec(r,i,e);return ec(a,o,e)},rc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e);return ec(n,r,e)},ic=function(t,e){return ec(t[0],t[1],e)},ac=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(t[2],t[3],e),a=ec(n,r,e),o=ec(r,i,e),c=ec(a,o,e);return{first:[t[0],n,a,c],second:[c,o,i,t[3]]}},oc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},cc=function(t,e){var n=ec(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},sc=function(t){var e=function(t){var e=i.negate([],t[0]),n=i.multiply([],[3,3,3],t[1]),r=i.multiply([],[-3,-3,-3],t[2]),a=t[3],o=i.add([],i.add([],e,n),i.add([],r,a));return i.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=i.multiply([],[-2,-2,-2],t[1]),r=t[2],a=i.add([],i.add([],e,n),r);return i.multiply([],[6,6,6],a)}(t),r=function(t){var e=i.add([],t[1],i.negate([],t[0]));return i.multiply([],[3,3,3],e)}(t),a=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var c=-n[0]/(2*e[0]);0<=c&&c<=1&&a.push(c)}else if(o>0){var s=(-n[0]+Math.sqrt(o))/(2*e[0]),u=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=s&&s<=1&&a.push(s),0<=u&&u<=1&&a.push(u)}var l=n[1]*n[1]-4*e[1]*r[1];if(l<0);else if(0===l){var f=-n[1]/(2*e[1]);0<=f&&f<=1&&a.push(f)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*e[1]),p=(-n[1]-Math.sqrt(l))/(2*e[1]);0<=h&&h<=1&&a.push(h),0<=p&&p<=1&&a.push(p)}return a};function uc(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?lc(t):"rgb"==e?fc(t,n):"hsl"==e?hc(t):t}function lc(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||void 0===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 fc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),void 0!==t)return 1==t.a||void 0===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 hc(t){return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||void 0===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 pc(t,e){return Math.floor(Math.random()*(e-t+1))+t}function dc(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=vc();return e}function vc(){return fc({r:pc(0,255),g:pc(0,255),b:pc(0,255)})}function yc(){return fc({r:pc(0,255),g:pc(0,255),b:pc(0,255),a:pc(0,1e3)/1e3})}function gc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[pc(0,e.length-1)]}function mc(t){return ce()(Array(t))}function bc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Ut(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function kc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=t.split(n).map((function(t){return t.trim()})),i=Ia()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r}function xc(t){return Object.keys(t).map((function(e){return"class"===e&&isObject(t[e])?"".concat(e,'="').concat(wc(t[e]),'"'):Wt(t[e])||Kt(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function wc(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function Pc(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Oc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function Sc(t,e){var n=new Set([].concat(ce()(t),ce()(e)));return n.size===t.length&&n.size===e.length}var jc=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=Ho(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    ")},$c=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=Ho(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 Rc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rc(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Mc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tc=function(t){R()(n,t);var e=Mc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Cc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return bc(this.toCSS())}}]),n}(Va),Vc=new Map,Ec=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return Vc.has(t)}},{key:"get",value:function(t){return Vc.get(t)}},{key:"set",value:function(t,e){Vc.size>1e3&&Vc.clear(),Vc.set(t,e)}}]),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 Dc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lc=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)?|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Bc=function(t){R()(n,t);var e=Dc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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?Ic(Object(n),!0).forEach((function(e){w()(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}({},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 e=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(ce()(e),ce()(i),ce()(r)).map((function(t){return new n(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new n(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"string"==typeof e&&(e=[e]),n.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t,!1).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var r=n.parseStyle(t,!1),i=r.find((function(t){return t.type===e.type}));return i?i.value=e.value:r.push(e),n.join(r)}},{key:"replaceAll",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?s.value=c.value:r.push(c)}return n.join(r)}},{key:"addTransform",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?c.value.forEach((function(t,e){s.value[e].value+=t.value})):r.push(c)}return n.join(r)}},{key:"get",value:function(t,e){var r=n.parseStyle(t,!0);if(r="function"==typeof e?r.find(e):r.find((function(t){return t.type===e})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=n.createRotateKey(t,e,r);return Ec.has(i)||Ec.set(i,n.replace(t,{type:r,value:[e]})),Ec.get(i)}},{key:"rotateZ",value:function(t,e){return n.rotate(t,e,"rotateZ")}},{key:"rotateX",value:function(t,e){return n.rotate(t,e,"rotateX")}},{key:"rotateY",value:function(t,e){return n.rotate(t,e,"rotateY")}},{key:"parseStyle",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(e&&Ec.has(t))return Ec.get(t);var i=t.match(Lc)||[];return i.forEach((function(t,e){var i=t.split("("),a=zt()(i,2),o=a[0],c=a[1],s=(c=c.split(")")[0]).split(",");s=c.includes("matrix")||c.includes("scale")?s.map((function(t){return Sa.number(t.trim())})):s.map((function(t){return Sa.parse(t.trim())})),r[e]=n.parse({type:o,value:s})})),e&&Ec.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var i=r.create(),a=0,o=t.length;a<o;a++){var c=t[a];switch(c.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=c.value;"translate"===c.type?s=[s[0].toPx(e).value,s[1].toPx(n).value,0]:"translateX"===c.type?s=[s[0].toPx(e).value,0,0]:"translateY"===c.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===c.type&&(s=[0,0,s[0].toPx().value]),r.translate(i,i,s);break;case"rotate":case"rotateZ":r.rotateZ(i,i,Fi(c.value[0].value));break;case"rotateX":r.rotateX(i,i,Fi(c.value[0].value));break;case"rotateY":r.rotateY(i,i,Fi(c.value[0].value));break;case"rotate3d":s=c.value;r.rotate(i,i,Fi(c.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":r.scale(i,i,[c.value[0].value,c.value[1].value,1]);break;case"scaleX":r.scale(i,i,[c.value[0].value,1,1]);break;case"scaleY":r.scale(i,i,[1,c.value[0].value,1]);break;case"scaleZ":r.scale(i,i,[1,1,c.value[0].value]);break;case"skewX":var u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,0,0,0,Math.tan(u.value),1,0,0,0,0,1,0,0,0,0,1));break;case"skewY":u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,Math.tan(u.value),0,0,0,1,0,0,0,0,1,0,0,0,0,1));break;case"skew":var l=c.value[0].toDeg().toRad(),f=c.value.length>1?c.value[1].toDeg().toRad():l;r.multiply(i,i,r.fromValues(1,Math.tan(f.value),0,0,Math.tan(l.value),1,0,0,0,0,1,0,0,0,0,1));break;case"matrix":s=[(s=c.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],r.multiply(i,i,s);break;case"matrix3d":s=c.value.map((function(t){return t.value}));r.multiply(i,i,s);break;case"perspective":s=c.value;r.perspective(i,.5*Math.PI,e/n,1,s[0].value)}}return i}},{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(" ")}}]),n}(Tc),Ac=function(){function t(){O()(this,t)}return j()(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,c=e*e,s=n[r],u=n[i],l=r+1;l<i;l++){var f=t.segmentDistance2(n[l].x,n[l].y,s,u);f<=a||(o=l,a=f)}a>c&&(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=ee(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,c=t-n.x,s=e-n.y,u=i*c+a*s;if(0===o)return c*c+s*s;if(u<=0)return c*c+s*s;if(u>=o)return(c=t-r.x)*c+(s=e-r.y)*s;var l=c*a-s*i;return l*l/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}(),zc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Fc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Hc=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";O()(this,t),this.reset(e)}return j()(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(Fc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(zc)||[];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,c=e.values.length;o<c;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:ce()(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 c=zt()(o,2),s=c[0],u=c[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}else if("L"===a){if((w=Ac.getPrevPoint(t,t.length)).curve){var l=zt()(o,2);s=l[0],u=l[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:ee(w.endPoint),curve:!0})}else{var f=zt()(o,2);s=f[0],u=f[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}}else if("Q"===a){var h=zt()(o,4),p=h[0],d=h[1];s=h[2],u=h[3];if((w=Ac.getPrevPoint(t,t.length)).curve){var v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:p,y:d}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:p,y:d};v={x:s,y:u},g={x:s,y:u},y={x:s,y:u};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:s,y:u},g={x:p,y:d},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=zt()(o,2);s=m[0],u=m[1];if((j=segments[e-1])&&"Q"===j.command){var b=zt()(j.values,4),k=(p=b[0],d=b[1],b[2]),x=b[3];(w=Ac.getPrevPoint(t,t.length)).endPoint=Ac.getReversePoint({x:k,y:x},{x:p,y:d});v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Ac.getPrevPoint(t,t.length),P=zt()(o,6),O=(p=P[0],d=P[1],P[2]),S=P[3];v={x:s=P[4],y:u=P[5]},g={x:O,y:S},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:p,y:d})}else if("S"===a){var j,$=zt()(o,2);s=$[0],u=$[1];if((j=segments[e-1])&&"C"===j.command){var R=zt()(j.values,4);O=R[0],S=R[1],k=R[2],x=R[3];(w=Ac.getPrevPoint(t,t.length)).endPoint=Ac.getReversePoint(w.startPoint,w.reversePoint);v={x:s,y:u},y={x:s,y:u},g={x:O,y:S};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Ac.getPrevPoint(t,t.length);var C=Ac.getFirstPoint(t,t.length);Ac.isEqual(w.startPoint,C.startPoint)&&(w.connected=!0,w.endPoint=ee(C.endPoint),C.reversePoint=ee(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 Ut(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(r.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(r.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(r.fromRotation([],Fi(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(r.fromRotation([],Fi(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(r.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(r.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(r.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(r.fromValues(1,Math.tan(Fi(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(r.fromValues(1,Math.tan(Fi(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Fi(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Fi(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,c,s,u=i.values,l=i.command,f=this.segments[a-1];switch(l){case"M":case"L":t=Math.min(t,u[0]),n=Math.max(n,u[0]),e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"V":t=Math.min(t,u[0]),n=Math.max(n,u[0]);break;case"H":e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"C":(o=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0],[u[4],u[5],0]],c=sc(o),s=o.map((function(t){return{x:t[0],y:t[1]}})),c.map((function(t){var e=nc(s,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 h=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0]].map((function(t){return{x:t[0],y:t[1]}})),p=0;p<=1;p+=1e-4){var d=rc(h,p),v=d.x,y=d.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:"d",get:function(){return this.toString()}},{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=i.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=i.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=i.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var a=0,o=n.length;a<o;a+=2){r=i.transformMat4([],[n[a],n[a+1],0],t);e.values[a]=r[0],e.values[a+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(r.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 zi(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,c=t[r-1],s=c.values[c.values.length-2],u=c.values[c.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[s,u]});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],s,u]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],s,u]});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:"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(ce()(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 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 _c(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xc=Sa.z(),Yc=function(t){R()(n,t);var e=Nc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return _c(_c({},$a()(V()(n.prototype),"toCloneObject",this).call(this,t)),this.attrs("x","y","width","height","transform","rotate","rotateZ"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.parse(t.height),t}},{key:"reset",value:function(t){var e=$a()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("x","y","width","height","transform","rotateZ","rotate","transform-origin","perspective","perspective-origin")&&this.refreshMatrixCache(),e}},{key:"setParent",value:function(t){$a()(V()(n.prototype),"setParent",this).call(this,t),this.refreshMatrixCache()}},{key:"refreshMatrixCache",value:function(){this.setCacheItemTransformMatrix(),this.setCacheLocalTransformMatrix(),this.setCacheAccumulatedMatrix(),this.setCacheLocalVerties(),this.setCacheVerties(),this.setCacheGuideVerties(),this.setCacheAreaPosition(),this.layers.forEach((function(t){t.refreshMatrixCache()}))}},{key:"setCacheItemTransformMatrix",value:function(){this._cachedItemTransform=this.getItemTransformMatrix(),this._cachedItemTransformInverse=r.invert([],this._cachedItemTransform)}},{key:"setCacheLocalTransformMatrix",value:function(){this._cachedLocalTransform=this.getLocalTransformMatrix(),this._cachedLocalTransformInverse=r.invert([],this._cachedLocalTransform),this._cachedTransformWithTranslate=this.getTransformWithTranslate(this),this._cachedTransformWithTranslateInverse=r.invert([],this._cachedTransformWithTranslate),this._cachedTransformWithTranslateTranspose=r.transpose([],this._cachedTransformWithTranslate)}},{key:"setCacheAccumulatedMatrix",value:function(){this._cachedAccumulatedMatrix=this.getAccumulatedMatrix(),this._cachedAccumulatedMatrixInverse=r.invert([],this._cachedAccumulatedMatrix)}},{key:"setCacheVerties",value:function(){this._cachedVerties=this.getVerties(),this._cachedVertiesWithoutTransformOrigin=this.rectVerties()}},{key:"setCacheLocalVerties",value:function(){this._cachedLocalVerties=this.getLocalVerties()}},{key:"setCacheGuideVerties",value:function(){this._cachedGuideVerties=this.getGuideVerties()}},{key:"setCacheAreaPosition",value:function(){this._cachedAreaPosition=this.getAreaPosition()}},{key:"localMatrix",get:function(){return this._cachedLocalTransform||this.getLocalTransformMatrix()}},{key:"localMatrixInverse",get:function(){return this._cachedLocalTransformInverse||this.getLocalTransformMatrixInverse()}},{key:"transformWithTranslate",get:function(){return this._cachedTransformWithTranslate||this.getTransformWithTranslate(this)}},{key:"transformWithTranslateToTranspose",get:function(){return this._cachedTransformWithTranslateTranspose||r.transpose([],this.getTransformWithTranslate(this))}},{key:"transformWithTranslateInverse",get:function(){return this._cachedTransformWithTranslateInverse||r.invert([],this.getTransformWithTranslate(this))}},{key:"itemMatrix",get:function(){return this._cachedItemTransform||this.getItemTransformMatrix()}},{key:"itemMatrixInverse",get:function(){return this._cachedItemTransformInverse||this.getItemTransformMatrixInverse()}},{key:"accumulatedMatrix",get:function(){return this._cachedAccumulatedMatrix||this.getAccumulatedMatrix()}},{key:"accumulatedMatrixInverse",get:function(){return this._cachedAccumulatedMatrixInverse||this.getAccumulatedMatrixInverse()}},{key:"verties",get:function(){return this._cachedVerties||this.getVerties()}},{key:"originVerties",get:function(){return this._cachedVertiesWithoutTransformOrigin||this.rectVerties()}},{key:"localVerties",get:function(){return this._cachedLocalVerties||this.getLocalVerties()}},{key:"guideVerties",get:function(){return this._cachedGuideVerties||this.getGuideVerties()}},{key:"areaPosition",get:function(){return this._cachedAreaPosition||this.getAreaPosition()}},{key:"getAreaPosition",value:function(){var t=Bo(this.getVerties());return{column:[Math.ceil(t[0][0]/100),Math.ceil(t[1][0]/100)],row:[Math.ceil(t[0][1]/100),Math.ceil(t[3][1]/100)]}}},{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:"screenX",get:function(){return this.isChild?Sa.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Sa.z()}},{key:"screenY",get:function(){return this.isChild?Sa.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Sa.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Xc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Xc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Xc:this.parent.is("project")||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?Xc:this.parent.is("project")||this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Sa.px(this.offsetX.value+t[0]).round(),y:Sa.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:Sa.px(t[0]-e.width/2),y:Sa.px(t[1]-e.height/2)})}},{key:"setAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:Bc.replaceAll(this.transform,"rotateZ(".concat(Sa.deg(t).round(1e3),")"))})}},{key:"addAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:Bc.addTransform(this.transform,"rotateZ(".concat(Sa.deg(t).round(1e3),")"))})}},{key:"checkInArea",value:function(t){return To(t,this.originVerties)}},{key:"hasPoint",value:function(t,e){return Co(this.originVerties,t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.originVerties.map((function(e){return Co.apply(void 0,[t].concat(ce()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Bc.get(this.json.transform||"","perspective")){var t=$o.parseStyle(this.json["perspective-origin"]),e=zt()(t,2),n=e[0],i=void 0===n?Sa.percent(50):n,a=e[1],o=void 0===a?Sa.percent(50):a,c=this.screenWidth.value,s=this.screenHeight.value;i=i.toPx(c).value,o=o.toPx(s).value;var u=r.create();r.translate(u,u,[i,o,0]);var l=Bc.get(this.json.transform,"perspective");if(l.length)r.multiply(u,u,r.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;r.multiply(u,u,r.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Sa.parse(this.json.perspective).value,1))}return r.translate(u,u,[-i,-o,0]),u}}},{key:"getItemTransformMatrix",value:function(){var t,e=Bc.parseStyle(null===(t=this.json)||void 0===t?void 0:t.transform),n=this.screenWidth.value,r=this.screenHeight.value;return Bc.createTransformMatrix(e,n,r)}},{key:"getItemTransformMatrixInverse",value:function(){return r.invert([],this.getItemTransformMatrix())}},{key:"getLocalTransformMatrix",value:function(){var t=$o.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=r.create();return r.translate(e,e,t),r.multiply(e,e,this.itemMatrix),r.translate(e,e,i.negate([],t)),e}},{key:"getLocalTransformMatrixInverse",value:function(){return r.invert([],this.getLocalTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var a=this.offsetX.value,o=this.offsetY.value,c=i.add([],$o.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),i.negate([],t)),s=r.create();return r.translate(s,s,[a,o,0]),r.translate(s,s,t),r.translate(s,s,c),r.multiply(s,s,this.itemMatrix),r.translate(s,s,i.negate([],c)),s}},{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=r.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,i=e.length;n<i;n++){var a=e[n];if(a.parent&&Jt(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&r.multiply(t,t,o)}var c=a.offsetX.value,s=a.offsetY.value;r.translate(t,t,[c,s,0]),r.multiply(t,t,a.localMatrix)}return t}},{key:"getTransformWithTranslate",value:function(t){t=t||this;var e=r.create(),n=t.offsetX.value,i=t.offsetY.value;return r.translate(e,e,[n,i,0]),r.multiply(e,e,t.localMatrix),e}},{key:"getAccumulatedMatrixInverse",value:function(){return r.invert([],this.getAccumulatedMatrix())}},{key:"getLocalVerties",value:function(t,e){return Vo(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"])}},{key:"getVerties",value:function(t,e){return Ui(Vo(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"selectionVerties",value:function(){return Ui(Vo(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"rectVerties",value:function(){return this.verties.filter((function(t,e){return e<4}))}},{key:"getGuideVerties",value:function(){var t=this.originVerties;return[].concat(ce()(t),[i.lerp([],t[0],t[1],.5),i.lerp([],t[1],t[2],.5),i.lerp([],t[2],t[3],.5),i.lerp([],t[3],t[0],.5)])}},{key:"toRectVerties",get:function(){return Io([this])}},{key:"matrix",get:function(){var t=this.id,e=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%",c=this.parent.accumulatedMatrix,s=this.parent.accumulatedMatrixInverse,u=this.localMatrix,l=this.localMatrixInverse,f=this.itemMatrix,h=this.itemMatrixInverse,p=this.accumulatedMatrix,d=this.accumulatedMatrixInverse,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,g=y.map((function(t){return t[0]})),m=y.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,originVerties:this.originVerties,xList:g,yList:m,directionMatrix:v,parentMatrix:c,parentMatrixInverse:s,localMatrix:u,localMatrixInverse:l,itemMatrix:f,itemMatrixInverse:h,accumulatedMatrix:p,accumulatedMatrixInverse:d}}},{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.d,n=new Hc(e);return n.transformMat4(this.accumulatedMatrix),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new Hc(t);return e.transformMat4(this.accumulatedMatrixInverse),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=ce()(this.checkInAreaForLayers(t));return this.is("artboard")||this.is("project")||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 r.fromTranslation([],$o.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return r.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=ca(this.accumulatedMatrixInverse,t.accumulatedMatrix),n=Bc.fromScale(r.getScaling([],e).map((function(t){return zi(t,1e3)}))),i=r.getRotation([],e),o=[],c=a.getAxisAngle(o,i),s=[{angle:o[0]?Gi(c*o[0]):0,type:"rotateX"},{angle:o[1]?Gi(c*o[1]):0,type:"rotateY"},{angle:o[2]?Gi(c*o[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Sa.deg(t.angle%360).round(1e3),")")})).join(" "),u=Bc.replaceAll(t.transform,"".concat(n," ").concat(s)),l=Bc.parseStyle(u),f=t.screenWidth.value,h=t.screenHeight.value,p=Bc.createTransformMatrix(l,f,h),d=r.getTranslation([],ca(e,sa(t.getTransformOriginMatrix(),p,t.getTransformOriginMatrixInverse()))),v=zt()(d,3),y=v[0],g=v[1];v[2];t.reset({x:Sa.px(y),y:Sa.px(g),transform:u}),t.refreshMatrixCache()}},{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(){}}]),n}(Va);function Kc(t,e){if(Zt(e)){var n=e.split(":"),r=zt()(n,4),i=r[0],a=r[1],o=r[2],c=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(c=parseInt(c,10))*(1/t)}return Qt(e)?e/t:0}function Uc(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 Wc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Uc(t,Kc(t,e)-Kc(t,n))}function Zc(t){var e={id:0,start:0,speed:t.speed||1,elapsed:t.elapsed||0,duration:t.duration||0,iterationStartCount:1,iterationCount:t.iterationCount||Number.MAX_SAFE_INTEGER,direction:t.direction||"normal",log:[],logIndex:0,tick:t.tick||function(){},startCallback:t.start||function(){},endCallback:t.end||function(){},firstCallback:t.first||function(){},lastCallback:t.last||function(){}},n=function(t){return"normal"===e.direction||"reverse"!==e.direction&&("alternate"===e.direction?e.iterationStartCount%2==1:"alternate-reverse"===e.direction?e.iterationStartCount%2==0:void 0)?t:1-t},r=function(t){var r=!1;null===e.start&&(e.start=t,r=!0);var o=t-e.start;e.elapsed+=o*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?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,Qt(t.elapsed)&&(e.elapsed=t.elapsed),Qt(t.speed)&&(e.speed=t.speed),Qt(t.duration)&&(e.duration=t.duration),Qt(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),Zt(t.direction)&&(e.direction=t.direction),Jt(t.tick)&&(e.tick=t.tick),Jt(t.start)&&(e.startCallback=t.start),Jt(t.end)&&(e.endCallback=t.end),Jt(t.first)&&(e.firstCallback=t.first),Jt(t.last)&&(e.lastCallback=t.last),Jt(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 qc(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 Jc(t,e,n){return function(t,e){return n}}function Qc(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 ts(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 es(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=Sa.parse(n),c=Sa.parse(r);return o.unit===c.unit?qc(t,e,o.value,c.value,o.unit):o.equals(c)?Jc(0,0,o):function(n,r){var s=Qc(t,e,o,i,a),u=Qc(t,e,c,i,a);return 0===r?s:1===r?u:ts(t,e,Sa.px(s.value+(u.value-s.value)*n),o.unit,i,a)}}var ns=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Sa.z(),"border-top-left-radius":Sa.z(),"border-top-right-radius":Sa.z(),"border-bottom-right-radius":Sa.z(),"border-bottom-left-radius":Sa.z()},n=t.split(" ").filter((function(t){return Sa.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}(),rs=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 is(t,e,n,r){for(var i=rs(ns.parseStyle(n)),a=rs(ns.parseStyle(r)),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++)c[s]=es(t,e,i[s],a[s]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}var as={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 os={isColorName:function(t){return!!as[t]},getColorByName:function(t){return as[t]}};function cs(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function ss(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function us(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,c=3.2406*i+-1.5372*a+-.4986*o,s=-.9689*i+1.8758*a+.0415*o,u=.0557*i+-.204*a+1.057*o;c=ss(c),s=ss(s),u=ss(u);var l=zi(255*c),f=zi(255*s),h=zi(255*u);return{r:l,g:f,b:h}}function ls(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=cs(i);var c=95.047*(a=cs(a)),s=100*i,u=108.883*(o=cs(o));return{x:c,y:s,z:u}}function fs(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function hs(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=fs(i);var c=116*(a=fs(a))-16,s=500*(i-a),u=200*(a-(o=fs(o)));return{l:c,a:s,b:u}}function ps(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return us(ls(t,e,n))}function ds(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,c=Math.max(i,a,o),s=Math.min(i,a,o),u=c-s,l=0;0==u?l=0:c==i?l=(a-o)/u%6*60:c==a?l=60*((o-i)/u+2):c==o&&(l=60*((i-a)/u+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:u/c,v:c}}function vs(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,c=1-Math.max(i,a,o),s=(1-i-c)/(1-c),u=(1-a-c)/(1-c),l=(1-o-c)/(1-c);return{c:s,m:u,y:l,k:c}}function ys(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),c=Math.min(t,e,n),s=(o+c)/2;if(o==c)i=a=0;else{var u=o-c;switch(a=s>.5?u/(2-o-c):u/(o+c),o){case t:i=(e-n)/u+(e<n?6:0);break;case e:i=(n-t)/u+2;break;case n:i=(t-e)/u+4}i/=6}return{h:zi(360*i),s:zi(100*a),l:zi(100*s)}}function gs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms((t+e+n)/3>90?0:255)}function ms(t){return{r:t,g:t,b:t}}function bs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms(Math.ceil((t+e+n)/3))}function ks(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms(ws(t,e,n).y)}function xs(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=xs(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ps(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Os(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,c=.4124*(i=Ps(i))+.3576*(a=Ps(a))+.1805*(o=Ps(o)),s=.2126*i+.7152*a+.0722*o,u=.0193*i+.1192*a+.9505*o;return{x:c,y:s,z:u}}function Ss(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return hs(Os(t,e,n))}function js(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 $s(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Rs(t,e,n);return ds(i.r,i.g,i.b)}function Rs(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 c=n<.5?n*(1+e):n+e-n*e,s=2*n-c;i=js(s,c,t+1/3),a=js(s,c,t),o=js(s,c,t-1/3)}return{r:zi(255*i),g:zi(255*a),b:zi(255*o)}}function Cs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ms(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cs(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ts=/(#(?:[\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 Vs(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Es(t){return!!Is(t).length}function Is(t){var e=t.match(Ts),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=os.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 Ds(t){var e=Is(t);return e.forEach((function(e){t=t.replace(e.color,Vs(e))})),{str:t,matches:e}}function Ls(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=Ds(t);return n.str.split(e).map((function(t,e){return t=zs(t),n.matches[e]&&(t=t.replace(Vs(n.matches[e]),n.matches[e].color)),t}))}function Bs(t,e){return e.forEach((function(e){t=t.replace(Vs(e),e.color)})),t}var As=/^\s+|\s+$/g;function zs(t){return t.replace(As,"")}function Fs(t){if(Zt(t)){if(os.isColorName(t)&&(t=os.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),ys(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(zs(r[e])):parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),ys(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(zs(r[e]));return o=Ms(Ms({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),Rs(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(zs(r[e])):parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),Rs(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=Ms(Ms({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i}),ys(o))}}else if(Qt(t)){var o;if(0<=t&&t<=16777215)return o=Ms(Ms({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),ys(o));if(0<=t&&t<=4294967295)return o=Ms(Ms({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),ys(o))}return t}function Hs(t){Zt(t)&&(t=Ls(t));var e=(t=t.map((function(t){if(Zt(t)){var e=Ds(t),n=zs(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]=Bs(n[0],e.matches),n}if(Array.isArray(t))return t[1]?Zt(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",ce()(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 Gs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gs(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ns(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xs=function(t){R()(n,t);var e=Ns(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),spreadRadius:Sa.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return _s(_s({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Sa.parse(t.offsetX),t.offsetY=Sa.parse(t.offsetY),t.blurRadius=Sa.parse(t.blurRadius),t.spreadRadius=Sa.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 n(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Ds(t);return e=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),i=e.filter((function(t){return"inset"===t})),a=e.filter((function(t){return t.includes("@")})).map((function(t){return Bs(t,r.matches)})),o=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return n.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Sa.parse(o[0]||"0px"),offsetY:Sa.parse(o[1]||"0px"),blurRadius:Sa.parse(o[2]||"0px"),spreadRadius:Sa.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Tc);function Ys(t,e,n,r){return function(t,e){return 1===e?r:n}}function Ks(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),c=255*(1-n)*(1-r);return{r:a,g:o,b:c}}function Us(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 c=a*o,s=c*(1-Math.abs(i/60%2-1)),u=o-c,l=[];return 0<=i&&i<60?l=[c,s,0]:60<=i&&i<120?l=[s,c,0]:120<=i&&i<180?l=[0,c,s]:180<=i&&i<240?l=[0,s,c]:240<=i&&i<300?l=[s,0,c]:300<=i&&i<360&&(l=[c,0,s]),{r:zi(255*(l[0]+u)),g:zi(255*(l[1]+u)),b:zi(255*(l[2]+u))}}function Ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Us(t,e,n);return ys(i.r,i.g,i.b)}function Zs(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),c=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(c)}}function qs(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=Js(t,e,n);return uc(i,r)}function Js(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=void 0===t.a?1:t.a,i=void 0===e.a?1:e.a;return{r:zi(t.r+(e.r-t.r)*n),g:zi(t.g+(e.g-t.g)*n),b:zi(t.b+(e.b-t.b)*n),a:zi(r+(i-r)*n,100)}}function Qs(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];"string"==typeof t&&(t=Ls(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(tu(t[i],t[i+1],a/e));return r}function tu(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=Fs(t),a=Fs(e);return qs(i,a,n,r)}function eu(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 tu(t,e,n,r)}function nu(t){return t=Fs(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function ru(t){return nu(t)>=128?"black":"white"}function iu(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Hs(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var c=t[a-1][0],s=t[a][0],u=1==a?t[a][1]:t[a][1]-t[a-1][1],l=a==t.length-1?i:Math.floor(u*r);n=n.concat(Qs([c,s],l),[s]),i-=l}return n}function au(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,c=Fs(t),s=ds(c),u=(a-i)*o/n,l=[],f=1;f<=n;f++)s[e]=Math.abs((o-u*f)/o),l.push(uc(Us(s),r));return l}function ou(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 au(t,"h",e,n,r,i,1)}function cu(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 au(t,"s",e,n,r,i,100)}function su(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 au(t,"v",e,n,r,i,100)}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 lu(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){w()(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}Qs.parula=function(t){return Qs(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},Qs.jet=function(t){return Qs(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},Qs.hsv=function(t){return Qs(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},Qs.hot=function(t){return Qs(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},Qs.pink=function(t){return Qs(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},Qs.bone=function(t){return Qs(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},Qs.copper=function(t){return Qs(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var fu=lu(lu(lu(lu(lu(lu(lu(lu(lu(lu(lu(lu({},u),s),c),b),d),m),h),v),g),p),f),l);function hu(t,e,n,r){var i=fu.parse(n||"rgba(0, 0, 0, 1)"),a=fu.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:qs(i,a,t,"rgb")}}function pu(t,e,n,r){for(var i=Xs.parseStyle(n),a=Xs.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Xs.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Xs.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Ys(0,0,l.inset,f.inset),offsetX:es(t,e,l.offsetX,f.offsetX),offsetY:es(t,e,l.offsetY,f.offsetY),blurRadius:es(t,e,l.blurRadius,f.blurRadius),spreadRadius:es(t,e,l.spreadRadius,f.spreadRadius),color:hu(0,0,l.color,f.color)})}return function(t,e){return Xs.join(c.map((function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}})))}}function du(t,e,n,r){return Ys(0,0,n,r)}var vu=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 yu(){return vu(1,"start")}function gu(){return vu(1,"end")}var mu=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},bu={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 vu(t,e)},"step-start":yu,"step-end":gu,stepStart:yu,stepEnd:gu,"ease-out-elastic":mu,easeOutElastic:mu};function ku(t,e,n,r){var i=Sa.parse(n),a=Sa.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Sa.deg(n):1===e?Sa.deg(r):Sa.deg(n+(r-n)*t).to(i.unit)}}function xu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Pu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ou=function(t){R()(n,t);var e=Pu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return wu(wu({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Sa.parse(t.offsetX),t.offsetY=Sa.parse(t.offsetY),t.blurRadius=Sa.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 n(t)}},{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Ds(t),r=e.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 Bs(t,e.matches)||"black"})),a=r.filter((function(t){return!t.includes("@")}));return n.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Sa.parse(a[0]||"0px"),offsetY:Sa.parse(a[1]||"0px"),blurRadius:Sa.parse(a[2]||"0px")})}));return r}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Tc);function Su(t,e,n,r){for(var i=Ou.parseStyle(n),a=Ou.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Ou.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Ou.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:es(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:es(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:es(t,e,l.blurRadius,f.blurRadius,"radius"),color:hu(0,0,l.color,f.color)})}return function(t,e){return Ou.join(c.map((function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}})))}}function 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 $u(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){w()(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}function Ru(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cu=function(t){R()(n,t);var e=Ru(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $u({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"}}]),n}(Tc);function Mu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Eu=1e10;var Iu=function(t){R()(n,t);var e=Vu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{id:"c"+Eu++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Tu(Tu({},$a()(V()(n.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:"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:"toLength",value:function(t){return Sa.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){$a()(V()(n.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"setValue",value:function(t,e){this.isPx?this.reset({px:e*t/100}):this.isPercent?this.reset({percent:t}):this.isEm&&this.reset({em:e*t/100/16})}}],[{key:"parse",value:function(t){var e=[],r=Ds(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)e.push(new n({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var c=Sa.parse(i[1]),s={unit:c.unit};c.isPercent()?s.percent=c.value:c.isPx()?s.px=c.value:c.isEm()&&(s.em=c.value),e.push(new n(Tu({color:o},s)))}else if(3===i.length){var u=Sa.parse(i[2]),l={unit:u.unit};u.isPercent()?l.percent=u.value:u.isPx()?l.px=u.value:u.isEm()&&(l.em=u.value),e.push(new n(Tu({color:o,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=pc(2,t),i=e/r,a=mc(r).map((function(t,e){return"".concat(fu.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]:Sa.px(1),n=pc(2,t),r=mc(n).map((function(t,n){return"".concat(fu.random()," ").concat(Sa.parse(e).mul(n+1))})).join(",");return r}}]),n}(Va);function Du(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Lu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Du(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Du(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Bu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Au={"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},zu=function(t){R()(n,t);var e=Bu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Lu({itemType:"image-resource",type:"gradient",colorsteps:[]},t)}},{key:"toCloneObject",value:function(){return Lu(Lu({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{colorsteps:this.json.colorsteps.map((function(t){return t.clone()}))})}},{key:"convert",value:function(t){return t.colorsteps[0]instanceof Iu||(t.colorsteps=t.colorsteps.map((function(t){return new Iu(t)}))),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return Kt(Au[t])?t:Au[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 Iu({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 Iu({index:o,color:a,percent:t}))}else for(var c=0,s=r.length-1;c<s;c++){var u=r[c],l=r[c+1];if(u.percent<=t&&t<=l.percent){a=fu.mix(u.color,l.color,(t-u.percent)/(l.percent-u.percent),"rgb");return void this.addColorStep(new Iu({index:u.index+1,color:a,percent:t}))}}}else this.addColorStepList([new Iu({color:e,percent:t,index:0}),new Iu({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:"colorsteps",get:function(){return this.json.colorsteps}},{key:"getColorString",value:function(){var t=this.colorsteps;return n.toColorString(t)}}],[{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 Iu({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),n}(Cu);function Fu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Fu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _u=function(t){R()(n,t);var e=Gu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Iu({color:"red",percent:0,index:0}),new Iu({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return Hu(Hu({},$a()(V()(n.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 n({colorsteps:[new Iu({color:t,percent:0,index:0}),new Iu({color:t,percent:100,index:1})]})}}]),n}(zu);function Nu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ku=["jpg","jpeg","png","gif","svg"];var Uu=function(t){R()(n,t);var e=Yu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Xu({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Xu(Xu({},$a()(V()(n.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 n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Ku.includes(t)}}]),n}(Cu);function Wu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Zu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ju={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"},Qu={"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"},tl=function(t){R()(n,t);var e=qu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Zu({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Zu(Zu({},$a()(V()(n.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 Qt(e=this.json.angle||0)&&(e=Ju["".concat(e)]||e),Qt(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 n({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Ds(t),r=0,i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){t.includes("@")?(t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t))):r=Kt(Qu[t])?Sa.parse(t):Sa.deg(+Qu[t])})),new n({angle:r.value,colorsteps:i})}}]),n}(zu);function el(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nl,rl=function(t){R()(n,t);var e=el(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var e=tl.parse(t);return new n({angle:e.angle,colorsteps:e.colorsteps})}}]),n}(tl);function il(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?il(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):il(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ol(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cl=(nl={},w()(nl,"center",!0),w()(nl,"top",!0),w()(nl,"left",!0),w()(nl,"right",!0),w()(nl,"bottom",!0),nl),sl=function(t){R()(n,t);var e=ol(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,al({type:"radial-gradient",radialType:"ellipse",radialPosition:[Pa.CENTER,Pa.CENTER]},t))}},{key:"toCloneObject",value:function(){return al(al({},$a()(V()(n.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=cl[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 e=Ds(t),r="ellipse",i=[Pa.CENTER,Pa.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),a.push.apply(a,Iu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=zt()(o,2);r=c[0],i=c[1]}else r=t;if("string"==typeof i){var s=i.split(" ");if(1===s.length){var u=Sa.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Sa.parse(t);return e.isString()?e.value:e.clone()})))}}})),new n({radialType:r,radialPosition:i,colorsteps:a})}}]),n}(zu);function ul(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ll,fl=function(t){R()(n,t);var e=ul(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var e=sl.parse(t);return new n({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(sl);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 pl(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){w()(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}function dl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vl=(ll={},w()(ll,"center",!0),w()(ll,"top",!0),w()(ll,"left",!0),w()(ll,"right",!0),w()(ll,"bottom",!0),ll),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},gl=function(t){R()(n,t);var e=dl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,pl({type:"conic-gradient",angle:0,radialPosition:[Pa.CENTER,Pa.CENTER]},t))}},{key:"toCloneObject",value:function(){return pl(pl({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:ee(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||Pa.CENTER;i=vl[i]?i:i.join(" "),Ut(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 e=Ds(t),r="0deg",i=[Pa.CENTER,Pa.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Sa.parse(t).toPercent():t})).join(" "),e.matches),a.push.apply(a,Iu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=zt()(o,2);r=c[0],i=c[1]}else r=t;if(Zt(i)){var s=i.split(" ");if(1===s.length){var u=Sa.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Sa.parse(t);return e.isString()?e.value:e})))}Zt(r)&&r.includes("from")&&(r=r.split("from")[1],r=Kt(yl[r])?Sa.parse(r):Sa.deg(+yl[r]))}})),new n({angle:r.value,radialPosition:i,colorsteps:a})}}]),n}(zu);function ml(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bl=function(t){R()(n,t);var e=ml(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Pa.CENTER,Pa.CENTER]})}}],[{key:"parse",value:function(t){var e=gl.parse(t);return new n({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(gl);function kl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pl,Ol=["repeat","no-repeat","repeat-x","repeat-y","round","space"],Sl=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,jl=function(t){R()(n,t);var e=wl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Sa.percent(100),height:Sa.percent(100),x:Sa.percent(0),y:Sa.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return xl(xl(xl({},$a()(V()(n.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=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width&&(t.width=Sa.parse(t.width)),t.height&&(t.height=Sa.parse(t.height)),Zt(t.image)&&(t.image=n.parseImage(t.image)),t}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}},{key:"checkField",value:function(t,e){return"repeat"===t?Ol.includes(e):$a()(V()(n.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){return xl(xl(xl(xl(xl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Yt(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:"createImage",value:function(t){return new Uu({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 _u(xl(xl({},o),{},{colorsteps:n}));case"linear-gradient":return new tl(xl(xl({},o),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new rl(xl(xl({},o),{},{colorsteps:n,angle:r}));case"radial-gradient":return new sl(xl(xl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new fl(xl(xl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new gl(xl(xl({},o),{},{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new bl(xl(xl({},o),{},{colorsteps:n,angle:r,radialPosition:a}))}return new zu}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Ds(t),n=null,r=e.str.match(Sl);return r?(r.forEach((function(t,r){(t=Bs(t,e.matches)).includes("repeating-linear-gradient")?n=rl.parse(t):t.includes("linear-gradient")?n=tl.parse(t):t.includes("repeating-radial-gradient")?n=fl.parse(t):t.includes("radial-gradient")?n=sl.parse(t):t.includes("repeating-conic-gradient")?n=bl.parse(t):t.includes("conic-gradient")?n=gl.parse(t):t.includes("url")&&(n=Uu.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new _u(t);case"linear-gradient":return new tl(t);case"repeating-linear-gradient":return new rl(t);case"radial-gradient":return new sl(t);case"repeating-radial-gradient":return new fl(t);case"conic-gradient":return new gl(t);case"repeating-conic-gradient":return new bl(t);case"image-resource":case"url":return new Uu(t)}}},{key:"parseStyle",value:function(t){var e=[];JSON.stringify(t);if(t["background-image"]){var r=Ds(t["background-image"]);r.str.match(Sl).forEach((function(t,i){var a=null;(t=Bs(t,r.matches)).includes("repeating-linear-gradient")?a=rl.parse(t):t.includes("linear-gradient")?a=tl.parse(t):t.includes("repeating-radial-gradient")?a=fl.parse(t):t.includes("radial-gradient")?a=sl.parse(t):t.includes("repeating-conic-gradient")?a=bl.parse(t):t.includes("conic-gradient")?a=gl.parse(t):t.includes("url")&&(a=Uu.parse(t)),e[i]=new n({type:a.type,image:a})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=t.split(" "),i=zt()(r,2),a=i[0],o=i[1];e[n].width=Sa.parse(a),e[n].height=Sa.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=t.split(" "),i=zt()(r,2),a=i[0],o=i[1];e[n].x=Sa.parse(a),e[n].y=Sa.parse(o)}})),e}},{key:"toPropertyCSS",value:function(t){var e,n={};return t.forEach((function(t){Xt(t.toCSS(),(function(t,e){n[t]||(n[t]=[]),n[t].push(e)}))})),e=n,Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}},{key:"join",value:function(t){return bc(n.toPropertyCSS(t.map((function(t){return n.parse(t)}))))}},{key:"joinCSS",value:function(t){return n.toPropertyCSS(t.map((function(t){return n.parse(t)})))}}]),n}(Tc);function $l(t,e,n,r){var i={cut:Ys(0,0,n.cut,r.cut),percent:qc(t,e,n.percent,r.percent),px:qc(t,e,n.px,r.px),em:qc(t,e,n.em,r.em),unit:du(0,0,n.unit,r.unit),color:hu(0,0,n.color,r.color)};return function(t,e){return new Iu({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 Rl(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 c=n[o],s=r[o];a[o]=c&&s?$l(t,e,c,s):Ys(0,0,c,s)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Cl(t,e,n,r){var i={angle:qc(t,e,n.angle,r.angle),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new tl({angle:i.angle(t,e),colorsteps:n})}}Pl={},w()(Pl,"center",!0),w()(Pl,"top",!0),w()(Pl,"left",!0),w()(Pl,"right",!0),w()(Pl,"bottom",!0);function Ml(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 Tl(t,e,n,r){n.radialPosition[0]=Ml(n.radialPosition[0],"width"),n.radialPosition[1]=Ml(n.radialPosition[1],"height"),r.radialPosition[0]=Ml(r.radialPosition[0],"width"),r.radialPosition[1]=Ml(r.radialPosition[1],"height");var i={radialType:du(0,0,n.radialType,r.radialType),radialPositionX:es(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:es(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new sl({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Vl(t,e,n,r){var i={angle:qc(t,e,n.angle,r.angle),radialPositionX:es(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:es(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new gl({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function El(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Ys(0,0,n,r);else if(n.type!=r.type)i.image=Ys(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Cl(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=Cl(t,e,n,r);return function(t,e){var n=i(t,e);return new rl({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=Tl(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=Tl(t,e,n,r);return function(t,e){var n=i(t,e);return new fl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=Vl(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=Vl(t,e,n,r);return function(t,e){var n=i(t,e);return new bl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function Il(t,e,n,r){for(var i=jl.parseStyle(kc(n)),a=jl.parseStyle(kc(r)),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||null,f=a[s]||null;l&&!f?c.push({image:Jc(0,0,l.image),size:Jc(0,0,l.size),width:Jc(0,0,l.width),height:Jc(0,0,l.height),x:Jc(0,0,l.x),y:Jc(0,0,l.y),blendMode:Jc(0,0,l.blendMode),repeat:Jc(0,0,l.repeat)}):!l&&f?c.push({image:Jc(0,0,f.image),size:Jc(0,0,f.size),width:Jc(0,0,f.width),height:Jc(0,0,f.height),x:Jc(0,0,f.x),y:Jc(0,0,f.y),blendMode:Jc(0,0,f.blendMode),repeat:Jc(0,0,f.repeat)}):l&&f&&c.push({image:El(t,e,l.image,f.image),size:du(0,0,l.size,f.size),width:es(t,e,l.width,f.width,"width","self"),height:es(t,e,l.height,f.height,"height","self"),x:es(t,e,l.x,f.x,"width","self"),y:es(t,e,l.y,f.y,"height","self"),blendMode:du(0,0,l.blendMode,f.blendMode),repeat:du(0,0,l.repeat,f.repeat)})}return function(t,e){return jl.join(c.map((function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}})))}}function Dl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ll(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Bl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Al=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia|url)\(([^\)]*)\))/gi,zl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Ll({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=ql[t.type];return e?new e(t):new Hl({value:t.value})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Ds(t);return(r.str.match(Al)||[]).forEach((function(t,i){var a=t.split("("),o=zt()(a,2),c=o[0],s=o[1];if(s=s.split(")")[0],"drop-shadow"===c){var u=s.split(" "),l=u.filter((function(t){return t.includes("@")})).map((function(t){return Bs(t,r.matches)})),f=u.filter((function(t){return!t.includes("@")}));e[i]=n.parse({type:c,offsetX:Sa.parse(f[0]),offsetY:Sa.parse(f[1]),blurRadius:Sa.parse(f[2]),color:l[0]||"rgba(0, 0, 0, 1)"})}else e[i]=n.parse({type:c,value:Sa.parse(s)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(Tc),Fl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(zl);Fl.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Sa.z()};var Hl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(zl);Hl.spec={inputType:"select",defaultValue:""};var Gl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(zl);Gl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var _l=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(zl);_l.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Sa.deg(0)};var Nl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(zl);Nl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var Xl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(zl);Xl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Yl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(zl);Yl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Kl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(zl);Kl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Ul=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(zl);Ul.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Wl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(zl);Wl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var Zl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),n}(zl);Zl.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var ql={blur:Fl,grayscale:Gl,"hue-rotate":_l,invert:Nl,brightness:Xl,contrast:Yl,opacity:Kl,saturate:Ul,sepia:Wl,"drop-shadow":Zl,svg:Hl};function Jl(t,e,n,r){var i={type:du(0,0,n.type,r.type),value:Ys(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=es(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=qc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=es(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=es(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=es(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=es(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=hu(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 Ql(t,e,n,r){for(var i=zl.parseStyle(n),a=zl.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s],f=a[s];l&&!f?c.push(Jc(0,0,l)):!l&&f?c.push(Jc(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Ys(0,0,l,f)):c.push(Jl(t,e,l,f))}return function(t,e){return zl.join(c.map((function(n){return n(t,e)})))}}var tf=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Sa.parse(t)})),n=Sa.percent(0),r=Sa.percent(0),i=Sa.percent(0),a=Sa.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 ef(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?ef(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ef(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var af=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,of=function(t){R()(n,t);var e=rf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,nf({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return nf(nf({},$a()(V()(n.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 n(t).toCSS()}},{key:"toString",value:function(t){return n.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new n(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(af)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=zt()(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 Sa("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];return Kt(s)&&(s=c),{radius:e,x:c=Sa.parse(c),y:s=Sa.parse(s)}}},{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=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];Kt(s)&&(s=c),c=Sa.parse(c),s=Sa.parse(s);var u=e.split(" "),l=zt()(u,2),f=l[0],h=l[1];return Kt(h)&&(h=f),{radiusX:f=Sa.parse(f),radiusY:h=Sa.parse(h),x:c,y:s}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=zt()(e,2),r=n[0],i=n[1],a=tf.parse(r),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=tf.parse(i),p=zt()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=zt()(e,2),r=n[0],i=n[1];return{x:Sa.parse(r),y:Sa.parse(i)}}))}}]),n}(Tc);function cf(t,e,n,r){var i=of.parseStyle(n),a=of.parseStyle(r),o={type:Ys(0,0,i.type,i.type),value:Ys(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=of.parseStyleForCircle(i.value),a.value=of.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=Ys(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=es(t,e,n.radius,r.radius,"width","self"),i.x=es(t,e,n.x,r.x,"width","self"),i.y=es(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),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=of.parseStyleForEllipse(i.value),a.value=of.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:es(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:es(t,e,n.radiusY,r.radiusY,"height","self"),x:es(t,e,n.x,r.x,"width","self"),y:es(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=of.parseStyleForInset(i.value),a.value=of.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:qc(t,e,n.top.value,r.top.value,n.top.unit),left:qc(t,e,n.left.value,r.left.value,n.left.unit),right:qc(t,e,n.right.value,r.right.value,n.right.unit),bottom:qc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Ys(0,0,n.round,r.round),topRadius:qc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:qc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:qc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:qc(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),c=i.round(t,e),s=i.topRadius(t,e),u=i.leftRadius(t,e),l=i.bottomRadius(t,e),f=i.rightRadius(t,e),h=[n,r,a,o].join(" "),p=[s,f,l,u].join(" ");return"".concat(h," ").concat(c&&p.trim()?"round ".concat(p):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=of.parseStyleForPolygon(i.value),a.value=of.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 c=n[o],s=r[o];c&&!s?a.push({x:Jc(0,0,c.x),y:Jc(0,0,c.y)}):!c&&s?a.push({x:Jc(0,0,s.x),y:Jc(0,0,s.y)}):a.push({x:es(t,e,c.x,s.x,"width","self"),y:es(t,e,c.y,s.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=of.parseStyleForPath(i.value),a.value=of.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 sf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(es(t,e,s,u,n.type)):a.push(es(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function uf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];if(s&&u)a.push(qc(t,e,s.value,u.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;a.push(qc(t,e,l,f))}}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 Sa.number(t)}))),{type:r,value:n}}}function lf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(ku(0,0,s,u)):a.push(ku(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function ff(t,e,n,r){for(var i=Bc.parseStyle(n.trim()),a=Bc.parseStyle(r.trim()),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];if(u&&!l)c.push(Jc(0,0,u));else if(!u&&l)c.push(Jc(0,0,l));else if(u.type!=l.type)c.push(Ys(0,0,u,l));else switch(u.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(sf(t,e,u,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(lf(0,0,u,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(uf(t,e,u,l))}}return function(t,e){return Bc.join(c.map((function(n){return n(t,e)})))}}function hf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Sa.parse(t)})),a=r.split(" ").map((function(t){return Sa.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(es(t,e,u,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function pf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Sa.parse(t)})),a=r.split(" ").map((function(t){return Sa.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(es(t,e,u,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function df(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),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(qc(t,e,u,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function vf(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],c=r[r.length-1],s=0;s<i;s++){var u=n[s],l=r[s];u&&!l?a.push(qc(t,e,u,c)):!u&&l?a.push(qc(t,e,o,l)):a.push(qc(t,e,u,l))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function yf(t,e,n,r){for(var i=new Hc,a=new Hc(n),o=new Hc(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=0;u<c;u++){var l=a.segments[u],f=o.segments[u];l.command===f.command?l.values.length===f.values.length?s.push({command:Jc(0,0,l.command),values:vf(t,e,l.values,f.values)}):s.push({command:Jc(0,0,l.command),values:Jc(0,0,l.values)}):s.push({command:Ys(0,0,l.command,f.command),values:Ys(0,0,l.values,f.values)})}return function(t,e){var n=s.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var gf=function(){function t(){O()(this,t),this.pathArray=[]}return j()(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:"d",get:function(){return this.pathArray.join(" ").trim()}},{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:"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 Hc(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}},{key:"makePathByVerties",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=zt()(e[r],3),o=a[0],c=a[1];a[2];0===r?n.M({x:o,y:c}):n.L({x:o,y:c})}return n.L({x:e[0][0],y:e[0][1]}),n.d}}]),t}();function mf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bf=/[\b\t \,]/g,kf=function(t){R()(n,t);var e=mf(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return O()(this,n),e.call(this,t)}return j()(n,[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;Array.isArray(t)&&(t=t.join(" "));for(var e=t.trim().split(bf).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 gf,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=zt()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new n(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),n}(Hc);function xf(t,e,n,r){for(var i=new kf,a=new kf(n),o=new kf(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=a.segments[a.segments.length-1].x,l=a.segments[a.segments.length-1].y,f=o.segments[o.segments.length-1].x,h=o.segments[o.segments.length-1].y,p=0;p<c;p++){var d=a.segments[p],v=o.segments[p];d&&!v?s.push({x:qc(t,e,d.x,f),y:qc(t,e,d.y,h)}):!d&&v?s.push({x:qc(t,e,u,v.x),y:qc(t,e,l,v.y)}):s.push({x:qc(t,e,d.x,v.x),y:qc(t,e,d.y,v.y)})}return function(t,e){return i.joinPoints(s.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function wf(t,e,n,r){var i={x:qc("","",t,n),y:qc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Pf(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 rc(o,e)}}function Of(t,e,n,r,i,a,o,c){var s=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}];return function(t,e){return nc(s,e)}}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 jf(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){w()(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}function $f(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=zt()(a,4),c=o[0],s=o[1],u=o[2],l=o[3],f={id:c,distance:Sa.parse(s||"0%"),rotateStatus:u||"auto",rotate:Sa.parse(l||"0deg")},h=function(t,e){return{x:x,y:y}},p=0,d=0;if(i){var v=i.searchById(f.id);v&&(p=v.screenX.value,d=v.screenY.value),h=function(t,e,n){var r=function(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=zt()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var c=n,s=zt()(c,2),u=s[0],l=s[1],f=zt()(t.values,2);a=f[0],o=f[1];n=[a+=u,o+=l];break;case"L":var h=n,p=zt()(h,2),d=(u=p[0],l=p[1],zt()(t.values,2));a=d[0],o=d[1];e.push({command:t.command,values:[u,l,a,o],length:Yi(u,l,a,o),interpolate:wf(u,l,a,o)}),n=[a,o];break;case"l":var v=n,y=zt()(v,2),g=(u=y[0],l=y[1],zt()(t.values,2));a=g[0],o=g[1];a+=u,o+=l,e.push({command:t.command,values:[u,l,a,o],length:Yi(u,l,a,o),interpolate:wf(u,l,a,o)}),n=[a,o];break;case"C":var m=n,b=zt()(m,2),k=(u=b[0],l=b[1],zt()(t.values,6)),x=k[0],w=k[1],P=k[2],O=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Uo(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"c":var S=n,j=zt()(S,2),$=(u=j[0],l=j[1],zt()(t.values,6));x=$[0],w=$[1],P=$[2],O=$[3],a=$[4],o=$[5];x+=u,P+=u,a+=u,w+=l,O+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Uo(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"Q":var R=n,C=zt()(R,2),M=(u=C[0],l=C[1],zt()(t.values,4));x=M[0],w=M[1],a=M[2],o=M[3];e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o];break;case"q":var T=n,V=zt()(T,2),E=(u=V[0],l=V[1],zt()(t.values,4));x=E[0],w=E[1],a=E[2],o=E[3];x+=u,a+=u,w+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o];break;case"S":var I=n,D=zt()(I,2),L=(u=D[0],l=D[1],zt()(t.values,4)),B=(P=L[0],O=L[1],a=L[2],o=L[3],e[e.length-1]);if(["C","c","S","s"].includes(B.command)){var A=zt()(B.values,8),z=(A[0],A[1],A[2],A[3],A[4]),F=A[5],H=A[6],G=A[7],_=Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F});x=_.x,w=_.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"s":var N=n,X=zt()(N,2),Y=(u=X[0],l=X[1],zt()(t.values,4));P=Y[0],O=Y[1],a=Y[2],o=Y[3];P+=u,a+=u,O+=l,o+=l;B=e[e.length-1];if(["C","c","S","s"].includes(B.command)){var K=zt()(B.values,8),U=(K[0],K[1],K[2],K[3],z=K[4],F=K[5],H=K[6],G=K[7],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=U.x,w=U.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"T":var W=n,Z=zt()(W,2),q=(u=Z[0],l=Z[1],zt()(t.values,2));a=q[0],o=q[1],B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var J=zt()(B.values,6),Q=(J[0],J[1],z=J[2],F=J[3],H=J[4],G=J[5],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=Q.x,w=Q.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o]}break;case"t":var tt=n,et=zt()(tt,2),nt=(u=et[0],l=et[1],zt()(t.values,2));a=nt[0],o=nt[1];a+=u,o+=l;B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var rt=zt()(B.values,6),it=(rt[0],rt[1],z=rt[2],F=rt[3],H=rt[4],G=rt[5],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=it.x,w=it.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,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}}(new Hc(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=f.distance.toPx(i);(e+=o/i)>1&&(e-=1);var c=a[0];0===e?c=a[0]:1===e&&(c=a[a.length-1]);var s=a.find((function(t){return t.startT<=e&&e<t.endT}));s&&(c=s);var u=(e-c.startT)/(c.endT-c.startT),l=n(u);return jf(jf({},c.interpolate(l,u,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Sa.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),c=h(e,n,r),s={x:c.x+p-a.value,y:c.y+d-o.value};if(t.setScreenX(s.x),t.setScreenY(s.y),"element"===f.rotateStatus);else{var u=c,l=0;n<1&&(l=1/c.totalLength);var v=h(e+l,n+l,r),y=ia(v.x-u.x,v.y-u.y),g=Sa.deg(function(t,e){var n=0;switch(t){case"angle":n=f.rotate.value;break;case"auto angle":n=e+f.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(f.rotateStatus,y));t.reset({transform:Bc.rotate(t.transform,g)})}return s}}function Rf(t,e,n,r){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 Cf(t,e,n,r,i,a){var o=a.$("video").el,c=n.split(":"),s=zt()(c,3),u=s[0],l=(s[1],+(u||0)*+(s[2]||1));return function(e,n){0===n?(o.currentTime=l,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Mf=function(){return function(t,e){}};function Tf(t,e,n,r,i,a,o){var c=i||e;switch(c){case"width":case"x":return es(t,e,n,r,"width");case"height":case"y":return es(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 es(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return qc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return hu(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return du(0,0,n,r);case"rotate":return ku(0,0,n,r)}var s=function(t){switch(t){case"border-radius":return is;case"border":return makeInterpolateBorder;case"box-shadow":return pu;case"text-shadow":return Su;case"background-image":case"BackgroundImageEditor":return Il;case"filter":case"backdrop-filter":return Ql;case"clip-path":return cf;case"transform":return ff;case"transform-origin":return hf;case"perspective-origin":return pf;case"stroke-dasharray":return df;case"d":return yf;case"points":return xf;case"offset-path":return $f;case"text":return Rf;case"playTime":return Cf}}(c);return s?s(t,e,n,r,a,o):Mf}function Vf(t,e,n,r,i,a,o){return Tf(t,e,n,r,i,a,o)}function Ef(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=zt()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=bu[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,ce()(o))}return If(t)}function If(t){var e=tc(t);return function(t){return e(t).y}}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 Lf(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){w()(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 Bf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Af=function(t){R()(n,t);var e=Bf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Sa.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Lf(Lf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offset=Sa.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(bc(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Lf({checked:!0,value:Sa.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(ce()(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],Lf({},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],Lf({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=Lf(Lf({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new n(t)}}]),n}(Tc);function zf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ff(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gf=function(t){R()(n,t);var e=Hf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=(t.name,t.selectedType,t.offsets);return Ff(Ff(Ff({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","selectedType")),{},{offsets:e.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 Af(Ff({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(ce()(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 n(t)}},{key:"parseStyle",value:function(t){var e=[],r={};if(t.keyframe){var i=Ds(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),c=Ia()(o),s=c[0],u=c[1],l=c[2],f=c.slice(3).join(" ");r[s]||(r[s]=new n({name:s}),e[a]=s);var h=r[s].offsets.filter((function(t){return t.offset.equals(Sa.parse(u))})),p=null;h.length?p=h[0]:(p=new Af({offset:Sa.parse(u)}),r[s].offsets.push(p)),p.addProperty({key:l,value:Bs(f,i.matches)})}))}return e.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]}))}}]),n}(Tc);function _f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_f(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Xf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}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 Kf(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){w()(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 Uf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wf=function(t){R()(n,t);var e=Uf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Kf({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&$a()(V()(n.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Ut(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 c=Ka.body().$('[data-id="'.concat(t,'"]')),s=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,u=i.keyframes[e+1];t.editor=s,u||(u={time:t.time,value:t.value});var l={layer:a,layerElement:c,property:i.property,isOnlyTime:o.time===u.time,startTime:t.time,endTime:u.time,startValue:t.value,endValue:u.value,timing:t.timing,interpolateFunction:Vf(a,i.property,t.value,u.value,t.editor,r,c),timingFunction:Ef(t.timing)};return l.func=n.makeTimingFunction(l),l})).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){Ut(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(w()({},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){Uc(e.fps,n.time)<e.currentTimecode&&(t=Math.max(n.time,t))})),t}},{key:"getSelectedTimelineNextTime",value:function(){var t=this.getSelectedTimelineLastTime();return this.getKeyframeList((function(e,n){Uc(e.fps,n.time)>e.currentTimecode&&(t=Math.min(n.time,t))})),t}},{key:"setTimelineTitle",value:function(t,e){var n=this.json.timeline.find((function(e){return e.id===t}));n&&(n.title=e)}},{key:"selectTimeline",value:function(t){t?this.json.timeline.forEach((function(e){e.selected=e.id===t})):this.json.timeline.filter((function(t){return t.selected})).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(t){this.json.timeline=this.json.timeline.filter((function(e){return e.id!==t})),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=pa(),r=Kf(Kf({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=Kc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Uc(t,0),totalTimecode:Uc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{key:"setTimelineCurrentTime",value:function(t){var e=this.getSelectedTimeline(),n=e.fps,r=e.totalTimecode;if(e){var i=t,a=t;+i+""===i&&(a=Wc(n,i=+i)),a>r&&(a=r);var o=Kc(n,a);e.currentTime=o,e.currentTimecode=Uc(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(Uc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Wc(e.fps,n)),Kc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Kc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Kc(e.fps,r)}}},{key:"getTimelineObject",value:function(t){var e=this.getSelectedTimeline();if(e)return e.animations.find((function(e){return e.id===t}))}},{key:"addTimelineProperty",value:function(t,e){this.addTimelineLayer(t);var n=this.getTimelineObject(t);n&&(n.properties.filter((function(t){return t.property===e})).length||(n.properties.push({property:e,keyframes:[]}),this.compiledTimingFunction(t,e)))}},{key:"getTimelineProperty",value:function(t,e){var n=this.getSelectedTimeline();if(n){t=t||n.selectedLayerId,e=e||n.selectedProperty;var r=this.getTimelineObject(t);if(r)return r.properties.find((function(t){return t.property===e}))}}},{key:"setSelectedOffset",value:function(t,e,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=t,r.selectedProperty=e,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach((function(t){t.selected=t.time===n})))}},{key:"deleteTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);r&&(r.keyframes=r.keyframes.filter((function(t){return t.id!=n})))}},{key:"removeTimelineProperty",value:function(t,e){var n=this.getTimelineObject(t);n&&(n.properties=n.properties.filter((function(t){return t.property!=e})))}},{key:"removeTimeline",value:function(t){var e=this.getSelectedTimeline();e&&(e.animations=e.animations.filter((function(e){return e.id!=t})))}},{key:"setTimelineKeyframeOffsetTime",value:function(t,e,n,r){var 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&&(Ut(a)&&(o.time=a),Ut(r)&&(o.value=r),Ut(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 c=this.getSelectedTimeline(),s=this.getTimelineProperty(e,n);if(s){var u=a||c.currentTime;if(!s.keyframes.filter((function(t){return t.time===u})).length){r=Kt(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:pa(),layerId:e,property:n,time:u,value:r,timing:i||"linear",editor:o};return s.keyframes.push(l),s.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),c=this.getDefaultPropertyValue(e),s="linear",u="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),c=o[0].value+"",s=o[0].timing+"",u=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:s,editor:u})}}},{key:"getTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find((function(t){return t.time===n}))}},{key:"getTimelineKeyframeById",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find((function(t){return t.id===n}))}},{key:"sortTimelineKeyframe",value:function(t,e){var n=this.getTimelineProperty(t,e);n&&(n.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(t,e))}},{key:"setFps",value:function(t){var e=this.getSelectedTimeline();e&&(e.fps=t,e.currentTimecode=Uc(t,e.currentTime),e.totalTimecode=Uc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return Kf(Kf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{timeline:ee(this.json.timeline)})}}]),n}(function(t){R()(n,t);var e=Xf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Nf({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 Gf(Nf({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(ce()(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=Nf({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return Nf(Nf({},$a()(V()(n.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]=Nf(Nf({},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]=Nf(Nf({},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]=Nf(Nf({},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]=Nf(Nf({},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,n=this.json.svgfilters.map((function(t,e){return{id:t.id,index:e}})).filter((function(e){return e.id===t}));return n.length?null==n||null===(e=n[0])||void 0===e?void 0: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]=Nf(Nf({},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]=Nf(Nf({},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)}}]),n}(Va));function Zf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qf=Sa.z(),th=Sa.z(),eh=r.create(),nh=function(t){R()(n,t);var e=Jf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"indexed",get:function(){return this.createIndexItemMap(),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:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{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=zt()(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 $a()(V()(n.prototype),"getDefaultObject",this).call(this,qf({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return qf(qf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","description","rootVariable"))}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return Qf}},{key:"offsetY",get:function(){return th}},{key:"hasLayout",value:function(){return!1}},{key:"getTransformMatrix",value:function(){return r.create()}},{key:"resetMatrix",value:function(t){var e=r.getTranslation([],ca(t.accumulatedMatrix,t.localMatrixInverse)),n=zt()(e,2),i=n[0],a=n[1];t.reset({x:Sa.px(i),y:Sa.px(a)})}},{key:"rectVerties",get:function(){var t;return null!==(t=this.layers)&&void 0!==t&&t.length?Io(this.layers):null}},{key:"accumulatedMatrix",get:function(){return eh}},{key:"accumulatedMatrixInverse",get:function(){return eh}},{key:"contentBox",get:function(){return{left:0,top:0,width:0,height:0}}}]),n}(Wf);function rh(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,rh(t,e))})),(e.id||e.includes(t.id))&&n.push(t),n}var ih=function(){function t(e){var n=this;O()(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=Vo(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Yc({parent:this.currentProject,x:Sa.px(0),y:Sa.px(0),width:Sa.px(0),height:Sa.px(0)}),this.$editor.on("config:bodyEvent",(function(){n.refreshMousePosition()}))}return j()(t,[{key:"refreshMousePosition",value:function(){var t=this.$editor.config,e=this.$editor.viewport.getWorldPosition();this.pos=e,this.column=Math.ceil(e[0]/t.get("area.width")),this.row=Math.ceil(e[1]/t.get("area.width"))}},{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{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:"isLayoutItem",get:function(){var t;return null===(t=this.current)||void 0===t?void 0:t.isLayoutItem()}},{key:"allLayers",get:function(){return this.currentProject.allLayers||[]}},{key:"filteredLayers",get:function(){var t=this;return this.currentProject.filteredAllLayers((function(e){var n=e.areaPosition;if(!n)return!1;var r=n.column,i=n.row;return r[0]<=t.column&&t.column<=r[1]&&i[0]<=t.row&&t.row<=i[1]})).filter((function(e){return e.hasPoint(t.pos[0],t.pos[1])}))}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&(!t.check(e)&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)})))})):[]}},{key:"snapTargetLayersWithSelection",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)}))})):[]}},{key:"selectedArtboards",get:function(){return ce()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"hasChangedField",value:function(){var t;return!!this.current&&(t=this.current).hasChangedField.apply(t,arguments)}},{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:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{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:"reload",value:function(){return this.select.apply(this,ce()(this.itemsByIds(this.ids)))}},{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(Array.isArray(t)?e=t:(Zt(t)||qt(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=rh(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]=ee(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,ce()(rh(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,ce()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,ce()(this.items).concat(ce()(rh(this.project,t))))}},{key:"removeById",value:function(t){var e=t;Zt(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,ce()(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 Co(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.originVerties;if(n.artboard){var i=n.artboard.originVerties;if(Co(i,r[0][0],r[0][1])||To(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return Co(e,r[0][0],r[0][1])||To(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"setRectCache",value:function(){if(this.isEmpty)return this.cachedVerties=[],this.cachedRectVerties=[],this.cachedItemVerties=[],void(this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}})));this.cachedVerties=this.verties,this.cachedRectVerties=Bo(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:"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 this.isEmpty?[]:Io(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Sa.px(t[0][0]),y:Sa.px(t[0][1]),width:Sa.px(i.distance(t[0],t[1])),height:Sa.px(i.distance(t[0],t[3]))}}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"pack",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:"packByValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=[];return null===e?r=this.items:(Zt(e)||Array.isArray(e))&&(r=this.itemsByIds(e)),r.forEach((function(e){n[e.id]={},Object.keys(t).forEach((function(r){n[e.id][r]=Jt(t[r])?t[r].call(t,e):t[r]}))})),n}},{key:"each",value:function(t){Jt(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return Jt(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{key:"reset",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n,r=zt()(t,2),i=r[0],a=r[1];null===(n=e.get(i))||void 0===n||n.reset(a)}))}},{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,ce()(this.copyItems.map((function(t){return t.copy(10)})))),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&&!Kt(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?Co(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return Co(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return Zt(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.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}}]),t}(),ah=function(){function t(e){O()(this,t),this.editor=e,this.components={},this.inspectors={}}return j()(t,[{key:"registerComponent",value:function(t,e){if(this.components[t])throw new Error("It has duplicated item name. "+t);this.components[t]=e}},{key:"registerInspector",value:function(t,e){if(this.inspectors[t])throw new Error("It has duplicated item name. "+t);this.inspectors[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"getInspector",value:function(t){return this.inspectors[t]}},{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)}},{key:"createInspector",value:function(t){var e=this.getInspector(t.itemType);return Jt(e)?e(t)||[]:Jt(t.getProps)&&t.getProps()||[]}}]),t}();function oh(t){t.emit("noneSelectMenu"),t.nextTick((function(){t.emit("refreshAll"),t.emit("refreshSelectionTool")}))}function ch(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ch(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ch(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}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 lh(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){w()(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}function fh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ph,dh={command:"clipboard.paste",execute:(ph=La()(Fa.a.mark((function t(e,n){var r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.selection.length||!e.selection.copyItems.length){t.next=5;break}e.selection.paste(),e.emit("refreshAll"),t.next=9;break;case 5:return t.next=7,navigator.clipboard.readText();case 7:(r=t.sent)&&e.emit("convertPasteText",r);case 9:case"end":return t.stop()}}),t)}))),function(t,e){return ph.apply(this,arguments)})},vh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},yh={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:pa(),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:pa(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function mh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Sa.px(n.naturalWidth),naturalHeight:Sa.px(n.naturalHeight),width:Sa.px(n.naturalWidth),height:Sa.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function bh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xh={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"),mh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,c=Sa.px(i.height.value*a);t.emit("addImage",kh(kh(kh({src:e.id},i),n),{},{width:o,height:c}),r),t.changeMode(Lg),t.emit("afterChangeMode")})))}};function wh(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Sa.px(n.videoWidth),naturalHeight:Sa.px(n.videoHeight),width:Sa.px(n.videoWidth),height:Sa.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 Ph(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Oh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ph(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ph(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sh={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"),wh(e,(function(i){t.emit("addVideo",Oh(Oh({src:e.id},i),n),r),t.changeMode(Lg),t.emit("afterChangeMode")})))}};function jh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){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 $h={command:"dropImageUrl",execute:function(t,e){mh({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?jh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Lg),t.emit("afterChangeMode")}))}},Rh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=pa(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Ch={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 c=o.createImage({id:pa(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),Jt(n)&&n(c.id)}},r.readAsDataURL(e)}},Mh={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:pa(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),Jt(n)&&n(a))},r.readAsDataURL(e)}},Th=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=zt()(r,2),a=(i[0],i[1]),o=a.split(","),c=Ia()(o),s=c[0],u=c.slice(1),l=s.split(";"),f=zt()(l,2),h=f[0],p=f[1];return u=u.join(","),{mimeType:h,local:n&&t.getLink(h,p,u)}}},{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 c=new Blob([a],{type:t});return URL.createObjectURL(c)}return""}}]),t}(),Vh={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Th.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:pa(),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:pa(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function Eh(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 Ih={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Eh("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},Dh=function(t,e){return t.replaceLocalUrltoRealUrl(t.svg.render(e))},Lh={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=Dh(t,e).trim();Eh("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function Bh(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ka.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var Ah={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Dh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;mh({local:i},(function(n,r){Bh(r,(function(n){Eh(n,a),e&&t.emit(e,n)}))}))}}},zh={command:"load.json",execute:function(t,e){0===(e=t.loadResource("projects",[])||e).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),oh(t)}}};function Fh(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Hh={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Fh(t,(function(r,i){var a;!1===Array.isArray(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")}))}},Gh={command:"setTimelineOffset",debounce:100,execute:function(t,e){Fh(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},_h={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Fh(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")}))}},Nh={command:"removeTimelineProperty",execute:function(t,e,n){Fh(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Xh={command:"deleteTimelineKeyframe",execute:function(t){Fh(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")}))}},Yh={command:"selectTimelineItem",execute:function(t,e){Fh(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Kh={command:"removeTimeline",execute:function(t,e){Fh(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Uh={command:"removeAnimationItem",execute:function(t,e){Fh(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},Wh={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Fh(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")}))}},Zh={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Fh(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},qh={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"),Fh(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Zc({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(Uc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Uc(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(Uc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Jh={command:"prevTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Qh={command:"firstTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},tp={command:"nextTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ep={command:"lastTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},np={command:"addTimelineItem",execute:function(t,e){Fh(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},rp={command:"drop.asset",execute:function(){var t=La()(Fa.a.mark((function t(e,n){var r,i,a=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=a.length>2&&void 0!==a[2]?a[2]:null,!n.color){t.next=5;break}e.emit("addBackgroundColor",n.color,r),t.next=22;break;case 5:if(!n.gradient){t.next=9;break}e.emit("addBackgroundImageGradient",n.gradient,r),t.next=22;break;case 9:if(!n.pattern){t.next=13;break}e.emit("addBackgroundImagePattern",n.pattern,r),t.next=22;break;case 13:if(!n.imageUrl){t.next=17;break}e.emit("addBackgroundImageAsset",n.imageUrl,r),t.next=22;break;case 17:if(!n.asset){t.next=22;break}return t.next=20,e.storageManager.getCustomAsset(n.asset.id);case 20:(i=t.sent)&&e.emit("addArtBoard",i,n.asset.center);case 22:oh(e);case 23:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},ip={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;console.log(n);var r=t.selection.itemsByIds(n);console.log(r);var i={};r.forEach((function(t){var n=jl.parseStyle(kc(t["background-image"]));n.unshift(new jl({image:jl.parseImage(e)})),i[t.id]={"background-image":jl.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},ap={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=jl.parseStyle(kc(t["background-image"]));n.unshift(new jl({image:new Uu({url:e})})),i[t.id]={"background-image":jl.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},op={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")}))}},cp={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},sp={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)}},up={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)}},lp={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)}},fp={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)}},hp=new Map,pp=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return hp.has(t)}},{key:"get",value:function(t){return hp.get(t)}},{key:"set",value:function(t,e){hp.size>1e3&&hp.clear(),hp.set(t,e)}}]),t}();function dp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,mp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,vp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=$p[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;if(pp.has(t))return pp.get(t);var r=Ds(t);return(r.str.match(gp)||[]).forEach((function(t,i){var a=t.split("("),o=zt()(a,2),c=o[0],s=o[1],u=(s=s.split(")")[0]).split(",").map((function(t){return t.trim()})),l=zt()(u,6),f=l[0],h=l[1],p=l[2],d=l[3],v=l[4],y=l[5],g=f.split(" "),m=zt()(g,2),b=m[0],k=m[1],x=h.split(" "),w=zt()(x,2),P=w[0],O=w[1],S=(y||"").split(" "),j=zt()(S,2),$=j[0],R=j[1];e[i]=n.parse({type:c,x:Sa.parse(P),y:Sa.parse(O),width:Sa.parse(b),height:Sa.parse(k),foreColor:Bs(p,r.matches),backColor:Bs(d,r.matches),blendMode:v||"normal",lineWidth:Sa.parse($||"1px"),lineHeight:Sa.parse(R||"1px")})})),pp.set(t,e),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,jl.parseStyle(kc(t.toCSS())))})),jl.joinCSS(e)}}]),n}(Tc),bp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:Sa.z(),y:Sa.z(),width:Sa.px(20),height:Sa.px(20),lineWidth:Sa.px(1),lineHeight:Sa.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).width=Sa.parse(t.width),t.height=Sa.parse(t.height),t.lineWidth=Sa.parse(t.lineWidth),t.lineHeight=Sa.parse(t.lineHeight),t.x=Sa.parse(t.x),t.y=Sa.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,c=t.backColor,s=t.blendMode,u=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(c,", ").concat(s,", ").concat(u," ").concat(l,")")}}]),n}(mp),kp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";\n    ")}}]),n}(bp),xp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,i=t.lineHeight,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";      \n    ")}}]),n}(bp),wp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,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    ")}}]),n}(bp),Pp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(c," ").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(s,";\n    ")}}]),n}(bp),Op=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.lineWidth,a=t.backColor,o=t.foreColor,c=t.blendMode;return a=a||"transparent",o=o||"black","\n    background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0px, ").concat(o," ").concat(i,", ").concat(a," 0px, ").concat(a," 50%);\n    background-size: ").concat(e," ").concat(n,";      \n    background-blend-mode: ").concat(c,";\n  ")}}]),n}(bp),Sp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(bp),jp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(bp),$p={check:kp,grid:xp,dot:wp,"cross-dot":Pp,"diagonal-line":Op,"vertical-line":Sp,"horizontal-line":jp},Rp={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:mp.join([].concat(ce()(mp.parseStyle(e)),ce()(mp.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Cp={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.command("setAttributeForMulti","add background color",t.selection.packByValue({"background-color":e},n))}};var Mp={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=ea(e.artboard.verties)-ea(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ea(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ea(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Tp={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=ta(e.artboard.verties)-ta(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ta(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ta(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Vp={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=ra(e.artboard.verties)-ra(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ra(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ra(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Ep={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=Qi(e.artboard.verties)-Qi(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Qi(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Qi(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Ip={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=na(e.artboard.verties)-na(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=na(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=na(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Dp={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=Ji(e.artboard.verties)-Ji(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Ji(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Ji(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Lp={command:"same.width",description:"fit at the same width",execute:function(t){if(console.log(t.selection.isMany),t.selection.isMany){var e=Do(t.selection.verties);t.command("setAttributeForMulti","fit at the same width",t.selection.packByValue({x:e.x,width:e.width}))}}},Bp={command:"same.height",description:"fit at the same height",execute:function(t){var e=t.selection.length;if(1==e);else if(e>1){var n=Do(t.selection.verties);t.command("setAttributeForMulti","fit at the same height",t.selection.packByValue({y:n.y,height:n.height}))}}};var Ap={command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),oh(t)}},zp={command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),oh(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}var Hp={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?Fp(Object(n),!0).forEach((function(e){w()(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}({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")}}}},Gp={command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=ce()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,ce()(i)),t.emit("refreshAll")}}}},_p={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;Sc(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)}},Np={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){var i={};Object.keys(r).forEach((function(t){var n=r[t];i[t]=Jt(n)?n(e):n})),e.reset(i)&&(t.emit("refreshElement",e),t.emit("changeValue",n,i))}))}))}},Xp={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(ce()(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")}))}},Yp={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(ce()(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")}))}};function Kp(){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 Up={command:"history.removeLayer",description:"remove layer",execute:function(t,e,n,r){var i=t.selection.itemsByIds(r||t.selection.ids),a=(i=Kp(i)).map((function(t){return t.id})),o=t.serialize(i);i.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[a],undoValues:o}),t.nextTick((function(){t.selection.removeById(i.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=Kp(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")}))}},Wp={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("setAttributeForMulti",t.selection.packByValue({d:r.scale(1/n.width.value,1/n.height.value).d}))}else{var a=n.invertPath(e.d),o=a.getBBox(),c=n.offsetX.value+o[0][0],s=n.offsetY.value+o[0][1],u=i.distance(o[1],o[0]),l=i.distance(o[3],o[0]);a.translate(-o[0][0],-o[0][1]),t.emit("setAttributeForMulti",t.selection.packByValue({d:a.scale(1/u,1/l).d,x:Sa.px(c),y:Sa.px(s),width:Sa.px(u),height:Sa.px(l)}))}}},Zp={command:"moveLayer",description:"move 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;t.command("setAttributeForMulti","item move down",t.selection.packByValue({x:function(t){return Sa.px(t.offsetX.value+e)},y:function(t){return Sa.px(t.offsetY.value+n)}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},qp={command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e&&t.viewport.moveLayerToCenter(e,void 0,n)}},Jp={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:Sa.px(t.item.offsetX.value+t.dist[0]).round(),y:Sa.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")}))}},Qp={command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=[];n=t.selection.isEmpty?t.selection.currentProject.rectVerties:Io(t.selection.items),t.emit("moveToCenter",n,e)}},td={command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Dh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);mh({local:i},(function(n,r){Bh(r,(function(n){e&&t.emit(e,n)}))}))}}},ed={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))}},nd=n(15),rd=n.n(nd);function id(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ad(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?id(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):id(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var od,cd=(od={openEditor:{command:"open.editor",description:"Open custom editor for item  when doubleclick is fired",execute:function(t){if(!1!==t.selection.isOne){var e=t.selection.current;if(e)if(e.setCache(),e.d)t.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d,changeEvent:function(e){t.emit("updatePathItem",e)}}),t.emit("hideSelectionToolView");else if(e["clip-path"]){var n=of.parseStyle(e["clip-path"]);if("path"===n.type){var r=e.accumulatedPath(e.clipPathString).d,i=r?"modify":"path";t.emit("showPathEditor",i,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(n.d,")")}))},current:e,d:r}),t.emit("hideSelectionToolView")}else"svg"===n.type||t.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue(e))}})}}}},refreshHistory:function(t){t.emit("saveJSON")},convertPasteText:{command:"convertPasteText",execute:function(){var t=La()(Fa.a.mark((function t(e,n){var r,i;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=rd.a.create({videoInfo:rd.a.parse(n),format:"embed",mediaType:"clip"}))&&(i=e.viewport.center,300,200,e.emit("newComponent","iframe",{x:Sa.px(i[0]-150),y:Sa.px(i[1]-100),width:Sa.px(300),height:Sa.px(200),"background-color":"transparent",url:r}));case 2:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},refreshCursor:ed,recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},toggleToolHand:{command:"toggleToolHand",execute:function(t){t.config.toggle("set.tool.hand")}},rotateLayer:{command:"rotateLayer",description:"rotate layer by keydown with matrix ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.command("setAttributeForMulti","change rotate",t.selection.packByValue({transform:function(t){return Bc.addTransform(t.transform,"rotateZ(".concat(Sa.deg(e).round(1e3),")"))}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},historyAddLayer:Yp,historyRemoveLayer:Up,historySetAttributeForMulti:Xp,historyRefreshSelection:_p,historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:Zp,moveLayerForItems:Jp,moveToCenter:qp,moveSelectionToCenter:Qp,groupItem:Hp,ungroupItem:Gp,setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshSelectionStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Cp,addBackgroundImagePattern:Rp,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:sp,segmentMoveUp:up,segmentMoveRight:lp,segmentMoveLeft:fp,changeModeView:cp,removeLayer:op,itemMoveDepthDown:Ap,itemMoveDepthUp:zp,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:rp,addBackgroundImageAsset:ap,addBackgroundImageGradient:ip,addTimelineItem:np,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:ep,nextTimelineItem:tp,firstTimelineItem:Qh,prevTimelineItem:Jh,playTimelineItem:qh,copyTimelineProperty:Zh,addTimelineKeyframe:Wh,removeAnimationItem:Uh,removeTimeline:Kh,selectTimelineItem:Yh,deleteTimelineKeyframe:Xh,removeTimelineProperty:Nh,addTimelineCurrentProperty:_h,setTimelineOffset:Gh,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Hh,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:zh,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},savePNG:td,downloadPNG:Ah,downloadSVG:Lh,downloadJSON:Ih,updateUriList:Vh,updateImageAssetItem:Ch,updateVideoAssetItem:Mh,addSVGFilterAssetItem:Rh,dropImageUrl:$h,addImageAssetItem:xh,addVideoAssetItem:Sh,updateImage:yh,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:vh,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:dh,clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=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(sh({itemType:"artboard",x:Sa.px(300),y:Sa.px(200),width:Sa.px(375),height:Sa.px(667)},e)));n&&(i.reset({x:Sa.px(0),y:Sa.px(0)}),i.moveByCenter(n)),t.selection.select(i),oh(t)},addCustomComponent: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,i=r.appendChildItem(t.createItem(ad({x:Sa.px(300),y:Sa.px(200),width:Sa.px(375),height:Sa.px(667)},e)));n&&(i.reset({x:Sa.px(0),y:Sa.px(0)}),i.moveByCenter(n)),t.selection.select(i),oh(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){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),oh(t))},addLayerView:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),t.emit("removeGuideLine"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e,n))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(lh({itemType:"project"},e)));t.selection.selectProject(n),oh(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 Hc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","set attribute -d",t.selection.packByValue({d:i},r.id))}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new Hc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","change clip path",t.selection.packByValue({"clip-path":"path(".concat(i,")")},r.id))}},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;"svg-textpath"===e?n=hh(hh({},n),{},{"font-size":Sa.parse(n.height),textLength:"100%",d:gf.makeLine(0,1,1,1)}):"svg-circle"===e?(e="svg-path",n=hh(hh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:gf.makeCircle(0,0,1,1)})):"svg-rect"===e?(e="svg-path",n=hh(hh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:gf.makeRect(0,0,1,1)})):"text"===e?n=hh({width:Sa.px(300),height:Sa.px(50)},n):"artboard"===e&&(n=hh(hh({},n),{},{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(hh({itemType:e},n)),n,r,i),t.changeMode(Lg),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=zt()(r,2),a=i[0],o=i[1];a=Sa.px(+a),o=Sa.px(+o),n.reset({width:a,height:o}),t.selection.select(n),oh(t)}},setAttributeForMulti:Np,sortBottom:Ep,sortCenter:Mp,sortLeft:Tp,sortMiddle:Vp},w()(od,"sortBottom",Ep),w()(od,"sortTop",Ip),w()(od,"sortRight",Dp),w()(od,"sameWidth",Lp),w()(od,"sameHeight",Bp),w()(od,"updatePathItem",Wp),w()(od,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(e.d,")")}))}}),od),sd=function(){function t(e){O()(this,t),this.$editor=e,this.loadCommands()}return j()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(cd).forEach((function(e){Jt(cd[e])?t.registerCommand(e,cd[e]):t.registerCommand(cd[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))};return r.source=t,this.$editor.on(t,r,this,0)}if(qt(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))};return i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),ud={name:void 0};function ld(){return void 0===ud.name&&(-1!=navigator.appVersion.indexOf("Win")?ud.name="win":-1!=navigator.appVersion.indexOf("Mac")?ud.name="mac":-1!=navigator.appVersion.indexOf("X11")?ud.name="linux":ud.name=""),ud.name}var fd=[{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:"Tools",key:"h",command:"toggleToolHand",description:"set hand tool on",when:"CanvasView"},{category:"Layer",key:"Meta+ArrowLeft",command:"rotateLayer",description:"rotate to left",args:[-5],when:"CanvasView"},{category:"Layer",key:"Meta+ArrowRight",command:"rotateLayer",description:"rotate to right",args:[5],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:"Delete",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",win:"ctrl+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],hd={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 pd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pd(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vd(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function yd(t){return hd["".concat(t).toLowerCase()]||t}var gd=function(){function t(e){O()(this,t),this.$editor=e,this.loadShortCuts()}return j()(t,[{key:"getGeneratedKeyCode",value:function(t){return yd(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},fd.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=ld();this.list.push(dd(dd({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||!0)})),this.sort()}},{key:"makeWhenFunction",value:function(t,e){if(Wt(e)&&e)return function(){return!0};var n=this.$editor,r=e.split("|").map((function(t){return t.trim()}));return function(){return r.some((function(t){return t===n.modeView}))}}},{key:"sort",value:function(){var t=this;this.commands={},this.list.forEach((function(e){!1===Array.isArray(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)})),vd(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",yd(o.join("")))}},{key:"makeKeyString",value:function(t){return vd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return vd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return vd(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(n){var r;(r=e.$editor).emit.apply(r,[n.command].concat(ce()(n.args),[t]))}))}}}]),t}(),md=function(){function t(e){O()(this,t),this.editor=e,this.configList=[],this.config=new Map}return j()(t,[{key:"get",value:function(t){var e;!1===this.config.has(t)&&this.config.set(t,null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.defaultValue);return this.config.get(t)}},{key:"set",value:function(t,e){var n=this.config.get(t);n!==e&&(this.config.set(t,e),this.editor.emit("config:"+t,e,n))}},{key:"setAll",value:function(t){var e=this;Object.keys(t).forEach((function(n){e.set(n,t[n])}))}},{key:"getType",value:function(t){var e;return null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.type}},{key:"isType",value:function(t,e){return this.getType(t)===e}},{key:"isBoolean",value:function(t){return this.isType(t,"boolean")}},{key:"toggle",value:function(t){this.isBoolean(t)&&this.set(t,!this.get(t))}},{key:"true",value:function(t){return!0===this.get(t)}},{key:"false",value:function(t){return!1===this.get(t)}},{key:"remove",value:function(t){this.config.delete(t),this.editor.emit("config:"+t)}},{key:"registerConfig",value:function(t){this.config.set(t.key,t.defaultValue),this.configList.push(t)}}]),t}(),bd=function(){function t(e){O()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return j()(t,[{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}},{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){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=performance.now(),i=this.undoHistories[this.undoHistories.length-1],a={message:t,command:e,data:n,time:r};return i&&i.message===t&&r-i.time<this.$editor.config.get("history.delay.ms")?this.undoHistories[this.undoHistories.length-1]=a:(this.undoHistories.push(a),this.currentIndex++,this.undoHistories.length=this.currentIndex+1),this.$editor.emit("refreshHistory",e.command),a}},{key:"map",value:function(t){return[].concat(ce()(this.undoHistories.map(t)),["-"],ce()(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",e.command)}))}}},{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",e.command)}))}}}]),t}(),kd=i.fromValues(0,0,0);function xd(t,e){return Math.abs(t[0]-e[0])<1}function wd(t,e){return Math.abs(t[1]-e[1])<1}var Pd=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;O()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return j()(t,[{key:"dist",get:function(){return this.editor.config.get("snap.distance")||this.snapDistance}},{key:"gridSize",get:function(){return this.editor.config.get("snap.grid")||50}},{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,rectVerties:Lo(t.originVerties)}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties;return ce()(e)}},{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=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=[];return t.forEach((function(t,a){e.forEach((function(e,o){var c=t-e,s=n.gridSize-Math.abs(e)%n.gridSize;Math.abs(c)<=r?i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:c}):Math.abs(s)<=r&&i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:s})}))})),i}},{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.dist,a=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var c=e.checkX(t.xList,a,r)[0],s=e.checkY(t.yList,o,r)[0];n.push(i.fromValues(c?c.dx:0,s?s.dy:0,0))})),n.find((function(t){return te(t[0])||te(t[1])}))||kd}},{key:"checkPoint",value:function(t){var e=this.check([t]);return i.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,a=[],o={},c=0,s=t.length;c<s;c++){n=t[c];var u="".concat(n[0],"_x"),l="".concat(n[1],"_y");o[u]||(o[u]=[]),o[l]||(o[l]=[]);for(var f=0,h=e.length;f<h;f++)xd(n,r=e[f])&&o[u].push([n,r,"x",i.dist(n,r)]),wd(n,r)&&o[l].push([n,r,"y",i.dist(n,r)])}return Object.keys(o).forEach((function(t){if(o[t]&&o[t].length){var e=o[t].sort((function(t,e){return t[3]-e[3]})),n=zt()(e[0],3),r=n[0],i=n[1],c=n[2];a.push([r,i,c])}})),a}},{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}(),Od=function(){function t(e){O()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return j()(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}(),Sd=function(){function t(e){O()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=Vo(0,0,0,0),this.mouse=i.create(),this.scale=1,this.translate=i.create(),this.transformOrigin=i.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return j()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=i.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(i.add([],this.translate,i.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=ca(r.fromTranslation([],this.translate),r.fromTranslation([],this.transformOrigin),r.fromScaling([],[this.scale,this.scale,1]),r.fromTranslation([],i.negate([],this.transformOrigin))),this.matrixInverse=r.invert([],this.matrix),this.scaleMatrix=ca(r.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=r.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=Vo(0,0,this.canvasSize.width,this.canvasSize.height);var e=i.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=i.add([],this.verties[0],[e[0]/2,e[1]/2,0]),a=r.getTranslation([],ca(this.matrix,sa(r.fromTranslation([],n),this.scaleMatrix,r.invert([],r.fromTranslation([],n)))));this.setTranslate(a),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=Vo(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=Ui(this.cachedViewport,this.matrixInverse))}},{key:"getWorldPosition",value:function(t){return t=t||this.editor.config.get("bodyEvent"),this.createWorldPosition(t.clientX,t.clientY)}},{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(i.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(i.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){this.setTransformOriginWithTranslate(i.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=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=i.lerp([],t[0],t[2],.5),a=i.dist(t[0],t[1]),o=i.dist(t[0],t[3]),c=i.lerp([],this.verties[0],this.verties[2],.5),s=i.dist(this.verties[0],this.verties[1]),u=i.dist(this.verties[0],this.verties[3]),l=n?Math.min(s/a,u/o)+e:1;this.setTranslate(i.add([],this.translate,i.subtract([],c,r))),this.setTransformOrigin(r),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{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:"center",get:function(){return this.verties[4]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}},{key:"checkInViewport",value:function(t){var e=zt()(t,3),n=e[0],r=e[1],i=(e[2],this.minX<n&&n<this.maxX),a=this.minY<r&&r<this.maxY;return i&&a}},{key:"applyVertex",value:function(t){return i.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return i.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return Ui(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return Ui(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return Ui(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return Ui(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return Vo(t,e,n,r)}(t,e,n,r))}}]),t}(),jd=function(){function t(e){O()(this,t),this.editor=e,this.customAssetKey="custom-assets"}var e,n,r,i,a;return j()(t,[{key:"getCustomAssetList",value:(a=La()(Fa.a.mark((function t(){var e,n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=!1,n=(this.editor.loadItem(this.customAssetKey)||[]).map((function(t){return t.id||(t.id=ha(),e=!0),t})),!e){t.next=5;break}return t.next=5,this.setCustomAssetList(n);case 5:return t.abrupt("return",n);case 6:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})},{key:"setCustomAssetList",value:(i=La()(Fa.a.mark((function t(e){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem(this.customAssetKey,e);case 1:case"end":return t.stop()}}),t,this)}))),function(t){return i.apply(this,arguments)})},{key:"getCustomAsset",value:(r=La()(Fa.a.mark((function t(e){var n,r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:if(n=t.sent,!(r=n.find((function(t){return t.id===e})))||!r.component){t.next=6;break}return t.abrupt("return",r.component);case 6:return t.abrupt("return",null);case 7:case"end":return t.stop()}}),t,this)}))),function(t){return r.apply(this,arguments)})},{key:"saveCustomAsset",value:(n=La()(Fa.a.mark((function t(){var e,n,r,i,a=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:"",!(n=this.editor.selection.current)){t.next=13;break}return t.next=5,this.getCustomAssetList();case 5:return r=t.sent,t.next=8,this.editor.json.render(n);case 8:return(i=t.sent).x="0px",i.y="0px",t.next=13,this.setCustomAssetList([].concat(ce()(r),[{id:ha(),preview:e,component:i}]));case 13:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:"removeCustomAsset",value:(e=La()(Fa.a.mark((function t(e){var n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:return n=t.sent,t.next=5,this.setCustomAssetList(n.filter((function(t){return t.id!==e})));case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})}]),t}();function $d(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 Rd=$d('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Cd=$d('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Md=$d('<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"/>'),Td=$d('<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"/>'),Vd=$d('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Ed=$d('<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"/>'),Id=$d('<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"/>'),Dd=$d('<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"/>'),Ld=$d('<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"/>'),Bd=$d('<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"/>'),Ad=$d('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),zd=$d('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Fd=$d('<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"/>'),Hd=$d('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Gd=$d('<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"/>'),_d=$d('<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"/>'),Nd=$d('<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"/>'),Xd=$d('<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"/>'),Yd=$d('<path d="M19 13H5v-2h14v2z"/>'),Kd=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Ud=$d('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Wd=$d('<path d="M10 17l5-5-5-5v10z"/>'),Zd=$d('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),qd=$d('<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"/>'),Jd=$d('<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"/>'),Qd=$d('<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"/>'),tv=$d('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),ev=$d('<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"/>'),nv=$d('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),rv=$d('<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"/>'),iv=$d('<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"/>'),av=$d('<path d="M8 5v14l11-7z"/>'),ov=$d('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),cv=$d('<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"/>'),sv=$d('<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"/>'),uv=$d('<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"/>'),lv=$d('<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"/>'),fv=$d('<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"/>'),hv=$d('<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"/>'),pv=$d('<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>'),dv=$d('<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"/>'),vv=$d('<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"/>'),yv=$d('<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"/>'),gv=$d('<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"/>'),mv=$d('<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"/>'),bv=$d('<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"/>'),kv=$d('<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"/>'),xv=$d('<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"/>'),wv=$d('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Pv=$d('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),Ov=$d('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),Sv=$d('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),jv=$d('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),$v=$d('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Rv=$d('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Cv=$d('<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"/>'),Mv=$d('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Tv=$d('<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"/>'),Vv=$d('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Ev=$d('<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" />'),Iv=$d('<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"/>'),Dv=$d('<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"/>'),Lv=$d('<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"/>'),Bv=$d('<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"/>'),Av=$d('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),zv=$d('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Fv=$d('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),Hv=$d('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Gv=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),_v=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Nv=$d('<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"/>'),Xv=$d('<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)"/>'),Yv=$d('<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"/>'),Kv=$d('\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'),Uv=$d('<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"/>'),Wv=$d('<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"/>'),Zv=$d('<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"/>'),qv=$d('<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"/>'),Jv=$d('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),Qv=$d('<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"/>'),ty=$d('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),ey=$d('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),ny=$d('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),ry=$d('<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"/>'),iy=$d('<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"/>'),ay=$d('<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"/>'),oy=$d('<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"/>'),cy=$d('<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"/>'),sy=$d('<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"/>'),uy=$d('<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"/>'),ly=$d('<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"/>'),fy=$d('<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"/>'),hy=$d('<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"/>'),py=$d('<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"/>'),dy=$d('<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"/>'),vy=$d('<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"/>'),yy=$d('<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"/>'),gy=$d('<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"/>'),my=$d('<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"/>'),by=$d('<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"/>'),ky=$d('<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"/>'),xy=$d('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),wy=$d('<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"/>'),Py=$d('<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"/>'),Oy=$d('<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"/>'),Sy=$d('<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"/>'),jy=$d('\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'),$y=$d('<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"/>'),Ry=$d('<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"/>'),Cy=$d('\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'),My=$d('<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"/>'),Ty=$d('<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"/>'),Vy=$d('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Ey=$d('<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"/>'),Iy=$d('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),Dy=$d('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Ly=$d('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),By=$d('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),Ay=$d('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),zy=$d('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Fy=$d('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Hy=$d('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gy=$d('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),_y=$d('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Ny=$d('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Xy=$d('<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"/>'),Yy=$d('<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"/>'),Ky=$d('<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"/>'),Uy=$d('<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"/>'),Wy=$d('\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    '),Zy=$d('\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'),qy=$d('\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    '),Jy=$d('\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    '),Qy=$d('\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'),tg=$d('\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'),eg=$d('<path d="M14 7l-5 5 5 5V7z"/>'),ng=$d('\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=$d('<path d="M10 17l5-5-5-5v10z"/>'),ig=$d('<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"/>'),ag=$d('<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"/>'),og=$d('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),cg=$d('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),sg=$d('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),ug=$d('<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"/>'),lg=$d('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),fg=$d('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),hg=$d('<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"/>'),pg=$d('\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    '),dg=$d('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),vg=$d('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),yg=$d('<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"/>'),gg=$d('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),mg=$d('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),bg=$d('<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"/>'),kg=$d('<path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/>'),xg=$d('<path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/>'),wg=$d('<path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/>'),Pg=$d('<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/>'),Og=$d('<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/>'),Sg=$d('<path d="M18 24h-6.55c-1.08 0-2.14-.45-2.89-1.23l-7.3-7.61 2.07-1.83c.62-.55 1.53-.66 2.26-.27L8 14.34V4.79c0-1.38 1.12-2.5 2.5-2.5.17 0 .34.02.51.05.09-1.3 1.17-2.33 2.49-2.33.86 0 1.61.43 2.06 1.09.29-.12.61-.18.94-.18 1.38 0 2.5 1.12 2.5 2.5v.28c.16-.03.33-.05.5-.05 1.38 0 2.5 1.12 2.5 2.5V20c0 2.21-1.79 4-4 4zM4.14 15.28l5.86 6.1c.38.39.9.62 1.44.62H18c1.1 0 2-.9 2-2V6.15c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V3.42c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V2.51c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V4.79c0-.28-.22-.5-.5-.5s-.5.23-.5.5v12.87l-5.35-2.83-.51.45z"/>'),jg=$d('<path d="M18.85,10.39l1.06-1.06c0.78-0.78,0.78-2.05,0-2.83L18.5,5.09c-0.78-0.78-2.05-0.78-2.83,0l-1.06,1.06L18.85,10.39z M14.61,11.81L7.41,19H6v-1.41l7.19-7.19L14.61,11.81z M13.19,7.56L4,16.76V21h4.24l9.19-9.19L13.19,7.56L13.19,7.56z M19,17.5 c0,2.19-2.54,3.5-5,3.5c-0.55,0-1-0.45-1-1s0.45-1,1-1c1.54,0,3-0.73,3-1.5c0-0.47-0.48-0.87-1.23-1.2l1.48-1.48 C18.32,15.45,19,16.29,19,17.5z M4.58,13.35C3.61,12.79,3,12.06,3,11c0-1.8,1.89-2.63,3.56-3.36C7.59,7.18,9,6.56,9,6 c0-0.41-0.78-1-2-1C5.74,5,5.2,5.61,5.17,5.64C4.82,6.05,4.19,6.1,3.77,5.76C3.36,5.42,3.28,4.81,3.62,4.38C3.73,4.24,4.76,3,7,3 c2.24,0,4,1.32,4,3c0,1.87-1.93,2.72-3.64,3.47C6.42,9.88,5,10.5,5,11c0,0.31,0.43,0.6,1.07,0.86L4.58,13.35z" />');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 Rg(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){w()(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 Cg=Rg(Rg({},{fullscreen:Jd}),{},{draw:jg,pantool:Sg,left_hide:Pg,right_hide:Og,straighten:wg,plugin:xg,auto_awesome:kg,web:bg,navigation:mg,delete_forever:yg,horizontal_rule:gg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return $d('<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:pg,align_horizontal_center:ag,align_horizontal_left:og,align_horizontal_right:cg,align_vertical_bottom:sg,align_vertical_center:ug,align_vertical_top:lg,vertical_distribute:dg,horizontal_distribute:vg,rotate_left:hg,swap_horiz:fg,arrow_right:rg,group:ng,volume_down:Jy,arrowLeft:eg,volume_up:Qy,volume_off:tg,pentool:Zy,launch:Wy,apps:Yy,outline_rect:Ky,outline_circle:Uy,keyboard:Xy,local_movie:Ny,same_height:_y,same_width:Gy,layers:ig,middle:Hy,bottom:Fy,top:zy,right:Ay,center:By,left:Ly,flag:Dy,lens:Iy,local_library:Ey,italic:Vy,strikethrough:Ty,underline:My,cylinder:Cy,text_rotate:Ry,device_hub:$y,control_point:Sy,flip_camera:jy,flipY:Oy,flip:Py,account_tree:xy,format_shapes:wy,merge:by,texture:ky,settings_input_component:my,view_comfy:gy,camera_roll:yy,broken_image:vy,shadow:dy,opacity:py,looks:hy,vintage:fy,waves:ly,blur_linear:uy,blur:sy,landscape:cy,palette:oy,diffuse:ay,specular:iy,photo:ry,near_me:ny,view_list:ey,flash_on:ty,doc:Qv,storage:Jv,archive:qv,file_copy:Zv,gps_fixed:Wv,refresh:Uv,cat:Kv,shuffle:Yv,replay:Xv,speed:Nv,alternate_reverse:_v,alternate:Gv,note:Bv,rect:Lv,circle:Dv,color_lens:Iv,cube:Ev,polygon:Vv,star:Tv,dahaze:Mv,brush:Cv,expand:Rv,list:jv,grid:$v,align_center:wv,align_justify:Pv,align_left:Ov,align_right:Sv,color:xv,size:kv,edit:bv,outline_image:mv,ballot:vv,shape:dv,scatter:pv,transform:hv,gradient:fv,close:lv,build:uv,code:sv,autorenew:cv,play:av,pause:ov,skip_next:Av,skip_prev:zv,fast_forward:Fv,fast_rewind:Hv,filter:iv,input:rv,timer:ev,title:tv,paint:Qd,border_all:qd,border_inner:Jd,check:Zd,video:qy,arrowRight:Wd,screen:Ud,repeat:Kd,remove2:Yd,setting:Xd,image:Nd,artboard:_d,folder:Gd,publish:Hd,add_note:Fd,add:zd,save:Bd,export:Ad,redo:Ld,undo:Dd,lock:Id,lock_open:gv,remove:Vd,copy:Ed,visible:Td,add_box:Md,add_circle:yv,create_folder:Cd,chevron_right:Rd,chevron_left:nv}),Mg=function(){function t(){O()(this,t)}var e;return j()(t,[{key:"load",value:(e=La()(Fa.a.mark((function t(){var e,n,r,i,a,o,c,s=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!Cg[e]){t.next=8;break}for(r=s.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=s[a];return o=Jt(Cg[e])?(n=Cg[e]).call.apply(n,[Cg[e]].concat(i)):Cg[e],c=new Blob([o],{type:"image/svg+xml"}),t.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(c)})));case 8:return t.abrupt("return",e);case 9:case"end":return t.stop()}}),t)}))),function(){return e.apply(this,arguments)})}]),t}(),Tg=function(){function t(e){O()(this,t),this.$editor=e}return j()(t,[{key:"project",get:function(){return this.$editor.selection.currentProject}},{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=Th.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 Array.isArray(t)?t=t.map((function(t){return n.applyAsset(t,e)})):qt(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):Zt(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}}]),t}(),Vg=function(){function t(e){O()(this,t),this.editor=e,this.plugins=[]}var e;return j()(t,[{key:"registerPlugin",value:function(t){this.plugins.push(t)}},{key:"initializePlugin",value:(e=La()(Fa.a.mark((function t(){var e,n=this,r=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:{},t.next=3,Promise.all(this.plugins.map(function(){var t=La()(Fa.a.mark((function t(r){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,r(n.editor,e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()));case 3:return t.abrupt("return",t.sent);case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})}]),t}(),Eg=function(){function t(e){O()(this,t),this.editor=e,this.renderers={},this.rendererTypes={}}return j()(t,[{key:"getRenderType",value:function(t){return this.renderers[t]||(this.renderers[t]={}),this.renderers[t]}},{key:"registerRenderer",value:function(t,e,n){var r=this.getRenderType(t);if(r[e])throw new Error("It has duplicated renderer name. "+e);r[e]=n}},{key:"registerRendererType",value:function(t,e){if(this.rendererTypes[t])throw new Error("It has duplcated renderer type name. "+name);this.rendererTypes[t]=e}},{key:"getRenderer",value:function(t){return this.rendererTypes[t]}},{key:"getRendererInstance",value:function(t,e){return this.getRenderType(t)[e]}}]),t}(),Ig=function(){function t(e){O()(this,t),this.editor=e,this.menuItems={}}return j()(t,[{key:"registerMenuItem",value:function(t,e){var n=this;this.menuItems[t]||(this.menuItems[t]=[]),Object.keys(e).forEach((function(r){n.menuItems[t].push({refClass:r,class:e[r]})}))}},{key:"getTargetMenuItems",value:function(t){return this.menuItems[t]||[]}},{key:"generate",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.getTargetMenuItems(t).map((function(t){var n=e?'ref="$'.concat(t.refClass,'"'):"";return'<object refClass="'.concat(t.refClass,'" ').concat(n," />")})).join("\n")}}]),t}(),Dg=function(){function t(e){O()(this,t),this.editor=e,this.locales={},this.fallbackLang="en_US"}return j()(t,[{key:"getLang",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t||this.fallbackLang}},{key:"setFallbackLang",value:function(t){this.fallbackLang=t}},{key:"get",value:function(t){var e,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this.getLang(i),o=(null===(e=this.locales[a])||void 0===e?void 0:e[t])||(null===(n=this.locales[this.fallbackLang])||void 0===n?void 0:n[t])||t||void 0;if(Jt(o))return o(r);var c=o;return t===c?t.split(".").pop():(Object.entries(r).forEach((function(t){var e=zt()(t,2),n=e[0],r=e[1];c=c.replace(new RegExp("{".concat(n,"}"),"ig"),r)})),c)}},{key:"hasKey",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=this.getLang(e);return!(!this.locales[n][t]&&!this.locales[this.fallbackLang][t])}},{key:"registerI18nMessage",value:function(t,e){this.locales[t]||(this.locales[t]={}),Object.assign(this.locales[t],e)}}]),t}(),Lg="SELECTION",Bg=function(){function t(){O()(this,t),this.EDITOR_ID=ha(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Lg,this.modeView="CanvasView",this.addComponentType="",this.loadManagers()}return j()(t,[{key:"loadManagers",value:function(){this.store=new xo(this),this.config=new md(this),this.snapManager=new Pd(this),this.commands=new sd(this),this.shortcuts=new gd(this),this.selection=new ih(this),this.timeline=new Oo(this),this.history=new bd(this),this.keyboardManager=new Od(this),this.viewport=new Sd(this),this.storageManager=new jd(this),this.cursorManager=new Mg(this),this.assetManager=new Tg(this),this.menuItemManager=new Ig(this),this.components=new ah(this),this.pluginManager=new Vg(this),this.renderers=new Eg(this),this.i18n=new Dg(this),this.initTheme(),this.initPlugins(),this.initStorage()}},{key:"initStorage",value:function(){this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all"}},{key:"createProject",value:function(){return this.createItem({itemType:"project"})}},{key:"getI18nMessage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.i18n.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return this.i18n.hasKey(t,e||this.locale)}},{key:"initI18nMessage",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"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"initPlugins",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.pluginManager.initializePlugin(t)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return wo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Lg;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(Lg)}},{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:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){var t=this.config.get("bodyEvent");return!t||("pointerup"===t.type||"pointermove"===t.type&&0===t.buttons)}},{key:"isPointerDown",get:function(){return!this.isPointerUp}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}},{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(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var i=n[0],a=n[1],o=n.slice(2);return(t=this.store).on.apply(t,[i,a,this].concat(ce()(o)))}},{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 Zt(t)?e.push(t):Array.isArray(t)&&(e=ce()(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:"storeKey",get:function(){return"__els__.".concat(this.config.get("store.key"))}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),JSON.stringify(e))}},{key:"loadResource",value:function(t){return this.assetManager.revokeResource(window.localStorage.getItem("".concat(this.storeKey,".").concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("".concat(this.storeKey,".").concat(t))||JSON.stringify(""))}},{key:"registerElement",value:function(t){io(t)}},{key:"registerMenuItem",value:function(t,e){this.menuItemManager.registerMenuItem(t,e),this.registerElement(e)}},{key:"registerComponent",value:function(t,e){this.components.registerComponent(t,e)}},{key:"registerItem",value:function(t,e){this.registerComponent(t,e)}},{key:"registerInspector",value:function(t,e){this.components.registerInspector(t,e)}},{key:"registerRenderer",value:function(t,e,n){this.renderers.registerRenderer(t,e,n)}},{key:"registerRendererType",value:function(t,e){this.renderers.registerRendererType(t,e)}},{key:"getRendererInstance",value:function(t,e){return this.renderers.getRendererInstance(t,e)}},{key:"renderer",value:function(t){return this.renderers.getRenderer(t)}},{key:"html",get:function(){return this.renderer("html")}},{key:"svg",get:function(){return this.renderer("svg")}},{key:"json",get:function(){return this.renderer("json")}},{key:"registerCommand",value:function(t){return this.commands.registerCommand(t)}},{key:"registerShortCut",value:function(t){this.shortcuts.registerShortCut(t)}},{key:"registerPlugin",value:function(t){this.pluginManager.registerPlugin(t)}},{key:"registerPluginList",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((function(e){return t.registerPlugin(e)}))}},{key:"registerConfig",value:function(t){this.config.registerConfig(t)}},{key:"registerI18nMessage",value:function(t,e){this.i18n.registerI18nMessage(t,e)}},{key:"registerI18nMessageWithLocale",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n=zt()(t,2),r=n[0],i=n[1];e.registerI18nMessage(r,i)}))}}]),t}(),Ag=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return _("bodyMouseMove ".concat(t))},zg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return _("bodyMouseUp ".concat(t))};function Fg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hg=function(t){R()(n,t);var e=Fg(n);function n(t){var r,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return O()(this,n),(r=e.call(this,t,i)).__UID=new Set,r.created(),r.initialize(),r.initializeStoreEvent(),r}return j()(n,[{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:MULTI_PREFIX,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=ae(t,e),i=zt()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"createLocalCallback",value:function(t,e){var n=e.bind(this);return n.displayName="".concat(this.sourceName,".").concat(t),n.source=this.source,n}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(B).forEach((function(e){var n=t.getRealEventName(e,"subscribe "),r=n.split(A),i=Ia()(r),a=(i[0],i.slice(1)),o=a.map((function(t){return t.trim()})).filter((function(e){return t[e]})).map((function(t){return{target:t}})),c=t.splitMethod(a,"debounce"),s=zt()(c,2),u=s[0],l=s[1],f=t.splitMethod(a,"throttle"),h=zt()(f,2),p=h[0],d=h[1],v=t.splitMethod(a,"allTrigger"),y=zt()(v,2),g=(y[0],y[1]),m=t.splitMethod(a,"selfTrigger"),b=zt()(m,2),k=(b[0],b[1]);n.split(A).filter((function(t){return-1===o.indexOf(t)&&-1===l.indexOf(t)&&-1===g.indexOf(t)&&-1===k.indexOf(t)&&-1===d.indexOf(t)})).map((function(t){return t.trim()})).filter(Boolean).forEach((function(n){if(Jt(t[e])){var r=t.createLocalCallback(n,t[e]);t.$store.on(n,r,t,u,p,g.length,k.length,o)}}))}))}},{key:"destoryStoreSUBSCRIBE",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){$a()(V()(n.prototype),"destroy",this).call(this),this.destoryStoreSUBSCRIBE()}},{key:"rerender",value:function(){$a()(V()(n.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:"broadcast",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];Object.keys(this.children).forEach((function(n){var i;(i=e.children[n]).trigger.apply(i,[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:"subscribe",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="subscribe.".concat(lo()),i=this.createLocalCallback(r,t);return this.$store.on(r,i,this,e,n,!1,!0),r}}]),n}(ko);function Gg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _g=function(t){R()(n,t);var e=Gg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.$editor.registerI18nMessageWithLocale(this.initializeI18nMessage())}},{key:"initializeI18nMessage",value:function(){return{}}},{key:"$editor",get:function(){return this.parent.$editor}},{key:"$store",get:function(){return this.$editor.store||this.parent.$store}},{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 this.$editor.getI18nMessage(t,e,n)}},{key:"$initI18n",value:function(t){return this.$editor.initI18nMessage(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}},{key:"$menuManager",get:function(){return this.$editor.menuItemManager}},{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:"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)}}]),n}(Hg);function Ng(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xg={x:0,y:0},Yg={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Kg=function(t){R()(n,t);var e=Ng(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.$editor.registerPluginList(this.getPlugins()),Array.isArray(this.opt.plugins)&&this.$editor.registerPluginList(this.opt.plugins),this.$editor.initPlugins(),qt(this.opt.config)&&this.$config.setAll(this.opt.config||{})}},{key:"$editor",get:function(){return this.__editorInstance||(this.__editorInstance=new Bg),this.__editorInstance}},{key:"afterRender",value:function(){$a()(V()(n.prototype),"afterRender",this).call(this),this.$el.attr("data-theme",this.$editor.theme),this.$el.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initialize",value:function(){var t;$a()(V()(n.prototype),"initialize",this).call(this),this.__initBodyMoves(),this.emit("load.json",null===(t=this.opt.data)||void 0===t?void 0:t.projects)}},{key:"getPlugins",value:function(){return[]}},{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):Gt(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")||Yg;!(n.x===t.x&&n.y===t.y)&&this.__moves.size&&(this.__moves.forEach((function(n){var r=Yi(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:it("add/body/mousemove"),value:function(t,e,n){this.__moves.add({func:t,context:e,xy:n})}},{key:it("add/body/mouseup"),value:function(t,e,n){this.__ends.add({func:t,context:e,xy:n})}},{key:wt("document"),value:function(t){var e=t.xy||Xg;this.$config.set("bodyEvent",t),this.$config.set("pos",e)}},{key:St("document"),value:function(t){var e=t.xy||Xg;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.__requestId||(this.__requestId=requestAnimationFrame(this.__funcBodyMoves))}},{key:jt("document"),value:function(t){this.$config.set("bodyEvent",t),this.__removeBodyMoves(),cancelAnimationFrame(this.__requestId),this.__requestId=null}},{key:xt("window")+Z(100),value:function(){this.emit("resize.window")}},{key:rt("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:rt("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:rt("changeTheme"),value:function(){this.$el.attr("data-theme",this.$editor.theme)}},{key:rt("changed.locale"),value:function(){this.rerender()}}]),n}(_g);n(34);function Ug(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wg=[],Zg=function(t){R()(n,t);var e=Ug(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(d," ").concat(30-c," L ").concat(d," 30 ")}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(h,'" y="',0,'" dx="0" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(f,"</text>")}return o.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,c=(n[0][0]-i)/a*o,s=(n[2][0]-i)/a*o;return"\n            M ".concat(c," 20 \n            L ").concat(c," 30 \n            L ").concat(s," 30 \n            L ").concat(s," 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,t),n=Math.max.apply(Math,t),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,c=(e-i)/a*o,s=(n-i)/a*o;return"\n            M ".concat(c," 15 \n            L ").concat(c," 20 \n            L ").concat(s," 20 \n            L ").concat(s," 15 \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 Wg=[],this.makeLine(Wg,200,e,n,r,i,10,20,1e4),this.makeLine(Wg,100,e,n,r,i,10,20,200),this.makeLine(Wg,50,e,n,r,i,10,20,100),this.makeLine(Wg,10,e,n,r,i,10,18,50),this.makeLine(Wg,5,e,n,r,i,10,15,10),this.makeLine(Wg,1,e,n,r,i,10,13,5),Wg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Tt("$ruler")+W,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:Tt("$layerRuler")+W,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:rt("updateViewport","refreshSelection"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+J(10),value:function(){this.$selection.current&&(this.$selection.current.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh())}},{key:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(_g);n(35);function qg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Jg=[],Qg=function(t){R()(n,t);var e=qg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(30-c," ").concat(d," L 30 ").concat(d)}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(1,'" y="',h,'" dy="6" dominant-baseline="central" transform="rotate(-90, 1, ').concat(h,')">').concat(f,"</text>")}return o.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,c=(n[0][1]-i)/a*o,s=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(c,"\n            L 30 ").concat(c,"\n            L 30 ").concat(s,"\n            L 20 ").concat(s,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=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 15 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 15 ").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 Jg=[],this.makeLine(Jg,200,e,n,r,i,10,18,1e4),this.makeLine(Jg,100,e,n,r,i,10,18,200),this.makeLine(Jg,50,e,n,r,i,10,18,100),this.makeLine(Jg,10,e,n,r,i,10,18,50),this.makeLine(Jg,5,e,n,r,i,10,15,10),this.makeLine(Jg,1,e,n,r,i,10,14,5),Jg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Tt("$body")+W,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:Tt("$layerRuler")+W,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+J(10),value:function(){var t=this.$selection.current;t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh()}},{key:rt("refreshSelection"),value:function(){this.load("$layerRuler")}},{key:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(_g),tm=function(){function t(){O()(this,t)}return j()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=ce()(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=ce()(t.dataTransfer.files)),[].concat(ce()(e),ce()(n))}}]),t}(),em=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],nm={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},rm={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},am=function(t){return nm[t]||!1},om=function(t){return im[t]||!1};function cm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sm=Ka.create("div"),um=function(t){R()(n,t);var e=cm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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      <style type='text/css' ref='$styleView'></style>\n    </div>\n    "}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.refs.$head=Ka.create(document.head)}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new nh;this.refs.$head.$$('style[data-renderer-type="html"]').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=Ka.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-renderer-type="html"][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:Tt("$svgArea")+W,value:function(){var t=this.$selection.currentProject||{};return this.$editor.html.renderSVG(t)}},{key:rt("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:rt("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:rt("refreshSelection"),value:function(){var t=this.$selection.items.map((function(t){return'[data-id="'.concat(t.id,'"]')})).join(","),e=this.$selection.isMany?"\n      ".concat(t," {\n        box-shadow: 0 0 0 1px #66baff;\n      }\n    "):"";this.refs.$styleView.html(e)}},{key:rt("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Array.isArray(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?Zt(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var c=n[a],s=c.allLayers.map((function(t){return'style[data-renderer-type="html"][data-id="'.concat(t.id,'"]')})).join(",");i.push(s),r.push(this.makeStyle(c))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var u=sm.html(r.join("")).createChildrenFragment();this.refs.$head.append(u)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),n}(_g);n(36);function lm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fm=function(t){R()(n,t);var e=lm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{StyleView:um}}},{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return"\n            <div class='elf--element-view' ref='$body'>\n                <object refClass='StyleView' ref='$styleView' />\n                <div class='canvas-view' ref='$view'></div>\n                ".concat(this.$menuManager.generate("render.view"),"\n            </div>\n        ")}},{key:rt("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:rt("refElement"),value:function(t,e){Jt(e)&&e(this.getElement(t))}},{key:"clearElementAll",value:function(){var t=this;this.$selection.each((function(e){t.clearElement(e.id)}))}},{key:"clearElement",value:function(t){this.state.cachedCurrentElement[t]=void 0}},{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:ut("$view .element-item.text .text-content"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:bt("$view .element-item.text .text-content"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:ft("$view .element-item.text .text-content"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.parent().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){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(hd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(n))return!0;var r=Ka.create(t.target);if(r.hasClass("canvas-view"))return!1;var i=r.closest("element-item");if(!i)return!!this.$editor.isSelectionMode();if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey){var o=this.$selection.currentProject.searchById(a);if(o.is("artboard")&&o.hasChildren())return this.$config.set("set.dragarea.mode",!0),!0}return this.$editor.isSelectionMode()}},{key:ut("$view"),value:function(t){var e=Ka.create(t.target).closest("element-item").attr("data-id"),n=this.$selection.get(e);this.$selection.isOne&&n&&(this.emit("open.editor"),this.emit("removeGuideLine"))}},{key:wt("$view")+N("checkEditMode")+Ag("calculateMovedElement")+zg("calculateEndedElement"),value:function(t){if(this.initMousePoint=this.$viewport.getWorldPosition(t),this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else{var e=this.$selection.hasPoint(this.initMousePoint),n=Ka.create(t.target);if(n.hasClass("canvas-view"))return this.$selection.select(),this.initializeDragSelection(),this.emit("history.refreshSelection"),!1;var r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||!1===this.$selection.check({id:i})&&this.$selection.selectById(i),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);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.initializeDragSelection(),this.emit("history.refreshSelection")}}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"calculateMovedElement",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(!this.$selection.isLayoutItem){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.moveTo(e),this.$selection.changeArtBoard()&&(this.initMousePoint=t,this.$selection.reselect(),this.$snapManager.clear(),this.clearElementAll(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Sa.px(t.x+n[0]).round(1e3),y:Sa.px(t.y+n[1]).round(1e3)}})),this.$selection.reset(r)}},{key:rt("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"calculateEndedElement",value:function(t,e){var n=this.$viewport.getWorldPosition(),r=i.dist(n,this.initMousePoint);if(this.$config.get("set.dragarea.mode"))return this.emit("endDragAreaView"),void this.$config.set("set.dragarea.mode",!1);r<1?this.$selection.current:(this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"))),this.emit("refreshSelectionTool",!0)}},{key:It("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Sa.px(e),height:Sa.px(n)}}}},{key:It("$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,")");return{style:{"transform-origin":"".concat(n[0],"px ").concat(n[1],"px"),transform:i}}}},{key:rt("refreshSelectionStyleView"),value:function(t){var e=this;(t?[t]:this.$selection.items).forEach((function(t){e.updateElement(t)}))}},{key:"updateElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:"updateTimelineElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:rt("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:rt("refreshAllCanvas"),value:function(){this.clearElementAll();var t=this.$selection.currentProject,e=this.$editor.html.render(t,null,this.$editor)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view"),this.trigger("updateAllCanvas",t)}},{key:rt("updateAllCanvas"),value:function(t){var e=this;t.layers.forEach((function(t){e.updateElement(t,e.getElement(t.id)),e.trigger("updateAllCanvas",t)}))}},{key:rt("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));ce()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:rt("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,c=r.height;t.reset({x:Sa.px(i),y:Sa.px(a),width:Sa.px(o),height:Sa.px(c)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:rt("updateViewport"),value:function(){this.bindData("$view")}}]),n}(_g);n(37);function hm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pm=function(t){R()(n,t);var e=hm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return"     \n      <div class='elf--page-tools'>\n        <button type='button' ref='$minus'>".concat(Cg.remove2,"</button>\n        <div class='select'>\n          <object \n            refClass=\"NumberInputEditor\" \n            ref='$scale' \n            min='10' \n            max='240' \n            step=\"1\" \n            key=\"scale\" \n            value=\"").concat(100*this.$viewport.scale,'" \n            onchange=').concat(this.subscribe((function(e,n){t.$viewport.setScale(n/100),t.emit("updateViewport"),t.trigger("updateViewport")}),1e3),"\n        />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Cg.add,"</button>        \n        <button type='button' ref='$center' data-tooltip=\"Move to Center\" data-direction=\"top\">").concat(Cg.gps_fixed,"</button>    \n        <button type='button' ref='$ruler' data-tooltip=\"Toggle Ruler\" data-direction=\"top\">").concat(Cg.straighten,"</button>    \n        <button type='button' ref='$fullscreen' data-tooltip=\"FullScreen Canvas\" data-direction=\"top\">").concat(Cg.fullscreen,"</button>                        \n        <button type='button' ref='$pantool' class=\"").concat(wc({on:this.$config.get("set.tool.hand")}),'" data-tooltip="Hand | H" data-direction="top">').concat(Cg.pantool,"</button>   \n        ").concat(this.$menuManager.generate("page.tools"),"                             \n      </div>\n\n    ")}},{key:rt("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale&&this.children.$scale.setValue(t)}},{key:st("$plus")+et+nt,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:st("$minus")+et+nt,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:st("$center")+et+nt,value:function(){this.emit("moveSelectionToCenter")}},{key:st("$pantool")+et+nt,value:function(){this.$config.toggle("set.tool.hand")}},{key:st("$ruler")+et+nt,value:function(){this.$config.toggle("show.ruler")}},{key:st("$fullscreen")+et+nt,value:function(){this.emit("bodypanel.toggle.fullscreen")}},{key:ot("set.tool.hand"),value:function(){this.refs.$pantool.toggleClass("on",this.$config.get("set.tool.hand"))}}]),n}(_g);n(38);function dm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ym=function(t){R()(n,t);var e=vm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--layer-append-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:"black",fontSize:30,showRectInfo:!1,areaVerties:Vo(0,0,0,0),content:"Insert a text",pathManager:new gf,rect:{},options:{},containerItem:void 0}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:St("$el")+N("checkNotDragStart"),value:function(t){var e=this.$viewport.getWorldPosition(t),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertex=i.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertex=null),this.bindData("$mousePointer")}},{key:wt("$el")+Ag()+zg()+et+nt,value:function(t){this.initMousePoint=this.state.targetPositionVertex?this.state.targetPositionVertex:this.$viewport.getWorldPosition(t),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="";var e=Vo(this.initMousePoint[0],this.initMousePoint[1],0,0);this.state.areaVerties=this.$viewport.applyVerties(e),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"text":case"svg-text":return"\n                <div \n                    class='draw-item' \n                    \n                    style='font-size: 30px;outline: 1px solid blue;white-space:nowrap'\n                >\n                    <p contenteditable=\"true\" style=\"margin:0px;display: inline-block;outline:none;\" ></p>\n                </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(gf.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(gf.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(gf.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            ");default:return"<div class='draw-item' style='outline: 1px solid blue;'></div>"}}},{key:It("$area"),value:function(){var t=Do(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:It("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=Do(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Sa.px(e[2][0]),top:Sa.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||[]).filter(Boolean);return 0!==e.length?'\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    "):void 0}},{key:It("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n]).filter(Boolean)):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,a=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),c=Math.max(n[0],this.initMousePoint[0])-a,s=Math.max(n[1],this.initMousePoint[1])-o;r&&(s=c);var u=Vo(a,o,c,s);this.state.areaVerties=this.$viewport.applyVerties(u),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.content,o=r.fontSize,c=r.areaVerties,s=this.$viewport.applyVertiesInverse(c),u=this.$selection.getArtboardByPoint(s[0]),l=Do(s),f=l.x,h=l.y,p=l.width,d=l.height,v=!0;if(0===p.value&&0===d.value)switch(this.state.type){case"text":a="",d.set(this.state.fontSize),v=!1;break;default:p.set(100),d.set(100)}var y=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({x:f,y:h,width:p,height:d,"background-color":i,content:a,"font-size":o},this.state.options);switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete y["background-color"];break;default:delete y.content}switch(this.state.type){case"image":this.trigger("openImage",y,u);break;case"video":this.trigger("openVideo",y,u);break;case"audio":this.trigger("openAudio",y,u);break;case"text":if(!v){var g=this.state.fontSize/this.$viewport.scale,m=this.refs.$area.$(".draw-item > p");return m.parent().css("height","".concat(g,"px")),m.parent().css("font-size","".concat(g,"px")),m.select(),void m.focus()}y["font-size"]=Sa.px(this.state.fontSize/this.$viewport.scale);default:this.emit("newComponent",this.state.type,y,!0,u)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:rt("showLayerAppendView"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.type=t,this.state.options=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:rt("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:rt("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:lt("document")+N("isShow")+Y+X+et+nt,value:function(t){}},{key:ft("document")+N("isShow")+Y+X+et+nt,value:function(t){switch(this.state.type){case"text":var e=Ka.create(t.target),n=this.state,r=n.fontSize,i=n.areaVerties,a=this.$viewport.applyVertiesInverse(i),o=Do(a),c=o.x,s=o.y,u=e.rect(),l=u.width,f=u.height,h=e.text();if(console.log(h,f),0===h.length)break;var p=this.$viewport.applyScaleVertiesInverse([[l,f,r]]),d=zt()(p,1),v=zt()(d[0],3),y=v[0],g=v[1],m=v[2],b={x:c,y:s,width:Sa.px(y),height:Sa.px(g),content:h.trim(),"font-size":Sa.px(m)},k=this.$selection.getArtboardByPoint(a[0]);this.emit("newComponent",this.state.type,b,!0,k)}this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect"),this.trigger("hideLayerAppendView")}},{key:ft("$el")+N("isShow"),value:function(t){switch(this.state.type){case"text":var e=Ka.create(t.target).rect();e.width,e.height}}},{key:yt("$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:yt("$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:rt("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:rt("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}}]),n}(_g);function gm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var bm=function(){function t(){O()(this,t),this.segmentList=[]}return j()(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(mm(mm({},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(mm(mm({},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?"":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 km(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?km(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):km(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var wm=["startPoint","endPoint","reversePoint"];function Pm(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 Om(t,e,n,r){var i=[],a=wm;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],c=Math.abs(o[e]-n);c<=r&&i.push({dist:c,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function Sm(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 c=a,s=t[c];if(s){if("M"===s.command)i.push({command:"M",values:[s.startPoint]});else{var u=Ac.getPrevPoint(t,a);!1===s.curve?!1===u.curve?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[u.endPoint,s.startPoint]}):!1===u.curve?Ac.isEqual(s.reversePoint,s.startPoint)?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[s.reversePoint,s.startPoint]}):i.push({command:"C",values:[u.endPoint,s.reversePoint,s.startPoint]})}s.close&&i.push({command:"Z"})}}var l=i.map((function(t){return jm(e,n,t,r)})).join(" ");return{d:l}}function jm(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 $m=function(){function t(e){O()(this,t),this.pathEditor=e,this.pathStringManager=new gf,this.guideLineManager=new gf,this.segmentManager=new bm,this.initialize(),this.initializeSelect()}return j()(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:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return ce()(this.state.points)}},{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=i.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){var e=this.transformRect,n=e.x,i=e.y,a=e.width,o=e.height,c=r.create();switch(r.translate(c,c,[n,i,0]),t){case"flipX":r.scale(c,c,[-1,1,1]),r.translate(c,c,[-a,0,0]);break;case"flipY":r.scale(c,c,[1,-1,1]),r.translate(c,c,[0,-o,0]);break;case"flip":r.scale(c,c,[-1,-1,1]),r.translate(c,c,[-a,-o,0])}r.translate(c,c,[-n,-i,0]),this.transformMat4(c)}},{key:"initTransform",value:function(t){this.transformRect=ee(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:ee(t.startPoint),endPoint:ee(t.endPoint),reversePoint:ee(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=Ac.getReversePoint(n.startPoint,a));var c={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(c)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:ee(t),curve:!1,reversePoint:ee(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=Ac.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Ac.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Ac.getNextPoint(i,t));var a=Ac.isFirst(r.segment);if(a){var o=Ac.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ee(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ee(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=zt()(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=ee(n.startPoint),n.endPoint=ee(n.startPoint),"M"===n.command){var r=Ac.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=ee(r.startPoint),r.endPoint=ee(r.startPoint))}else{if((i=Ac.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ee(o.startPoint),o.endPoint=ee(o.startPoint)}else{n.curve=!0;var i,a=Ac.getPrevPoint(e,t);if((i=Ac.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Ac.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ee(n.endPoint),o.reversePoint=ee(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var c=(n.startPoint.x-a.startPoint.x)/3,s=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reversePoint=Ac.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){c=(n.startPoint.x-i.startPoint.x)/3,s=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reverse=Ac.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]=Ac.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],c=o.x,s=o.y,u=n.originalSegment[e],l=u.x,f=u.y,h=Xi(la(c-i,s-a),Yi(l,f,i,a),i,a),p=h.x,d=h.y;n.segment[e]={x:p,y:d}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var a=r.state,o=a.cachedPoints,c=a.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=c.x+e,u=c.y+n,l=Pm(o,"x",s,e,i),f=l.point,h=(e=l.distanceValue,Pm(o,"y",u,n,i)),p=h.point,d=(n=h.distanceValue,{x:c.x+e,y:c.y+n}),v=[];return f&&v.push({startPoint:f,endPoint:d}),p&&v.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:v}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=ee(t.startPoint),e.endPoint=ee(t.endPoint),e.reversePoint=ee(t.reversePoint)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}},{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=Ac.splitPoints(this.state.points),n=Ac.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=ee(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=ee(t.startPoint)),Ac.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,c=this.calculateSnap(a,t,e,3),s=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=s||[],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 u="endPoint"===a?"reversePoint":"endPoint";r.segment[u]=Ac.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},c={x:i,y:a};n.dragPoints&&(c=Ac.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Ac.getPoint(r,e),a=Ac.getPoint(r,n),o=[xm(xm({},i),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},xm(xm({},a),{},{reversePoint:t.second[2]})],c=Ac.getIndex(r,e);return r.splice.apply(r,[c,2].concat(o)),this.state.points=r,c+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Ac.getPoint(r,e),a=Ac.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[xm(xm({},i),{},{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Ac.getIndex(r,e);r.splice.apply(r,[c,1].concat(ce()(o)))}else{o=[xm({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},xm(xm({},a),{},{reversePoint:t.second[1],curve:!0})],c=Ac.getIndex(r,e);r.splice.apply(r,[c,2].concat(ce()(o)))}return this.state.points=r,c+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=Ac.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 Sm(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,c=i,s=la(r-n,a-i)-180,u=Xi(0,20,o,c),l=u.x,f=u.y,h=Xi(s/2,20,o,c),p=(h.x,h.y,Xi(s,20,o,c));this.segmentManager.addDistanceAngle(p,20,20,s,{x:l,y:f},{x:l-20,y:f})}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)):(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint),!1===Ac.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===Ac.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?Ac.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===Ac.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===Ac.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ac.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===Ac.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ac.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?Ac.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 gf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new gf).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ac.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new gf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new gf).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new gf).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=Ac.getNextPoint(t,n),o=Ac.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=Om(t,"x",e.x,n),i=Om(t,"y",e.y,n),a=xm({},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),c=o.snapPointList,s=o.moveXY;a.push.apply(a,c),t.moveXY=s,r=s,this.snapPointList=a;var u=e[e.length-1];if(i)if(u){if(u.curve){var l=Ac.getReversePoint(n,r);p=l.x,d=l.y;this.guideLineManager.M(u.startPoint).C(u.endPoint,{x:p,y:d},n),this.segmentManager.addGuideLine(u.startPoint,u.endPoint).addGuideLine(n,{x:p,y:d}).addGuideLine(n,r).addCurvePoint(u.endPoint).addCurvePoint({x:p,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===u.curve){var f=Ac.getReversePoint(n,r);p=f.x,d=f.y;this.guideLineManager.M(u.startPoint).Q({x:p,y:d},n),this.segmentManager.addGuideLine(r,{x:p,y:d}).addPoint(!1,n).addCurvePoint({x:p,y:d}).addCurvePoint(r)}}else{var h=Ac.getReversePoint(n,r),p=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:p,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:p,y:d})}else u&&(u.curve?(this.guideLineManager.M(u.startPoint).Q(u.endPoint,r),this.segmentManager.addGuideLine(u.endPoint,u.startPoint).addCurvePoint(u.endPoint)):u.close||(this.guideLineManager.M(u.startPoint).L(r),this.segmentManager.addPoint(!1,u.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new gf;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:"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 Sm(t,e,n,r).d}}]),t}();function Rm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cm=function(t){R()(n,t);var e=Rm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),n}(zu);function Mm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Em=function(t){R()(n,t);var e=Vm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Tm({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Tm(Tm({},$a()(V()(n.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 e=Ds(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t));else{var a=t.split(" "),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];r.x1=Sa.parse(c),r.y1=Sa.parse(s),r.x2=Sa.parse(u),r.y2=Sa.parse(l),r.spreadMethod=f||"pad"}})),new n(Tm(Tm({},r),{},{colorsteps:i}))}}]),n}(Cm);function Im(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Im(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Im(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bm=function(t){R()(n,t);var e=Lm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Dm({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Dm(Dm({},$a()(V()(n.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,c=e.fr,s=e.spreadMethod;return"\n<radialGradient ".concat(xc({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:c,spreadMethod:s})," >\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 e=Ds(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t));else{var a=t.split(" "),o=zt()(a,7),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6];r.cx=c,r.cy=s,r.r=u,r.fx=l,r.fy=f,r.fr=h,r.spreadMethod=p||"pad"}})),new n(Dm(Dm({},r),{},{colorsteps:i}))}}]),n}(Cm);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){w()(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}function Fm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hm=function(t){R()(n,t);var e=Fm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Iu({color:"red",percent:0,index:0}),new Iu({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return zm(zm({},$a()(V()(n.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 n({colorsteps:[new Iu({color:t,percent:0,index:0}),new Iu({color:t,percent:100,index:0})]})}}]),n}(Cm);function Gm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xm=["jpg","jpeg","png","gif","svg"];var Ym=function(t){R()(n,t);var e=Nm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,_m({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return _m(_m({},$a()(V()(n.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,c=t.imageHeight,s=t.url,u=[e,n,r,i,a,o,c].join(",").trim();return"url(".concat(s,"#").concat(u,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,c=e.imageWidth,s=e.imageHeight;return"\n  <pattern ".concat(xc({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(xc({x:a,y:o,width:c,height:s,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var e=t.split("(")[1].split(")")[0].trim().split("#"),r=zt()(e,2),i=r[0],a=r[1];if(!a)return new n({url:i});var o=a.split(","),c=zt()(o,7);return new n({patternUnits:c[0],patternWidth:c[1],patternHeight:c[2],imageX:c[3],imageY:c[4],imageWidth:c[5],imageHeight:c[6],url:i})}},{key:"isImageFile",value:function(t){return Xm.includes(t)}}]),n}(Cu);function Km(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Um(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Km(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Km(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Wm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zm=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,qm=function(t){R()(n,t);var e=Wm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.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 Em(Um(Um({},r),{},{colorsteps:n}));case"radial-gradient":return new Bm(Um(Um({},r),{},{colorsteps:n}));default:return new Hm(Um(Um({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Ds(t),n=null,r=e.str.match(Zm);return r?(r.forEach((function(t,r){t=Bs(t,e.matches),n=t.includes("linear")?Em.parse(t):t.includes("radial")?Bm.parse(t):t.includes("url")?Ym.parse(t):Hm.parse(t)})),n):Hm.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Em(t);case"radial-gradient":return new Bm(t);case"image-resource":case"url":return new Ym(t);default:return new Hm(t)}}}]),n}(Tc);n(39);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eb=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],nb=function(t){R()(n,t);var e=tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new Hc}},{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:Sa.z(),screenY:Sa.z(),screenWidth:Sa.z(),screenHeight:Sa.z()}}},{key:rt("changeDrawManager"),value:function(t){this.setState(Qm({},t),!1)}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:ft("document")+N("isShow")+Y+X+et+nt,value:function(){this.trigger("hidePathDrawEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var a=Ac.simply(this.state.points,this.state.tolerance),o=new Hc(gf.makePathByPoints(a)),c=new Hc($m.generatorPathString(o.convertGenerator()));c.transformMat4(this.$viewport.matrixInverse);var s=c.getBBox(),u=i.distance(s[1],s[0]),l=i.distance(s[3],s[0]);c.translate(-s[0][0],-s[0][1]);var f={itemType:"svg-path",x:Sa.px(s[0][0]),y:Sa.px(s[0][1]),width:Sa.px(u),height:Sa.px(l),d:c.scale(1/u,1/l).d,totalLength:this.totalPathLength};eb.forEach((function(t){n.state[t]&&Object.assign(f,w()({},t,n.state[t]))})),e=r.appendChildItem(this.$editor.createItem(f))}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(Qm(Qm({},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:rt("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:rt("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:rt("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:rt("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:"toFillSVG",get:function(){return qm.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return qm.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 qm.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return qm.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}},{key:It("$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(gf.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:rt("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Sa.z(),y:Sa.z(),width:Sa.z(),height:Sa.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:wt("$view")+Ag()+zg(),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")}}]),n}(_g);n(40);function rb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?rb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ab(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function ob(t){var e=zt()(t,2);return{x:e[0],y:e[1]}}var cb=["fill","fill-opacity","stroke","stroke-width"],sb=function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new Hc,this.pathGenerator=new $m(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Sa.z(),screenY:Sa.z(),screenWidth:Sa.z(),screenHeight:Sa.z()}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:ft("document")+N("isShow")+X+et+nt,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:ft("document")+N("isShow")+Y+et+nt,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new Hc(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var a=r.getBBox(),o=i.distance(a[1],a[0]),c=i.distance(a[3],a[0]);r.translate(-a[0][0],-a[0][1]);var s={itemType:"svg-path",x:Sa.px(a[0][0]),y:Sa.px(a[0][1]),width:Sa.px(o),height:Sa.px(c),d:r.scale(1/o,1/c).d,totalLength:this.totalPathLength,fill:"#C4C4C4"};cb.forEach((function(t){e.state[t]&&(s[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(a[0])||n).appendChildItem(this.$editor.createItem(s))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new Hc(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(ib({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:rt("changePathManager"),value:function(t){this.setState(ib(ib({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:rt("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new Hc(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:rt("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:rt("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:rt("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:It("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,canvas:"canvas"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:It("$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:St("$view")+et,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=Ka.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:wt("$view :not(.split-path)")+et+nt+Ag()+zg(),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=Ka.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=zt()(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:Sa.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:Sa.px(t.x+(e<0?e:0)),top:Sa.px(t.y+(n<0?n:0)),width:Sa.px(Math.abs(e)),height:Sa.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 Sa.parse(t)})),e=zt()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Sa.px(n.x.value+n.width.value),n.y2=Sa.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(Yi(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(),Jt(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:rt("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:rt("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:rt("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))}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("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:rt("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new Hc(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new Hc(t);if("C"===n.segments[1].command){var r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2)),ob(n.segments[1].values.slice(2,4)),ob(n.segments[1].values.slice(4,6))],i=qo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return ac(r,i).first[3]}if("Q"===n.segments[1].command){r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2)),ob(n.segments[1].values.slice(2,4))],i=Jo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return oc(r,i).first[2]}if("L"===n.segments[1].command){r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2))],i=Qo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return cc(r,i).first[1]}return e}},{key:wt("$view .split-path")+Ag()+zg(),value:function(t){this.initRect();var e=new Hc(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=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2)),ob(e.segments[1].values.slice(2,4)),ob(e.segments[1].values.slice(4,6))],a=qo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(ac(i,a))}else if("Q"===e.segments[1].command){i=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2)),ob(e.segments[1].values.slice(2,4))],a=Jo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(oc(i,a))}else if("L"===e.segments[1].command){i=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2))],a=Qo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(cc(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)}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:ut("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:Mt("$view [data-segment]")+et+q(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),n}(_g))));n(41);function ub(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lb=function(t){R()(n,t);var e=ub(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--hover-view'>\n                <div class='elf--hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:ot("bodyEvent"),value:function(){var t,e=null===(t=this.$selection.filteredLayers.filter((function(t){return!1===t.is("artboard")}))[0])||void 0===t?void 0:t.id;e&&!1!==this.$config.get("hoverView")?this.$selection.setHoverId(e)&&this.renderHoverLayer():(this.$selection.setHoverId(""),this.renderHoverLayer())}},{key:rt("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(""),this.emit("removeGuideLine");else{var e=t[0].verties,n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n),this.emit("refreshGuideLineByTarget",[t[0].verties])}}},{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                />\n        </svg>')}}]),n}(_g);n(42);function fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hb=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,"' />")},pb=function(t,e){var n="".concat(Math.floor(t)),r=13,i=16,a=n.length*r,o=i;return'\n    \n        <rect x="'.concat(e[0]-a/4,'" y="').concat(e[1]-i-2,'" width="').concat(a,'" height="').concat(o,'" rx="2" ry="2" fill="#00a9f4" />\n        <text x="').concat(e[0],'" y="').concat(e[1],'" dy="-5" font-size="16">').concat(n,"</text>\n    ")},db=function(t,e){return hb(t,e)},vb=function(t,e){return hb(t,e)},yb=function(t){return'\n    <path \n        class="base-rect"\n        fill="none"\n        stroke-width="1"\n        stroke="red"\n        stroke-dasharray="2 2"\n        d="'.concat(gf.makeRect(t[0][0],t[0][1],i.dist(t[0],t[1]),i.dist(t[0],t[3])),'\n        " \n    />\n')},gb=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left";return"left"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]+e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"right"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]-e," ").concat(t[1]+e,'\n            " \n        />\n    '):"up"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"down"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '):'\n        <path \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    ')},mb=function(t){R()(n,t);var e=fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <svg class=\'elf--guide-line-view\' ref="$guide" width="100%" height="100%" ></svg>\n            '}},{key:"initState",value:function(){return{list:[]}}},{key:It("$guide"),value:function(){return{svgDiff:"<g>".concat(this.createGuideLine(this.state.list),"</g>")}}},{key:"createGuideLine",value:function(t){for(var e=[],n=[],r=0,a=(t=t.filter(Boolean)).length;r<a;r++){var o=zt()(t[r],8),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6],d=(o[7],Math.floor(l)),v=this.$viewport.applyVertex(c),y=this.$viewport.applyVertex(s),g=void 0;f&&(g=this.$viewport.applyVerties([f])[0]),"x"===u&&(d>0&&e.push(hb(v,y,"dash-line")),g&&e.push(hb(y,g,"dash-line")),d>0&&n.push(pb(d,i.lerp([],v,y,.5)))),"y"===u&&(d>0&&e.push(hb(v,y,"dash-line")),g&&e.push(hb(y,g,"dash-line")),d>0&&n.push(pb(d,i.add([],i.lerp([],v,y,.5),[20,0,0])))),"x"===u&&e.push(db(y,v)),"y"===u&&e.push(vb(y,v)),this.state.hasVerties&&(e.push(gb(v,3,"vertex")),e.push(gb(y,3,"vertex"))),h&&(this.$selection.isOne&&this.$editor.isPointerDown||this.$selection.isMany&&!this.$editor.isPointerMove)&&e.push(yb(this.$viewport.applyVerties(h))),p&&e.push(yb(this.$viewport.applyVerties(p)))}return[].concat(e,n).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState({list:t,hasVerties:e})}},{key:rt("removeGuideLine","refreshSelection"),value:function(){this.removeGuideLine()}},{key:rt("refreshGuideLineByTarget"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.refreshSmartGuides(t)}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:"refreshSmartGuides",value:function(t){if(!this.$selection.isEmpty){var e,n=Bo(this.$selection.verties);if(t)e=t.map((function(t){return Bo(t)}));else{var r=this.$selection.snapTargetLayers.map((function(t){var e=Bo(t.verties);return{targetVerties:e,dist:i.dist(e[4],n[4])}}));r.sort((function(t,e){return t.dist-e.dist})),e=r.map((function(t){return t.targetVerties}))}var a=e.map((function(t){return qi(n,t)}));a.sort((function(t,e){return t[3]-e[3]}));var o=[a[0],a[1]].filter(Boolean);this.setGuideLine(o)}}},{key:"refreshSmartGuidesForVerties",value:function(){var t=this.$snapManager.findGuide(this.$selection.verties);this.setGuideLine(t,!0)}},{key:rt("refreshSelectionStyleView"),value:function(){!this.$selection.hasChangedField("d","clip-path")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refreshSmartGuidesForVerties()}}]),n}(_g);n(43);function bb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kb=function(t){R()(n,t);var e=bb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='elf--selection-info-view'></div>"}},{key:wt("$el [data-artboard-title-id]")+U+Ag("calculateMovedElement")+zg("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.getWorldPosition(t);var e=t.$dt.attr("data-artboard-title-id");this.$selection.selectById(e),t.altKey&&(this.$selection.selectAfterCopy(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),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.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));this.emit("selectionToolView.moveTo",n),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.refresh()}))}},{key:rt("refreshItemName"),value:function(t,e){var n;this.emit("setAttributeForMulti",w()({},t,{name:e})),null===(n=this.$el.$("[data-artboard-title-id='".concat(t,"']")))||void 0===n||n.text(e)}},{key:"calculateEndedElement",value:function(t,e){this.command("setAttributeForMulti","move item",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView"),value:function(){this.$selection.current&&this.$selection.current.is("artboard")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refresh()}},{key:Tt("$el")+W,value:function(){var t=this;return this.$selection.currentProject.artboards.map((function(e){return{title:e.name,id:e.id,rect:[t.$viewport.applyVertex(e.verties[0]),t.$viewport.applyVertex(e.verties[1])]}})).map((function(e){return t.makeArtboardTitleArea(e)}))}},{key:"makeArtboardTitleArea",value:function(t){return'\n            <div class="artboard-title is-not-drag-area" \n                 data-artboard-title-id="'.concat(t.id,'" \n                 style="left: ').concat(t.rect[0][0],"px;top:").concat(t.rect[0][1],'px;"\n            >').concat(t.title,"</div>")}}]),n}(_g);function xb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Pb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ob=function(t){R()(n,t);var e=Pb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Tt("$el"),value:function(){var t=this;if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var n=e.parent,r=n.screenX,i=n.screenY,a=n.width,o=n.height,c=this.$editor.html.toGridLayoutCSS(n);return"<div style='".concat(bc(wb({position:"absolute",left:r,top:i,width:a,height:o,border:"1px solid black"},c)),"'>\n                ").concat(n.layers.map((function(e){var n=t.$editor.html.toLayoutItemCSS(e);return"<div style='".concat(bc(wb(wb({},n),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:rt("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:rt("updateViewport"),value:function(){this.refresh()}}]),n}(_g);n(20);function Sb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jb=function(t){R()(n,t);var e=Sb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView"></div>            \n        '}},{key:"checkSelectionArea",value:function(t){var e=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(e))return!0}},{key:"checkEditMode",value:function(t){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(hd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);return this.inSelection=!1,this.$selection.hasPoint(n)?(this.inSelection=!0,this.$selection.current.is("artboard")&&this.$selection.current.hasChildren()?(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1),!0):(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0),!0)):(this.mouseOverItem=this.$selection.filteredLayers[0],this.mouseOverItem?(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0)):(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1)),!0)}},{key:wt("$dragAreaView")+N("checkEditMode")+Ag("movePointer")+zg("moveEndPointer"),value:function(t){if(this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else if(this.$config.get("set.move.mode"))if(this.initMousePoint=this.$viewport.getWorldPosition(),this.mouseOverItem=this.$selection.filteredLayers[0],t.altKey)!1===this.$selection.isEmpty&&this.$selection.hasPoint(this.initMousePoint)&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(this.mouseOverItem){var e=this.mouseOverItem.id;if(t.shiftKey)this.$selection.toggleById(e);else if(!1===this.$selection.check({id:e})){var n=this.$selection.currentProject.searchById(e);n&&n.is("artboard")&&n.hasChildren()||this.$selection.selectById(e)}}this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"movePointer",value:function(t,e){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(this.$config.get("set.move.mode")){if(this.$selection.isLayoutItem)return;var n=this.$viewport.getWorldPosition(),r=i.floor([],i.subtract([],n,this.initMousePoint));this.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){var e=t.verties.map((function(t){return i.add([],t,n)})),a=i.subtract([],i.transformMat4([],e[0],t.parentMatrixInverse),i.transformMat4([],t.verties[0],t.parentMatrixInverse));r[t.id]={x:Sa.px(t.x+a[0]).round(1e3),y:Sa.px(t.y+a[1]).round(1e3)}})),this.$selection.reset(r)}},{key:rt("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"moveEndPointer",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("endDragAreaView");else if(this.$config.get("set.move.mode")){var t=this.$viewport.getWorldPosition();if(i.floor([],i.subtract([],t,this.initMousePoint))<1){if(this.$selection.current.isSVG())return this.emit("open.editor"),void this.emit("removeGuideLine")}else this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"));this.emit("refreshSelectionTool",!0)}this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!1)}}]),n}(_g);function $b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rb=function(t){R()(n,t);var e=$b(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView" style="pointer-events:none;">\n                <div class=\'drag-area-rect\' ref=\'$dragAreaRect\'></div>\n            </div>            \n        '}},{key:rt("drawAreaView"),value:function(t){this.refs.$dragAreaRect.css(t)}},{key:rt("initDrawAreaView"),value:function(){this.refs.$dragAreaRect.css({left:Sa.px(-1e4),top:Sa.z(),width:Sa.z(),height:Sa.z()})}},{key:rt("startDragAreaView"),value:function(){this.initMousePoint=this.$viewport.getWorldPosition(),this.$config.set("hoverView",!1),this.dragRect={left:Sa.px(this.initMousePoint[0]),top:Sa.px(this.initMousePoint[1]),width:Sa.z(),height:Sa.z()},this.trigger("drawAreaView",this.dragRect)}},{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:rt("moveDragAreaView"),value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));t.shiftKey&&(n[1]=n[0]);var r=i.floor([],this.initMousePoint),a=i.floor([],i.add([],this.initMousePoint,n)),o=Bo([this.$viewport.applyVertex(r),this.$viewport.applyVertex(a)]);if(this.dragRect={left:Sa.px(o[0][0]),top:Sa.px(o[0][1]),width:Sa.px(Math.abs(o[1][0]-o[0][0])),height:Sa.px(Math.abs(o[3][1]-o[0][1]))},this.trigger("drawAreaView",this.dragRect),this.$editor.isSelectionMode()){var c=this.dragRect,s=c.left,u=c.top,l=c.width,f=c.height,h={x:s.value,y:u.value,width:l.value,height:f.value};if(this.$selection.currentProject){var p,d=this.getSelectedItems(h,Lo([r,a]));(p=this.$selection).select.apply(p,ce()(d))&&(this.emit("refreshSelection"),this.emit("refreshSelectionTool",!0))}}}},{key:rt("endDragAreaView"),value:function(){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.$config.set("hoverView",!0),0===e[0]&&0===e[1]&&this.$selection.empty(),this.trigger("initDrawAreaView"),this.$selection.reselect(),this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),this.emit("removeGuideLine")}}]),n}(_g);n(21);function Cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mb={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"},Tb=function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:rt("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:rt("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:wt("$pointerRect .rotate-pointer")+Ag("rotateVertex")+zg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.verties=ee(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),r=4===this.rotateTargetNumber?Eo(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(aa(r,this.verties[4],n));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);if(n){var r=Bc.addTransform(e.transform,"rotateZ(".concat(Sa.deg(a).round(1e3),")"));if(t.$config.get("bodyEvent").shiftKey){var i=Bc.get(r,"rotateZ");if(i[0]){var o=i[0].value-i[0].value%t.$config.get("fixed.angle");r=Bc.rotateZ(r,Sa.deg(o))}}n.reset({transform:r})}})),this.state.dragging=!0,this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform"))}},{key:"rotateEndVertex",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","change rotate",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=la(r[0],r[1]),o=Math.floor(a)-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:Pt("$pointerRect .rotate-pointer")+N("checkPointerIsNotMoved"),value:function(t){this.refreshRotatePointerIcon(t)}},{key:Pt("$pointerRect .pointer")+N("checkPointerIsNotMoved"),value:function(t){this.refreshPointerIcon(t)}},{key:Ot("$pointerRect .pointer,.rotate-pointer")+N("checkPointerIsNotMoved"),value:function(t){this.emit("recoverCursor")}},{key:wt("$pointerRect .pointer")+Ag("moveVertex")+zg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=Mb["".concat(e)];this.initMousePoint=this.$viewport.getWorldPosition(t),this.state.moveType=n,this.state.moveTarget=e,this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.subtract([],$o.scale(a,e,n),t);return sa(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Sa.px(e[0]+(n<0?n:0)),y:Sa.px(e[1]+(r<0?r:0)),width:Sa.px(Math.abs(n)),height:Sa.px(Math.abs(r))})}},{key:"moveDirectionVertex",value:function(t,e,n,i,a){var o=ca(t.directionMatrix[i],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),c=r.getTranslation([],o);this.moveItem(this.$selection.get(t.id),c,e,n)}},{key:"moveBottomRightVertex",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=zt()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var c=n.width+a,s=n.height+o;e.moveDirectionVertex(n,c,s,"to top left",[0,0,0])}))}},{key:"moveTopRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom left",[0,c,0])}}},{key:"moveTopLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom right",[o,c,0])}}},{key:"moveTopVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,o,c,"to top right",[o,0,0])}}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType?this.moveBottomVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.pack("x","y","width","height"))}))}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)}))),n=i.add([],t,e),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Sa.px(t.x+n[0]),y:Sa.px(t.y+n[1])}})),this.$selection.reset(r)}},{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.$selection.isEmpty){var t=this.$selection.verties,e=this.$selection.selectionVerties,n=r.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var i=this.createRenderPointers.apply(this,ce()(this.state.renderPointerList));if(i){var a=i.line,o=i.point,c=i.size;this.refs.$pointerRect.updateDiff(a+o+c)}}}},{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,a="";if(!(r&&r.is("artboard"))){var o=i.lerp([],t[0],t[1],.5);a+="\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(a,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.$selection.current.width.value,l=this.$selection.current.height.value,f=i.subtract([],c.data.start,c.data.end),h=la(f[0],f[1])+90,p="".concat(zi(u,100)," x ").concat(zi(l,100));if(this.state.isRotate){var d=Bc.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(zi(d[0].value,1e3),"°"))}return'\n            <div \n                data-layout="'.concat(this.$selection.current.layout,"\"\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(t,e,n){var r=this.$selection.current,a=this.$editor.isPointerMove;if(!r||!r.is("text")||0!==r.width.value||0!==r.height.value){var o=r&&r.is("artboard"),c=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),s=Sa.deg(la(c[0],c[1])+90).round(1e3),u=Eo(t,34),l=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,u,n[0]),size:this.createSize(t),point:[o?void 0:this.createRotatePointer(e[0],0),o?void 0:this.createRotatePointer(e[1],1),o?void 0:this.createRotatePointer(e[2],2),o?void 0:this.createRotatePointer(e[3],3),o?void 0:this.createRotatePointer(u,4,"center center"),a?void 0:this.createPointer(t[0],1,s),a?void 0:this.createPointer(t[1],2,s),a?void 0:this.createPointer(t[2],3,s),a?void 0:this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20||a?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11,s),l<20||a?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12,s),l<20||a?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13,s),l<20||a?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14,s)].join("")}}}},{key:"checkShow",value:function(){return!(!this.$selection.isOne||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:rt("refreshSelectionStyleView")+N("checkShow"),value:function(){this.renderPointers()}},{key:rt("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:rt("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:rt("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:rt("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),n}(_g));function Vb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Eb=function(t){R()(n,t);var e=Vb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGroup",get:function(){return Boolean(this.layers.length)}},{key:"isLayoutItem",value:function(){return this.parent.hasLayout()}},{key:"hasLayout",value:function(){return"default"!==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}}]),n}(Yc);function Ib(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Ib(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ib(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bb=function(t){R()(n,t);var e=Lb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Db({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Db(Db({},$a()(V()(n.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 n(t)}}]),n}(Tc);function Ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ab(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hb={};["appearance","position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","border-radius","border","box-shadow","clip-path","color","perspective-origin","transform-origin","transform-style","perspective","mix-blend-mode","overflow","opacity","flex-layout","grid-layout","animation","transition","pattern"].forEach((function(t){Hb[t]=!0}));var Gb=function(t){R()(n,t);var e=Fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,zb({position:"absolute",x:Sa.z(),y:Sa.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Sa.px(300),height:Sa.px(300),color:"black",overflow:"visible",opacity:1,"z-index":Sa.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 zb(zb(zb({},$a()(V()(n.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","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:"editable",value:function(t){if("border"==t&&this.hasChildren())return!1;switch(t){case"svg-item":case"box-model":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Boolean(Hb[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 Bb(zb({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(ce()(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():Sa.z(),y:this.json.y?this.json.y.clone():Sa.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Sa.px(t.x.value+t.width.value),t.y2=Sa.px(t.y.value+t.height.value),t}},{key:"reset",value:function(t){var e=$a()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("clip-path")&&this.setClipPathCache(),e}},{key:"setClipPathCache",value:function(){var t=of.parseStyle(this.json["clip-path"]);"path"===t.type&&(this.cacheClipPath=new Hc(t.value.trim()))}},{key:"setCache",value:function(){$a()(V()(n.prototype),"setCache",this).call(this),this.setClipPathCache()}},{key:"clipPathString",get:function(){if(this.cacheClipPath||this.setClipPathCache(),this.cacheClipPath)return this.cacheClipPath.clone().scaleTo(this.json.width.value,this.json.height.value)}}]),n}(Eb);function _b(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_b(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Xb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yb=function(t){R()(n,t);var e=Xb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Nb({itemType:"artboard",name:"New ArtBoard",width:Sa.px(1e3),height:Sa.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return Nb(Nb({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Cg.artboard}},{key:"editable",value:function(t){switch(t){case"border":case"border-radius":case"backdrop-filter":case"box-shadow":case"clip-path":return!1;case"artboard-size":case"layout":return!0}return $a()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(Gb);function Kb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ub={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"},Wb=function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:rt("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:rt("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:wt("$pointerRect .rotate-pointer")+Ag("rotateVertex")+zg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.verties=this.groupItem.verties,this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),a=4===this.rotateTargetNumber?Eo(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(aa(a,this.verties[4],n));this.$config.get("bodyEvent").shiftKey&&(o-=o%this.$config.get("fixed.angle")),this.localAngle=this.angle+o,this.groupItem.reset({transform:Bc.rotateZ(this.groupItem.transform,Sa.deg(this.localAngle))});var c=oa(o,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=Ui(e.verties,r.multiply([],e.parentMatrixInverse,c)),a=Eo(n,34),o=ia(a[0]-n[4][0],a[1]-n[4][1])-270,s=i.transformMat4([],n[0],oa(-o,n[4])),u=t.$selection.get(e.id);u&&u.reset({x:Sa.px(s[0]),y:Sa.px(s[1]),transform:Bc.rotateZ(e.transform,Sa.deg(o))})})),this.state.dragging=!0,this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform"))}},{key:"rotateEndVertex",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=la(r[0],r[1]),o=Math.floor(a)-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:Pt("$pointerRect .rotate-pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.refreshRotatePointerIcon(t)}},{key:Pt("$pointerRect .pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.refreshPointerIcon(t)}},{key:Ot("$pointerRect .pointer,.rotate-pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.emit("recoverCursor")}},{key:wt("$pointerRect .pointer")+et+Ag("moveVertex")+zg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=Ub["".concat(e)],this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.initMatrix(!0),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.add([],$o.scale(a,e,n),i.negate([],t));return sa(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Sa.px(t[0]+(e<0?e:0)).round(1e3),y:Sa.px(t[1]+(n<0?n:0)).round(1e3),width:Sa.px(Math.abs(e)).round(1e3),height:Sa.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=sa(r.fromTranslation([],e[4]),t.itemMatrix,r.fromTranslation([],i.negate([],e[4]))),c=i.transformMat4([],e[0],o),s=zt()(c,2),u=s[0],l=s[1],f=i.distance(e[0],e[1]),h=i.distance(e[0],e[3]),p=this.$selection.get(t.id);p&&p.reset({x:Sa.px(u+n),y:Sa.px(l+a),width:Sa.px(f),height:Sa.px(h)})}},{key:"recoverItemForGroup",value:function(t,e,n){var i=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,c=t.accumulatedMatrix,s=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var u=ca(t.parentMatrixInverse,c,r.fromTranslation([],[a,o,0]),r.fromScaling([],[e,n,1]),s),l=Ui(t.verties,u);i.moveItemForGroup(t,l)}))}},{key:"moveBottomRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,c=e.height+a;this.moveDirectionVertex(e,0,0,o,c,"to top left",[0,0,0])}},{key:"moveTopRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,0,a,o,c,"to bottom left",[0,c,0])}},{key:"moveDirectionVertex",value:function(t,e,n,i,a,o,c){var s=i/t.width,u=a/t.height;if(s>=0&&u>=0){var l=ca(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(c,i,a,t.originalTransformOrigin,t.itemMatrix)),f=r.getTranslation([],l);this.moveGroupItem(f,i,a),this.recoverItemForGroup(t,s,u,e,n)}}},{key:"moveTopVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,i,a,o,c,"to bottom right",[o,c,0])}},{key:"moveLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,i,0,o,c,"to top right",[o,0,0])}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to bottom left"===this.state.moveType?this.moveBottomLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType&&this.moveBottomVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.state.dragging=!1,this.initMatrix(!0),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.pack("x","y","width","height","transform"))}))}},{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:"item",get:function(){var t=this.verties||Vo(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new Yb),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Sa.px(t[0][0]),y:Sa.px(t[0][1]),width:Sa.px(i.dist(t[0],t[1])),height:Sa.px(i.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=ee(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.state.dragging?this.groupItem.verties:this.$selection.verties,e=this.groupItem.selectionVerties();if(0!==t.length){this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,ce()(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,n){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){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=i.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=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.groupItem.width.value,l=this.groupItem.height.value,f=i.subtract([],c.data.start,c.data.end),h=la(f[0],f[1])+90,p="".concat(zi(u,100)," x ").concat(zi(l,100));if(this.state.isRotate){var d=Bc.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(t,e){var n=this.$editor.isPointerMove,r=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),a=Sa.deg(la(r[0],r[1])-90).round(1e3),o=Eo(t,30),c=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,o),size:this.createSize(t),point:[this.createRotatePointer(e[0],0,"bottom right"),this.createRotatePointer(e[1],1,"bottom left"),this.createRotatePointer(e[2],2,"top left"),this.createRotatePointer(e[3],3,"top right"),this.createRotatePointer(o,4,"center center"),n?void 0:this.createPointer(t[0],1,a),n?void 0:this.createPointer(t[1],2,a),n?void 0:this.createPointer(t[2],3,a),n?void 0:this.createPointer(t[3],4,a),c<20||n?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11),c<20||n?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12),c<20||n?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13),c<20||n?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14)].join("")}}},{key:"checkShow",value:function(){return!(!this.$selection.isMany||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:rt("refreshSelectionStyleView")+N("checkShow"),value:function(){this.renderPointers()}},{key:rt("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("hideSelectionToolView"),value:function(){}},{key:rt("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:rt("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:rt("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:rt("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),n}(_g));n(44);function Zb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qb=function(t){R()(r,t);var e,n=Zb(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"components",value:function(){return{SelectionToolView:Tb,GroupSelectionToolView:Wb,PageTools:pm,GridLayoutLineView:Ob,DragAreaRectView:Rb,HTMLRenderView:fm,SelectionInfoView:kb,LayerAppendView:ym,PathEditorView:sb,PathDrawView:nb,HoverView:lb,GuideLineView:mb,DragAreaView:jb}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.nextTick((function(){t.trigger("resizeCanvas"),t.emit("moveSelectionToCenter",!1),t.refreshCursor()}))}},{key:"template",value:function(){return"\n      <div class='elf--page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view' ref=\"$pageView\">\n          <div class='page-lock scrollbar' ref='$lock'>            \n            <object refClass=\"DragAreaView\" ref=\"$dragAreaView\" />               \n            <object refClass='HTMLRenderView' ref='$elementView' />                                        \n            <object refClass='SelectionToolView' ref='$selectionTool' />\n            <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n            <object refClass=\"DragAreaRectView\" ref=\"$dragAreaRectView\" />                  \n            <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />            \n            <object refClass='SelectionInfoView' ref='$selectionInfoView' />                                                            \n            <object refClass='GuideLineView' ref='$guideLineView' />            \n            <object refClass='HoverView' ref='$hoverView' />     \n            <object refClass='LayerAppendView' ref='$objectAddView' />       \n            <object refClass='PathEditorView' ref='$pathEditorView' />                 \n            <object refClass='PathDrawView' ref='$pathDrawView' />            \n          </div>\n        </div>\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:It("$pageView"),value:function(){return{style:{"--elf--canvas-background-color":this.$config.get("style.canvas.background.color")}}}},{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(t){return!!this.$config.get("set.tool.hand")||this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(hd.space))}},{key:wt("$lock")+N("checkSpace")+Ag("movePan")+zg("moveEndPan"),value:function(t){this.startMovePan()}},{key:ot("set.tool.hand"),value:function(t){t?(this.startMovePan(),this.emit("refreshCursor","grab")):(this.emit("recoverCursor","auto"),this.emit("addStatusBarMessage",""))}},{key:"startMovePan",value:function(){this.lastDist=i.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n;this.emit("refreshCursor","grabbing");var r=i.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,ce()(i.transformMat4([],i.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:"refreshCursor",value:function(){!1===this.$config.get("set.tool.hand")?(this.emit("refreshCursor","auto"),this.emit("addStatusBarMessage","")):this.emit("refreshCursor","grab")}},{key:"moveEndPan",value:function(){this.refreshCursor()}},{key:It("$container"),value:(e=La()(Fa.a.mark((function t(){var e,n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(ce()(this.state.cursorArgs||[])));case 2:return n=t.sent,t.abrupt("return",{style:{cursor:n}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{key:dt("$lock")+et,value:function(){}},{key:pt("$lock")+et,value:function(t){var e=this.$viewport.getWorldPosition(t);if(t.dataTransfer.getData("text/asset"))this.emit("drop.asset",{asset:{id:t.dataTransfer.getData("text/asset"),center:e}});else{tm.getAllDropItems(t);var n=Ka.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:Rt("$lock")+et,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),[Dt(e,24),Dt(n,24),0]}(t),r=zt()(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 c=-2.5*i,s=-2.5*a;this.$viewport.pan(-c/this.$viewport.scale,-s/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:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:rt("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"))}}]),r}(_g);n(45);function Jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qb=function(t){R()(n,t);var e=Jb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CanvasView:qb,VerticalRuler:Qg,HorizontalRuler:Zg}}},{key:"template",value:function(){return"\n      <div class=\"elf--body-panel\">\n        <object refClass='HorizontalRuler' />\n        <object refClass='VerticalRuler' />\n        <object refClass='CanvasView' />        \n      </div>\n    "}},{key:It("$el"),value:function(){return{class:"elf--body-panel ".concat(this.$config.get("show.ruler")?"ruler":"")}}},{key:ot("show.ruler"),value:function(){this.refresh()}},{key:rt("bodypanel.toggle.fullscreen"),value:function(){this.refs.$el.toggleFullscreen()}}]),n}(_g);n(46);function tk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ek=function(t){R()(n,t);var e=tk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='elf--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(Cg.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:st("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}}]),n}(_g);n(47);function nk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rk=function(t){R()(n,t);var e=nk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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:rt("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.layers.map((function(e){return t.makeStyle(e)})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(this.$editor.html.renderSVG(e),"\n").concat(this.$editor.html.render(e),"\n        ");this.refs.$html.text(r);var i=e.layers.map((function(e){return t.$editor.svg.render(e)}));this.refs.$svgimage.text(i.join("\n\n")),this.refs.$svgimagePreview.html(Ka.createByHTML("<div>".concat(i.map((function(t){return"<div>".concat(t,"</div>")})).join(""),"</div>")))}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"makeHTML",value:function(t){return this.$editor.html.render(t)}},{key:st("$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))}}]),n}(ek);io({ExportWindow:rk});n(48);function ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ak=new Set;fd.forEach((function(t){ak.add(t.category)}));var ok={};ak.forEach((function(t){fd.filter((function(e){return e.category===t})).forEach((function(t){ok[t.category]||(ok[t.category]=[]),ok[t.category].push(t)}))}));var ck={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},sk=ld(),uk=function(t){R()(n,t);var e=ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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(ck[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(sk,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(ok).map((function(e){return t.getTemplateForCategory(e,ok[e])})).join(""),"\n        </div>\n        ")}},{key:rt("showShortcutWindow"),value:function(){this.show()}}]),n}(ek);io({ShortcutWindow:uk});n(49);function lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fk=function(t){R()(n,t);var e=lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--project-window"}},{key:"getTitle",value:function(){return"Project Manager"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="project-container">\n            <div class="project-menu left">\n                Project Menu\n            </div>\n            <div class="project-list right">\n                Project List\n            </div>\n        </div>\n        '}},{key:rt("open.projects"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){this.$selection.currentProject}}]),n}(ek);io({ProjectWindow:fk});n(50);function hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pk=function(t){R()(n,t);var e=hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--notification-view'>\n            </div>\n        "}},{key:Ct("$el"),value:function(t){Ka.create(t.target).remove()}},{key:st("$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]:1e3;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(Cg.close,"</span>\n        </div>\n    ")}},{key:rt("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1e3,i=Ka.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),n}(_g);function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vk=function(t){R()(n,t);var e=dk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{NotificationView:pk}}},{key:"template",value:function(){return"\n      <div class=\"popup-manger\">\n        <object refClass='ExportWindow' />\n        <object refClass='ProjectWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n        ".concat(this.$menuManager.generate("popup"),"\n      </div>\n    ")}}]),n}(_g);function yk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gk=["TEXTAREA","INPUT","SELECT"],mk=function(t){R()(n,t);var e=yk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class="keyboard-manager"></div>\n    '}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!gk.includes(e)&&"true"!==Ka.create(t.target).attr("contenteditable")}},{key:lt("document")+N("isNotFormElement")+et,value:function(t){this.emit("keymap.keydown",t)}},{key:ft("document")+N("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),n}(_g);function bk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kk=function(t){R()(n,t);var e=bk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{selectedIndexValue:"style"}}},{key:"template",value:function(){var t=this;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="style" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Cg.palette,'</label>\n              </div>         \n              <div class="tab-item" data-value="transition" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Cg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="code" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Cg.code,"</label>\n              </div>          \n\n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                  <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                    <label>').concat(Cg[t.class.icon]||t.class.icon,"</label>\n                  </div>\n                ")})),'\n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="style">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                <object refClass="AppearanceProperty" />                                   \n\n                ').concat(this.$menuManager.generate("inspector.tab.style"),"                             \n                <div class='empty'></div>\n              </div>     \n              <div class='tab-content scrollbar' data-value='transition'>\n                ").concat(this.$menuManager.generate("inspector.tab.transition"),'              \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="code">\n                ').concat(this.$menuManager.generate("inspector.tab.code"),"                            \n                <div class='empty'></div>                           \n              </div>       \n            \n              \n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                  <div class='tab-content' data-value='".concat(r,"'>\n                    ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                    ").concat(t.$menuManager.generate("inspector.tab.".concat(r)),"\n                  </div>\n                ")})),"              \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$header .tab-item:not(.empty-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(_g);function xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wk=function(t){R()(n,t);var e=xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"locales",get:function(){return Object.keys(this.$editor.i18n.locales)}},{key:"template",value:function(){var t=this,e=this.locales.map((function(e){return{text:t.$i18n("app.lang.".concat(e)),value:e}}));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(this.variable(e),'\n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:at("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),n}(_g);function Pk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ok=["dark","light"],Sk=function(t){R()(n,t);var e=Pk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=Ok.map((function(e){return{value:e,text:t.$i18n("app.theme.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.theme,'" \n                        onchange=').concat(this.subscribe((function(e,n){return t.emit("switchTheme",n)})),"\n                    /> \n                </div>\n            </div>\n        ")}}]),n}(_g);function jk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $k=function(t){R()(n,t);var e=jk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){return{value:e,text:t.$i18n("app.layout.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:at("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),n}(_g);function Rk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ck=function(t){R()(n,t);var e=Rk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{version:"0.10.72"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),n}(_g);n(51);function Mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tk=function(t){R()(n,t);var e=Mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button class="elf--switch-left-panel" data-tooltip="Toggle left panel" data-direction="top left">'.concat(Cg.left_hide,"</button>\n        ")}},{key:st(),value:function(){this.$config.toggle("show.left.panel")}}]),n}(_g);n(52);function Vk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ek=function(t){R()(n,t);var e=Vk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <button class="elf--switch-right-panel" data-tooltip="Toggle right panel" data-direction="top right">'.concat(Cg.right_hide,"</button>\n        ")}},{key:st(),value:function(){this.$config.toggle("show.right.panel")}}]),n}(_g);n(53);function Ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dk=function(t){R()(n,t);var e=Ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LanguageSelector:wk,ThemeSwitcher:Sk,LayoutSelector:$k,VersionView:Ck,SwitchLeftPanel:Tk,SwitchRightPanel:Ek}}},{key:"template",value:function(){return"\n            <div class='elf--status-bar'>\n                <div class='tool-view left' ref='$leftTool'>\n                    <object refClass=\"SwitchLeftPanel\" />\n                    ".concat(this.$menuManager.generate("statusbar.left"),"                    \n                </div>            \n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$rightTool'>\n                    ").concat(this.$menuManager.generate("statusbar.right"),'\n                    <object refClass="LayoutSelector" />\n                    <object refClass="ThemeSwitcher" />\n                    <object refClass="LanguageSelector" />\n                    <object refClass="VersionView" />\n                    <object refClass="SwitchRightPanel" />                    \n                </div>\n            </div>\n        ')}},{key:"initState",value:function(){return{msg:""}}},{key:It("$msg"),value:function(){return{text:this.state.msg}}},{key:rt("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),n}(_g);n(54);function Lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bk=function(t){R()(n,t);var e=Lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:rt("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"]||Sa.number(1)))}},{key:rt("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='elf--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=').concat(this.variable(["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=').concat(this.variable(["miter","bevel","round"]),'\n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:at("changeValue"),value:function(t,e,n){this.updateData(w()({},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:rt("changePathManager"),value:function(t){this.setState({mode:t})}},{key:rt("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:rt("hideDrawManager"),value:function(){this.$el.hide()}}]),n}(_g);n(55);function Ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zk={"segment-move":"modify",modify:"modify",path:"path"},Fk=function(t){R()(n,t);var e=Ak(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:rt("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"]||Sa.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Sa.number(1)))}},{key:"template",value:function(){return"\n      <div class='elf--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(Cg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Cg.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(Cg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Cg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Cg.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(Cg.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:rt("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("setAttributeForMulti","change color assets",this.$selection.packByValue({stroke:e})))}},{key:at("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change path",this.$selection.packByValue(w()({},t,e))),this.updateData(w()({},t,e))}},{key:It("$mode"),value:function(){return{"data-selected-value":zk[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:st("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:st("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:st("$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:rt("changePathManager"),value:function(t){this.setState({mode:t})}},{key:rt("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:rt("hidePathManager"),value:function(){this.$el.hide()}}]),n}(_g);n(56);function Hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gk=function(t){R()(n,t);var e=Hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{PathManager:Fk,DrawManager:Bk}}},{key:"template",value:function(){return"\n      <div class='elf--page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n      </div>\n    "}}]),n}(_g);function _k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nk=function(t){R()(n,t);var e=_k(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'elf--menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'data-tooltip="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n            data-direction="').concat(this.getDirection(),'"\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Cg[this.getIconString()]||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:st(),value:function(t){this.clickButton(t)}},{key:"getDirection",value:function(){return this.props.direction||""}}],[{key:"createMenuItem",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){R()(r,e);var n=_k(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIconString",value:function(){return t.iconString||"add_box"}},{key:"getTitle",value:function(){return t.title||"New Item"}},{key:"isHideTitle",value:function(){return t.isHideTitle||!0}},{key:"clickButton",value:function(e){t.clickButton(e)}},{key:"getDirection",value:function(){return t.direction}}]),r}(n)}}]),n}(_g);function Xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yk=function(t){R()(n,t);var e=Xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.$el.$(".icon").css("transform","rotate(-30deg)")}},{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:rt("addLayerView"),value:function(t){this.setSelected("select"===t)}},{key:rt("refreshSelection"),value:function(){this.setSelected(this.$selection.isEmpty)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Kk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uk=function(t){R()(n,t);var e=Kk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"isHideTitle",value:function(){return!0}},{key:rt("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),n}(Nk);function Wk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddArtboard:Uk});var Zk=function(t){R()(n,t);var e=Wk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("rect"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddRect:Zk});var Jk=function(t){R()(n,t);var e=qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("circle"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddCircle:Jk});var tx=function(t){R()(n,t);var e=Qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("text"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddText:tx});var nx=function(t){R()(n,t);var e=ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function rx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddImage:nx});var ix=function(t){R()(n,t);var e=rx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"draw"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ax(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddDrawPath:ix});var ox=function(t){R()(n,t);var e=ax(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("path"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddPath:ox});var sx=function(t){R()(n,t);var e=cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"RectPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ux(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddSVGRect:sx});var lx=function(t){R()(n,t);var e=ux(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"CirclePath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function fx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddSVGCircle:lx});var hx=function(t){R()(n,t);var e=fx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);n(57);function px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dx=function(t){R()(n,t);var e=px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{SelectTool:Yk,AddArtboard:Uk,AddRect:Zk,AddCircle:Jk,AddText:tx,AddImage:nx,AddDrawPath:ix,AddPath:ox,AddSVGRect:sx,AddSVGCircle:lx,AddSVGTextPath:hx}}},{key:"template",value:function(){return"\n      <div class='elf--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              \x3c!--object refClass='AddVideo' /--\x3e\n              ").concat(this.$menuManager.generate("tool.menu.css"),"\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              ").concat(this.$menuManager.generate("tool.menu.svg"),"              \n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:rt("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:rt("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:st("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),n}(_g);function vx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yx=function(t){R()(n,t);var e=vx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.projects.title")}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("open.projects")}}]),n}(Nk);function gx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mx=function(t){R()(n,t);var e=gx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kx=function(t){R()(n,t);var e=bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wx=function(t){R()(n,t);var e=xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ox=function(t){R()(n,t);var e=Px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Sx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jx=function(t){R()(n,t);var e=Sx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){var e=this;this.emit("saveJSON"),this.nextTick((function(){e.emit("notify","alert","Save","Save the content on localStorage",2e3)}))}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);n(58);function $x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rx=function(t){R()(n,t);var e=$x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{Projects:yx,Fullscreen:mx,KeyBoard:kx,ExportView:wx,Download:Ox,Save:jx,PageSubEditor:Gk,ToolMenu:dx}}},{key:"template",value:function(){return"\n            <div class='elf--tool-bar'>\n                <div class='logo-item'>\n                    <label class='logo'></label>\n                </div>                 \n                <div class='left'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"Projects\" />\n                                <object refClass=\"Fullscreen\" />      \n                                ".concat(this.$menuManager.generate("toolbar.left"),"\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n                <div class='center'>\n                    <object refClass=\"ToolMenu\" />\n                    <object refClass='PageSubEditor' />  \n                </div>\n                <div class='right'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"KeyBoard\" />        \n                                <object refClass=\"ExportView\" />\n                                <object refClass=\"Download\" />\n                                <object refClass=\"Save\" />   \n                                ").concat(this.$menuManager.generate("toolbar.right"),"                             \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ")}}]),n}(_g);function Cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mx=function(t){R()(n,t);var e=Cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Tx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vx=function(t){R()(n,t);var e=Tx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ix=function(t){R()(n,t);var e=Ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Dx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lx=function(t){R()(n,t);var e=Dx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ax=function(t){R()(n,t);var e=Bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function zx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fx=function(t){R()(n,t);var e=zx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),n}(Nk);function Hx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gx=function(t){R()(n,t);var e=Hx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){console.log(t),this.emit("same.width")}}]),n}(Nk);function _x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nx=function(t){R()(n,t);var e=_x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);n(59);function Xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yx=function(t){R()(n,t);var e=Xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='elf--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                </label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body ").concat(this.getBodyClassName(),"'>").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:"getBodyClassName",value:function(){return""}},{key:"getKeyframeProperty",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:st("$el .property-body .add-timeline-property")+et+nt,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:st("$el .property-title .add-timeline-property")+et+nt,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&&(Jt(t)&&t()||!Jt(t)&&t.includes(n.itemType))?(this.show(),e&&this.refresh()):this.hide()}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}},{key:"editableProperty",get:function(){return""}},{key:"checkShow",value:function(){return this.$selection.current&&this.$selection.current.editable(this.editableProperty)?(this.show(),!0):(this.hide(),!1)}}]),n}(_g);n(60);function Kx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ux=function(t){R()(n,t);var e=Kx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LeftAlign:Ix,CenterAlign:Vx,RightAlign:Ax,TopAlign:Nx,MiddleAlign:Lx,BottomAlign:Mx,SameWidth:Gx,SameHeight:Fx}}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="elf--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" direction="bottom" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),n}(Yx);function Wx(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Zx(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,Wx(e))})),{str:t,matches:n}}function qx(t,e){return e.forEach((function(e){t=t.replace(Wx(e),e.parsedString)})),t}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){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tw=/((cubic-bezier|steps)\(([^\)]*)\))/gi,ew=function(t){R()(n,t);var e=Qx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Sa.second(0),timingFunction:"linear",delay:Sa.second(0),iterationCount:Sa.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).duration=Sa.parse(t.duration),t.iterationCount=Sa.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?Jx(Object(n),!0).forEach((function(e){w()(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}({},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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Zx(t,tw);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Sa.parse(e[0]),timingFunction:qx(e[1],r.matches),delay:Sa.parse(e[2]),iterationCount:"infinite"===e[3]?Sa.string("infinite"):Sa.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Sa.parse(e[0]),timingFunction:qx(e[1],r.matches),delay:Sa.parse(e[2]),name:e[3]}:e.length>=1?{duration:Sa.parse(e[0]),name:e[1]}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Tc);n(61);function nw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iw=function(t){R()(n,t);var e=rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(Cg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Tt("$animationList")+W,value:function(){var t=this,e=this.$selection.current;return e?ew.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=jc(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(Cg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Cg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Cg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:st("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add animation property",this.$selection.packByValue({animation:function(t){return ew.add(t.animation,{name:null})}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:st("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:ew.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:st("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=ew.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:ew.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=ew.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:st("$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:rt("changeAnimationPropertyPopup"),value:function(t){var e=this;this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.command("setAttributeForMulti","change animation property",this.$selection.packByValue({animation:function(t){return ew.replace(t.animation,e.selectedIndex,e.currentAnimation)}})),this.refresh()))}}]),n}(Yx);n(62);function aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ow=function(t){R()(n,t);var e=aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--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(Cg.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n            \x3c!--<div class='popup-resizer' ref='$resizer'></div> --\x3e\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:st("$close"),value:function(){this.$el.hide()}},{key:wt("$title")+Ag("movePopupTitle")+zg("endPopupTitle"),value:function(){this.x=Sa.parse(this.$el.css("left")),this.y=Sa.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Sa.px(this.x.value+t),r=Sa.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?Sa.parse(r):Sa.px(110),o="auto"!==i?Sa.parse(i):Sa.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:rt("hidePropertyPopup"),value:function(){this.hide()}},{key:wt("$resizer")+Ag("moveResizer"),value:function(t){this.width=Sa.parse(this.$el.css("width")),this.height=Sa.parse(this.$el.css("height"))}},{key:"moveResizer",value:function(t,e){this.$el.css({width:Sa.px(Math.min(this.width.value+t,1e3)),height:Sa.px(Math.min(this.height.value+e,700))})}}]),n}(_g);n(63);function cw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lw=function(t){R()(n,t);var e=uw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=sw(sw({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--animation-property-popup' ref='$popup'></div>"}},{key:Tt("$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:Tt("$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:yt("$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:at("changeSelect"),value:function(t,e){this.updateData(w()({},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:at("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Sa.number(e.value):Sa.string(e.unit)),this.updateData(w()({},t,e))}},{key:at("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:rt("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:rt("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),n}(ow);function fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hw=["visible","hidden","scroll","auto"],pw=function(t){R()(n,t);var e=fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return this.variable(hw.map((function(e){return{value:e,text:t.$i18n("background.color.property.overflow.".concat(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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" \n          ref='$color' \n          label=\"".concat(this.$i18n("background.color.property.color"),"\" \n          key='background-color' \n          onchange=\"changeColor\" \n        />\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:at("changeColor"),value:function(t,e){this.command("setAttributeForMulti","change background color",this.$selection.packByValue(w()({},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:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"appearance"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx),dw=[{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"}]}]}];n(64);function vw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yw=function(t){R()(n,t);var e=vw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--artboard-size-list"}},{key:"editableProperty",get:function(){return"artboard-size"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=dw.map((function(t,e){return{category:t.category,index:e}}));return'\n      <object refClass="SelectEditor"  \n        ref=\'$select\' \n        value="'.concat(t[0].category,'" \n        options=').concat(this.variable(t.map((function(t){return t.category})))," \n        onchange='changeSizeIndex'\n      />\n    ")}},{key:at("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;dw.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:st("$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:Tt("$list")+W,value:function(){var t=this;return dw[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),n}(Yx),gw=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function mw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bw=function(t){R()(n,t);var e=mw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBodyClassName",value:function(){return"no-padding"}},{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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Tt("$filterSelect"),value:function(){var t=this,e=gw.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(ce()(e),[{title:"-------",value:""}],ce()(n)):ce()(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:Tt("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="backdrop-filter" value=\''.concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />\n      </div>\n    ")}},{key:at("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change backdrop filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"backdrop-filter"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);function kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xw=function(t){R()(n,t);var e=kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:Tt("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'\n      <object refClass="SelectEditor"  \n          ref=\'$1\' \n          key=\'background-clip\' \n          icon="true" \n          value="'.concat(t,'" \n          options=').concat(this.variable(["","paddinb-box","border-box","content-box","text"]),' \n          onchange="changeSelect" \n      />')}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change background clip",this.$selection.packByValue(w()({},t,e)))}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),n}(Yx);n(65);function ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pw={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Cg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Cg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Cg.repeat," Conic")},Ow={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"},Sw=function(t){R()(n,t);var e=ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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""===t?[]:jl.parseStyle(kc(t))}},{key:"setValue",value:function(t){console.log("aaaa",t),this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='elf--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(Cg.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:Tt("$fillList")+W,value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=Ow[i.type],o=Pw[i.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(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(Cg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=bc(jl.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:rt("add"),value:function(){this.state.images.push(new jl({image:new tl({angle:90,colorsteps:[new Iu({percent:0,color:"white",index:0}),new Iu({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:ht("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$fillList .fill-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:pt("$fillList .fill-item")+et,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:st("$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:rt("selectFillPopupTab"),value:function(t,e){var n=Ow[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:at("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,w()({},t,e),n)}},{key:at("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),n}(_g);n(66);function jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $w=function(t){R()(n,t);var e=jw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Sa.z(),y:this.props.y||Sa.z(),width:this.props.width||Sa.z(),height:this.props.height||Sa.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"  \n          label="'.concat(this.$i18n("background.image.position.popup.size"),"\" \n          ref='$size' \n          key='size' \n          value=\"").concat(this.state.size,'" \n          options=').concat(this.variable(["contain","cover","auto"]),'\n          onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:st("$repeat button"),value:function(t){var e=t.$dt;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Tt("$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:rt("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),n}(ow);function Rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cw=function(t){R()(n,t);var e=Rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Tt("$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:"editableProperty",get:function(){return"background-image"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBackgroundImage"),value:function(t,e){this.command("setAttributeForMulti","change background image",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(67);function Mw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ew=function(t){R()(n,t);var e=Vw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(Tw({},t))}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:rt("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Tw({},t))}}]),n}(_g),Iw={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Dw=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){return kc(t)}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){Iw[t]?e=t:fu.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}();n(68);function Lw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bw=["border"],Aw={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},zw=function(t){R()(n,t);var e=Lw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Dw.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 Dw.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=Dw.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Tt("$editorArea"),value:function(){var t=this;return Bw.map((function(e){var n=Aw[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=\"elf--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:at("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),n}(_g);n(69);function Fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hw=function(t){R()(n,t);var e=Fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:Tt("$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:"editableProperty",get:function(){return"border"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeKeyValue"),value:function(t,e){this.command("setAttributeForMulti","change border",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(70);function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _w=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Nw=function(t){R()(n,t);var e=Gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:Dw.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 Dw.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=Dw.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Sa.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="elf--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(_w,"' 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:at("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),n}(_g);function Xw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uw=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],Ww=Uw.map((function(t){return t.key})),Zw={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Cg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Cg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Cg.repeat," Conic")},qw=function(t){R()(n,t);var e=Kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Border Image"}},{key:rt("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:st("$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:Tt("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?Zw[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:at("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&Ww.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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Uw.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:yt("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:st("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:st("$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=ce()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Pa.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Pa.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",Yw(Yw({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(Zw.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(Zw[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:rt("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 Ww.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:st("$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()}}]),n}(Yx);n(71);function Jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qw=[{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"}],tP=Qw.map((function(t){return t.key})),eP=function(t){R()(n,t);var e=Jw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return ns.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='elf--border-radius-editor' ref='$body'></div>"}},{key:at("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&tP.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Qw.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:gt("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:yt("$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,tP.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"]+"":tP.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:st("$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()}}]),n}(_g);function nP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rP=function(t){R()(n,t);var e=nP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:Tt("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:"editableProperty",get:function(){return"border-radius"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBorderRadius"),value:function(t){this.command("setAttributeForMulti","change border radius",this.$selection.packByValue({"border-radius":t}))}}]),n}(Yx);n(72);function iP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aP=[];["margin","padding"].forEach((function(t){aP.push.apply(aP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var oP=function(t){R()(n,t);var e=iP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:"editableProperty",get:function(){return"box-model"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:"getBody",value:function(){return'<div class="property-item elf--box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||Sa.z();return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:Tt("$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:gt("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};aP.forEach((function(n){e[n]=Sa.px(t.getRef("$",n).value)})),this.command("setAttributeForMulti","change padding or margin",this.$selection.packByValue(e))}}]),n}(Yx);n(73);function cP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sP=function(t){R()(n,t);var e=cP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Xs.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Cg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Tt("$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(Cg.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(Cg.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:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:rt("add"),value:function(){this.state.boxShadows.push(new Xs({offsetX:Sa.px(2),offsetY:Sa.px(2),blurRadius:Sa.px(3),spreadRadius:Sa.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:st("$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:st("$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){var e=this;this.emit("showBoxShadowPropertyPopup",{changeEvent:function(t,n){var r=e.state.boxShadows[e.selectedIndex];r&&(r.reset(t),e.refresh(),e.modifyBoxShadow())},color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}}]),n}(_g);function uP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lP=function(t){R()(n,t);var e=uP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:Tt("$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(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:"editableProperty",get:function(){return"box-shadow"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBoxShadow"),value:function(t){this.command("setAttributeForMulti","change box shadow",this.$selection.packByValue({"box-shadow":t}))}}]),n}(Yx);n(74);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 hP(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){w()(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}function pP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dP=function(t){R()(n,t);var e=pP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),spreadRadius:Sa.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='elf--box-shadow-property-popup' ref='$popup'></div>"}},{key:Tt("$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\" \n              ref='$spreadRadius' \n              label='Spread' \n              key='spreadRadius' \n              value=\"").concat(this.state.spreadRadius,"\" \n              onchange='changeRangeEditor' \n            />        \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:st("$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:wt("$popup .drag-board")+Ag("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(c),this.updateData({offsetX:Sa.px(o),offsetY:Sa.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:rt("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(hP(hP({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:rt("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),n}(ow);function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yP=function(t){R()(n,t);var e=vP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Sa("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];return Kt(s)&&(s=c),{radius:e,x:c=Sa.parse(c),y:s=Sa.parse(s)}}},{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:It("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:wt("$area")+Ag()+zg(),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=Sa.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Sa.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:at("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Sa("","closest-side"):r.includes("farthest-side")&&(n=new Sa("","farthest-side")),this.updateData({radius:n})}}}]),n}(_g);function gP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mP=function(t){R()(n,t);var e=gP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=zt()(e,2),r=n[0],i=n[1],a=tf.parse(r),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=tf.parse(i),p=zt()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=Sa.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),s=o.clone(),u=Sa.percent(100-r.value).toPx(220),l=Sa.percent(100-n.value).toPx(220),f=Sa.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=i.toPx(220),p=Sa.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),d=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(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(s,";top: ").concat(u,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(h,";top: ").concat(p,";'></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(h,";top: ").concat(c,";width: ").concat(Sa.px(l.value-i.value),";height: ").concat(Sa.px(u.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(d," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:It("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:st("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Tt("$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:at("changeBorderRadius"),value:function(t){var e=zt()(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),c=Sa.percent(a).toPx(220),s=e.toPx(220),u=Sa.percent(a).toPx(220),l=Sa.percent(100-r.value).toPx(220),f=Sa.percent(100-n.value).toPx(220),h=Sa.percent(o).toPx(220),p=i.toPx(220),d=Sa.percent(o).toPx(220);this.refs.$top.css({left:c,top:s}),this.refs.$right.css({left:f,top:h}),this.refs.$bottom.css({left:u,top:l}),this.refs.$left.css({left:p,top:d}),this.refs.$clipArea.css({left:p,top:s,width:Sa.px(f.value-p.value),height:Sa.px(l.value-s.value)}),this.bindData("$clipAreaView")}},{key:wt("$area .clip-area-handle")+Ag("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:Sa.parse(this.$target.css("left")),top:Sa.parse(this.$target.css("top")),width:Sa.parse(this.$target.css("width")),height:Sa.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=Sa.px(i),c=Sa.px(a);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:Sa.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Sa.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:wt("$area .drag-pointer")+Ag(),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=Sa.px(n-this.areaRect.x),a=Sa.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Sa.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Sa.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,c=t.leftRadius,s=t.bottomRadius,u=t.rightRadius,l=[e,n,i,r].join(" "),f=[o,u,s,c].join(" ");return"".concat(l," ").concat(a&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(_g);function bP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wP=function(t){R()(n,t);var e=xP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(r,2),a=i[0],o=i[1];return{x:Sa.parse(a).toPx(e),y:Sa.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:Tt("$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(Cg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Cg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:st("$area")+et,value:function(t){if(Ka.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:Sa.px(n-this.areaRect.left),y:Sa.px(r-this.areaRect.top)}),this.refresh()}}},{key:st("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:st("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:It("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Tt("$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:st("$area .drag-pointer")+K+et,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:wt("$area .drag-pointer")+Ag(),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=Sa.px(n-this.areaRect.x),a=Sa.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:Sa.px(n.value+10),y:Sa.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]=kP(kP({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(_g);function PP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OP=function(t){R()(n,t);var e=PP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];Kt(s)&&(s=c),c=Sa.parse(c),s=Sa.parse(s);var u=e.split(" "),l=zt()(u,2),f=l[0],h=l[1];return Kt(h)&&(h=f),{radiusX:f=Sa.parse(f),radiusY:h=Sa.parse(h),x:c,y:s}}},{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:It("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:wt("$area")+Ag()+zg(),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=Sa.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Sa.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:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e.clone()))}}]),n}(_g);n(75);function SP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jP=function(t){R()(n,t);var e=SP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CircleEditor:yP,InsetEditor:mP,PolygonEditor:wP,EllipseEditor:OP}}},{key:"getTitle",value:function(){return"ClipPath"}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return of.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='elf--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:Tt("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Tt("$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:at("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:rt("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(of.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:rt("hideClipPathPopup"),value:function(){this.hide()}}]),n}(ow);n(76);function $P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RP=["circle","ellipse","inset","polygon","path","svg"],CP=function(t){R()(n,t);var e=$P(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='elf--clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(RP.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(Cg.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(Cg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:st("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:st("$clippathList .del")+et,value:function(t){var e=this;this.$selection.current&&(this.command("setAttributeForMulti","delete clip-path",this.$selection.packByValue({"clip-path":""})),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:"editableProperty",get:function(){return"clip-path"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:Tt("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:st("$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("setAttributeForMulti","change clip-path",this.$selection.packByValue({"clip-path":this.refs.$clipPathSelect.value}))),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this,e=this.$selection.current;if(e)switch(of.parseStyle(e["clip-path"]).type){case"path":var n=e.accumulatedPath(e.clipPathString).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.updatePathInfo({"clip-path":"path(".concat(n.d,")")})},current:e,d:n});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.updatePathInfo(e)}})}}},{key:"updatePathInfo",value:function(t){if(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttributeForMulti","change clip-path",this.$selection.packByValue(t)))}}}]),n}(Yx);n(77);function MP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TP=function(t){R()(n,t);var e=MP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:"checkParentTab",value:function(){return"code"===this.parent.state.selectedIndexValue}},{key:rt("refreshSelectionStyleView","refreshSelection")+N("checkParentTab"),value:function(){this.refresh()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item elf--code-view-item\" ref='$body'></div>\n    "}},{key:Tt("$body")+W,value:function(){return[this.$editor.html.codeview(this.$selection.current)]}}]),n}(Yx);function VP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EP=function(t){R()(n,t);var e=VP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:It("$bar"),value:function(){var t=this.state.hue;return{style:{left:Sa.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:wt("$container")+Ag("movePointer")+zg("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})}}]),n}(_g);function IP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DP=function(t){R()(n,t);var e=IP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{colorbar:fu.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:It("$colorbar"),value:function(){var t=ee(this.state.colorbar);t.a=0;var e=fu.format(t,"rgb");t.a=1;var n=fu.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:It("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Sa.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:wt("$container")+Ag("movePointer")+zg("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.toFixed(2)})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),n}(_g);function LP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BP=function(t){R()(n,t);var e=LP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:It("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),n}(_g);function AP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zP=function(t){R()(n,t);var e=AP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"manager",get:function(){return this.parent.manager}},{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:"hasValue",value:function(t){return""!==t.target.value}},{key:gt("$rgb_r")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_g")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_b")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_a")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$hsl_h")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_s")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_l")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_a")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:ft("$hexCode")+N("hasValue"),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:st("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:st("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:st("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:st("$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()}}]),n}(_g);function FP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HP=function(t){R()(n,t);var e=FP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:It("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:It("$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:Sa.px(t),top:Sa.px(e)}}}},{key:wt("$el")+Ag("movePointer")+zg("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),c=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:c})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),n}(_g),GP=[{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=GP.length;t<e;t++){var n=GP[t],r=fu.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var _P={colors:GP,checkHueColor:function(t){for(var e,n,r=0;r<GP.length;r++)if(GP[r].start>=t){e=GP[r-1],n=GP[r];break}return e&&n?fu.mix(e,n,(t-e.start)/(n.start-e.start)):GP[0].rgb}};function NP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var YP=function(){function t(){O()(this,t),this.initialize()}return j()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{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}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){"string"==typeof(t=t||"#FF0000")&&(t=fu.parse(t)),this.state.alpha=void 0!==t.a?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=XP(XP({},this.state.hsl),t),this.state.rgb=fu.HSLtoRGB(this.state.hsl),this.state.hsv=fu.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=XP(XP({},this.state.rgb),t),this.state.hsl=fu.RGBtoHSL(this.state.rgb),this.state.hsv=fu.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=XP(XP({},this.state.hsv),t),this.state.rgb=fu.HSVtoRGB(this.state.hsv),this.state.hsl=fu.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return _P.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 fu.format(XP(XP({},e),{},{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}}]),t}();function KP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UP=function(t){R()(n,t);var e=KP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.manager=new YP}},{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:at("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:EP,Opacity:DP,ColorView:BP,Palette:HP,ColorInformation:zP}}},{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      '}}]),n}(_g);n(78);function WP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZP=function(t){R()(n,t);var e=WP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact elf--colorpicker-popup"}},{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(){var t=this;return"\n    <div class=\"elf--color-picker-popup\">\n      <div class='box'>\n        <object \n          refClass=\"EmbedColorPicker\" \n          ref='$color' \n          value='".concat(this.state.color,"' \n          onchange=").concat(this.subscribe((function(e){return t.updateData({color:e})}))," \n          onchangeend=").concat(this.subscribe((function(e){return t.updateEndData({color:e})}))," />\n      </div>\n    </div>\n  ")}},{key:Tt("$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:st("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:rt("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof Hg))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:rt("hideColorPickerPopup"),value:function(){this.hide()}}]),n}(ow);function qP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JP=function(t){R()(n,t);var e=qP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:at("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:at("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)}}]),n}(_g);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}function tO(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){w()(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}function eO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nO=function(t){R()(n,t);var e=eO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return t.$editor.components.createInspector(n).length>0}))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load())}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"getPropertyEditor",value:function(t,e,n,r,i){return Zt(r)?'\n        <div>  \n          <object refClass="'.concat(r,'" ').concat(xc(tO(tO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t),key:e})),'>\n            <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n          </object>\n        </div>"):Object.keys(r).map((function(r){return'\n          <div>\n            <object refClass="'.concat(r,'" ').concat(xc(tO(tO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t).concat(r),key:e})),'>\n              <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n            </object>\n          </div>")})).join("")}},{key:Tt("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":this.$editor.components.createInspector(e).map((function(n,r){return Zt(n)?"\n          <div class='property-item is-label'> \n            <label class='label string-label'>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item'> \n            ".concat(t.getPropertyEditor(r,n.key,e[n.key]||n.defaultValue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:at("changeComponentProperty"),value:function(t,e){var n,r=this.$selection.current,i=null===(n=this.$editor.components.createInspector(r).find((function(e){return e.key===t})))||void 0===n?void 0:n.convert,a=i?i(r,t,e):w()({},t,e);this.command("setAttributeForMulti","change component : "+t,this.$selection.packByValue(a))}}]),n}(Yx);n(79);function rO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iO=function(t){R()(n,t);var e=rO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Content"}},{key:rt("refreshSelection","refreshContent")+Z(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item elf--content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:It("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:gt("$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("refreshSelectionStyleView",t)}}}]),n}(Yx),aO=[{key:"style.canvas.background.color",defaultValue:"#ececec",title:"Canvas Background Color",description:"Set canvas background color",type:"color"},{key:"area.width",defaultValue:100,title:"Area Width to find layers fastly",description:"Set area width/height",type:"number"},{key:"store.key",defaultValue:"easylogic.studio",title:"Store Key",description:"Set localStorage key",type:"number"},{key:"set.tool.hand",defaultValue:!1,title:"Hand tool",description:"Hand tool is on",type:"boolean"},{key:"canvas.width",defaultValue:1e4,title:"Default canvas width",description:"Set default canvas width",type:"number"},{key:"canvas.height",defaultValue:1e4,title:"Default canvas height",description:"Set default canvas height",type:"number"},{key:"body.move.ms",defaultValue:30,title:"pointer move delay millisecond",description:"Set delay millisecond to moving pointer in body  ",type:"number"},{key:"debug",defaultValue:!1,title:"debug mode",description:"Set debug mode to on ",type:"boolean"},{key:"fixed.angle",defaultValue:15,title:"fixed angle count",description:"Set fixed angle",type:"number"},{key:"show.ruler",defaultValue:!0,title:"Show ruler",description:"Set ruler visibility to on",type:"boolean"},{key:"show.left.panel",defaultValue:!0,title:"Show left panel",description:"Set left panel visibility to on",type:"boolean"},{key:"show.right.panel",defaultValue:!0,title:"Show right panel",description:"Set right panel visibility to on",type:"boolean"},{key:"snap.distance",defaultValue:3,title:"Snap distance between objects",description:"Set snap distance",type:"number"},{key:"snap.grid",defaultValue:50,title:"Snap grid size between objects",description:"Set snap grid size",type:"number"},{key:"history.delay.ms",defaultValue:1e3,title:"history delay milliseconds",description:"Set history delay time",type:"number"}];function oO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uO=function(t){R()(n,t);var e=sO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,cO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Cg.rect}},{key:"toCloneObject",value:function(){return cO(cO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Cg.rect}}]),n}(Gb);function lO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pO=function(t){R()(n,t);var e=hO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,fO({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),n}(uO);function dO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gO=function(t){R()(n,t);var e=yO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,vO({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return vO(vO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),n}(uO);function mO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xO=function(t){R()(n,t);var e=kO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,bO({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),n}(uO);function wO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PO(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){w()(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}function OO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SO={};["appearance","border","border-radius","background-image","backdrop-filter","clip-path","pattern","box-shadow","layout","transform","transform-origin","perspective","perspective-origin","backdrop-filter"].forEach((function(t){SO[t]=!0}));var jO=function(t){R()(n,t);var e=OO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,PO({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:"editable",value:function(t){if(SO[t])return!1;switch(t){case"svg-item":return!0}return $a()(V()(n.prototype),"editable",this).call(this,t)}},{key:"toCloneObject",value:function(){return PO(PO({},$a()(V()(n.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}}]),n}(uO);function $O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$O(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function CO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MO=function(t){R()(n,t);var e=CO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,RO({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){$a()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new Hc(this.json.d))}},{key:"setCache",value:function(){$a()(V()(n.prototype),"setCache",this).call(this),this.cachePath=new Hc(this.json.d)}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new Hc(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"toCloneObject",value:function(){return RO(RO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{d:this.json.d})}},{key:"getDefaultTitle",value:function(){return"Path"}}]),n}(jO);function TO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function EO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var IO=function(t){R()(n,t);var e=EO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,VO({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Sa.number(100),textLength:Sa.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).textLength=Sa.parse(t.textLength),t}},{key:"toCloneObject",value:function(){return VO(VO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}}]),n}(jO);function DO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function LO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function BO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AO=function(t){R()(n,t);var e=BO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,LO({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Sa.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Sa.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){$a()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new Hc(this.json.d))}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new Hc(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).textLength=Sa.parse(t.textLength),t.startOffset=Sa.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return LO(LO({},$a()(V()(n.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 am(t.property)})),n=t.filter((function(t){return e=t.property,rm[e]||!1;var e})),r=t.filter((function(t){return om(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}]}}]),n}(jO);function zO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GO=function(t){R()(n,t);var e=HO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"is",value:function(){for(var t,e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return!!r.includes("component")||(t=$a()(V()(n.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}],[{key:"createComponent",value:function(t){var e=t.iconString,r=t.title,i=void 0===r?"Unknown Title":r,a=t.attrs,o=void 0===a?{}:a,c=t.enableHasChildren,s=void 0!==c&&c;return function(t){R()(r,t);var n=HO(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIcon",value:function(){return e||Cg.add}},{key:"getDefaultObject",value:function(){return $a()(V()(r.prototype),"getDefaultObject",this).call(this,FO({itemType:"NewComponent",name:"New Component"},o))}},{key:"toCloneObject",value:function(){return FO(FO({},$a()(V()(r.prototype),"toCloneObject",this).call(this)),this.attrs.apply(this,ce()(Object.keys(o))))}},{key:"enableHasChildren",value:function(){return s||!1}},{key:"getDefaultTitle",value:function(){return i}}]),r}(n)}}]),n}(uO);function _O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function NO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_O(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function XO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YO='\n  <svg>\n    <rect width="100%" height="100%" fill="black" />\n  </svg>\n',KO=function(t){R()(n,t);var e=XO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.auto_awesome}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,NO({itemType:"template",name:"New Template",engine:"dom",template:YO,params:[]},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Template"}},{key:"toCloneObject",value:function(){return NO(NO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("template"))}}]),n}(GO);function UO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?UO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qO,JO=function(t){R()(n,t);var e=ZO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,WO({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 WO(WO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("content"))}},{key:"editable",value:function(t){switch(t){case"font":case"font-spacing":case"text-style":case"text-shadow":case"text-fill":case"text-clip":case"background-image":case"box-model":return!0;case"svg-item":case"border":case"border-radius":case"backdrop-filter":case"background-image":case"pattern":case"box-shadow":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return $a()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(uO),QO={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":"Component","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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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":"Full Screen","menu.item.shortcuts.title":"ShortCuts","menu.item.github.title":"Github","menu.item.learn.title":"Learn","menu.item.projects.title":"Projects","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","component.items.chart":"Chart","component.items.plugin":"Plugin","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:(qO={"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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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","menu.item.projects.title":"Projects","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"},w()(qO,"inspector.tab.title.history","History"),w()(qO,"timeline.property.title","Chronologie"),w()(qO,"timeline.property.resize","Drag if you want to resize timeline height."),w()(qO,"timeline.animation.property.title","Animations"),w()(qO,"timeline.play.control.play","Jouer"),w()(qO,"timeline.play.control.pause","Pause"),w()(qO,"timeline.play.control.first","Premier"),w()(qO,"timeline.play.control.prev","Précédent"),w()(qO,"timeline.play.control.next","Suivant"),w()(qO,"timeline.play.control.last","Dernier"),w()(qO,"timeline.play.control.direction","Direction"),w()(qO,"timeline.play.control.speed","Vitesse"),w()(qO,"timeline.play.control.repeat","Répéter"),w()(qO,"timeline.play.control.infinite","Infini"),w()(qO,"timeline.play.control.normal","normal"),w()(qO,"timeline.play.control.alternate","alternatif"),w()(qO,"timeline.play.control.reverse","inverse"),w()(qO,"timeline.play.control.alternate.reverse","inverse alternatif"),w()(qO,"timeline.value.editor.value","Valeur"),w()(qO,"timeline.value.editor.time","Temps"),w()(qO,"timeline.value.editor.timing","Calage temps"),w()(qO,"timeline.value.editor.offset.message","Please input enter key to change time offset."),w()(qO,"svgfilter.popup.title","Filtre SVG"),w()(qO,"css.item.rotate","Rotation"),w()(qO,"css.item.rotateX","Rotation X"),w()(qO,"css.item.rotateY","Rotation Y"),w()(qO,"css.item.rotateZ","Rotation Z"),w()(qO,"css.item.rotate3d","Rotation 3D"),w()(qO,"css.item.skewX","Oblique X"),w()(qO,"css.item.skewY","Oblique Y"),w()(qO,"css.item.translate","Translation"),w()(qO,"css.item.translateX","Translation X"),w()(qO,"css.item.translateY","Translation Y"),w()(qO,"css.item.translateZ","Translation Z"),w()(qO,"css.item.translate3d","Translation 3D"),w()(qO,"css.item.perspective","Perspéctive"),w()(qO,"css.item.scale","Echelle"),w()(qO,"css.item.scaleX","Echelle X"),w()(qO,"css.item.scaleY","Echelle Y"),w()(qO,"css.item.scaleZ","Echelle Z"),w()(qO,"css.item.scale3d","Echelle 3D"),w()(qO,"css.item.matrix","Matrice"),w()(qO,"css.item.matrix3d","Matrice 3D"),w()(qO,"animation.property.title","Animation CSS"),w()(qO,"animation.property.direction","Direction"),w()(qO,"animation.property.play.state","Etat lecture"),w()(qO,"animation.property.fill.mode","Mode remplissage"),w()(qO,"animation.property.delay","Délais"),w()(qO,"animation.property.duration","Durée"),w()(qO,"animation.property.iteration.count","Nombre Itérations"),w()(qO,"animation.property.Select a keyframe","Selectionner une image clé"),w()(qO,"animation.property.popup.title","Animation"),w()(qO,"animation.property.popup.timing.function","Fonction temps"),w()(qO,"animation.property.popup.keyframe","image clé"),w()(qO,"animation.property.popup.direction","Direction"),w()(qO,"animation.property.popup.play.state","Etat lecture"),w()(qO,"animation.property.popup.fill.mode","Mode remplissage"),w()(qO,"animation.property.popup.delay","Délais"),w()(qO,"animation.property.popup.duration","Duréé"),w()(qO,"animation.property.popup.iteration","Itération"),w()(qO,"animation.property.popup.normal","normal"),w()(qO,"animation.property.popup.reverse","inverse"),w()(qO,"animation.property.popup.alternate","alternatif"),w()(qO,"animation.property.popup.alternate-reverse","inverse alternatif"),w()(qO,"animation.property.popup.none","Aucun"),w()(qO,"animation.property.popup.forwards","en avant"),w()(qO,"animation.property.popup.backwards","en arrière"),w()(qO,"animation.property.popup.both","les deux"),w()(qO,"animation.property.popup.Select a keyframe","Selectionner une image clé"),w()(qO,"keyframe.popup.title","image clé"),w()(qO,"code.view.property.title","Vue code"),w()(qO,"svg.filter.editor.tab.filter","Filtrer"),w()(qO,"svg.filter.editor.tab.preset","Pre-rempli"),w()(qO,"svg.filter.editor.tab.asset","Eléments"),w()(qO,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),w()(qO,"svg.filter.editor.SOURCES","SOURCES"),w()(qO,"svg.filter.editor.MODIFIER","MODIFIER"),w()(qO,"svg.filter.editor.LIGHTING","ECLAIRAGE"),w()(qO,"svg.filter.editor.COMBINERS","COMBINER"),w()(qO,"svg.filter.editor.Template","Modèle"),w()(qO,"layout.property.title","Disposition"),w()(qO,"layout.property.flex","Boîte Flex"),w()(qO,"layout.property.grid","Grille"),w()(qO,"layout.property.default","Défaut"),w()(qO,"flex.layout.editor.row","Ligne"),w()(qO,"flex.layout.editor.column","Colonne"),w()(qO,"flex.layout.editor.row-reverse","Inverse ligne"),w()(qO,"flex.layout.editor.column-reverse","Inverse Colonne"),w()(qO,"flex.layout.editor.nowrap","Non-emballé"),w()(qO,"flex.layout.editor.wrap","Emballé (wrap)"),w()(qO,"flex.layout.editor.wrap-reverse","Inverse emballé"),w()(qO,"flex.layout.editor.flex-start","Début"),w()(qO,"flex.layout.editor.flex-end","Fin"),w()(qO,"flex.layout.editor.center","Centrer"),w()(qO,"flex.layout.editor.space-between","Entre"),w()(qO,"flex.layout.editor.space-around","Autour"),w()(qO,"flex.layout.editor.baseline","Base"),w()(qO,"flex.layout.editor.stretch","Etirement"),w()(qO,"flex.layout.editor.direction","Direction"),w()(qO,"flex.layout.editor.justify-content","Justifier"),w()(qO,"flex.layout.editor.align-items","Aligner objets"),w()(qO,"flex.layout.editor.align-content","Aligner contenu"),w()(qO,"flex.layout.item.property.title","Détail Disposition objet"),w()(qO,"flex.layout.item.property.grow","Augmenter Flex"),w()(qO,"flex.layout.item.property.shrink","Réduire Flex"),w()(qO,"flex.layout.item.property.basis","Base Flex"),w()(qO,"flex.layout.item.property.none","Aucun"),w()(qO,"flex.layout.item.property.auto","auto"),w()(qO,"flex.layout.item.property.value","valeur"),w()(qO,"grid.layout.editor.template.columns","Colonne"),w()(qO,"grid.layout.editor.column.gap","Espace Colonne"),w()(qO,"grid.layout.editor.template.rows","Lignes"),w()(qO,"grid.layout.editor.row.gap","Espace lignes"),w()(qO,"grid.box.editor.box.title","Boîte"),w()(qO,"grid.box.editor.type","Type"),w()(qO,"grid.box.editor.repeat","Répéter"),w()(qO,"grid.box.editor.length","Longueur"),w()(qO,"grid.box.editor.none","Aucun"),w()(qO,"grid.box.editor.auto","Auto"),w()(qO,"grid.box.editor.count","Compte"),w()(qO,"grid.box.editor.value","Taille"),w()(qO,"grid.layout.item.property.title","Détail disposition objets"),w()(qO,"grid.layout.item.property.column","Colonne"),w()(qO,"grid.layout.item.property.row","Ligne"),w()(qO,"grid.layout.item.property.start","Début"),w()(qO,"grid.layout.item.property.end","Fin"),w()(qO,"grid.layout.item.property.none","Aucun"),w()(qO,"grid.layout.item.property.value","valeur"),w()(qO,"box.model.property.title","Modèle"),w()(qO,"box.model.property.margin","Marge"),w()(qO,"box.model.property.padding","Espace"),w()(qO,"component.items.canvas","Toile"),w()(qO,"component.items.layer","Objet"),w()(qO,"component.items.3dlayer","Objet 3D"),w()(qO,"component.items.drawing","Dessin"),w()(qO,"component.items.custom","Composant personnalisé"),w()(qO,"component.items.chart","Chart"),w()(qO,"component.items.plugin","Plugin"),w()(qO,"svg.text.property.title","Style SVG Texte"),w()(qO,"svg.text.property.textarea","Zone Texte"),w()(qO,"svg.text.property.size","Taille"),w()(qO,"svg.text.property.weight","Poids"),w()(qO,"svg.text.property.style","Style"),w()(qO,"svg.text.property.anchor","Ancre Texte"),w()(qO,"svg.text.property.family","Famille"),w()(qO,"svg.text.property.length.adjust","Ajusteement longueur"),w()(qO,"svg.text.property.text.length","Ajusteement Texte"),w()(qO,"svg.text.property.start.offset","Décallage départ"),w()(qO,"fill.picker.popup.title","Sélection Fragment SVG"),w()(qO,"gradient.editor.drag.message","Glisser pour déplacer centre."),w()(qO,"draw.manager.tolerance","Tolérance"),w()(qO,"pattern.property.title","Motif"),w()(qO,"pattern.info.popup.title","Info Motif"),w()(qO,"pattern.info.popup.width","Largeur"),w()(qO,"pattern.info.popup.height","Hauteur"),w()(qO,"pattern.info.popup.lineWidth","Largeur ligne"),w()(qO,"pattern.info.popup.lineHeight","Hauteur de ligne"),w()(qO,"pattern.info.popup.rotate","Rotatation"),w()(qO,"pattern.info.popup.blend","Mélange"),w()(qO,"pattern.info.popup.foreColor","Avant"),w()(qO,"pattern.info.popup.backColor","Arrière"),w()(qO,"stroke.dasharray.editor.add","Ajout tiret"),w()(qO,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),qO),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":"아트보드 프리뷰를 삭제 하시겠습니까?","app.confirm.message.custom-component.items.removeCustomComponent":"컴포넌트 프리뷰를 삭제 하시겠습니까?","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":"배우기","menu.item.projects.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":"사용자 정의 컴포넌트","component.items.chart":"차트","component.items.plugin":"플러그인","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 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}};n(80);function tS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eS=function(t){R()(n,t);var e=tS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:rt("refreshSelection","refreshContent")+Z(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"elf--export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(Cg.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(Cg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:st("$svg"),value:function(){this.emit("downloadSVG")}},{key:st("$png"),value:function(){this.emit("downloadPNG")}}]),n}(Yx),nS=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function rS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iS=function(t){R()(n,t);var e=rS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Tt("$filterSelect"),value:function(){var t=this,e=nS.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(ce()(e),[{title:"-------",value:""}],ce()(n)):ce()(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:Tt("$body"),value:function(){var t=(this.$selection.current||{}).filter;return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="filter" value=\''.concat(t,"' hide-label='true' onchange='changeFilterEditor' />\n      </div>")}},{key:at("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"filter"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$filterSelect")}}]),n}(Yx);function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oS=function(t){R()(n,t);var e=aS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:"editableProperty",get:function(){return"font"}},{key:rt("refreshSelection")+N("checkShow"),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=').concat(this.variable(["normal","italic"]),"\n          icons='title,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <object refClass=\"FontSelectEditor\"  \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:at("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:at("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change font attribute",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function cS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sS=function(t){R()(n,t);var e=cS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"editableProperty",get:function(){return"font-spacing"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Sa.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:at("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Sa.number(e.value)),this.command("setAttributeForMulti","change font spacing : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(81);function uS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fS=["static-gradient","linear-gradient","radial-gradient","image-resource"],hS={"image-resource":Cg.photo},pS={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%"}},dS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],vS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],yS=function(t){R()(n,t);var e=lS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:qm.parseImage(this.props.value||"transparent")||Hm.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:qm.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='elf--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(Cg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Cg.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(fS.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(hS[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(vS.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(Kt(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:yt("$file"),value:function(t){var e=this;this.$selection.currentProject&&ce()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:st("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");pS[e]&&(this.state.image.reset(pS[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:224,height:150}}},{key:"getFieldValue",value:function(t){return Sa.parse(this.getImageFieldValue(this.state.image,t))}},{key:It("$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:It("$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:It("$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:It("$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:It("$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:wt("$pointerDrawArea circle[data-type]")+Ag("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:Sa.percent((e-a)/r*100),top:Sa.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:st("$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={};dS.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=qm.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uS(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:at("changeKeyValue"),value:function(t,e){this.state.image.reset(w()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:rt("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:st("$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:It("$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:It("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:"fillId",get:function(){return this.id+"fill"}},{key:It("$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:Tt("$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(Sa.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:wt("$stepList .step")+Ag(),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(Sa.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(zu.toColorString(t.colorsteps),")")}},{key:rt("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:rt("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())}}]),n}(_g);n(82);function gS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kS,xS=function(t){R()(n,t);var e=bS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--gradient-picker-popup\" 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:rt("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof zu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Tt("$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:at("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:at("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:at("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:rt("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:rt("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:rt("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(mS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(ow);function wS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SS=function(t){R()(n,t);var e=OS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"initState",value:function(){return{image:Hm.create()}}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){var t=this;return ie(kS||(kS=Aa()(["\n      <div class=\"elf--gradient-picker-popup\" 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="," />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "])),this.subscribe((function(e){t.trigger("changeColor",e)})))}},{key:rt("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof zu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Tt("$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:at("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:at("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:at("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:rt("showFillPickerPopup"),value:function(t,e){this.show(240),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:rt("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:rt("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(PS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(ow);n(83);function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $S=function(t){R()(n,t);var e=jS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:qm.parseImage(this.props.image||"transparent")}}},{key:"fillId",get:function(){return this.id+"fill"}},{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:qm.parseImage(t)})}},{key:It("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:It("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:rt("changeFillSingle"),value:function(t,e){this.updateData({image:qm.parseImage(t)}),this.refresh()}}]),n}(_g);n(84);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}function CS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MS=function(t){R()(n,t);var e=CS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RS(Object(n),!0).forEach((function(e){w()(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}({},t))}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:rt("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),n}(_g),TS=["0deg","45deg","90deg"],VS=["0deg","45deg","90deg"],ES=["0deg","45deg","90deg"],IS=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"linear-gradient(".concat(gc.apply(void 0,TS),", ").concat(Iu.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"linear-gradient(".concat(gc.apply(void 0,VS),", ").concat(Iu.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(gc.apply(void 0,ES),", ").concat(Iu.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Iu.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Iu.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Iu.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){var e=pc(45,55),n=pc(45,55),r=pc(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Iu.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 mc(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Iu.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 mc(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Iu.createRepeatColorStep(10,"10deg"),")")}}))}}];n(85);function DS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var LS=IS.map((function(t){return{value:t.key,text:t.title}})),BS=function(t){R()(n,t);var e=DS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Tt("$tools"),value:function(){return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options=').concat(this.variable(LS),' onchange="changePreset"  />\n    ')}},{key:at("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--gradient-assets-property"}},{key:rt("refreshSelection")+Z(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:ht("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Tt("$gradientList"),value:function(){var t=this,e=IS.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(icon.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:st("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:zu.random(),name:"",variable:""})}))}},{key:st("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}}]),n}(Yx);n(86);function AS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zS=function(t){R()(n,t);var e=AS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--history-list-view\" ref='$body'></div>\n    "}},{key:Tt("$body")+W,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?Cg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:rt("refreshHistory"),value:function(){this.refresh()}}]),n}(Yx);function FS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function GS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _S={},NS=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],XS=function(t){R()(n,t);var e=GS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toStringPropertyCSS",value:function(t,e){return kc(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return _S;var e=[];if(t.pattern)for(var n=mp.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,jl.parseStyle(kc(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,jl.parseStyle(kc(t["background-image"]))),e.length?jl.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=HS(HS({},n),kc(t["flex-layout-item"])):"grid"===e&&(n=HS(HS({},n),kc(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return HS({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return HS({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return t.hasChildren()?{}:this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?w()({},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.hasChildren()||(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 Ut(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",HS(HS(HS({},e),{"will-change":"auto"}),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=zt()(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=zt()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return bc(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return NS.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(""===t.transform)return _S;var e={transform:t.transform};return"rotateZ(0deg)"===e.transform&&delete e.transform,{transform:e.transform}}},{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=of.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(t.clipPathString,'" /></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;var n=of.parseStyle(e);switch(n.type){case"path":n.value&&(e="url(#".concat(this.clipPathId(t),")"));break;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(bc(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:bc(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-renderer-type=\"html\" data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>\n").concat(n,"\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="element-item ').concat(a,'" data-id="').concat(r,'" data-title="').concat(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){if(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=Ka.createByHTML(i);a&&e.prepend(a)}}}}}]),n}(function(){function t(){O()(this,t)}return j()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function YS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KS=function(t){R()(n,t);var e=YS(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(XS);function US(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?US(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):US(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qS=["","100x100","200x200","300x300","400x300","900x600","1024x762"],JS=function(t){R()(n,t);var e=ZS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Cg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(qS.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:at("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Sa.px(t)})),r=zt()(n,2),i=r[0],a=r[1];this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:i,height:a}))}},{key:st("$resize"),value:function(){this.$selection.current&&this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:function(t){return t.naturalWidth.clone()},height:function(t){return t.naturalHeight.clone()}}))}},{key:It("$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:Tt("$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:at("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(WS({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttributeForMulti","change image",this.$selection.packByValue(WS({src:e},n))))}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShow(["image"])}}]),n}(Yx);n(87);function QS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tj=function(t){R()(n,t);var e=QS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='elf--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:Tt("$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:yt("$file"),value:function(t){var e=this,n=ce()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:st("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:rt("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)}}]),n}(_g);n(88);function ej(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nj=function(t){R()(n,t);var e=ej(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:Tt("$imageBox")+W,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:st("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Sa.px(e.naturalWidth),naturalHeight:Sa.px(e.naturalHeight),width:Sa.px(e.naturalWidth),height:Sa.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:rt("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:rt("hideImageSelectPopup"),value:function(){this.hide()}}]),n}(ow);n(89);function rj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ij=function(t){R()(n,t);var e=rj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{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='elf--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:gt("$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:rt("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:rt("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:rt("hideKeyframePopup"),value:function(){this.$el.hide()}}]),n}(ow);n(90);function aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oj=function(t){R()(n,t);var e=aj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{key:"getBody",value:function(){return"<div class='elf--keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(Cg.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(Cg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Cg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Cg.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:st("$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:st("$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:st("$keyframeList .del")+et,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:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Tt("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Gf.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:st("$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:rt("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))}}]),n}(Yx);function cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sj=function(t){R()(n,t);var e=cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Sa.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:rt("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){if(Kt(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:Tt("$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!Ka.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:st("$offset")+N("isNotOffsetItem")+et,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Sa.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Af({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:wt("$offset .offset-item")+Ag("moveOffset")+zg("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Sa.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=Sa.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:rt("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:rt("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=ce()(t)),this.modifyOffset()}}]),n}(_g);n(91);function uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lj=function(t){R()(n,t);var e=uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getBody",value:function(){return"\n      <div class=\"elf--layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:It("$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:Sa.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:Sa.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:Sa.px(r),height:Sa.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 Cg.group;switch(t.itemType){case"artboard":return Cg.artboard;case"circle":return Cg.lens;case"image":return Cg.image;case"text":case"svg-text":return Cg.title;case"svg-textpath":return Cg.text_rotate;case"svg-path":return Cg.pentool;case"cube":return Cg.cube;case"cylinder":return Cg.cylinder;default:return Cg.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),this.$selection.check(a)?"selected":""),c=this.$selection.checkHover(a)?"hovered":"",s=a.name;a.is("text")&&(s=a.text||a.name);var u="";a.hasLayout()&&(u=this.$i18n("layer.tree.property.layout.title."+a.layout));var l=a.isTreeItemHide(),f=Sa.px(20*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(c,"' 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(l,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(u,"' style='padding-left: ").concat(f,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(a.isGroup?Cg.arrow_right:"","</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(s,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Cg.lock:Cg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Cg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Cg.remove2,"</button>                          \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:rt("refreshContent"),value:function(t){this.refresh()}},{key:Tt("$layerList")+W,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:ht("$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:vt("$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:dt("$layerList .layer-item:not(.".concat("drag-start",")"))+et,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:pt("$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:ut("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t,e){var n=this;if(hd.enter===e.keyCode)this.endInputEditing(t,(function(){var e=t.closest("layer-item").attr("data-layer-id"),r=t.text();n.emit("refreshItemName",e,r)}));else{var r=t.closest("layer-item").attr("data-layer-id"),i=t.text();this.emit("refreshItemName",r,i)}}},{key:lt("$layerList .layer-item .name")+nt,value:function(t){this.modifyDoneInputEditing(t.$dt,t)}},{key:bt("$layerList .layer-item .name")+et+nt,value:function(t){this.modifyDoneInputEditing(t.$dt,{keyCode:hd.enter})}},{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:st("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":"#ececec",width:Sa.px(200),height:Sa.px(100)})}},{key:st("$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.command("refreshSelection")}},{key:st("$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:st("$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("setAttributeForMulti","change visible for layer",this.$selection.packByValue({visible:!r.visible},r.id))}},{key:st("$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:st("$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("setAttributeForMulti","change lock for layer",this.$selection.packByValue({lock:i},r.id))}},{key:rt("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:at("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:rt("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:rt("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:rt("refreshLayerTreeView"),value:function(){this.refresh()}},{key:rt("changeItemLayout"),value:function(){this.refresh()}}]),n}(Yx);function fj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dj=function(t){R()(n,t);var e=pj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 this.variable(t.split(",").map((function(t){return{value:t,text:e.$i18n("flex.layout.editor."+t)}})))}},{key:"initState",value:function(){return hj({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(hj({},kc(t)))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);function vj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gj=function(t){R()(n,t);var e=yj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(kc(t))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);n(92);function mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bj=function(t){R()(n,t);var e=mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"elf--flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","auto","value"].map((function(e){return{value:e,text:t.$i18n("flex.layout.item.property.".concat(e))}})))}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Tt("$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),bc({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:at("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":this.getFlexValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),n}(Yx);n(93);function kj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xj=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,wj=function(t){R()(n,t);var e=kj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getLayoutItemOptions",value:function(){var t=this;return this.variable("none,auto,repeat,length".split(",").map((function(e){return{value:e,text:t.$i18n("grid.box.editor.".concat(e))}})))}},{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=xj.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=Ia()(a),c=o[0],s=o.slice(1);n.push({type:"repeat",count:c,value:s.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(Cg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Cg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Tt("$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='elf--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(Cg.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:st("$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:st("$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:st("$add"),value:function(){this.trigger("add")}},{key:rt("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:at("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()}}]),n}(_g);function Pj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Oj=function(t){R()(n,t);var e=Pj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 Sa.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:Tt("$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:at("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),n}(_g);n(94);function Sj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Sj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rj=function(t){R()(n,t);var e=$j(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return jj({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(jj({},kc(t)))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"template",value:function(){return"\n            <div class='elf--grid-layout-editor' ref='$body' ></div>\n        "}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);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 Mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tj=function(t){R()(n,t);var e=Mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(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){w()(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}({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(kc(t))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);n(95);function Vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ej=function(t){R()(n,t);var e=Vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","value"].map((function(e){return{value:e,text:t.$i18n("grid.layout.item.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Tt("$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=kc(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 bc({"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:at("changeGridItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":this.getGridValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),n}(Yx);n(96);function Ij(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dj=function(t){R()(n,t);var e=Ij(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["default","flex","grid"].map((function(e){return{value:e,text:t.$i18n("layout.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Tt("$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:at("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change layout info",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(this.$selection.packByValue(w()({},t,e))),this.command("setAttributeForMulti","change layout type",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.refresh(),n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:"editableProperty",get:function(){return"layout"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx),Lj=[{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)"}]}}];n(97);function Bj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Aj=function(t){R()(n,t);var e=Bj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=this.variable(Lj.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:at("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--pattern-assets-property"}},{key:"editableProperty",get:function(){return"pattern"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){}},{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:ht("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Tt("$patternList"),value:function(){var t=this,e=Lj.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=bc(mp.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:st("$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)}}]),n}(Yx);n(98);function zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fj=function(t){R()(n,t);var e=zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 mp.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='elf--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(Cg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:Tt("$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(Cg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=mp.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:rt("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Lj.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,mp.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:st("$add"),value:function(){this.trigger("add")}},{key:ht("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$patternList .pattern-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:pt("$patternList .pattern-item")+et,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:st("$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:rt("changePatternSizeInfo")+Z(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),n}(_g);function Hj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gj=function(t){R()(n,t);var e=Hj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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||Sa.z(),y:this.props.y||Sa.z(),width:this.props.width||Sa.z(),height:this.props.height||Sa.z(),lineWidth:this.props.lineWidth||Sa.px(1),lineHeight:this.props.lineHeight||Sa.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,c=e.backColor,s=e.blendMode,u=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:c,blendMode:s,lineWidth:u,lineHeight:l},this.state.params)}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:Tt("$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:rt("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)}}]),n}(ow),_j=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"];function Nj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xj=function(t){R()(n,t);var e=Nj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Tt("$patternSelect"),value:function(){var t=this,e=_j.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return ce()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Tt("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:at("changePatternEditor"),value:function(t,e){this.command("setAttributeForMulti","change pattern",this.$selection.packByValue({pattern:e}))}},{key:"editableProperty",get:function(){return"pattern"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$patternSelect")}}]),n}(Yx);n(99);function Yj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Kj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wj=function(t){R()(n,t);var e=Uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:Sa.parse(this.props.x),y:Sa.parse(this.props.y),width:Sa.parse(this.props.width),height:Sa.parse(this.props.height),lineWidth:Sa.parse(this.props.linewidth),lineHeight:Sa.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(Kj({},t))}},{key:It("$miniView"),value:function(){var t=Kj({},this.state);return this.state.width.value>80&&(t.width=Sa.px(80),t.x=Sa.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Sa.px(80),t.y=Sa.px(this.state.y.value/this.state.height.value/80)),{cssText:mp.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='elf--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:st("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){var t=this;this.emit("showPatternInfoPopup",{changeEvent:function(e){t.updateData(Kj({},e))},data:this.state,instance:this})}}]),n}(_g);function Zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qj=function(t){R()(n,t);var e=Zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Cg.remove,"</button>\n    ")}},{key:st("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Tt("$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:at("changePerspective"),value:function(t,e){this.command("setAttributeForMulti","change perspective",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"perspective"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);n(100);function Jj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qj=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],t$=Qj.map((function(t){return t.key})),e$={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%"},n$=function(t){R()(n,t);var e=Jj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Sa.z(),"perspective-origin-x":Sa.z(),"perspective-origin-y":Sa.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Sa.parse(t[0]),e["perspective-origin-x"]=Sa.parse(t[0]),e["perspective-origin-y"]=Sa.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Sa.parse(t[0]),e["perspective-origin-y"]=Sa.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:st("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=e$[e].split(" "),r=zt()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Sa.parse(i),this.state["perspective-origin-y"]=Sa.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:at("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&t$.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Qj.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,t$.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:st("$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()}}]),n}(_g);function r$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var i$=function(t){R()(n,t);var e=r$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Cg.remove,"</button>\n    ")}},{key:st("$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:Tt("$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:"editableProperty",get:function(){return"perspective-origin"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changePerspectiveOrigin"),value:function(t){this.command("setAttributeForMulti","change perspective origin",this.$selection.packByValue({"perspective-origin":t}))}}]),n}(Yx);function a$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var o$=Sa.z(),c$=function(t){R()(n,t);var e=a$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:rt("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"checkChangedValue",value:function(){var t=this.$selection.current;return!!t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate","opacity")}},{key:rt("refreshSelectionStyleView")+N("checkChangedValue")+J(10),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||o$),this.children.$y.setValue(t.y||o$),this.children.$width.setValue(t.width||o$),this.children.$height.setValue(t.height||o$),this.children.$opacity.setValue(t.opacity||"1");var e=Bc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}},{key:"isHideHeader",value:function(){return!0}},{key:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 10px;'>\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=\"-360\"\n              max=\"360\"\n              step=\"1\"\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;if(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),this.children.$opacity.setValue(t.opacity||"1");var e=Bc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}}},{key:at("changRangeEditor"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change position or size",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeRotate"),value:function(t,e){console.log(e),this.command("setAttributeForMulti","change rotate",this.$selection.packByValue({transform:function(t){return Bc.rotateZ(t.transform,e)}}))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(101);function s$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var u$=function(t){R()(n,t);var e=s$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return"string"==typeof t?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),n=this.props.value,r=this.props.tabindex;return{splitChar:t,label:this.props.label||"",options:e,value:n,tabIndex:r}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='elf--select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:It("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Tt("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e.value,r=e.text||e.value;""===r?r=t.props["none-value"]?t.props["none-value"]:"":"-"===r&&(r="----------",n="");var i=n===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(n,'">').concat(r,"</option>")}))}},{key:yt("$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)}}]),n}(_g);function l$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?l$(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function h$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var p$=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],d$=function(t){R()(n,t);var e=h$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getBlendList",value:function(){var t=this;return p$.map((function(e){return{value:e,text:t.$i18n("blend.".concat(e))}}))}},{key:"initState",value:function(){return f$(f$({},$a()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}]),n}(u$);n(102);function v$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var y$=function(t){R()(n,t);var e=v$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='elf--clip-path-editor'></div>\n        "}},{key:Tt(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:st(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){var t=this;this.emit("showClipPathPopup",{changeEvent:function(e){t.updateData({clippath:e["clip-path"]})},"clip-path":this.state.clippath})}}]),n}(_g),g$={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=fu.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=fu.parse(t.color),r=fu.parse(e.color);return n.h>r.h?1:-1})),e}},m$=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),b$={title:"material red",key:"material-red",execute:function(){return m$}},k$=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),x$={title:"material pink",key:"material-pink",execute:function(){return k$}},w$=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),P$={title:"material purple",key:"material-purple",execute:function(){return w$}},O$=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),S$={title:"material deep purple",key:"material-deeppurple",execute:function(){return O$}},j$=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),$$={title:"material indigo",key:"material-indigo",execute:function(){return j$}},R$=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),C$={title:"material blue",key:"material-blue",execute:function(){return R$}},M$=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),T$={title:"material light blue",key:"material-lightblue",execute:function(){return M$}},V$=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),E$={title:"material cyan",key:"material-cyan",execute:function(){return V$}},I$=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),D$={title:"material teal",key:"material-teal",execute:function(){return I$}},L$=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),B$={title:"material green",key:"material-green",execute:function(){return L$}},A$=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),z$={title:"material lightgreen",key:"material-lightgreen",execute:function(){return A$}},F$=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),H$={title:"material lime",key:"material-lime",execute:function(){return F$}},G$=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),_$={title:"material yellow",key:"material-yellow",execute:function(){return G$}},N$=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),X$={title:"material amber",key:"material-amber",execute:function(){return N$}},Y$=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),K$={title:"material orange",key:"material-orange",execute:function(){return Y$}},U$=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),W$={title:"material deep orange",key:"material-deeporange",execute:function(){return U$}},Z$=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),q$={title:"material brown",key:"material-brown",execute:function(){return Z$}},J$=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Q$={title:"material gray",key:"material-gray",execute:function(){return J$}},tR=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),eR={title:"material bluegray",key:"material-bluegray",execute:function(){return tR}},nR=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),rR=[g$,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return nR}},b$,x$,P$,S$,$$,C$,T$,E$,D$,B$,z$,H$,_$,X$,K$,W$,q$,Q$,eR];n(103);function iR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aR=function(t){R()(n,t);var e=iR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"grid",preset:"random",isLoaded:!1,colors:rR}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Tt("$tools"),value:function(){var t=this.variable(this.state.colors.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:rt("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"template",value:function(){return"\n      <div class='elf--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:Tt("$colorList"),value:function(){var t=this,e=this.state.colors.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:st("$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)}}]),n}(_g);n(104);function oR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cR=function(t){R()(n,t);var e=oR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:It("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='elf--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:st("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.refs.$miniView.cssText("background-color: ".concat(e)),t.updateData({color:e})},color:this.state.color})}}]),n}(_g);n(105);function sR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uR=function(t){R()(n,t);var e=sR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"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='elf--color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","            \n                <div class='color-code' ref=\"$container\">\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:It("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:It("$colorCode"),value:function(){return{value:this.state.value}}},{key:mt("$colorCode"),value:function(t){this.refs.$container.addClass("focused")}},{key:kt("$colorCode"),value:function(t){this.refs.$container.removeClass("focused")}},{key:st("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.updateData({value:e})},changeEndEvent:function(e){t.updateEndData({value:e})},color:this.state.value})}},{key:st("$remove"),value:function(t){this.updateData({value:""})}},{key:gt("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}}]),n}(_g);n(106);function lR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fR=function(t){R()(n,t);var e=lR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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='elf--css-property-editor ".concat(wc({"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(Cg.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 Sa.string("");case"offset-distance":return Sa.percent(0);case"rotate":return Sa.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Sa.z()}}},{key:st("$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="changeKeyValue" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\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=").concat(this.variable(["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=").concat(this.variable(["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=").concat(this.variable(["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      "):"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:at("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:at("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:at("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:at("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:at("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:at("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:at("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:at("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:at("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:at("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:at("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:at("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:Tt("$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(Cg.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(Cg.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:rt("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:st("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:st("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),n}(_g);n(107);function hR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pR=function(t){R()(n,t);var e=hR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:Ho(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=jc(this.state.currentBezier,150,150),e=$c(this.state.currentBezier,150,150),n=jc("ease",30,30),r=$c("ease",30,30),i=jc("ease-in",30,30),a=$c("ease-in",30,30),o=jc("ease-out",30,30),c=$c("ease-out",30,30);return"\n            <div class='elf--cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Cg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Cg.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(c,'" 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:It("$bezierCanvas"),value:function(){return{d:jc(this.state.currentBezier,150,150)}}},{key:It("$bezierCanvasPoint"),value:function(){return{d:$c(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,Go(this.state.currentBezier))}},{key:st("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Fo.length-1:--n;e=Fo[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:st("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Fo.length,e=Fo[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:st("$text"),value:function(){var t=ce()(Fo[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:st("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=Ho(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=Ho(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:Sa.px(r).round(),top:Sa.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Sa.px(r).round(),top:Sa.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=Ho(this.state.currentBezier),e=tc(Go(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 c=a.y;return c-=i,{x:Hi(o,e),y:c==n?0:Hi(n-c,n)}}},{key:wt("$pointer1")+Ag("movePointer1")+zg("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:wt("$pointer2")+Ag("movePointer2")+zg("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:rt("showCubicBezierEditor"),value:function(t){var e=Ho(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),n}(_g);n(108);function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],yR=function(t){R()(n,t);var e=dR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=tf.parse(this.props.value),e=zt()(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='elf--direction-editor' ref='$body'></div>"}},{key:rt("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&vR.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(w()({},t,e))}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(vR.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:st("$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})}}]),n}(_g);n(109);function gR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kR={blur:Fl.spec,grayscale:Gl.spec,"hue-rotate":_l.spec,invert:Nl.spec,brightness:Xl.spec,contrast:Yl.spec,"drop-shadow":Zl.spec,opacity:Kl.spec,saturate:Ul.spec,sepia:Wl.spec,svg:Hl.spec},xR=function(t){R()(n,t);var e=bR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:zl.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='elf--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(Cg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:Tt("$filterSelect"),value:function(){var t=em.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(ce()(t),[{title:"-------",value:""}],ce()(e)):ce()(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 kR[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(Cg.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            on-change-value="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=i.svgfilters.map((function(t){return{value:t.id}}))),'\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(this.variable([""].concat(ce()(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(Cg.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:Tt("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:ht("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$filterList .filter-item .title label")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:pt("$filterList .filter-item")+et,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,this.props.key,t,this.props.params)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return zl.parse(mR(mR({},e),{},{type:t}))}},{key:st("$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,a,o=r.getSVGFilterIndex(null===(i=n.value)||void 0===i||null===(a=i.value)||void 0===a?void 0:a.replace("#",""));this.trigger("openSVGFilterPopup",o)}}},{key:rt("openSVGFilterPopup"),value:function(t){var e=this,n=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:function(t){var n=e.$selection.currentProject;n&&(n.setSVGFilterValue(t.index,{filters:t.filters}),e.emit("refreshSVGFilterAssets"),e.emit("refreshSVGArea"))},index:t,preview:!1,filters:n.filters})}},{key:rt("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:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:st("$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:at("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:at("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(w()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),n}(_g);function wR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SR=["","Arial","Arial Black","Times New Roman","Times","Courier New","Courier","Verdana","Georgia","Palatino","Garamond","Bookman","Tahoma","Trebuchet MS","Impact","Comic Sans MS","serif","sans-serif","monospace","cursive","fantasy","system-ui"],jR=function(t){R()(n,t);var e=OR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getFontList",value:function(){return SR.map((function(t){return{value:t}}))}},{key:"initState",value:function(){return PR(PR({},$a()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getFontList()})}}]),n}(u$);n(110);function $R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RR=["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"],CR=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],MR={"image-resource":Cg.photo},TR={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},VR={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%"]},ER=function(t){R()(n,t);var e=$R(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:jl.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:jl.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='elf--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(Cg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Cg.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(CR.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(MR[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                <object refClass=\"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(this.variable(RR),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:yt("$file"),value:function(t){var e=this;this.$selection.currentProject&&ce()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:st("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");VR[e]&&(this.state.image.radialPosition=ee(VR[e]),this.refresh(),this.updateData())}},{key:ut("$gradientView")+et,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:wt("$gradientView")+Ag("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=Sa.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Sa.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:st("$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=jl.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Sa.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:at("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:rt("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:st("$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:It("$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:It("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:It("$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:It("$dragPosition"),value:function(){var t="50%",e="50%";if(TR[this.state.image.type]){var n=zt()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Tt("$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.toLength(),";'>\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:st("$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(Sa.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:wt("$stepList .step")+Ag(),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.setValue(o,n.width),this.children.$range.setValue(Sa.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(zu.toColorString(t.colorsteps),")")}},{key:rt("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:rt("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())}}]),n}(_g);n(111);function IR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DR=function(t){R()(n,t);var e=IR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor elf--list-view-editor' ref='$body'></div>"}},{key:It("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Tt("$body"),value:function(){var t=this;return Object.keys(Cg).map((function(e){var n=Cg[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:st("$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)}}]),n}(_g);function LR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BR=function(t){R()(n,t);var e=LR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(t){return+t})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:It("$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:Tt("$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:gt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(_g);n(112);function AR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zR=function(t){R()(n,t);var e=AR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Sa.parse(this.props.value||Sa.z()),n=this.props.label||"";return Cg[n]&&(n=Cg[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:Tt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=c,l=(+s).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(wc(w()({"elf--input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},u,!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(l,'" 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(Cg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Sa.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:mt("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:st("$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 Sa(0,this.children.$unit.getValue()))}},{key:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Sa(e,this.children.$unit.getValue())})}},{key:at("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(_g);n(113);function FR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HR=function(t){R()(n,t);var e=FR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Sa.parse(this.props.value||Sa.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:Tt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=o,l=(+s).toString(),f=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),{value:t,text:e}}));return'\n        <div \n            ref="$range"\n            class="'.concat(wc(w()({"elf--range--editor":!0,"has-label":!!i,compact:!!c,"is-removable":a},u,!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(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" 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(this.variable(f)," onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Cg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Sa.parse(t)})}},{key:mt("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:st("$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 Sa(0,this.children.$unit.getValue()))}},{key:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Sa(e,this.children.$unit.getValue())})}},{key:gt("$property"),value:function(t){this.trigger("changeRangeValue")}},{key:wt("$property")+zg(),value:function(){}},{key:"end",value:function(){this.trigger("changeRangeValue")}},{key:at("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Sa(t,this.children.$unit.getValue())})}},{key:at("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(_g);function GR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _R(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XR=function(t){R()(n,t);var e=NR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Sa(0,"infinite"):Sa.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return _R(_R({},$a()(V()(n.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}]),n}(HR);n(114);function YR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KR=function(t){R()(n,t);var e=YR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=zt()(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='elf--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:at("changeValue"),value:function(t,e){this.updateData(w()({},t,e/this.state.duration),!0)}},{key:wt("$start")+Ag("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Sa.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Sa.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:It("$start"),value:function(){return{"data-info":this.state.start,style:{left:Sa.percent(100*(this.state.start||0))}}}},{key:wt("$end")+Ag("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Sa.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Sa.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Sa.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:It("$end"),value:function(){return{"data-info":this.state.end,style:{left:Sa.percent(100*(this.state.end||1))}}}},{key:It("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Sa.percent(100*t),width:Sa.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=zt()(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)}}]),n}(_g);n(115);function UR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WR=function(t){R()(n,t);var e=UR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Sa.parse(this.props.value||Sa.number(0));t=t.toUnit("number");var e=this.props.label||"";return Cg[e]&&(e=Cg[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:Tt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=c?"compact":"",f=o,h=(+s).toString();return"\n        <div class='elf--number-input-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" 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:Sa.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.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:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),n}(_g);n(116);function ZR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qR=function(t){R()(n,t);var e=ZR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Sa.parse(this.props.value||Sa.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:Tt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=o?"is-removable":"",f=c,h=(+s).toString();return"\n        <div class='elf--number-range-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(h,'" 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(Cg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Sa.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Sa.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:Sa.parse(t)})}},{key:mt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:st("$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:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:gt("$property"),value:function(){this.trigger("changeRangeValue")}},{key:wt("$property")+zg("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeRangeValue")}},{key:at("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Sa.number(0)),this.updateData({value:this.state.value.set(t)})}}]),n}(_g);n(117);function JR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tC=function(t){R()(n,t);var e=QR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new Hc(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 Hc(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='elf--path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Tt("$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?JR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JR(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:gt("$data input[type=number]")+Z(300),value:function(t){this.updateData()}},{key:st("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=zt()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),n}(_g);n(118);function eC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nC=function(t){R()(n,t);var e=eC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new kf(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 kf(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='elf--polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Tt("$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:gt("$data input[type=number]")+Z(300),value:function(t){this.updateData()}}]),n}(_g);n(119);function rC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iC=function(t){R()(n,t);var e=rC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return Zt(t)?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),n=(this.props.icons||"").split(t).map((function(t){return t.trim()})),r=(this.props.colors||"").split(t).map((function(t){return t.trim()})),i=this.props.value||"";return{label:this.props.label||"",compact:"true"===this.props.compact,options:e,icons:n,colors:r,value:i}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='elf--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:st("$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:Tt("$options")+W,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e.value,i=e.text,a=e.text,o="",c=r===t.state.value,s=c?"selected":"";if(""===e.value){i=Cg.close;a="close"}else{var u=t.state.icons[n];Cg[u]&&(o="icon"),a=i,i=Cg[u]||i||u||e.text||e.value}var l=t.state.colors[n],f={};return c&&l&&(f["background-color"]=l),"<div class='select-icon-item ".concat(s," ").concat(o,"' style='").concat(bc(f),"' data-value=\"").concat(r,"\" title='").concat(a,"'>").concat(i,"</div>")}))}},{key:st("$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)}}]),n}(_g);n(120);function aC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oC=function(t){R()(n,t);var e=aC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.generateValue(this.props.value||"");return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label,e=!!t;return"\n      <div class='elf--stroke-dasharray-editor'>\n        <div class='tools ".concat(e?"has-label":"","'>\n          ").concat(e?"<label class='label'>".concat(t,"</label>"):"","\n          <label ref='$add'>").concat(Cg.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>      \n        <div ref='$body'></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){Array.isArray(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Tt("$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=\"").concat(t,'" \n            min="0"\n            max="100"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Cg.remove2,"</button>\n        </div>\n      ")}))}},{key:at("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:st("$add"),value:function(){this.setState({value:[].concat(ce()(this.state.value),[0])})}},{key:st("$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)}}]),n}(_g);n(121);function cC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sC=function(t){R()(n,t);var e=cC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Sa.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='elf--text-area-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:It("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:gt("$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)}}]),n}(_g);n(122);function uC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lC=function(t){R()(n,t);var e=uC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.value;return"\n            <div class='elf--text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <div>\n                    <input type='text' ref='$text' value=\"").concat(n,'" />\n                </div>\n            </div>\n        ')}},{key:"getValue",value:function(){return this.refs.$text.value}},{key:"setValue",value:function(t){this.refs.$text.val(t),this.setState({value:t},!1)}},{key:It("$text"),value:function(){return{value:this.state.value}}},{key:gt("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(_g);n(123);function fC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hC=function(t){R()(n,t);var e=fC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(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='elf--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(Cg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:rt("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:Tt("$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(Cg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:st("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:gt("$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)}}]),n}(_g),pC=[/\(/gi,/\)/gi],dC="grayscale,matrix,rotateZ,blur,sepia,linear-gradient,radial-gradient,conic-gradient,circle,inset,polygon,rgb".split(",").map((function(t){return new RegExp(t,"gi")})),vC="butt,miter,start,at,black,repeat,lighten,multiply,solid,border-box,visible,absolute,relative,auto".split(",").map((function(t){return new RegExp(t,"gi")}));function yC(t){return vC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="keyword">'.concat(t,"</span>")}))})),dC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="function">'.concat(t,"</span>")}))})),pC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="char">'.concat(t,"</span>")}))})),t}function gC(t){return t.split(";").filter((function(t){return t.trim()})).map((function(t){var e=(t=t.trim()).split(":").map((function(t){return t.trim()})),n=zt()(e,2),r=n[0],i=n[1];return""===i?"":'<div class="block"><strong>'.concat(r,'</strong><span>:&nbsp;</span><span class="value">').concat(yC(i),"</span><span>;</span></div>")})).join("").trim()}var mC=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("html","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("html",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(t){var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}}},{key:"renderSVG",value:function(t,e){var n=this.getRendererInstance(t);return Jt(n.renderSVG)?n.renderSVG(t,e||this):this.getDefaultRendererInstance().renderSVG(t,e||this)}},{key:"to",value:function(t,e){var n=this.getRendererInstance(e);if(Jt(n[t]))return n[t].call(n,e);var r=this.getDefaultRendererInstance();return Jt(r[t])?r[t].call(r,e):void 0}},{key:"toCSS",value:function(t){return this.to("toCSS",t)}},{key:"toNestedCSS",value:function(t){return this.to("toNestedCSS",t)}},{key:"toTransformCSS",value:function(t){return this.to("toTransformCSS",t)}},{key:"toGridLayoutCSS",value:function(t){return this.to("toGridLayoutCSS",t)}},{key:"toLayoutItemCSS",value:function(t){return this.to("toLayoutItemCSS",t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);return Jt(n.toStyle)?n.toStyle(t,e||this):this.getDefaultRendererInstance().toStyle(t,e||this)}},{key:"update",value:function(t,e,n){var r=this.getRendererInstance(t);return Jt(r.update)?r.update(t,e,n):this.getDefaultRendererInstance().update(t,e,n)}},{key:"codeview",value:function(t){if(!t)return"";var e=t.top,n=gC(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?bc(e.toRootVariableCSS()):"",i=t,a=gC(i?Pc(bc(this.toCSS(i))):""),o=i?this.toNestedCSS(i).map((function(t){var e=t.cssText?t.cssText:bc(t.css);return"".concat(t.selector," { \n    ").concat(gC(Pc(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=i?i.selectors:[];return"\n<div class=''>\n\n".concat(a&&"<div><pre title='CSS'>".concat(a,"</pre></div>"),"\n\n").concat(o.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        ")}}]),t}();function bC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kC=function(t){R()(n,t);var e=bC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=(t.name,t.itemType,n||"div");return"    \n      <".concat(i,' class="element-item artboard" data-id="').concat(r,'">\n        ').concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(i,">\n    ")}},{key:"toBorderCSS",value:function(t){return{}}}]),n}(XS);function xC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wC=function(t){R()(n,t);var e=xC(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function PC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function SC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jC=["front","back","left","right","top","bottom"],$C=function(t){R()(n,t);var e=SC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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",OC(OC({},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 OC(OC(OC(OC(OC({},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"],c=OC(OC(OC(OC({},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(bc(c),"\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(jC.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}}]),n}(KS);function RC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CC=function(t){R()(n,t);var e=RC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(KS);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 TC(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){w()(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}function VC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EC="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),IC={xChannelSelector:!0,yChannelSelector:!0},DC=function(t){R()(n,t);var e=VC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pa();return $a()(V()(n.prototype),"getDefaultObject",this).call(this,TC({itemType:"svgfilter",id:e,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter((function(e){return e.id===t.id})).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return"string"==typeof t.in&&(t.in=JSON.parse(t.in)),"string"==typeof t.bound&&(t.bound=JSON.parse(t.bound)),"string"==typeof t.connected&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return TC(TC({},$a()(V()(n.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(IC).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=""),EC.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,eT[t.type])(t)}}]),n}(Tc);function LC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BC=function(t){R()(n,t);var e=LC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:n.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Sa.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    ')}}]),n}(DC);function AC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}BC.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Sa.number(0)}};var zC=function(t){R()(n,t);var e=AC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.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>")}}]),n}(DC);function FC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zC.spec={};var HC=function(t){R()(n,t);var e=FC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:n.spec.operator.defaultValue,k1:n.spec.k1.defaultValue,k2:n.spec.k2.defaultValue,k3:n.spec.k3.defaultValue,k4:n.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}}]),n}(DC);function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HC.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:Sa.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)}};var _C=function(t){R()(n,t);var e=GC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:n.spec.operator.defaultValue,radius:n.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()," />")}}]),n}(DC);function NC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_C.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)}};var XC=function(t){R()(n,t);var e=NC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:n.spec.filterType.defaultValue,baseFrequency:n.spec.baseFrequency.defaultValue,numOctaves:n.spec.numOctaves.defaultValue,seed:n.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=Sa.parse(t.baseFrequency),t.numOctaves=Sa.parse(t.numOctaves),t.seed=Sa.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(xc({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function YC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XC.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Sa.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Sa.number(0)}};var KC=function(t){R()(n,t);var e=YC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:n.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=Sa.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}}]),n}(DC);function UC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KC.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Sa.number(0)}};var WC=function(t){R()(n,t);var e=UC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:n.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()," />")}}]),n}(DC);function ZC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WC.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 qC=function(t){R()(n,t);var e=ZC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:n.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()," />")}}]),n}(DC);function JC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qC.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var QC=function(t){R()(n,t);var e=JC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:n.spec.stdDeviationX.defaultValue,stdDeviationY:n.spec.stdDeviationY.defaultValue,edgeMode:n.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=Sa.parse(t.stdDeviationX),t.stdDeviationY=Sa.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()," />")}}]),n}(DC);function tM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}QC.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var eM=function(t){R()(n,t);var e=tM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,color:n.spec.color.defaultValue,opacity:n.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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(xc({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),n}(DC);function nM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}eM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var rM=function(t){R()(n,t);var e=nM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:n.spec.r.defaultValue,g:n.spec.g.defaultValue,b:n.spec.b.defaultValue,a:n.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=t.split(" "),n=Ia()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=zt()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=zt()(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(xc(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(xc(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(xc(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(xc(i)," />"),"\n    </feComponentTransfe>")}}]),n}(DC);function iM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}rM.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 aM=function(t){R()(n,t);var e=iM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:n.spec.azimuth.defaultValue,elevation:n.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(xc({azimuth:e,elevation:n})," />")}}]),n}(DC);function oM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}aM.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var cM=function(t){R()(n,t);var e=oM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,z:n.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(xc({x:e,y:n,z:r})," />")}}]),n}(DC);function sM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}cM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var uM=function(t){R()(n,t);var e=sM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:n.spec.x.defaultValue,y:n.spec.x.defaultValue,z:n.spec.x.defaultValue,pointsAtX:n.spec.pointsAtX.defaultValue,pointsAtY:n.spec.pointsAtY.defaultValue,pointsAtZ:n.spec.pointsAtZ.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,limitingConeAngle:n.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,c=t.specularExponent,s=t.limitingConeAngle;return"<feSpotLight ".concat(xc({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:c,limitingConeAngle:s})," />")}}]),n}(DC);function lM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?lM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}uM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)}};var pM=function(t){R()(n,t);var e=hM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,diffuseConstant:n.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return fM(fM({},$a()(V()(n.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(xc({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}]),n}(DC);function dM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}pM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var gM=function(t){R()(n,t);var e=yM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,specularConstant:n.spec.specularConstant.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return vM(vM({},$a()(V()(n.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(xc({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}]),n}(DC);function mM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}gM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var bM=function(t){R()(n,t);var e=mM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:n.spec.dx.defaultValue,dy:n.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(xc({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function kM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}bM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var xM=function(t){R()(n,t);var e=kM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:n.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(xc({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),n}(DC);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}function PM(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){w()(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}function OM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}xM.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var SM=function(t){R()(n,t);var e=OM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,PM({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),n}(DC);function jM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $M=function(t){R()(n,t);var e=jM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),n}(SM);function RM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CM=function(t){R()(n,t);var e=RM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),n}(SM);function MM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TM=function(t){R()(n,t);var e=MM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),n}(SM);function VM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EM=function(t){R()(n,t);var e=VM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),n}(SM);function IM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DM=function(t){R()(n,t);var e=IM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),n}(SM);function LM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BM=function(t){R()(n,t);var e=LM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),n}(SM);function AM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zM=function(t){R()(n,t);var e=AM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:n.spec.dx.defaultValue,dy:n.spec.dy.defaultValue,stdDeviation:n.spec.stdDeviation.defaultValue,color:n.spec.color.defaultValue,opacity:n.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(xc({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Sa.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var HM=function(t){R()(n,t);var e=FM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:n.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()," />")}}]),n}(DC);function GM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HM.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Sa.number(0)}};var _M=function(t){R()(n,t);var e=GM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:n.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()," />")}}]),n}(DC);function NM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_M.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Sa.number(0)}};var XM=function(t){R()(n,t);var e=NM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),n}(DC);function YM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XM.spec={};var KM=function(t){R()(n,t);var e=YM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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(xc({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function UM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var WM=function(t){R()(n,t);var e=UM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Image",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,src:n.spec.src.defaultValue,alignment:n.spec.alignment.defaultValue,scaleing:n.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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,c=t.scaleing;return"<feImage ".concat(xc({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);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 qM(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){w()(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}function JM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.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 QM=["result"],tT=function(t){R()(n,t);var e=JM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,qM({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return QM.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,eT[t.type])(t)}}]),n}(Tc),eT={Image:WM,Tile:KM,Saturate:HM,HueRotate:_M,LuminanceAlpha:XM,DropShadow:zM,SourceGraphic:$M,SourceAlpha:CM,BackgroundImage:TM,BackgroundAlpha:EM,FillPaint:DM,StrokePaint:BM,ComponentTransfer:rM,DistantLight:aM,PointLight:cM,SpotLight:uM,DiffuseLighting:pM,SpecularLighting:gM,Blend:xM,Offset:bM,RotaMatrix:BC,GaussianBlur:QC,Flood:eM,Merge:zC,Composite:HC,Morphology:_C,Turbulence:XC,DisplacementMap:KC,ColorMatrix:WC,ConvolveMatrix:qC},nT={Image:WM.spec,Tile:KM.spec,DropShadow:zM.spec,Saturate:HM.spec,HueRotate:_M.spec,LuminanceAlpha:XM.spec,Offset:bM.spec,ComponentTransfer:rM.spec,SpecularLighting:gM.spec,SpotLight:uM.spec,PointLight:cM.spec,DistantLight:aM.spec,DiffuseLighting:pM.spec,Blend:xM.spec,RotaMatrix:BC.spec,Merge:zC.spec,GaussianBlur:QC.spec,Flood:eM.spec,Morphology:_C.spec,Composite:HC.spec,Turbulence:XC.spec,DisplacementMap:KC.spec,ColorMatrix:WC.spec,ConvolveMatrix:qC.spec};function rT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iT=function(t){R()(n,t);var e=rT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(ce()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n<style type='text/css' data-renderer-type=\"html\" data-id='".concat(t.id,"'>\n    :root {\n        ").concat(bc(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 tT.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")}}]),n}(XS);function aT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oT=function(t){R()(n,t);var e=aT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function cT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lT=function(t){R()(n,t);var e=uT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ka.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:"cachedStroke",value:function(t){return t.computed("stroke",(function(t){return qm.parseImage(t||"black")}))}},{key:"cachedFill",value:function(t){return t.computed("fill",(function(t){return qm.parseImage(t||"black")}))}},{key:"toFillSVG",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toStrokeSVG",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.strokeId(t))}},{key:"toFillValue",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return fu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,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 sT(sT({},$a()(V()(n.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)}}]),n}(KS);function fT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hT=function(t){R()(n,t);var e=fT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(t.hasChangedField("width","height","d")&&n.setAttrNS({d:t.d}),t.hasChangedField("fill")&&n.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&n.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&n.setAttrNS({filter:this.toFilterValue(t)}),t.hasChangedField("fill-rule")&&n.setAttrNS({"fill-rule":t["fill-rule"]||"nonezero"})),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    ')}}]),n}(lT);function pT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dT=function(t){R()(n,t);var e=pT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&t.hasChangedField("width","height","d")&&n.attr("d",t.d);var r=e.$("path.guide");r&&t.hasChangedField("width","height","d")&&r.attr("d",t.d);var i=e.$("textPath");i&&(t.hasChangedField("text")&&i.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&i.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&i.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&i.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&i.setAttrNS({filter:this.toFilterValue(t)})),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,'" stroke="rgba(0, 0, 0, 0.5)" fill="none"/>\n      </svg>\n    ')}}]),n}(lT);function vT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yT=function(t){R()(n,t);var e=vT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){e.$("text")&&(t.hasChangedField("text")&&$textPath.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&$textPath.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&$textPath.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&$textPath.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&$textPath.setAttrNS({filter:this.toFilterValue(t)})),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>")}}]),n}(lT),gT={dom:function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t){return t}}]),t}()},mT=function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=gT[t]||gT.dom;return r.compile(e,n)}}]),t}();function bT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kT=function(t){R()(n,t);var e=bT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(!1===t.hasChangedField("x","y","width","height")){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r)}$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return mT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=this.compile(t);return"\n      <div class='element-item template' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <style id="style-').concat(e,'">\n          [data-id="').concat(e,'"] .inner-html {\n            width: 100%; \n            height: 100%;\n            position:relative;\n            display:block;\n            pointer-events: none; \n          }\n\n          [data-id="').concat(e,'"] .inner-html > * {\n            width: 100%; \n            height: 100%;\n          }          \n        </style>\n        <div class="inner-html" data-domdiff-pass="true">\n          ').concat(n,"\n        </div>\n      </div>")}}]),n}(KS);function xT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wT=function(t){R()(n,t);var e=xT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=$a()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{key:"update",value:function(t,e){var r=e.$(".text-content");if(r){var i=t.content;r.updateDiff(i)}$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.id,n=t.content;return"\n            <div class='element-item text' data-id=\"".concat(e,'">\n                ').concat(this.toDefString(t),'\n                <div class="text-content" tabIndex="-1" data-id="').concat(e,'">').concat(n,"</div>\n            </div>\n        ")}}]),n}(KS);function PT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OT=function(t){R()(n,t);var e=PT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=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(c,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>")}},{key:"update",value:function(t,e){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=e.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(KS),ST=function(){function t(e){O()(this,t),this.editor=e}var e,n;return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("json","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("json",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:(n=La()(Fa.a.mark((function t(e,n){var r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(!(r=this.getRendererInstance(e))){t.next=7;break}return t.next=6,r.render(e,n||this);case 6:return t.abrupt("return",t.sent);case 7:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"getResourceDataURI",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}(),jT=function(){function t(){O()(this,t)}var e,n;return j()(t,[{key:"render",value:(n=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.toCloneObject(e,n);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){var r,i,a,o;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=e.attrs("itemType","name","elementType","type","visible","lock","selected")).referenceId=e.id,r.newTargetId=ha(),i=[],a=0,o=e.layers.length;case 5:if(!(a<o)){t.next=14;break}return t.t0=i,t.next=9,n.render(e.layers[a],n);case 9:t.t1=t.sent,t.t0.push.call(t.t0,t.t1);case 11:a++,t.next=5;break;case 14:return r.layers=i,t.abrupt("return",r);case 16:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}();function $T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$T(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function CT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function MT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ET=function(t){R()(r,t);var e,n=VT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=TT,t.t1=TT,t.t2=TT,t.t3={},t.next=6,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 6:return t.t4=t.sent,t.t5=(0,t.t2)(t.t3,t.t4),t.t6=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"),t.t7=(0,t.t1)(t.t5,t.t6),t.t8={},t.t9={selectors:e.selectors.map((function(t){return t.clone()})),svg:e.svg.map((function(t){return t.clone()}))},t.abrupt("return",(0,t.t0)(t.t7,t.t8,t.t9));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=CT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=RT,t.t1=RT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("x","y","width","height"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(jT));function IT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BT=function(t){R()(r,t);var e,n=LT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=DT,t.t1=DT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(ET);function AT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?AT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function FT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HT=function(t){R()(r,t);var e,n=FT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=zT,t.t1=zT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("tagName"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(ET);function GT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _T=function(t){R()(n,t);var e=GT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(HT);function NT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KT=function(t){R()(r,t);var e,n=YT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=XT,t.t1=XT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function UT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qT=function(t){R()(r,t);var e,n=ZT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){var i,a,o;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=e.project,a=i.imageKeys[e.src],o=a.original,t.t0=WT,t.t1=WT,t.t2={},t.next=8,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 8:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5={},t.t6={src:o},t.abrupt("return",(0,t.t0)(t.t4,t.t5,t.t6));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function JT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?JT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function eV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function iV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cV=function(t){R()(r,t);var e,n=oV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=aV,t.t1=aV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name","description","rootVariable"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=rV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=nV,t.t1=nV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("timeline"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=tV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=QT,t.t1=QT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(jT)));function sV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uV=function(t){R()(n,t);var e=sV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(HT);function lV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pV=function(t){R()(r,t);var e,n=hV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=fV,t.t1=fV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function dV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gV=function(t){R()(r,t);var e,n=yV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=vV,t.t1=vV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("d"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function mV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xV=function(t){R()(r,t);var e,n=kV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=bV,t.t1=bV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function wV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SV=function(t){R()(r,t);var e,n=OV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=PV,t.t1=PV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function jV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $V(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function RV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CV=function(t){R()(r,t);var e,n=RV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=$V,t.t1=$V,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("engine","template","params"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function MV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EV=function(t){R()(r,t);var e,n=VV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=TV,t.t1=TV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("content"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function IV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BV=function(t){R()(r,t);var e,n=LV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=DV,t.t1=DV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT),AV=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("svg","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("svg",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(!t)return"";var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}},{key:"toCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toCSS(t)}},{key:"toTransformCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toTransformCSS(t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.toStyle(t,e||this)}},{key:"update",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.update(t,e)}},{key:"codeview",value: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        ")}}]),t}();function zV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GV=function(t){R()(n,t);var e=HV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toDefaultCSS",value:function(t){return FV({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.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return FV(FV({},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,c=t.itemType;return"\n\n<svg class='svg-element-item ".concat(c,'\'\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(Jt(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(bc(a),';width:100%;height:100%;"></').concat(i,">\n</foreignObject>    \n").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),n}(XS);function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NV=function(t){R()(n,t);var e=_V(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(bc(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),n}(GV);function XV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YV=function(t){R()(n,t);var e=XV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(GV);function KV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UV=function(t){R()(n,t);var e=KV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(YV);function WV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZV=function(t){R()(n,t);var e=WV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=e.$("iframe");r&&r.attr("src",t.url||"about:blank"),$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.width,n=t.height,r=(t.id,t.url),i=void 0===r?"about:blank":r,a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n  <foreignObject\n      width="'.concat(e.value,'"\n      height="').concat(n.value,'"\n  >\n      <iframe \n          xmlns="http://www.w3.org/1999/xhtml"\n          width="100%" \n          height="100%" \n          style="border:0px;width:100%;height:100%;pointer-events:none; ').concat(bc(a),'" \n          src="').concat(i,'"\n      ></iframe>\n  </foreignObject>              \n          ')}))}}]),n}(YV);function qV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JV=function(t){R()(n,t);var e=qV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(bc(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(YV);function QV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tE=function(t){R()(n,t);var e=QV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),n}(GV);function eE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nE=function(t){R()(n,t);var e=eE(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(YV);function rE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iE=function(t){R()(n,t);var e=rE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ka.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 qm.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qm.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qm.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return fu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qm.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{}}}]),n}(YV);function aE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function oE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?aE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):aE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sE=function(t){R()(n,t);var e=cE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(oE(oE({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:bc(e.toCSS(t))}))," />\n    ")}))}}]),n}(iE);function uE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hE=function(t){R()(n,t);var e=fE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(lE(lE({"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:bc(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      ")}))}}]),n}(iE);function pE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yE=function(t){R()(n,t);var e=vE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(dE(dE({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:bc(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),n}(iE);function gE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mE=function(t){R()(n,t);var e=gE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r),$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return mT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=t.width,r=t.height,i=this.compile(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" style="width: 100%;height:100%;">\n                    <style id="style-').concat(e,'">\n                    [data-id="').concat(e,'"] .inner-html {\n                        width: 100%; \n                        height: 100%;\n                        position:relative;\n                        display:block;\n                        pointer-events: none; \n                    }\n\n                    [data-id="').concat(e,'"] .inner-html > * {\n                        width: 100%; \n                        height: 100%;\n                    }          \n                    </style>\n                    <div class="inner-html">\n                    ').concat(i,"\n                    </div>\n                </div>\n            </foreignObject>              \n          ")}))}}]),n}(YV);function bE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kE=function(t){R()(n,t);var e=bE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=$a()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{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(bc(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),n}(YV);function xE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wE=function(t){R()(n,t);var e=xE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=t.poster,s=t.loop,u=t.crossorigin,l=t.autoplay,f=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(c,'"\n                    loop="').concat(s,'"\n                    crossorigin="').concat(u,'"\n                    autoplay="').concat(l,'"\n                    style="').concat(bc(f),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),n}(YV);n(124);function PE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OE=function(t){R()(n,t);var e=PE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{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='elf--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:gt("$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(){$a()(V()(n.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:rt("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:rt("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),n}(ow);n(125);function SE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jE=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].map((function(t){return{value:t}})),$E=function(t){R()(n,t);var e=SE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{key:"getBody",value:function(){return"<div class='elf--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\" none-value=\"selector\" options=".concat(this.variable(jE),' />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Cg.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(Cg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:st("$selectorList .selector-item .del")+et+nt,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:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Tt("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?Bb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:ht("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$selectorList .selector-item")+et,value:function(t){}},{key:pt("$selectorList .selector-item")+et,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:st("$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:rt("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))}}]),n}(Yx);n(126);function RE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CE=function(t){R()(n,t);var e=RE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"elf--svgfilter-assets-property"}},{key:rt("refreshSelection")+Z(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:Tt("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return tT.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(Cg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Cg.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Cg.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:st("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:pa(),filters:[]})}))}},{key:st("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:st("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:gt("$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:st("$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:rt("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:rt("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:rt("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),n}(Yx),ME={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"};n(127);function TE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VE=Object.keys(ME).map((function(t){return{title:t,values:ME[t]}})),EE=function(t){R()(n,t);var e=TE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:xa(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='elf--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:It("$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:Tt("$sample"),value:function(){return VE.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:st("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=VE[e];this.updateData({values:xa(n.values)}),this.load("$body")}},{key:Tt("$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:gt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(_g);n(128);function IE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BE=function(t){R()(n,t);var e=LE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return DE({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=Ia()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=zt()(i,2),o=a[0],c=a[1];else if("gamma"===r)var s=zt()(i,3),u=s[0],l=s[1],f=s[2];return{type:r,values:i,slop:o,intercept:c,amplitude:u,exponent:l,offset:f}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Tt("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="SelectEditor"  \n            label="'.concat(r,'" \n            key="type" \n            value="').concat(this.state.type,'" \n            options=').concat(this.variable(["identity","table","discrete","linear","gamma"]),' \n            onchange="changeType" />\n        <div class=\'elf--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\" \n                    label='tableValues' \n                    ref='$values' \n                    key='values' \n                    value=\"").concat(this.state.values.join(" "),'" \n                    onchange=').concat(this.subscribe((function(e,n){t.updateData(w()({},e,n.split(" ")))}))," />\n            </div>\n            <div data-type='linear'>\n                ").concat(["slop","intercept"].map((function(e){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                            />\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"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                                />\n                        </div>                    \n                    ")})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:rt("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(ce()(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(DE({},this.parse(t)))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(_g),AE={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"}]}]};n(129);function zE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GE=[{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"}]}],_E=[{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 NE(t){switch(t){case"SpecularLighting":return Cg.specular;case"DiffuseLighting":return Cg.diffuse;case"SourceGraphic":case"SourceAlpha":return Cg.image;case"BackgroundImage":case"BackgroundAlpha":return Cg.outline_image;case"Flood":return Cg.palette;case"Image":return Cg.landscape;case"GaussianBlur":return Cg.blur;case"ColorMatrix":return Cg.blur_linear;case"Turbulence":return Cg.waves;case"Saturate":return Cg.vintage;case"HueRotate":return Cg.looks;case"LuminanceAlpha":return Cg.opacity;case"DropShadow":return Cg.shadow;case"Morphology":return Cg.broken_image;case"ConvolveMatrix":return Cg.camera_roll;case"Offset":return Cg.transform;case"Tile":return Cg.view_comfy;case"Blend":return Cg.gradient;case"Composite":return Cg.merge;case"Merge":return Cg.settings_input_component;case"DisplacementMap":return Cg.texture}return""}function XE(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 YE=[45],KE=[20],UE={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},WE={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(WE).forEach((function(t){WE[t]=WE[t].map((function(t){return t+20}))}));var ZE=function(t){R()(n,t);var e=HE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(Oc(GE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(Oc(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(NE(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(Oc(_E,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(Oc(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=\'elf--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 scrollbar selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content  scrollbar" 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:st("$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:ht("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:dt("$connectedLinePanel")+et,value:function(){}},{key:pt("$connectedLinePanel")+et,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=AE[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return nT[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r=this,i="".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(i,"' \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(i,"' \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(i,"' \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 a=t.options;return Jt(t.options)&&(a=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(i,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(a,"' \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(i,"' \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(i,"' \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(i,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange=').concat(this.subscribe((function(t,e,n){r.trigger("changeRangeEditor",t,e,n)})),"\n          />\n        </div>\n      "):"FuncFilter"===t.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(i,"' \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(i,"' \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(i,"' \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(Cg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Yt(t,e).join(n)}(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:Tt("$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 tT.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return tT.parse(FE(FE({},e),{},{type:t}))}},{key:st("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:st("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:st("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Tt("$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:wt("$graphPanel .filter-node")+Ag()+zg(),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=Ka.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=ee(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,c=a.y-e.y,s=o+a.width/2,u=c+a.height/2;this.startXY={x:s,y:u}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Tt("$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 gf,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+YE[0],r=t.bound.y+KE[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 c=o.index;return[{x:n,y:r},{x:i.it.bound.x+UE[a][0],y:i.it.bound.y+WE[a][c]}]}},{key:Tt("$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=XE(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:st("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=zt()(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=Ka.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(c=this.state.filters[+a.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var o=+i.attr("data-index");c.in[o]||(c.setIn(o,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(i.hasClass("out"))(c=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:Sa.px(n.bound.x),top:Sa.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(wc({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(Cg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(XE(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(NE(e.type),"</div>\n          <div class='in-list'>\n            ").concat(mc(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(Cg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:at("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:at("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:at("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter((function(e){return e.id!=t}));e.forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=t})),e.in=e.in.filter((function(e){return e.id!=t}))})),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:st("$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)}}]),n}(_g);n(130);function qE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JE=function(t){R()(n,t);var e=qE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{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='elf--svg-filter-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:Tt("$editor"),value:function(){var t=this;return"\n      <object refClass=\"SVGFilterEditor\" ref='$filter' title='Filter Type' key=\"filter\" onchange=".concat(this.subscribe((function(e,n){t.updateData({filters:n})})),'>\n        <property name="value" valueType="json">').concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:rt("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return tT.parse(t)})),t.preview=!Ut(t.preview)||t.preview,this.setState(t),this.show(1e3)}},{key:rt("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),n}(ow);n(131);function QE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tI=function(t){R()(n,t);var e=QE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='elf--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(Cg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Cg.remove,"</button>\n            </div>\n        ")}},{key:st("$remove"),value:function(t){this.updateData({value:""})}},{key:st("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){this.load()}},{key:It("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Tt("$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=zt()(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:yt("$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:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$options")}},{key:rt("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:rt("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),n}(_g);function eI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nI=function(t){R()(n,t);var e=eI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"editableProperty",get:function(){return"svg-item"}},{key:rt("refreshSelection")+N("checkShow"),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"]||Sa.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Sa.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Sa.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"]))}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return"\n      <div ref='$svgProperty'>\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=').concat(this.variable(["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        \x3c!--<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>--\x3e\n        <div class=\'property-item\'>\n          <object refClass="StrokeDashArrayEditor" label="').concat(this.$i18n("svg.item.property.dashArray"),"\" 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=').concat(this.variable(["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=').concat(this.variable(["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        \x3c!--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--\x3e         \n      </div>\n   \n    ')}},{key:at("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change svg item property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function rI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iI=function(t){R()(n,t);var e=rI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:rt("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=').concat(this.variable(["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=").concat(this.variable(["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:at("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change svg text property: ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function aI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oI="none,uppercase:AG,lowercase:ag,capitalize:Ag".split(",").map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),cI="none,underline,overline:O,line-through".split(",").map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),sI=function(t){R()(n,t);var e=aI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"editableProperty",get:function(){return"text-style"}},{key:rt("refreshSelection")+N("checkShow"),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=").concat(this.variable(["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=").concat(this.variable(oI),'\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=").concat(this.variable(cI),"\n          icons=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:at("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change text property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function uI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lI=function(t){R()(n,t);var e=uI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:Tt("$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=').concat(this.variable(["","text"]),' onchange="changeSelect" />\n    ')}},{key:at("changeSelect"),value:function(t,e){this.emit("setAttributeForMulti",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"text-clip"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);function fI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hI=function(t){R()(n,t);var e=fI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"editableProperty",get:function(){return"text-fill"}},{key:rt("refreshSelection")+N("checkShow"),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:at("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:at("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change text fill",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(132);function pI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dI=function(t){R()(n,t);var e=pI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:this.props.value}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Cg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Tt("$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(Cg.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:rt("add"),value:function(){this.state.textShadows.push(new Ou),this.refresh(),this.modifyTextShadow()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:st("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:st("$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:rt("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),n}(_g);function vI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yI=function(t){R()(n,t);var e=vI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Tt("$shadowList"),value:function(){var t=this,e=this.$selection.current||{};return'\n      <object refClass="TextShadowEditor" \n        ref=\'$textshadow\' \n        value="'.concat(this.variable(Ou.parseStyle(e["text-shadow"])),'" \n        hide-label="true" \n        onChange=').concat(this.subscribe((function(e){t.command("setAttributeForMulti","change text shadow",t.$selection.packByValue({"text-shadow":e}))})),"\n      />\n    ")}},{key:"editableProperty",get:function(){return"text-shadow"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);n(133);function gI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mI=function(t){R()(n,t);var e=gI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z()}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='elf--text-shadow-property-popup' ref='$popup'></div>"}},{key:Tt("$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:rt("changeShadow"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:wt("$popup .drag-board")+Ag("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.updateData({offsetX:Sa.px(o),offsetY:Sa.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:rt("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:rt("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),n}(ow);n(134);function bI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kI=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],xI={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},wI=function(t){R()(n,t);var e=bI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--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(kI.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(Cg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:st("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Sa.deg(xI[e]||0);this.$selection.each((function(t){var e=Bc.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool",!1)}},{key:It("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Bc.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:It("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Bc.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:ut("$rotateArea"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return Bc.remove(t.transform,["rotateX","rotateY"])}})),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool"),this.bindData("$rotateContainer")}},{key:wt("$rotateArea")+Ag("moveRotateXY")+zg("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=Bc.get(t.transform,"rotateX"),n=Bc.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Sa.deg(0),rotateY:n?n[0]:Sa.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Sa.deg(-e),r=Sa.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Bc.rotateX(e,Sa.deg(t.rotateX.value+n.value)),e=Bc.rotateY(e,Sa.deg(t.rotateY.value+r.value)),t.item.reset({transform:e})})),this.bindData("$rotateContainer"),this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"moveEndRotateXY",value:function(t,e){this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:ut("$handle"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return Bc.remove(t.transform,["rotateZ","rotate"])}})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:wt("$handle")+Ag()+zg(),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=Bc.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Sa.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"end",value:function(){this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Sa.deg(Math.floor(ua(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Bc.rotateZ(e,Sa.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:rt("refreshSelection"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView"),value:function(){this.$selection.hasChangedField("transform")&&this.refresh()}}]),n}(_g);n(135);function PI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function SI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jI=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],$I={scale:["X","Y"],skew:["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"]},RI=function(t){R()(n,t);var e=SI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Bc.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='elf--transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(jI.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(Cg.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":case"skew":return $I[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":case"skew":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-100,max:100,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"skew":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad",editorType:"RangeEditor"};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-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Cg.remove2,'\n            </button>\n          </div>\n        </div>\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),c=o.min,s=o.max,u=o.step,l=o.units;return'\n            <div>\n              <object refClass="RangeEditor"  \n                    ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                    min=\"").concat(c,'" \n                    max="').concat(s,'" \n                    step="').concat(u,'" \n                    label="').concat(a,'"\n                    key="').concat(n,"\" \n                    params='").concat(i,"' \n                    value=\"").concat(e,'" \n                    units="').concat(l,'" \n                    onchange="changeRangeEditor" />\n            </div>')})).join(""),"      \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(Cg.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),c=o.min,s=o.max,u=o.step,l=o.units,f=o.editorType;return'\n              <div>\n                <object refClass="'.concat(void 0===f?"NumberInputEditor":f,"\"  \n                      ref='$range_").concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(c,'" \n                      max="').concat(s,'" \n                      step="').concat(u,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:Tt("$transformList")+W,value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:"setValue",value:function(t){this.setState({transforms:Bc.parseStyle(t)})}},{key:ht("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:dt("$transformList .transform-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:pt("$transformList .transform-item")+et,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[Sa.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Sa.deg(0)];case"translate":return[Sa.z(),Sa.z()];case"translate3d":return[Sa.z(),Sa.z(),Sa.z()];case"scale":return[Sa.number(1),Sa.number(1)];case"skew":return[Sa.deg(0),Sa.deg(0)];case"scaleX":case"scaleY":return[Sa.number(1)];case"matrix":return[Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0)];case"matrix3d":return[Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1)]}return[Sa.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Bc.parse(OI(OI({},e),{},{type:t,value:n}))}},{key:at("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:st("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:st("$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:at("changeRangeEditor"),value:function(t,e,n){Ut(n)?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),n}(_g);function CI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],TI=function(t){R()(n,t);var e=CI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isFirstShow",value:function(){return!0}},{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(MI.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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Tt("$body")+W,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:at("changeTransformEditor"),value:function(t){var e=this;this.command("setAttributeForMulti","change transform property",this.$selection.packByValue({transform:t})),this.nextTick((function(){e.emit("refreshSelectionTool",!1)}))}},{key:"refresh",value:function(){this.children.$transformEditor.setValue(this.$selection.current.transform)}},{key:"editableProperty",get:function(){return"transform"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+Z(100),value:function(){var t=this.$selection.current;t&&t.hasChangedField("transform")&&this.refresh()}}]),n}(Yx);n(136);function VI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EI=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],II=EI.map((function(t){return t.key})),DI={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%"},LI=function(t){R()(n,t);var e=VI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Sa.percent(50),"transform-origin-x":Sa.percent(50),"transform-origin-y":Sa.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Sa.parse(t[0]),e["transform-origin-x"]=Sa.parse(t[0]),e["transform-origin-y"]=Sa.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Sa.parse(t[0]),e["transform-origin-y"]=Sa.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:st("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=DI[e].split(" "),r=zt()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Sa.parse(i),this.state["transform-origin-y"]=Sa.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:at("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&II.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Tt("$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(EI.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,II.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:st("$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()}}]),n}(_g);function BI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AI=function(t){R()(n,t);var e=BI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:st("$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:Tt("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:"editableProperty",get:function(){return"transform-origin"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeTransformOrigin"),value:function(t,e){this.command("setAttributeForMulti","change transform-origin",this.$selection.packByValue({"transform-origin":e}))}}]),n}(Yx);function zI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FI=/((cubic-bezier|steps)\(([^\)]*)\))/gi,HI=function(t){R()(n,t);var e=zI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Sa.second(0),timingFunction:"linear",delay:Sa.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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Zx(t,FI);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Sa.parse(e[1]),timingFunction:qx(e[2],r.matches),delay:Sa.parse(e[3])}:e.length>=3?{name:e[0],duration:Sa.parse(e[1]),delay:Sa.parse(e[2])}:e.length>=1?{name:e[0],duration:Sa.parse(e[1])}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Tc);n(137);function GI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NI=function(t){R()(n,t);var e=_I(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{key:"getBody",value:function(){return"<div class='elf--transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(Cg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Tt("$transitionList")+W,value:function(){var t=this,e=this.$selection.current;return e?HI.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=jc(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(Cg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:rt("refreshSelection"),value:function(){this.refreshShowIsNot([])}},{key:st("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add transition",this.$selection.packByValue({transition:function(t){return HI.add(t.transition)}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:st("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:HI.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=HI.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:st("$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:rt("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?GI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:HI.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),n}(Yx);n(138);function XI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?XI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function KI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UI=["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"].map((function(t){return{value:t,text:t}})),WI=function(t){R()(n,t);var e=KI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Transition"}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=YI(YI({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--transition-property-popup' ref='$popup'></div>"}},{key:Tt("$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:at("changeTransition"),value:function(t,e){this.updateData(w()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  \n          ref=\'$property\' \n          icon="true" \n          label="Property" \n          key=\'name\' \n          value="'.concat(this.state.data.name,'" \n          options=').concat(this.variable(UI)," \n          onChange='changeTransition' \n        /> \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:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e))}},{key:at("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:rt("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:rt("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),n}(ow);n(139);function ZI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qI=function(t){R()(n,t);var e=ZI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item elf--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:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:Tt("$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(Cg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Cg.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(Cg.volume_off,"</span>\n            <span data-value='down'>").concat(Cg.volume_down,"</span>\n            <span data-value='up'>").concat(Cg.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:rt("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({currentTime:e}))}},{key:rt("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({playbackRate:e}))}},{key:$t("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({volume:e}))}},{key:It("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:It("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:st("$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:at("changeValue")+Z(100),value:function(t,e){this.state.$video&&this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:at("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:rt("refreshSelection")+Z(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")}))}}]),n}(Yx),JI=[function(t){aO.forEach((function(e){t.registerConfig(e)}))},function(t){Object.keys(QO).forEach((function(e){t.registerI18nMessage(e,QO[e])}))},function(t){t.registerItem("project",nh),t.registerItem("artboard",Yb),t.registerItem("rect",xO),t.registerItem("circle",pO),t.registerItem("image",gO),t.registerItem("text",JO),t.registerItem("svg-path",MO),t.registerItem("svg-text",IO),t.registerItem("svg-textpath",AO),t.registerItem("template",KO)},function(t){t.registerRendererType("html",new mC(t)),t.registerRenderer("html","project",new iT),t.registerRenderer("html","artboard",new kC),t.registerRenderer("html","rect",new oT),t.registerRenderer("html","circle",new wC),t.registerRenderer("html","image",new CC),t.registerRenderer("html","text",new wT),t.registerRenderer("html","video",new OT),t.registerRenderer("html","svg-path",new hT),t.registerRenderer("html","svg-text",new yT),t.registerRenderer("html","svg-textpath",new dT),t.registerRenderer("html","cube",new $C),t.registerRenderer("html","template",new kT)},function(t){t.registerRendererType("json",new ST(t)),t.registerRenderer("json","project",new cV),t.registerRenderer("json","artboard",new BT),t.registerRenderer("json","rect",new uV),t.registerRenderer("json","circle",new _T),t.registerRenderer("json","image",new qT),t.registerRenderer("json","template",new CV),t.registerRenderer("json","iframe",new KT),t.registerRenderer("json","text",new EV),t.registerRenderer("json","video",new BV),t.registerRenderer("json","svg-path",new gV),t.registerRenderer("json","svg-text",new SV),t.registerRenderer("json","svg-textpath",new xV)},function(t){t.registerRendererType("svg",new AV(t)),t.registerRenderer("svg","project",new tE),t.registerRenderer("svg","artboard",new NV),t.registerRenderer("svg","rect",new nE),t.registerRenderer("svg","circle",new UV),t.registerRenderer("svg","image",new JV),t.registerRenderer("svg","template",new mE),t.registerRenderer("svg","iframe",new ZV),t.registerRenderer("svg","video",new wE),t.registerRenderer("svg","text",new kE),t.registerRenderer("svg","svg-path",new sE),t.registerRenderer("svg","svg-text",new yE),t.registerRenderer("svg","svg-textpath",new hE)},function(t){t.registerElement({IconListViewEditor:DR,TextAreaEditor:sC,TextEditor:lC,ColorSingleEditor:cR,CubicBezierEditor:pR,ClipPathEditor:y$,ColorViewEditor:uR,VarEditor:hC,PathDataEditor:tC,PolygonDataEditor:nC,InputArrayEditor:BR,StrokeDashArrayEditor:oC,NumberInputEditor:WR,NumberRangeEditor:qR,MediaProgressEditor:KR,SelectIconEditor:iC,CSSPropertyEditor:fR,DirectionEditor:yR,IterationCountEditor:XR,GradientEditor:ER,FilterEditor:xR,SelectEditor:u$,BlendSelectEditor:d$,RangeEditor:HR,InputRangeEditor:zR,ColorAssetsEditor:aR,FontSelectEditor:jR})},function(t){t.registerElement({ColorPickerEditor:UP,EmbedColorPicker:JP}),t.registerMenuItem("popup",{ColorPickerPopup:ZP})},function(t){t.registerElement({FillSingleEditor:$S,FillEditor:yS,GradientSingleEditor:MS}),t.registerMenuItem("popup",{FillPickerPopup:SS,GradientPickerPopup:xS})},function(t){t.registerMenuItem("inspector.tab.style",{SVGTextProperty:iI})},function(t){t.registerMenuItem("inspector.tab.style",{FontProperty:oS})},function(t){t.registerMenuItem("inspector.tab.style",{TextProperty:sI})},function(t){t.registerElement({TextShadowEditor:dI}),t.registerMenuItem("inspector.tab.style",{TextShadowProperty:yI}),t.registerMenuItem("popup",{TextShadowPropertyPopup:mI})},function(t){t.registerMenuItem("inspector.tab.style",{FontSpacingProperty:sS})},function(t){t.registerElement({ContentProperty:iO})},function(t){t.registerMenuItem("inspector.tab.style",{TextFillProperty:hI})},function(t){t.registerMenuItem("inspector.tab.style",{TextClipProperty:lI})},function(t){t.registerElement({AlignmentProperty:Ux})},function(t){t.registerMenuItem("inspector.tab.style",{ArtBoardSizeProperty:yw})},function(t){t.registerElement({FlexLayoutEditor:dj,FlexLayoutItemEditor:gj,GridLayoutEditor:Rj,GridLayoutItemEditor:Tj,GridBoxEditor:wj,GridGapEditor:Oj}),t.registerMenuItem("inspector.tab.style",{LayoutProperty:Dj,GridLayoutItemProperty:Ej,FlexLayoutItemProperty:bj})},function(t){t.registerElement({AppearanceProperty:pw})},function(t){t.registerMenuItem("inspector.tab.style",{ComponentProperty:nO})},function(t){t.registerElement({BackgroundImageEditor:Sw,BackgroundPositionEditor:Ew}),t.registerMenuItem("inspector.tab.style",{BackgroundImageProperty:Cw}),t.registerMenuItem("popup",{BackgroundImagePositionPopup:$w})},function(t){t.registerElement({BorderEditor:zw,BorderValueEditor:Nw}),t.registerMenuItem("inspector.tab.style",{BorderProperty:Hw})},function(t){t.registerElement({BorderRadiusEditor:eP}),t.registerMenuItem("inspector.tab.style",{BorderRadiusProperty:rP})},function(t){t.registerMenuItem("inspector.tab.style",{VideoProperty:qI})},function(t){t.registerElement({ImageSelectEditor:tj}),t.registerMenuItem("inspector.tab.style",{ImageProperty:JS}),t.registerMenuItem("popup",{ImageSelectPopup:nj})},function(t){t.registerElement({PatternEditor:Fj,PatternSizeEditor:Wj,PatternAssetsProperty:Aj}),t.registerMenuItem("inspector.tab.style",{PatternProperty:Xj}),t.registerMenuItem("popup",{PatternInfoPopup:Gj})},function(t){t.registerElement({SVGFilterAssetsProperty:CE})},function(t){t.registerElement({ColorMatrixEditor:EE,FuncFilterEditor:BE,SVGFilterSelectEditor:tI,SVGFilterEditor:ZE}),t.registerMenuItem("inspector.tab.style",{SVGItemProperty:nI}),t.registerMenuItem("popup",{SVGFilterPopup:JE})},function(t){t.registerElement({LayerTreeProperty:lj})},function(t){t.registerElement({BackgroundClipProperty:xw})},function(t){t.registerElement({BorderImageProperty:qw})},function(t){t.registerMenuItem("inspector.tab.style",{FilterProperty:iS})},function(t){t.registerMenuItem("inspector.tab.style",{BackdropFilterProperty:bw})},function(t){t.registerElement({BoxShadowEditor:sP}),t.registerMenuItem("inspector.tab.style",{BoxShadowProperty:lP}),t.registerMenuItem("popup",{BoxShadowPropertyPopup:dP})},function(t){t.registerMenuItem("inspector.tab.style",{ClipPathProperty:CP}),t.registerMenuItem("popup",{ClipPathPopup:jP})},function(t){t.registerMenuItem("inspector.tab.style",{BoxModelProperty:oP})},function(t){t.registerElement({PositionProperty:c$})},function(t){t.registerElement({GradientAssetsProperty:BS})},function(t){t.registerElement({RotateEditorView:wI,TransformEditor:RI}),t.registerMenuItem("inspector.tab.style",{TransformProperty:TI})},function(t){t.registerElement({TransformOriginEditor:LI}),t.registerMenuItem("inspector.tab.style",{TransformOriginProperty:AI})},function(t){t.registerMenuItem("inspector.tab.style",{PerspectiveProperty:qj})},function(t){t.registerElement({PerspectiveOriginEditor:n$}),t.registerMenuItem("inspector.tab.style",{PerspectiveOriginProperty:i$})},function(t){t.registerMenuItem("inspector.tab.style",{ExportProperty:eS})},function(t){t.registerMenuItem("inspector.tab.transition",{TransitionProperty:NI}),t.registerMenuItem("popup",{TransitionPropertyPopup:WI})},function(t){t.registerElement({OffsetEditor:sj}),t.registerMenuItem("inspector.tab.transition",{KeyframeProperty:oj}),t.registerMenuItem("popup",{KeyframePopup:ij})},function(t){t.registerMenuItem("inspector.tab.transition",{AnimationProperty:iw}),t.registerMenuItem("popup",{AnimationPropertyPopup:lw})},function(t){t.registerMenuItem("inspector.tab.transition",{SelectorProperty:$E}),t.registerMenuItem("popup",{SelectorPopup:OE})},function(t){t.registerMenuItem("inspector.tab.code",{CodeViewProperty:TP})},function(t){t.registerMenuItem("inspector.tab.history",{HistoryProperty:zS})}];function QI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tD=function(t){R()(n,t);var e=QI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class=\'object-items\' style="height:100%;">\n        <div>\n          <object refClass="LayerTreeProperty" />\n        </div>\n      </div>\n    '}}]),n}(_g);n(140);function eD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nD=function(t){R()(i,t);var e,n,r=eD(i);function i(){return O()(this,i),r.apply(this,arguments)}return j()(i,[{key:"template",value:function(){return"\n      <div class='elf--custom-assets'>\n        <div class='custom-assets-tools'>\n          <div class='title'><label>Custom Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addCustomAsset'>".concat(Cg.add,"</button>\n          </div>\n        </div>\n        <div class='elf--asset-list' ref='$list'></div>\n      </div>\n    ")}},{key:Tt("$list"),value:(n=La()(Fa.a.mark((function t(){var e;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$storageManager.getCustomAssetList();case 2:return e=t.sent,t.abrupt("return",e.map((function(t){return'\n        <div class=\'asset-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.component.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-asset-preview' data-preview-id=\"").concat(t.id,'">').concat(Cg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:st("$list .remove-asset-preview"),value:(e=La()(Fa.a.mark((function t(e){var n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeCustomAsset"))){t.next=5;break}return n=e.$dt.data("preview-id"),t.next=4,this.$storageManager.removeCustomAsset(n);case 4:this.refresh();case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})},{key:ht("$list .asset-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/asset",e)}},{key:st("$addCustomAsset"),value:function(t){var e=this;this.emit("savePNG",function(){var t=La()(Fa.a.mark((function t(n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.$storageManager.saveCustomAsset(n);case 2:e.refresh();case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}]),i}(_g);n(141);function rD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iD=function(t){R()(n,t);var e=rD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return'\n      <div class=\'elf--library-items\'>\n        <div>\n          <object label="Search" refClass="TextEditor" key="search" onchange='.concat(this.subscribe((function(e,n){t.broadcast("search",n)}),300)," />\n        </div>\n        ").concat(this.$menuManager.generate("library"),"\n      </div>\n    ")}}]),n}(_g);function aD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oD=function(t){R()(n,t);var e=aD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='asset-items'>\n        ".concat(this.$menuManager.generate("asset"),"\n      </div>\n    ")}}]),n}(_g);function cD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sD=function(t){R()(n,t);var e=cD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{AssetItems:oD,LibraryItems:iD,CustomAssets:nD,ObjectItems:tD}}},{key:"initState",value:function(){return{selectedIndexValue:2}}},{key:"template",value:function(){var t=this;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" ref="$header">   \n            <div class="tab-item selected" data-value="2" data-direction="right" data-tooltip="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Cg.layers,"</label>\n            </div>            \n            <div class='tab-item' data-value='3' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.libraries"),'">\n              <label>').concat(Cg.auto_awesome,"</label>\n            </div>                     \n            <div class='tab-item' data-value='5' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Cg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Cg.plugin,"</label>\n            </div>            \n\n            ").concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                  <label>').concat(Cg[t.class.icon]||t.class.icon,"</label>\n                </div>\n              ")})),'\n\n          </div>\n          <div class="tab-body" ref="$body">\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=\'5\'>\n              <object refClass="AssetItems" />            \n              <div class=\'assets\'>\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="CustomAssets" />\n            </div>\n            ').concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                <div class='tab-content' data-value='".concat(r,"'>\n                  ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                  ").concat(t.$menuManager.generate("leftbar.tab.".concat(r)),"\n                </div>\n              ")})),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$header .tab-item:not(.extra-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(_g);function uD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lD=function(t){R()(n,t);var e=uD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LayerTab:sD,PageSubEditor:Gk,ToolBar:Rx,StatusBar:Dk,Inspector:kk,BodyPanel:Qb,PopupManager:vk,KeyboardManager:mk}}},{key:"getPlugins",value:function(){return JI}},{key:"initState",value:function(){return{leftSize:340,rightSize:280,bottomSize:0,lastBottomSize:150}}},{key:"template",value:function(){return"\n      <div class=\"designeditor\">\n        <div class=\"layout-main\">\n          <div class='layout-top' ref='$top'>\n            <object refClass=\"ToolBar\" />\n            <object refClass=\"PageSubEditor\" />\n          </div>\n          <div class=\"layout-middle\" ref='$middle'>      \n            <div class=\"layout-body\" ref='$bodyPanel'>\n              <object refClass=\"BodyPanel\" ref=\"$bodyPanelView\" />\n            </div>                           \n            <div class='layout-left' ref='$leftPanel'>\n              <object refClass='LayerTab' />\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          </div>\n          <object refClass='StatusBar' />\n          <object refClass=\"KeyboardManager\" />                \n        </div>\n        <object refClass=\"PopupManager\" />                      \n      </div>\n    ")}},{key:It("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),{style:{left:t}}}},{key:It("$leftPanel"),value:function(){var t="0px",e=Sa.px(this.state.leftSize),n=Sa.px(this.state.bottomSize);return this.$config.false("show.left.panel")&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:It("$rightPanel"),value:function(){var t="0px",e=Sa.px(this.state.bottomSize);return this.$config.false("show.right.panel")&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:It("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),this.$config.false("show.right.panel")&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:It("$footerPanel"),value:function(){return{style:{height:Sa.px(this.state.bottomSize)}}}},{key:wt("$splitter")+Ag("moveSplitter")+zg("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Sa.parse(this.refs.$splitter.css("left")).value,this.refs.$splitter.addClass("selected")}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)})}},{key:"moveEndSplitter",value:function(){this.refs.$splitter.removeClass("selected")}},{key:wt("$footerSplitter")+Ag("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Sa.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})}},{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:ot("show.left.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:ot("show.right.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:rt("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:Ct("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:dt("$middle")+et,value:function(t){}},{key:pt("$middle")+et,value:function(t){}},{key:rt("toggle.fullscreen"),value:function(){this.$el.toggleFullscreen()}}]),n}(Kg),fD=function(t,e){var n=Ka.create(e.container||document.body),r=new t(e,e);return r.render(n),r};function hD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hD(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var dD=pD({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return fD(lD,pD({},t))}},{});window.EasylogicEditor=new dD.createDesignEditor({container:document.getElementById("app"),data:{version:"1.0.0",name:"Sample Project",description:"easylogic studio project ",projects:[{itemType:"project",layers:[{itemType:"rect",x:"0px",y:"0px",width:"100px",height:"100px","background-color":"red"},{itemType:"rect",x:"20px",y:"20px",width:"100px",height:"100px","background-color":"green"},{itemType:"rect",x:"40px",y:"40px",width:"100px",height:"100px","background-color":"blue"}]}]},config:{"style.canvas.background.color":"orange"},plugins:[function(t){t.on("changeValue",(function(t,e){}))}]})}])}));
\ 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=142)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},t.exports.default=t.exports,t.exports.__esModule=!0,n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(27);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)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(14).default,i=n(28);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(32);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?(t.exports=i=Reflect.get,t.exports.default=t.exports,t.exports.__esModule=!0):(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}},t.exports.default=t.exports,t.exports.__esModule=!0),i(e,n,a||e)}t.exports=i,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(29),a=n(13),o=n(18);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(30),i=n(19),a=n(13),o=n(31);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=n(33)},function(t,e){function n(t,e,n,r,i,a,o){try{var c=t[a](o),s=c.value}catch(t){return void n(t)}c.done?e(s):Promise.resolve(s).then(r,i)}t.exports=function(t){return function(){var e=this,r=arguments;return new Promise((function(i,a){var o=t.apply(e,r);function c(t){n(o,i,a,c,s,"next",t)}function s(t){n(o,i,a,c,s,"throw",t)}c(void 0)}))}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(19),a=n(13),o=n(18);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);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}},t.exports.default=t.exports,t.exports.__esModule=!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.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=function(t){if("string"!=typeof t)return{};var e,n={},r=(t=t.split("+").join(" ")).match(/(?:[?](?:[^=]+)=(?:[^&#]*)(?:[&](?:[^=]+)=(?:[^&#]*))*(?:[#].*)?)|(?:[#].*)/);if(null===r)return{};e=r[0].substr(1).split(/[&#=]/);for(var i=0;i<e.length;i+=2)n[decodeURIComponent(e[i])]=decodeURIComponent(e[i+1]||"");return n},n=function(e,n){if("object"!==t(e))return"";var r="",i=0,a=Object.keys(e);if(0===a.length)return"";for(a.sort(),n||(r+="?"+a[0]+"="+e[a[0]],i+=1);i<a.length;i+=1)r+="&"+a[i]+"="+e[a[i]];return r},r=function(t){return void 0===t?0:t.match(/^(\d+[smhdw]?)+$/)?function(t){var e,n=0,r={s:1,m:60,h:3600,d:86400,w:604800};e=(t=t.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var i=0;i<e.length;i+=2)n+=parseInt(e[i],10)*r[e[i+1]||"s"];return n}(t):t.match(/^(\d+:?)+$/)?function(t){for(var e=0,n=[1,60,3600,86400,604800],r=t.split(":"),i=0;i<r.length;i++)e+=parseInt(r[i],10)*n[r.length-i-1];return e}(t):0},i=e;function a(){for(var t=0,e=["parseProvider","parse","bind","create"];t<e.length;t++){var n=e[t];this[n]=this[n].bind(this)}this.plugins={}}var o=a;a.prototype.parseProvider=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?(?:[^.]+\.)?(\w+)\./i);return e?e[1]:void 0},a.prototype.parse=function(t){if(void 0!==t){var e,n=this.parseProvider(t),r=this.plugins[n];if(n&&r&&r.parse)return(e=r.parse.call(r,t,i(t)))&&((e=function(t){return t.params&&0===Object.keys(t.params).length&&delete t.params,t}(e)).provider=r.provider),e}},a.prototype.bind=function(t){if(this.plugins[t.provider]=t,t.alternatives)for(var e=0;e<t.alternatives.length;e+=1)this.plugins[t.alternatives[e]]=t},a.prototype.create=function(e){if("object"===t(e)&&"object"===t(e.videoInfo)){var n=e.videoInfo,r=e.params,i=this.plugins[n.provider];return r="internal"===r?n.params:r||{},i&&(e.format=e.format||i.defaultFormat,i.formats.hasOwnProperty(e.format))?i.formats[e.format].apply(i,[n,Object.assign({},r)]):void 0}};var c=new o,s=n;function u(){this.provider="canalplus",this.defaultFormat="embed",this.formats={embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}u.prototype.parseParameters=function(t){return delete t.vid,t},u.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:e.vid};if(n.params=this.parseParameters(e),n.id)return n},u.prototype.createEmbedUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.canalplus.fr/embed/";return e.vid=t.id,n+=s(e)}},c.bind(new u);var l=n;function f(){this.provider="coub",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}f.prototype.parseUrl=function(t){var e=t.match(/(?:embed|view)\/([a-zA-Z\d]+)/i);return e?e[1]:void 0},f.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:e,id:this.parseUrl(t)};if(n.id)return n},f.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=l(n)}},f.prototype.createLongUrl=function(t,e){return this.createUrl("https://coub.com/view/",t,e)},f.prototype.createEmbedUrl=function(t,e){return this.createUrl("//coub.com/embed/",t,e)},c.bind(new f);var h=n,p=r;function d(){this.provider="dailymotion",this.alternatives=["dai"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,image:this.createImageUrl},this.mediaTypes={VIDEO:"video"}}d.prototype.parseParameters=function(t){return this.parseTime(t)},d.prototype.parseTime=function(t){return t.start&&(t.start=p(t.start)),t},d.prototype.parseUrl=function(t){var e=t.match(/(?:\/video|ly)\/([A-Za-z0-9]+)/i);return e?e[1]:void 0},d.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},d.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+h(n)},d.prototype.createShortUrl=function(t,e){return this.createUrl("https://dai.ly/",t,e)},d.prototype.createLongUrl=function(t,e){return this.createUrl("https://dailymotion.com/video/",t,e)},d.prototype.createEmbedUrl=function(t,e){return this.createUrl("https://www.dailymotion.com/embed/video/",t,e)},d.prototype.createImageUrl=function(t,e){return delete e.start,this.createUrl("https://www.dailymotion.com/thumbnail/video/",t,e)},c.bind(new d);var v=n,y=r;function g(){this.provider="twitch",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",STREAM:"stream",CLIP:"clip"}}g.prototype.seperateId=function(t){return{pre:t[0],id:t.substr(1)}},g.prototype.parseChannel=function(t,e){var n=e.channel||e.utm_content||t.channel;return delete e.utm_content,delete e.channel,n},g.prototype.parseUrl=function(t,e,n){var r;return(r=t.match(/(clips\.)?twitch\.tv\/(?:(?:videos\/(\d+))|(\w+)(?:\/clip\/(\w+))?)/i))&&r[2]?e.id="v"+r[2]:n.video?(e.id=n.video,delete n.video):n.clip?(e.id=n.clip,e.isClip=!0,delete n.clip):r&&r[1]&&r[3]?(e.id=r[3],e.isClip=!0):r&&r[3]&&r[4]?(e.channel=r[3],e.id=r[4],e.isClip=!0):r&&r[3]&&(e.channel=r[3]),e},g.prototype.parseMediaType=function(t){var e;return t.id?t.isClip?(e=this.mediaTypes.CLIP,delete t.isClip):e=this.mediaTypes.VIDEO:t.channel&&(e=this.mediaTypes.STREAM),e},g.prototype.parseParameters=function(t){return t.t&&(t.start=y(t.t),delete t.t),t},g.prototype.parse=function(t,e){var n={};return(n=this.parseUrl(t,n,e)).channel=this.parseChannel(n,e),n.mediaType=this.parseMediaType(n),n.params=this.parseParameters(e),n.channel||n.id?n:void 0},g.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)n="https://twitch.tv/"+t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n="https://twitch.tv/videos/"+this.seperateId(t.id).id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n=t.channel?"https://www.twitch.tv/"+t.channel+"/clip/"+t.id:"https://clips.twitch.tv/"+t.id}return n+=v(e)},g.prototype.createEmbedUrl=function(t,e){var n="https://player.twitch.tv/";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)e.channel=t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.video=t.id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n="https://clips.twitch.tv/embed",e.clip=t.id}return n+=v(e)},c.bind(new g);var m=n,b=r;function k(){this.provider="vimeo",this.alternatives=["vimeopro"],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}k.prototype.parseUrl=function(t){var e=t.match(/(?:\/(?:channels\/[\w]+|(?:(?:album\/\d+|groups\/[\w]+)\/)?videos?))?\/(\d+)/i);return e?e[1]:void 0},k.prototype.parseParameters=function(t){return this.parseTime(t)},k.prototype.parseTime=function(t){return t.t&&(t.start=b(t.t),delete t.t),t},k.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},k.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id,i=n.start;return delete n.start,r+=m(n),i&&(r+="#t="+i),r}},k.prototype.createLongUrl=function(t,e){return this.createUrl("https://vimeo.com/",t,e)},k.prototype.createEmbedUrl=function(t,e){return this.createUrl("//player.vimeo.com/video/",t,e)},c.bind(new k);var x=n,w=r;function P(){this.provider="wistia",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl,embedjsonp:this.createEmbedJsonpUrl},this.mediaTypes={VIDEO:"video",EMBEDVIDEO:"embedvideo"}}P.prototype.parseUrl=function(t){var e=t.match(/(?:(?:medias|iframe)\/|wvideo=)([\w-]+)/);return e?e[1]:void 0},P.prototype.parseChannel=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?([^.]*)\.wistia\./),n=e?e[1]:void 0;if("fast"!==n&&"content"!==n)return n},P.prototype.parseParameters=function(t,e){return t.wtime&&(t.start=w(t.wtime),delete t.wtime),t.wvideo===e.id&&delete t.wvideo,t},P.prototype.parseMediaType=function(t){return t.id&&t.channel?this.mediaTypes.VIDEO:t.id?(delete t.channel,this.mediaTypes.EMBEDVIDEO):void 0},P.prototype.parse=function(t,e){var n={id:this.parseUrl(t),channel:this.parseChannel(t)};if(n.params=this.parseParameters(e,n),n.mediaType=this.parseMediaType(n),n.id)return n},P.prototype.createUrl=function(t,e,n){return e.start&&(e.wtime=e.start,delete e.start),n+=x(e)},P.prototype.createLongUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://"+t.channel+".wistia.com/medias/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedUrl=function(t,e){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO)){var n="https://fast.wistia.com/embed/iframe/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedJsonpUrl=function(t){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO))return"https://fast.wistia.com/embed/medias/"+t.id+".jsonp"},c.bind(new P);var O=n;function S(){this.provider="youku",this.defaultFormat="long",this.formats={embed:this.createEmbedUrl,long:this.createLongUrl,flash:this.createFlashUrl,static:this.createStaticUrl},this.mediaTypes={VIDEO:"video"}}S.prototype.parseUrl=function(t){var e=t.match(/(?:(?:embed|sid)\/|v_show\/id_|VideoIDS=)([a-zA-Z0-9]+)/);return e?e[1]:void 0},S.prototype.parseParameters=function(t){return t.VideoIDS&&delete t.VideoIDS,t},S.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:this.parseUrl(t),params:this.parseParameters(e)};if(n.id)return n},S.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=O(n)}},S.prototype.createEmbedUrl=function(t,e){return this.createUrl("http://player.youku.com/embed/",t,e)},S.prototype.createLongUrl=function(t,e){return this.createUrl("http://v.youku.com/v_show/id_",t,e)},S.prototype.createStaticUrl=function(t,e){return this.createUrl("http://static.youku.com/v1.0.0638/v/swf/loader.swf?VideoIDS=",t,e)},S.prototype.createFlashUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.youku.com/player.php/sid/"+t.id+"/v.swf";return n+=O(e)}},c.bind(new S);var j=n,$=r;function R(){this.provider="youtube",this.alternatives=["youtu","ytimg"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,shortImage:this.createShortImageUrl,longImage:this.createLongImageUrl},this.imageQualities={0:"0",1:"1",2:"2",3:"3",DEFAULT:"default",HQDEFAULT:"hqdefault",SDDEFAULT:"sddefault",MQDEFAULT:"mqdefault",MAXRESDEFAULT:"maxresdefault"},this.defaultImageQuality=this.imageQualities.HQDEFAULT,this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist",SHARE:"share",CHANNEL:"channel"}}R.prototype.parseVideoUrl=function(t){var e=t.match(/(?:(?:v|vi|be|videos|embed)\/(?!videoseries)|(?:v|ci)=)([\w-]{11})/i);return e?e[1]:void 0},R.prototype.parseChannelUrl=function(t){var e=t.match(/\/channel\/([\w-]+)/);return e?{id:e[1],mediaType:this.mediaTypes.CHANNEL}:(e=t.match(/\/(?:c|user)\/([\w-]+)/))?{name:e[1],mediaType:this.mediaTypes.CHANNEL}:void 0},R.prototype.parseParameters=function(t,e){return(t.start||t.t)&&(t.start=$(t.start||t.t),delete t.t),t.v===e.id&&delete t.v,t.list===e.id&&delete t.list,t},R.prototype.parseMediaType=function(t){if(t.params.list&&(t.list=t.params.list,delete t.params.list),t.id&&!t.params.ci)t.mediaType=this.mediaTypes.VIDEO;else if(t.list)delete t.id,t.mediaType=this.mediaTypes.PLAYLIST;else{if(!t.params.ci)return;delete t.params.ci,t.mediaType=this.mediaTypes.SHARE}return t},R.prototype.parse=function(t,e){var n=this.parseChannelUrl(t);if(n)return n;var r={params:e,id:this.parseVideoUrl(t)};return r.params=this.parseParameters(e,r),r=this.parseMediaType(r)},R.prototype.createShortUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://youtu.be/"+t.id;return e.start&&(n+="#t="+e.start),n}},R.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.CHANNEL)if(t.id)n+="https://www.youtube.com/channel/"+t.id;else{if(!t.name)return;n+="https://www.youtube.com/c/"+t.name}else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.feature="share",n+="https://www.youtube.com/playlist";else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.v=t.id,n+="https://www.youtube.com/watch";else{if(t.mediaType!==this.mediaTypes.SHARE||!t.id)return;e.ci=t.id,n+="https://www.youtube.com/shared"}return t.list&&(e.list=t.list),n+=j(e),t.mediaType!==this.mediaTypes.PLAYLIST&&r&&(n+="#t="+r),n},R.prototype.createEmbedUrl=function(t,e){var n="https://www.youtube.com/embed";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.listType="playlist";else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="/"+t.id,"1"===e.loop&&(e.playlist=t.id)}return t.list&&(e.list=t.list),n+=j(e)},R.prototype.createImageUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+"/"+(n.imageQuality||this.defaultImageQuality)+".jpg"},R.prototype.createShortImageUrl=function(t,e){return this.createImageUrl("https://i.ytimg.com/vi/",t,e)},R.prototype.createLongImageUrl=function(t,e){return this.createImageUrl("https://img.youtube.com/vi/",t,e)},c.bind(new R);var C=n,M=r;function T(){this.provider="soundcloud",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={TRACK:"track",PLAYLIST:"playlist",APITRACK:"apitrack",APIPLAYLIST:"apiplaylist"}}T.prototype.parseUrl=function(t,e){var n=t.match(/(?:m\.)?soundcloud\.com\/(?:([\w-]+)\/(sets\/)?)([\w-]+)/i);return n?(e.channel=n[1],"playlists"===n[1]||n[2]?e.list=n[3]:e.id=n[3],e):e},T.prototype.parseParameters=function(t){return t.t&&(t.start=M(t.t),delete t.t),t},T.prototype.parseMediaType=function(t){return t.id&&("tracks"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APITRACK):t.mediaType=this.mediaTypes.TRACK),t.list&&("playlists"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APIPLAYLIST):t.mediaType=this.mediaTypes.PLAYLIST),t},T.prototype.parse=function(t,e){var n={};if((n=this.parseUrl(t,n)).params=this.parseParameters(e),(n=this.parseMediaType(n)).id||n.list)return n},T.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.TRACK&&t.id&&t.channel)n="https://soundcloud.com/"+t.channel+"/"+t.id;else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list&&t.channel)n="https://soundcloud.com/"+t.channel+"/sets/"+t.list;else if(t.mediaType===this.mediaTypes.APITRACK&&t.id)n="https://api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;n="https://api.soundcloud.com/playlists/"+t.list}return n+=C(e),r&&(n+="#t="+r),n},T.prototype.createEmbedUrl=function(t,e){var n="https://w.soundcloud.com/player/";if(delete e.start,t.mediaType===this.mediaTypes.APITRACK&&t.id)e.url="https%3A//api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;e.url="https%3A//api.soundcloud.com/playlists/"+t.list}return n+=C(e)},c.bind(new T);var V=n;function E(){this.provider="teachertube",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",CHANNEL:"channel",COLLECTION:"collection",GROUP:"group"}}E.prototype.parse=function(t,e){var n={};n.list=this.parsePlaylist(e),n.params=e;var r=t.match(/\/(audio|video|document|user\/channel|collection|group)\/(?:[\w-]+-)?(\w+)/);if(r)return n.mediaType=this.parseMediaType(r[1]),n.id=r[2],n},E.prototype.parsePlaylist=function(t){if(t["playlist-id"]){var e=t["playlist-id"];return delete t["playlist-id"],e}},E.prototype.parseMediaType=function(t){switch(t){case"audio":return this.mediaTypes.AUDIO;case"video":return this.mediaTypes.VIDEO;case"document":return this.mediaTypes.DOCUMENT;case"user/channel":return this.mediaTypes.CHANNEL;case"collection":return this.mediaTypes.COLLECTION;case"group":return this.mediaTypes.GROUP}},E.prototype.createLongUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/";return t.list&&(e["playlist-id"]=t.list),t.mediaType===this.mediaTypes.CHANNEL?n+="user/channel/":n+=t.mediaType+"/",n+=t.id,n+=V(e)}},E.prototype.createEmbedUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/embed/";if(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.AUDIO)return n+=t.mediaType+"/"+t.id,n+=V(e)}},c.bind(new E);var I=n;function D(){this.provider="tiktok",this.defaultFormat="long",this.formats={long:this.createLongUrl},this.mediaTypes={VIDEO:"video"}}D.prototype.parse=function(t,e){var n={params:e,mediaType:this.mediaTypes.VIDEO},r=t.match(/@([^/]+)\/video\/(\d{19})/);if(r)return n.channel=r[1],n.id=r[2],n},D.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id&&t.channel)return n+="https://www.tiktok.com/@".concat(t.channel,"/video/").concat(t.id),n+=I(e)},c.bind(new D);var L=n;function B(){this.provider="ted",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist"}}return B.prototype.parseUrl=function(t,e){var n=t.match(/\/(talks|playlists\/(\d+))\/([\w-]+)/),r=n?n[1]:void 0;return r?(e.channel=r.split("/")[0],e.id=n[3],"playlists"===e.channel&&(e.list=n[2]),e):e},B.prototype.parseMediaType=function(t){return t.id&&"playlists"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.PLAYLIST),t.id&&"talks"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.VIDEO),t},B.prototype.parse=function(t,e){var n={params:e};if(n=this.parseUrl(t,n),(n=this.parseMediaType(n)).id)return n},B.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n+="https://ted.com/talks/"+t.id;else{if(t.mediaType!==this.mediaTypes.PLAYLIST||!t.id)return;n+="https://ted.com/playlists/"+t.list+"/"+t.id}return n+=L(e)},B.prototype.createEmbedUrl=function(t,e){var n="https://embed.ted.com/";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.id)n+="playlists/"+t.list+"/"+t.id;else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="talks/"+t.id}return n+=L(e)},c.bind(new B),c}()},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){},function(t,e,n){},,,,function(t,e,n){},function(t,e,n){},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},t.exports.default=t.exports,t.exports.__esModule=!0,n(e,r)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){c=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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 c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),o=new P(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 S()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var c=k(o,n);if(c){if(c===l)continue;return c}}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 s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,o),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function f(){}function h(){}function p(){}var d={};d[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(O([])));y&&y!==e&&n.call(y,i)&&(d=y);var g=p.prototype=f.prototype=Object.create(d);function m(t){["next","throw","return"].forEach((function(e){c(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,c){var s=u(t[i],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,o,c)}),(function(t){r("throw",t,o,c)})):e.resolve(f).then((function(t){l.value=t,o(l)}),(function(t){return r("throw",t,o,c)}))}c(s.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 l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;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,l):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}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 P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function O(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:S}}function S(){return{value:void 0,done:!0}}return h.prototype=g.constructor=p,p.constructor=h,h.displayName=c(p,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(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(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),c(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=O,P.prototype={constructor:P,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 c=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(c&&s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!s)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,l):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),l},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),l}},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:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"create",(function(){return ve})),n.d(r,"clone",(function(){return ye})),n.d(r,"copy",(function(){return ge})),n.d(r,"fromValues",(function(){return me})),n.d(r,"set",(function(){return be})),n.d(r,"identity",(function(){return ke})),n.d(r,"transpose",(function(){return xe})),n.d(r,"invert",(function(){return we})),n.d(r,"adjoint",(function(){return Pe})),n.d(r,"determinant",(function(){return Oe})),n.d(r,"multiply",(function(){return Se})),n.d(r,"translate",(function(){return je})),n.d(r,"scale",(function(){return $e})),n.d(r,"rotate",(function(){return Re})),n.d(r,"rotateX",(function(){return Ce})),n.d(r,"rotateY",(function(){return Me})),n.d(r,"rotateZ",(function(){return Te})),n.d(r,"fromTranslation",(function(){return Ve})),n.d(r,"fromScaling",(function(){return Ee})),n.d(r,"fromRotation",(function(){return Ie})),n.d(r,"fromXRotation",(function(){return De})),n.d(r,"fromYRotation",(function(){return Le})),n.d(r,"fromZRotation",(function(){return Be})),n.d(r,"fromRotationTranslation",(function(){return Ae})),n.d(r,"fromQuat2",(function(){return ze})),n.d(r,"getTranslation",(function(){return Fe})),n.d(r,"getScaling",(function(){return He})),n.d(r,"getRotation",(function(){return Ge})),n.d(r,"fromRotationTranslationScale",(function(){return _e})),n.d(r,"fromRotationTranslationScaleOrigin",(function(){return Ne})),n.d(r,"fromQuat",(function(){return Xe})),n.d(r,"frustum",(function(){return Ye})),n.d(r,"perspective",(function(){return Ke})),n.d(r,"perspectiveFromFieldOfView",(function(){return Ue})),n.d(r,"ortho",(function(){return We})),n.d(r,"lookAt",(function(){return Ze})),n.d(r,"targetTo",(function(){return qe})),n.d(r,"str",(function(){return Je})),n.d(r,"frob",(function(){return Qe})),n.d(r,"add",(function(){return tn})),n.d(r,"subtract",(function(){return en})),n.d(r,"multiplyScalar",(function(){return nn})),n.d(r,"multiplyScalarAndAdd",(function(){return rn})),n.d(r,"exactEquals",(function(){return an})),n.d(r,"equals",(function(){return on})),n.d(r,"mul",(function(){return cn})),n.d(r,"sub",(function(){return sn}));var i={};n.r(i),n.d(i,"create",(function(){return un})),n.d(i,"clone",(function(){return ln})),n.d(i,"length",(function(){return fn})),n.d(i,"fromValues",(function(){return hn})),n.d(i,"copy",(function(){return pn})),n.d(i,"set",(function(){return dn})),n.d(i,"add",(function(){return vn})),n.d(i,"subtract",(function(){return yn})),n.d(i,"multiply",(function(){return gn})),n.d(i,"divide",(function(){return mn})),n.d(i,"ceil",(function(){return bn})),n.d(i,"floor",(function(){return kn})),n.d(i,"min",(function(){return xn})),n.d(i,"max",(function(){return wn})),n.d(i,"round",(function(){return Pn})),n.d(i,"scale",(function(){return On})),n.d(i,"scaleAndAdd",(function(){return Sn})),n.d(i,"distance",(function(){return jn})),n.d(i,"squaredDistance",(function(){return $n})),n.d(i,"squaredLength",(function(){return Rn})),n.d(i,"negate",(function(){return Cn})),n.d(i,"inverse",(function(){return Mn})),n.d(i,"normalize",(function(){return Tn})),n.d(i,"dot",(function(){return Vn})),n.d(i,"cross",(function(){return En})),n.d(i,"lerp",(function(){return In})),n.d(i,"hermite",(function(){return Dn})),n.d(i,"bezier",(function(){return Ln})),n.d(i,"random",(function(){return Bn})),n.d(i,"transformMat4",(function(){return An})),n.d(i,"transformMat3",(function(){return zn})),n.d(i,"transformQuat",(function(){return Fn})),n.d(i,"rotateX",(function(){return Hn})),n.d(i,"rotateY",(function(){return Gn})),n.d(i,"rotateZ",(function(){return _n})),n.d(i,"angle",(function(){return Nn})),n.d(i,"zero",(function(){return Xn})),n.d(i,"str",(function(){return Yn})),n.d(i,"exactEquals",(function(){return Kn})),n.d(i,"equals",(function(){return Un})),n.d(i,"sub",(function(){return Zn})),n.d(i,"mul",(function(){return qn})),n.d(i,"div",(function(){return Jn})),n.d(i,"dist",(function(){return Qn})),n.d(i,"sqrDist",(function(){return tr})),n.d(i,"len",(function(){return er})),n.d(i,"sqrLen",(function(){return nr})),n.d(i,"forEach",(function(){return rr}));var a={};n.r(a),n.d(a,"create",(function(){return or})),n.d(a,"identity",(function(){return cr})),n.d(a,"setAxisAngle",(function(){return sr})),n.d(a,"getAxisAngle",(function(){return ur})),n.d(a,"getAngle",(function(){return lr})),n.d(a,"multiply",(function(){return fr})),n.d(a,"rotateX",(function(){return hr})),n.d(a,"rotateY",(function(){return pr})),n.d(a,"rotateZ",(function(){return dr})),n.d(a,"calculateW",(function(){return vr})),n.d(a,"exp",(function(){return yr})),n.d(a,"ln",(function(){return gr})),n.d(a,"pow",(function(){return mr})),n.d(a,"slerp",(function(){return br})),n.d(a,"random",(function(){return kr})),n.d(a,"invert",(function(){return xr})),n.d(a,"conjugate",(function(){return wr})),n.d(a,"fromMat3",(function(){return Pr})),n.d(a,"fromEuler",(function(){return Or})),n.d(a,"str",(function(){return Sr})),n.d(a,"clone",(function(){return Er})),n.d(a,"fromValues",(function(){return Ir})),n.d(a,"copy",(function(){return Dr})),n.d(a,"set",(function(){return Lr})),n.d(a,"add",(function(){return Br})),n.d(a,"mul",(function(){return Ar})),n.d(a,"scale",(function(){return zr})),n.d(a,"dot",(function(){return Fr})),n.d(a,"lerp",(function(){return Hr})),n.d(a,"length",(function(){return Gr})),n.d(a,"len",(function(){return _r})),n.d(a,"squaredLength",(function(){return Nr})),n.d(a,"sqrLen",(function(){return Xr})),n.d(a,"normalize",(function(){return Yr})),n.d(a,"exactEquals",(function(){return Kr})),n.d(a,"equals",(function(){return Ur})),n.d(a,"rotationTo",(function(){return Wr})),n.d(a,"sqlerp",(function(){return Zr})),n.d(a,"setAxes",(function(){return qr}));var o={};n.r(o),n.d(o,"create",(function(){return Jr})),n.d(o,"clone",(function(){return Qr})),n.d(o,"fromValues",(function(){return ti})),n.d(o,"copy",(function(){return ei})),n.d(o,"set",(function(){return ni})),n.d(o,"add",(function(){return ri})),n.d(o,"subtract",(function(){return ii})),n.d(o,"multiply",(function(){return ai})),n.d(o,"divide",(function(){return oi})),n.d(o,"ceil",(function(){return ci})),n.d(o,"floor",(function(){return si})),n.d(o,"min",(function(){return ui})),n.d(o,"max",(function(){return li})),n.d(o,"round",(function(){return fi})),n.d(o,"scale",(function(){return hi})),n.d(o,"scaleAndAdd",(function(){return pi})),n.d(o,"distance",(function(){return di})),n.d(o,"squaredDistance",(function(){return vi})),n.d(o,"length",(function(){return yi})),n.d(o,"squaredLength",(function(){return gi})),n.d(o,"negate",(function(){return mi})),n.d(o,"inverse",(function(){return bi})),n.d(o,"normalize",(function(){return ki})),n.d(o,"dot",(function(){return xi})),n.d(o,"cross",(function(){return wi})),n.d(o,"lerp",(function(){return Pi})),n.d(o,"random",(function(){return Oi})),n.d(o,"transformMat2",(function(){return Si})),n.d(o,"transformMat2d",(function(){return ji})),n.d(o,"transformMat3",(function(){return $i})),n.d(o,"transformMat4",(function(){return Ri})),n.d(o,"rotate",(function(){return Ci})),n.d(o,"angle",(function(){return Mi})),n.d(o,"zero",(function(){return Ti})),n.d(o,"str",(function(){return Vi})),n.d(o,"exactEquals",(function(){return Ei})),n.d(o,"equals",(function(){return Ii})),n.d(o,"len",(function(){return Di})),n.d(o,"sub",(function(){return Li})),n.d(o,"mul",(function(){return Bi})),n.d(o,"div",(function(){return Ai})),n.d(o,"dist",(function(){return zi})),n.d(o,"sqrDist",(function(){return Fi})),n.d(o,"sqrLen",(function(){return Hi})),n.d(o,"forEach",(function(){return Gi}));var c={};n.r(c),n.d(c,"round",(function(){return _i})),n.d(c,"degreeToRadian",(function(){return Ni})),n.d(c,"div",(function(){return Xi})),n.d(c,"radianToDegree",(function(){return Yi})),n.d(c,"getXInCircle",(function(){return Ki})),n.d(c,"getYInCircle",(function(){return Ui})),n.d(c,"getXYInCircle",(function(){return Wi})),n.d(c,"getDist",(function(){return Zi})),n.d(c,"getPointBetweenVerties",(function(){return qi})),n.d(c,"vertiesMap",(function(){return Ji})),n.d(c,"makeGuidePoint",(function(){return ea})),n.d(c,"getVertiesMaxX",(function(){return na})),n.d(c,"getVertiesMaxY",(function(){return ra})),n.d(c,"getVertiesMinX",(function(){return ia})),n.d(c,"getVertiesCenterX",(function(){return aa})),n.d(c,"getVertiesMinY",(function(){return oa})),n.d(c,"getVertiesCenterY",(function(){return ca})),n.d(c,"calculateAngle",(function(){return sa})),n.d(c,"calculateAngleForVec3",(function(){return ua})),n.d(c,"calculateRotationOriginMat4",(function(){return la})),n.d(c,"calculateMatrix",(function(){return fa})),n.d(c,"calculateMatrixInverse",(function(){return ha})),n.d(c,"calculateAnglePointDistance",(function(){return pa})),n.d(c,"calculateAngle360",(function(){return da})),n.d(c,"uuid",(function(){return ya})),n.d(c,"uuidShort",(function(){return ga})),n.d(c,"cubicBezier",(function(){return xa})),n.d(c,"getGradientLine",(function(){return wa})),n.d(c,"getCenterInTriangle",(function(){return Pa})),n.d(c,"normalize",(function(){return Sa}));var s={};n.r(s),n.d(s,"format",(function(){return fc})),n.d(s,"hex",(function(){return hc})),n.d(s,"rgb",(function(){return pc})),n.d(s,"hsl",(function(){return dc}));var u={};n.r(u),n.d(u,"randomNumber",(function(){return vc})),n.d(u,"randomByCount",(function(){return yc})),n.d(u,"random",(function(){return gc})),n.d(u,"randomRGBA",(function(){return mc}));var l={};n.r(l),n.d(l,"randomItem",(function(){return bc})),n.d(l,"repeat",(function(){return kc})),n.d(l,"CSS_TO_STRING",(function(){return xc})),n.d(l,"STRING_TO_CSS",(function(){return wc})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return Pc})),n.d(l,"OBJECT_TO_CLASS",(function(){return Oc})),n.d(l,"TAG_TO_STRING",(function(){return Sc})),n.d(l,"mapjoin",(function(){return jc})),n.d(l,"isArrayEquals",(function(){return $c})),n.d(l,"curveToPath",(function(){return Rc})),n.d(l,"curveToPointLine",(function(){return Cc}));var f={};n.r(f),n.d(f,"ReverseXyz",(function(){return us})),n.d(f,"ReverseRGB",(function(){return ls})),n.d(f,"XYZtoRGB",(function(){return fs})),n.d(f,"LABtoXYZ",(function(){return hs})),n.d(f,"PivotXyz",(function(){return ps})),n.d(f,"XYZtoLAB",(function(){return ds})),n.d(f,"LABtoRGB",(function(){return vs}));var h={};n.r(h),n.d(h,"RGBtoHSV",(function(){return ys})),n.d(h,"RGBtoCMYK",(function(){return gs})),n.d(h,"RGBtoHSL",(function(){return ms})),n.d(h,"c",(function(){return bs})),n.d(h,"gray",(function(){return ks})),n.d(h,"RGBtoSimpleGray",(function(){return xs})),n.d(h,"RGBtoGray",(function(){return ws})),n.d(h,"brightness",(function(){return Ps})),n.d(h,"RGBtoYCrCb",(function(){return Os})),n.d(h,"PivotRGB",(function(){return Ss})),n.d(h,"RGBtoXYZ",(function(){return js})),n.d(h,"RGBtoLAB",(function(){return $s}));var p={};n.r(p),n.d(p,"HUEtoRGB",(function(){return Rs})),n.d(p,"HSLtoHSV",(function(){return Cs})),n.d(p,"HSLtoRGB",(function(){return Ms}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return Is})),n.d(d,"isColor",(function(){return Ds})),n.d(d,"matches",(function(){return Ls})),n.d(d,"convertMatches",(function(){return Bs})),n.d(d,"convertMatchesArray",(function(){return As})),n.d(d,"reverseMatches",(function(){return zs})),n.d(d,"trim",(function(){return Hs})),n.d(d,"parse",(function(){return Gs})),n.d(d,"parseGradient",(function(){return _s}));var v={};n.r(v),n.d(v,"CMYKtoRGB",(function(){return Ws}));var g={};n.r(g),n.d(g,"HSVtoRGB",(function(){return Zs})),n.d(g,"HSVtoHSL",(function(){return qs}));var m={};n.r(m),n.d(m,"YCrCbtoRGB",(function(){return Js}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return Qs})),n.d(b,"interpolateRGBObject",(function(){return tu})),n.d(b,"scale",(function(){return eu})),n.d(b,"blend",(function(){return nu})),n.d(b,"mix",(function(){return ru})),n.d(b,"contrast",(function(){return iu})),n.d(b,"contrastColor",(function(){return au})),n.d(b,"gradient",(function(){return ou})),n.d(b,"scaleHSV",(function(){return cu})),n.d(b,"scaleH",(function(){return su})),n.d(b,"scaleS",(function(){return uu})),n.d(b,"scaleV",(function(){return lu}));var k=n(5),w=n.n(k),P=(n(25),n(26),n(1)),O=n.n(P),S=n(2),j=n.n(S),$=n(3),R=n.n($),C=n(4),M=n.n(C),T=n(0),V=n.n(T),E=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return" ".concat(e," ").concat(t)},I=/domevent (.*)/gi,D=/load (.*)/gi,L=/bind (.*)/gi,B=/subscribe (.*)/gi,A="|",z="".concat("@magic:","domevent "),F="".concat("@magic:","load "),H="".concat("@magic:","bind "),G="".concat("@magic:","subscribe "),_={},N=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 z+[r].concat(e).join(" ")}},X=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return G+e.join(A)},Y=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E(t,e)},K=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E("after(".concat(t,")"),e)},U=Y,W=(Y("ArrowUp"),Y("ArrowDown"),Y("ArrowLeft"),Y("ArrowRight"),Y("Enter")),Z=(Y("Space"),Y("Escape")),q=Y("isAltKey"),J=(Y("isShiftKey"),Y("isMetaKey"),Y("isCtrlKey"),Y("hasMouse"),Y("hasTouch"),Y("hasPen"),Y("self"),Y("isMouseLeftButton")),Q=(Y("isMouseRightButton"),Y("fit"),Y("passive"),Y("domdiff")),tt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Y("debounce(".concat(t,")"))},et=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return Y("delay(".concat(t,")"))},nt=(tt(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Y("throttle(".concat(t,")"))}),rt=Y("allTrigger()"),it=Y("selfTrigger()"),at=(Y("capture()"),K("preventDefault")),ot=K("stopPropagation"),ct=X,st=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return X.apply(void 0,e.concat([rt]))},ut=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return X.apply(void 0,e.concat([it]))},lt=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];return X.apply(void 0,["config:".concat(t)].concat(n))},ft=N,ht=N("click"),pt=N("dblclick"),dt=(N("mousedown"),N("mouseup"),N("mousemove"),N("mouseover"),N("mouseout"),N("mouseenter"),N("mouseleave"),N("touchstart"),N("touchmove"),N("touchend"),N("keydown")),vt=N("keyup"),yt=(N("keypress"),N("drag"),N("dragstart")),gt=N("drop"),mt=N("dragover"),bt=(N("dragenter"),N("dragleave"),N("dragexit"),N("dragout"),N("dragend")),kt=(N("contextmenu"),N("change")),xt=N("input"),wt=N("focus"),Pt=(N("focusin"),N("focusout")),Ot=N("blur"),St=(N("paste"),N("resize")),jt=(N("scroll"),N("submit"),function(){return ft("pointerdown").apply(void 0,arguments)+J}),$t=ft("pointerover"),Rt=(ft("pointerenter"),ft("pointerout")),Ct=ft("pointermove"),Mt=ft("pointerup"),Tt=ft("change","input"),Vt=ft("wheel","mousewheel","DOMMouseScroll"),Et=(N("animationstart"),N("animationend"),N("animationiteration"),N("transitionstart"),N("transitionend")),It=(N("transitionrun"),N("transitioncancel"),ft("doubletab")),Dt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return F+t},Lt=function(t){return function(){return this.prevState[t]!=this.state[t]}},Bt=function(){return!0},At=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return H+t};function zt(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var Ft,Ht={addDomEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeDomEvent: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}}},Gt=n(7),_t=n.n(Gt),Nt=n(14),Xt=n.n(Nt);function Yt(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,c){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,c)}),e||300)}}function Kt(t,e){var n=void 0;return function(r,i,a,o,c){n||(n=setTimeout((function(){t(r,i,a,o,c),n=null}),e||300))}}function Ut(t,e,n){return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];var o=n.every((function(t){return e[t.target].apply(e,i)}));o&&t.apply(e,i)}}function Wt(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Zt(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function qt(t){return null==t}function Jt(t){return!1===qt(t)}function Qt(t){return"boolean"==typeof t}function te(t){return"string"==typeof t}function ee(t){return"object"==Xt()(t)&&!Array.isArray(t)&&!re(t)&&!te(t)&&null!==t}function ne(t){return"function"==typeof t}function re(t){return"number"==typeof t}function ie(t){return!function(t){return 0===t}(t)}function ae(t){if(!qt(t))return JSON.parse(JSON.stringify(t))}var oe=/\<(\w*)([^\>]*)\/\>/gim,ce=(Ft={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},w()(Ft,"path",!0),w()(Ft,"polygon",!0),w()(Ft,"polyline",!0),w()(Ft,"use",!0),Ft),se=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 ne(r)&&console.log(r),Array.isArray(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(oe,(function(t,e){return ce[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))},ue=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=_t()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},le=n(8),fe=n.n(le),he=1e-6,pe="undefined"!=typeof Float32Array?Float32Array:Array,de=Math.random;Math.PI;function ve(){var t=new pe(16);return pe!=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 ye(t){var e=new pe(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 ge(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 me(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v){var y=new pe(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]=c,y[8]=s,y[9]=u,y[10]=l,y[11]=f,y[12]=h,y[13]=p,y[14]=d,y[15]=v,y}function be(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=s,t[8]=u,t[9]=l,t[10]=f,t[11]=h,t[12]=p,t[13]=d,t[14]=v,t[15]=y,t}function ke(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 xe(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],c=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]=c}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 we(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15],m=n*c-r*o,b=n*s-i*o,k=n*u-a*o,x=r*s-i*c,w=r*u-a*c,P=i*u-a*s,O=l*v-f*d,S=l*y-h*d,j=l*g-p*d,$=f*y-h*v,R=f*g-p*v,C=h*g-p*y,M=m*C-b*R+k*$+x*j-w*S+P*O;return M?(M=1/M,t[0]=(c*C-s*R+u*$)*M,t[1]=(i*R-r*C-a*$)*M,t[2]=(v*P-y*w+g*x)*M,t[3]=(h*w-f*P-p*x)*M,t[4]=(s*j-o*C-u*S)*M,t[5]=(n*C-i*j+a*S)*M,t[6]=(y*k-d*P-g*b)*M,t[7]=(l*P-h*k+p*b)*M,t[8]=(o*R-c*j+u*O)*M,t[9]=(r*j-n*R-a*O)*M,t[10]=(d*w-v*k+g*m)*M,t[11]=(f*k-l*w-p*m)*M,t[12]=(c*S-o*$-s*O)*M,t[13]=(n*$-r*S+i*O)*M,t[14]=(v*b-d*x-y*m)*M,t[15]=(l*x-f*b+h*m)*M,t):null}function Pe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15];return t[0]=c*(h*g-p*y)-f*(s*g-u*y)+v*(s*p-u*h),t[1]=-(r*(h*g-p*y)-f*(i*g-a*y)+v*(i*p-a*h)),t[2]=r*(s*g-u*y)-c*(i*g-a*y)+v*(i*u-a*s),t[3]=-(r*(s*p-u*h)-c*(i*p-a*h)+f*(i*u-a*s)),t[4]=-(o*(h*g-p*y)-l*(s*g-u*y)+d*(s*p-u*h)),t[5]=n*(h*g-p*y)-l*(i*g-a*y)+d*(i*p-a*h),t[6]=-(n*(s*g-u*y)-o*(i*g-a*y)+d*(i*u-a*s)),t[7]=n*(s*p-u*h)-o*(i*p-a*h)+l*(i*u-a*s),t[8]=o*(f*g-p*v)-l*(c*g-u*v)+d*(c*p-u*f),t[9]=-(n*(f*g-p*v)-l*(r*g-a*v)+d*(r*p-a*f)),t[10]=n*(c*g-u*v)-o*(r*g-a*v)+d*(r*u-a*c),t[11]=-(n*(c*p-u*f)-o*(r*p-a*f)+l*(r*u-a*c)),t[12]=-(o*(f*y-h*v)-l*(c*y-s*v)+d*(c*h-s*f)),t[13]=n*(f*y-h*v)-l*(r*y-i*v)+d*(r*h-i*f),t[14]=-(n*(c*y-s*v)-o*(r*y-i*v)+d*(r*s-i*c)),t[15]=n*(c*h-s*f)-o*(r*h-i*f)+l*(r*s-i*c),t}function Oe(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],s=t[7],u=t[8],l=t[9],f=t[10],h=t[11],p=t[12],d=t[13],v=t[14],y=t[15];return(e*o-n*a)*(f*y-h*v)-(e*c-r*a)*(l*y-h*d)+(e*s-i*a)*(l*v-f*d)+(n*c-r*o)*(u*y-h*p)-(n*s-i*o)*(u*v-f*p)+(r*s-i*c)*(u*d-l*p)}function Se(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=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*c+x*f+w*v,t[1]=b*i+k*s+x*h+w*y,t[2]=b*a+k*u+x*p+w*g,t[3]=b*o+k*l+x*d+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*c+x*f+w*v,t[5]=b*i+k*s+x*h+w*y,t[6]=b*a+k*u+x*p+w*g,t[7]=b*o+k*l+x*d+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*c+x*f+w*v,t[9]=b*i+k*s+x*h+w*y,t[10]=b*a+k*u+x*p+w*g,t[11]=b*o+k*l+x*d+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*c+x*f+w*v,t[13]=b*i+k*s+x*h+w*y,t[14]=b*a+k*u+x*p+w*g,t[15]=b*o+k*l+x*d+w*m,t}function je(t,e,n){var r,i,a,o,c,s,u,l,f,h,p,d,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],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=c,t[5]=s,t[6]=u,t[7]=l,t[8]=f,t[9]=h,t[10]=p,t[11]=d,t[12]=r*v+c*y+f*g+e[12],t[13]=i*v+s*y+h*g+e[13],t[14]=a*v+u*y+p*g+e[14],t[15]=o*v+l*y+d*g+e[15]),t}function $e(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 Re(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m,b,k,x,w,P,O,S,j,$,R=r[0],C=r[1],M=r[2],T=Math.hypot(R,C,M);return T<he?null:(R*=T=1/T,C*=T,M*=T,i=Math.sin(n),o=1-(a=Math.cos(n)),c=e[0],s=e[1],u=e[2],l=e[3],f=e[4],h=e[5],p=e[6],d=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=R*R*o+a,k=C*R*o+M*i,x=M*R*o-C*i,w=R*C*o-M*i,P=C*C*o+a,O=M*C*o+R*i,S=R*M*o+C*i,j=C*M*o-R*i,$=M*M*o+a,t[0]=c*b+f*k+v*x,t[1]=s*b+h*k+y*x,t[2]=u*b+p*k+g*x,t[3]=l*b+d*k+m*x,t[4]=c*w+f*P+v*O,t[5]=s*w+h*P+y*O,t[6]=u*w+p*P+g*O,t[7]=l*w+d*P+m*O,t[8]=c*S+f*j+v*$,t[9]=s*S+h*j+y*$,t[10]=u*S+p*j+g*$,t[11]=l*S+d*j+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function Ce(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],c=e[6],s=e[7],u=e[8],l=e[9],f=e[10],h=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+u*r,t[5]=o*i+l*r,t[6]=c*i+f*r,t[7]=s*i+h*r,t[8]=u*i-a*r,t[9]=l*i-o*r,t[10]=f*i-c*r,t[11]=h*i-s*r,t}function Me(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[8],l=e[9],f=e[10],h=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-u*r,t[1]=o*i-l*r,t[2]=c*i-f*r,t[3]=s*i-h*r,t[8]=a*r+u*i,t[9]=o*r+l*i,t[10]=c*r+f*i,t[11]=s*r+h*i,t}function Te(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[4],l=e[5],f=e[6],h=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+u*r,t[1]=o*i+l*r,t[2]=c*i+f*r,t[3]=s*i+h*r,t[4]=u*i-a*r,t[5]=l*i-o*r,t[6]=f*i-c*r,t[7]=h*i-s*r,t}function Ve(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 Ee(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 Ie(t,e,n){var r,i,a,o=n[0],c=n[1],s=n[2],u=Math.hypot(o,c,s);return u<he?null:(o*=u=1/u,c*=u,s*=u,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=c*o*a+s*r,t[2]=s*o*a-c*r,t[3]=0,t[4]=o*c*a-s*r,t[5]=c*c*a+i,t[6]=s*c*a+o*r,t[7]=0,t[8]=o*s*a+c*r,t[9]=c*s*a-o*r,t[10]=s*s*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function De(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 Le(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 Be(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 Ae(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=r+r,s=i+i,u=a+a,l=r*c,f=r*s,h=r*u,p=i*s,d=i*u,v=a*u,y=o*c,g=o*s,m=o*u;return t[0]=1-(p+v),t[1]=f+m,t[2]=h-g,t[3]=0,t[4]=f-m,t[5]=1-(l+v),t[6]=d+y,t[7]=0,t[8]=h+g,t[9]=d-y,t[10]=1-(l+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function ze(t,e){var n=new pe(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=r*r+i*i+a*a+o*o;return f>0?(n[0]=2*(c*o+l*r+s*a-u*i)/f,n[1]=2*(s*o+l*i+u*r-c*a)/f,n[2]=2*(u*o+l*a+c*i-s*r)/f):(n[0]=2*(c*o+l*r+s*a-u*i),n[1]=2*(s*o+l*i+u*r-c*a),n[2]=2*(u*o+l*a+c*i-s*r)),Ae(t,e,n),t}function Fe(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function He(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],c=e[6],s=e[8],u=e[9],l=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,c),t[2]=Math.hypot(s,u,l),t}function Ge(t,e){var n=new pe(3);He(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,c=e[1]*i,s=e[2]*a,u=e[4]*r,l=e[5]*i,f=e[6]*a,h=e[8]*r,p=e[9]*i,d=e[10]*a,v=o+l+d,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(f-p)/y,t[1]=(h-s)/y,t[2]=(c-u)/y):o>l&&o>d?(y=2*Math.sqrt(1+o-l-d),t[3]=(f-p)/y,t[0]=.25*y,t[1]=(c+u)/y,t[2]=(h+s)/y):l>d?(y=2*Math.sqrt(1+l-o-d),t[3]=(h-s)/y,t[0]=(c+u)/y,t[1]=.25*y,t[2]=(f+p)/y):(y=2*Math.sqrt(1+d-o-l),t[3]=(c-u)/y,t[0]=(h+s)/y,t[1]=(f+p)/y,t[2]=.25*y),t}function _e(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=e[3],s=i+i,u=a+a,l=o+o,f=i*s,h=i*u,p=i*l,d=a*u,v=a*l,y=o*l,g=c*s,m=c*u,b=c*l,k=r[0],x=r[1],w=r[2];return t[0]=(1-(d+y))*k,t[1]=(h+b)*k,t[2]=(p-m)*k,t[3]=0,t[4]=(h-b)*x,t[5]=(1-(f+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(p+m)*w,t[9]=(v-g)*w,t[10]=(1-(f+d))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function Ne(t,e,n,r,i){var a=e[0],o=e[1],c=e[2],s=e[3],u=a+a,l=o+o,f=c+c,h=a*u,p=a*l,d=a*f,v=o*l,y=o*f,g=c*f,m=s*u,b=s*l,k=s*f,x=r[0],w=r[1],P=r[2],O=i[0],S=i[1],j=i[2],$=(1-(v+g))*x,R=(p+k)*x,C=(d-b)*x,M=(p-k)*w,T=(1-(h+g))*w,V=(y+m)*w,E=(d+b)*P,I=(y-m)*P,D=(1-(h+v))*P;return t[0]=$,t[1]=R,t[2]=C,t[3]=0,t[4]=M,t[5]=T,t[6]=V,t[7]=0,t[8]=E,t[9]=I,t[10]=D,t[11]=0,t[12]=n[0]+O-($*O+M*S+E*j),t[13]=n[1]+S-(R*O+T*S+I*j),t[14]=n[2]+j-(C*O+V*S+D*j),t[15]=1,t}function Xe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,c=r+r,s=i+i,u=n*o,l=r*o,f=r*c,h=i*o,p=i*c,d=i*s,v=a*o,y=a*c,g=a*s;return t[0]=1-f-d,t[1]=l+g,t[2]=h-y,t[3]=0,t[4]=l-g,t[5]=1-u-d,t[6]=p+v,t[7]=0,t[8]=h+y,t[9]=p-v,t[10]=1-u-f,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function Ye(t,e,n,r,i,a,o){var c=1/(n-e),s=1/(i-r),u=1/(a-o);return t[0]=2*a*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*s,t[6]=0,t[7]=0,t[8]=(n+e)*c,t[9]=(i+r)*s,t[10]=(o+a)*u,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*u,t[15]=0,t}function Ke(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 Ue(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),c=Math.tan(e.rightDegrees*Math.PI/180),s=2/(o+c),u=2/(i+a);return t[0]=s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=u,t[6]=0,t[7]=0,t[8]=-(o-c)*s*.5,t[9]=(i-a)*u*.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 We(t,e,n,r,i,a,o){var c=1/(e-n),s=1/(r-i),u=1/(a-o);return t[0]=-2*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*s,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*u,t[11]=0,t[12]=(e+n)*c,t[13]=(i+r)*s,t[14]=(o+a)*u,t[15]=1,t}function Ze(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d=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(d-k)<he&&Math.abs(v-x)<he&&Math.abs(y-w)<he?ke(t):(l=d-k,f=v-x,h=y-w,i=m*(h*=p=1/Math.hypot(l,f,h))-b*(f*=p),a=b*(l*=p)-g*h,o=g*f-m*l,(p=Math.hypot(i,a,o))?(i*=p=1/p,a*=p,o*=p):(i=0,a=0,o=0),c=f*o-h*a,s=h*i-l*o,u=l*a-f*i,(p=Math.hypot(c,s,u))?(c*=p=1/p,s*=p,u*=p):(c=0,s=0,u=0),t[0]=i,t[1]=c,t[2]=l,t[3]=0,t[4]=a,t[5]=s,t[6]=f,t[7]=0,t[8]=o,t[9]=u,t[10]=h,t[11]=0,t[12]=-(i*d+a*v+o*y),t[13]=-(c*d+s*v+u*y),t[14]=-(l*d+f*v+h*y),t[15]=1,t)}function qe(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=r[0],s=r[1],u=r[2],l=i-n[0],f=a-n[1],h=o-n[2],p=l*l+f*f+h*h;p>0&&(l*=p=1/Math.sqrt(p),f*=p,h*=p);var d=s*h-u*f,v=u*l-c*h,y=c*f-s*l;return(p=d*d+v*v+y*y)>0&&(d*=p=1/Math.sqrt(p),v*=p,y*=p),t[0]=d,t[1]=v,t[2]=y,t[3]=0,t[4]=f*y-h*v,t[5]=h*d-l*y,t[6]=l*v-f*d,t[7]=0,t[8]=l,t[9]=f,t[10]=h,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function Je(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 Qe(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 tn(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 en(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 nn(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 rn(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 an(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 on(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],c=t[5],s=t[6],u=t[7],l=t[8],f=t[9],h=t[10],p=t[11],d=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],P=e[5],O=e[6],S=e[7],j=e[8],$=e[9],R=e[10],C=e[11],M=e[12],T=e[13],V=e[14],E=e[15];return Math.abs(n-m)<=he*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=he*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=he*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=he*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=he*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(c-P)<=he*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(s-O)<=he*Math.max(1,Math.abs(s),Math.abs(O))&&Math.abs(u-S)<=he*Math.max(1,Math.abs(u),Math.abs(S))&&Math.abs(l-j)<=he*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(f-$)<=he*Math.max(1,Math.abs(f),Math.abs($))&&Math.abs(h-R)<=he*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(p-C)<=he*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-M)<=he*Math.max(1,Math.abs(d),Math.abs(M))&&Math.abs(v-T)<=he*Math.max(1,Math.abs(v),Math.abs(T))&&Math.abs(y-V)<=he*Math.max(1,Math.abs(y),Math.abs(V))&&Math.abs(g-E)<=he*Math.max(1,Math.abs(g),Math.abs(E))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var cn=Se,sn=en;function un(){var t=new pe(3);return pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function ln(t){var e=new pe(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function fn(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function hn(t,e,n){var r=new pe(3);return r[0]=t,r[1]=e,r[2]=n,r}function pn(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function dn(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function vn(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function yn(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function gn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function mn(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function bn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function kn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function xn(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 wn(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 Pn(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function On(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function Sn(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 jn(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 $n(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 Rn(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function Cn(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function Mn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function Tn(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 Vn(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function En(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],c=n[1],s=n[2];return t[0]=i*s-a*c,t[1]=a*o-r*s,t[2]=r*c-i*o,t}function In(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 Dn(t,e,n,r,i,a){var o=a*a,c=o*(2*a-3)+1,s=o*(a-2)+a,u=o*(a-1),l=o*(3-2*a);return t[0]=e[0]*c+n[0]*s+r[0]*u+i[0]*l,t[1]=e[1]*c+n[1]*s+r[1]*u+i[1]*l,t[2]=e[2]*c+n[2]*s+r[2]*u+i[2]*l,t}function Ln(t,e,n,r,i,a){var o=1-a,c=o*o,s=a*a,u=c*o,l=3*a*c,f=3*s*o,h=s*a;return t[0]=e[0]*u+n[0]*l+r[0]*f+i[0]*h,t[1]=e[1]*u+n[1]*l+r[1]*f+i[1]*h,t[2]=e[2]*u+n[2]*l+r[2]*f+i[2]*h,t}function Bn(t,e){e=e||1;var n=2*de()*Math.PI,r=2*de()-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 An(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 zn(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 Fn(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],c=e[0],s=e[1],u=e[2],l=i*u-a*s,f=a*c-r*u,h=r*s-i*c,p=i*h-a*f,d=a*l-r*h,v=r*f-i*l,y=2*o;return l*=y,f*=y,h*=y,p*=2,d*=2,v*=2,t[0]=c+l+p,t[1]=s+f+d,t[2]=u+h+v,t}function Hn(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 Gn(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 _n(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 Nn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2],s=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+c*c),u=s&&Vn(t,e)/s;return Math.acos(Math.min(Math.max(u,-1),1))}function Xn(t){return t[0]=0,t[1]=0,t[2]=0,t}function Yn(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function Kn(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function Un(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2];return Math.abs(n-a)<=he*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=he*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-c)<=he*Math.max(1,Math.abs(i),Math.abs(c))}var Wn,Zn=yn,qn=gn,Jn=mn,Qn=jn,tr=$n,er=fn,nr=Rn,rr=(Wn=un(),function(t,e,n,r,i,a){var o,c;for(e||(e=3),n||(n=0),c=r?Math.min(r*e+n,t.length):t.length,o=n;o<c;o+=e)Wn[0]=t[o],Wn[1]=t[o+1],Wn[2]=t[o+2],i(Wn,Wn,a),t[o]=Wn[0],t[o+1]=Wn[1],t[o+2]=Wn[2];return t});function ir(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function ar(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 pe(4),pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function or(){var t=new pe(4);return pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function cr(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function sr(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 ur(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>he?(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 lr(t,e){var n=Fr(t,e);return Math.acos(2*n*n-1)}function fr(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=n[0],s=n[1],u=n[2],l=n[3];return t[0]=r*l+o*c+i*u-a*s,t[1]=i*l+o*s+a*c-r*u,t[2]=a*l+o*u+r*s-i*c,t[3]=o*l-r*c-i*s-a*u,t}function hr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+o*c,t[1]=i*s+a*c,t[2]=a*s-i*c,t[3]=o*s-r*c,t}function pr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s-a*c,t[1]=i*s+o*c,t[2]=a*s+r*c,t[3]=o*s-i*c,t}function dr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+i*c,t[1]=i*s-r*c,t[2]=a*s+o*c,t[3]=o*s-a*c,t}function vr(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 yr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=Math.exp(a),s=o>0?c*Math.sin(o)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=c*Math.cos(o),t}function gr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=o>0?Math.atan2(o,a)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function mr(t,e,n){return gr(t,e),zr(t,t,n),yr(t,t),t}function br(t,e,n,r){var i,a,o,c,s,u=e[0],l=e[1],f=e[2],h=e[3],p=n[0],d=n[1],v=n[2],y=n[3];return(a=u*p+l*d+f*v+h*y)<0&&(a=-a,p=-p,d=-d,v=-v,y=-y),1-a>he?(i=Math.acos(a),o=Math.sin(i),c=Math.sin((1-r)*i)/o,s=Math.sin(r*i)/o):(c=1-r,s=r),t[0]=c*u+s*p,t[1]=c*l+s*d,t[2]=c*f+s*v,t[3]=c*h+s*y,t}function kr(t){var e=de(),n=de(),r=de(),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 xr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,c=o?1/o:0;return t[0]=-n*c,t[1]=-r*c,t[2]=-i*c,t[3]=a*c,t}function wr(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function Pr(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 Or(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),c=Math.sin(n),s=Math.cos(n),u=Math.sin(r),l=Math.cos(r);return t[0]=a*s*l-o*c*u,t[1]=o*c*l+a*s*u,t[2]=o*s*u-a*c*l,t[3]=o*s*l+a*c*u,t}function Sr(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var jr,$r,Rr,Cr,Mr,Tr,Vr,Er=function(t){var e=new pe(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},Ir=function(t,e,n,r){var i=new pe(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},Dr=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},Lr=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},Br=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},Ar=fr,zr=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},Fr=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},Hr=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=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]=c+r*(n[3]-c),t},Gr=ir,_r=Gr,Nr=ar,Xr=Nr,Yr=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},Kr=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},Ur=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],c=e[1],s=e[2],u=e[3];return Math.abs(n-o)<=he*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-c)<=he*Math.max(1,Math.abs(r),Math.abs(c))&&Math.abs(i-s)<=he*Math.max(1,Math.abs(i),Math.abs(s))&&Math.abs(a-u)<=he*Math.max(1,Math.abs(a),Math.abs(u))},Wr=(jr=un(),$r=hn(1,0,0),Rr=hn(0,1,0),function(t,e,n){var r=Vn(e,n);return r<-.999999?(En(jr,$r,e),er(jr)<1e-6&&En(jr,Rr,e),Tn(jr,jr),sr(t,jr,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(En(jr,e,n),t[0]=jr[0],t[1]=jr[1],t[2]=jr[2],t[3]=1+r,Yr(t,t))}),Zr=(Cr=or(),Mr=or(),function(t,e,n,r,i,a){return br(Cr,e,i,a),br(Mr,n,r,a),br(t,Cr,Mr,2*a*(1-a)),t}),qr=(Tr=new pe(9),pe!=Float32Array&&(Tr[1]=0,Tr[2]=0,Tr[3]=0,Tr[5]=0,Tr[6]=0,Tr[7]=0),Tr[0]=1,Tr[4]=1,Tr[8]=1,Vr=Tr,function(t,e,n,r){return Vr[0]=n[0],Vr[3]=n[1],Vr[6]=n[2],Vr[1]=r[0],Vr[4]=r[1],Vr[7]=r[2],Vr[2]=-e[0],Vr[5]=-e[1],Vr[8]=-e[2],Yr(t,Pr(t,Vr))});function Jr(){var t=new pe(2);return pe!=Float32Array&&(t[0]=0,t[1]=0),t}function Qr(t){var e=new pe(2);return e[0]=t[0],e[1]=t[1],e}function ti(t,e){var n=new pe(2);return n[0]=t,n[1]=e,n}function ei(t,e){return t[0]=e[0],t[1]=e[1],t}function ni(t,e,n){return t[0]=e,t[1]=n,t}function ri(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function ii(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function ai(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function oi(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function ci(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function si(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function ui(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function li(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function fi(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function hi(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function pi(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function di(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function vi(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function yi(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function gi(t){var e=t[0],n=t[1];return e*e+n*n}function mi(t,e){return t[0]=-e[0],t[1]=-e[1],t}function bi(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function ki(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 xi(t,e){return t[0]*e[0]+t[1]*e[1]}function wi(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function Pi(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 Oi(t,e){e=e||1;var n=2*de()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function Si(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 ji(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 $i(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 Ri(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 Ci(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),c=Math.cos(r);return t[0]=i*c-a*o+n[0],t[1]=i*o+a*c+n[1],t}function Mi(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),c=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(c,-1),1))}function Ti(t){return t[0]=0,t[1]=0,t}function Vi(t){return"vec2("+t[0]+", "+t[1]+")"}function Ei(t,e){return t[0]===e[0]&&t[1]===e[1]}function Ii(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=he*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=he*Math.max(1,Math.abs(r),Math.abs(a))}var Di=yi,Li=ii,Bi=ai,Ai=oi,zi=di,Fi=vi,Hi=gi,Gi=function(){var t=Jr();return function(e,n,r,i,a,o){var c,s;for(n||(n=2),r||(r=0),s=i?Math.min(i*n+r,e.length):e.length,c=r;c<s;c+=n)t[0]=e[c],t[1]=e[c+1],a(t,t,o),e[c]=t[0],e[c+1]=t[1];return e}}();function _i(t,e){return e=void 0===e?1:e,Math.round(t*e)/e}function Ni(t){return t*(Math.PI/180)}function Xi(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function Yi(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function Ki(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(Ni(t))}function Ui(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(Ni(t))}function Wi(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:Ki(t,e,n),y:Ui(t,e,r)}}function Zi(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 o.distance([t,e],[n,r])}function qi(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return i.lerp([],t,e,1+n/i.dist(t,e))}function Ji(t,e){return 1===t.length?[i.transformMat4([],t[0],e)]:2===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e)]:3===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e)]:4===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e)]:5===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e),i.transformMat4([],t[4],e)]:t.map((function(t){return i.transformMat4([],t,e)}))}function Qi(t,e,n,r){return[t,[e[0],t[1],e[2]],n,Math.abs(t[0]-e[0]),r]}function ta(t,e,n,r){return[[e[0],t[1],t[2]],e,n,Math.abs(t[1]-e[1]),r]}function ea(t,e){var n=t,r=e,a=!1;t[4][0]-e[4][0]>0&&(n=e,r=t,a=!0);var o=i.lerp([],n[1],n[2],.5),c=i.lerp([],r[0],r[3],.5),s=[];return r[0][1]<=o[1]&&o[1]<=r[3][1]?s.push(Qi(o,c,"x",null)):r[0][1]<=n[1][1]?r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(ta(r[3],[r[3][0],n[1][1],n[1][2]],"y",null)):s.push(Qi(n[1],c,"x",r[3])):n[3][0]<=r[0][0]&&r[0][0]<=n[2][0]?s.push(ta(n[3],r[0],"y")):r[3][0]<=n[0][0]&&n[0][0]<=r[2][0]?s.push(ta([r[0][0],n[3][1],n[3][2]],r[0],"y")):r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(ta(r[3],[r[3][0],n[1][1],n[1][2]],"y")):s.push(Qi(n[2],c,"x",r[0])),s.sort((function(t,e){return t[3]-e[3]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===e)return t;var n=_t()(t,7),r=n[0],i=n[1],a=n[2],o=n[3],c=n[4],s=n[5],u=n[6];return c?[[i[0],c[1],i[2]],[r[0],c[1],r[2]],a,o,[r[0],r[1],c[2]],s,u,e]:[i,r,a,o,c,s,u,e]}([].concat(fe()(s[0]),[t,e]),a)}function na(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function ra(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function ia(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function aa(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 oa(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function ca(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 sa(t,e){return Yi(Math.atan2(e,t))}function ua(t,e,n){return pa({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function la(t,e){var n=r.create();return r.translate(n,n,e),r.rotateZ(n,n,Ni(t)),r.translate(n,n,i.negate([],e)),n}function fa(){for(var t=r.create(),e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.forEach((function(e){r.multiply(t,t,e)})),t}function ha(){return r.invert([],fa.apply(void 0,arguments))}function pa(t,e,n){var r=sa(t.x-e.x,t.y-e.y);return sa(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function da(t,e){return(sa(t,e)+180)%360}var va=/[xy]/g;function ya(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(va,(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 ga(){var t=(new Date).getTime();return"idxxxxxxx".replace(va,(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 ma=function(t){return 3*t*t*(1-t)},ba=function(t){return 3*t*(1-t)*(1-t)},ka=function(t){return(1-t)*(1-t)*(1-t)};function xa(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*ma(t)+a*ba(t)+ka(t))}}function wa(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 Pa(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var Oa=/[\b\t \,\n]/g;function Sa(t){return t.trim().split(Oa).filter((function(t){return t})).map((function(t){return+t}))}var ja={center:50,top:0,left:0,right:100,bottom:100},$a=function t(){O()(this,t)};$a.CENTER="center",$a.TOP="top",$a.RIGHT="right",$a.LEFT="left",$a.BOTTOM="bottom";var Ra=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Ca=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(O()(this,t),this.value=e,re(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return j()(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 re(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 Jt(ja[this.value])?t.percent(ja[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(Yi(this.value)):void 0}},{key:"toRad",value:function(){if(this.isRad())return this.clone();if(this.isTurn()){var e=this.toDeg();return t.rad(Ni(e.value))}return this.isDeg()?t.rad(Ni(this.value)):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(_i(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:"isZero",value:function(){return 0===this.value}}],[{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(te(e=e||t.number(0))){var n=(e=e.trim()).replace(Ra,"$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 Jt(e.percent)?r=e.percent:Jt(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Jt(e.px)?r=e.px:Jt(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Jt(e.em)?r=e.em:Jt(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Jt(e.deg)?r=e.deg:Jt(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Jt(e.deg)?r=e.turn:Jt(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Jt(e.second)?r=e.second:Jt(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Jt(e.ms)?r=e.ms:Jt(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Jt(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Jt(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Jt(e.str)?r=e.str:Jt(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Ca.auto=Ca.string("auto");var Ma=n(6),Ta=n.n(Ma);function Va(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ea(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Va(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Va(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ia=function(){return!0};function Da(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ia,n=[],r=t.layers.length,i=r;i--;){var a=t.layers[i];n.push.apply(n,fe()(Da(a.ref,e)))}return e(t)&&n.push(t),n}var La=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return O()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return ne(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){return t.json[n]!=r&&(t.json[n]=r,e.changed()),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.lastChangedField={},this.lastChangedFieldKeys=[],this.cachedValue={},this.ref}return j()(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:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"renameWithCount",value:function(){var t=this.json.name.split(" ");if(!(t.length<2)){var e=t.pop(),n=+e;re(n)&&!1===isNaN(n)?n++:n=e;var r=[].concat(fe()(t),[n]).join(" ");this.reset({name:r})}}},{key:"allLayers",get:function(){return Da(this.ref)}},{key:"filteredAllLayers",value:function(t){return Da(this.ref,t)}},{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:"setParent",value:function(t){this.json.parent=t}},{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}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{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:"addCache",value:function(t,e){this.cachedValue[t]=e}},{key:"getCache",value:function(t){return this.cachedValue[t]}},{key:"computed",value:function(t,e){var n="__cachedKey_".concat(t),r="".concat(n,"__parseValue"),i=this.json[t];return this.getCache(t)===i&&this.getCache(r)||(this.addCache(t,i),this.addCache(r,e(i,this.ref))),this.getCache(r)}},{key:"editable",value:function(t){return!0}},{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:"setCache",value:function(){}},{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","name","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){return t.__changedId||(t.__changedId=ya()),this.lastChangedField.__changedId!==t.__changedId&&(this.json=this.convert(Object.assign(this.json,t)),this.lastChangedField=t,this.lastChangedFieldKeys=Object.keys(t),this.changed()),!0}},{key:"hasChangedField",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.lastChangedFieldKeys.includes(e)}))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=ga();return Ea({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]=ae(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref||(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:"refreshMatrixCache",value:function(){}},{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){qt(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&&!qt(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.renameWithCount(),n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.push(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}}]),t}(),Ba=n(11),Aa=n.n(Ba),za=n(10),Fa=n.n(za),Ha=n(12),Ga=n.n(Ha),_a=n(9),Na=n.n(_a),Xa=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 Ya(t){return t.nodeType!==Node.TEXT_NODE&&"true"===t.getAttribute("data-domdiff-pass")}function Ka(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Ua(t,e,n,r){if(e)if(n){if(Ya(e)||Ya(n));else if(s=e,(c=n).nodeType===Node.TEXT_NODE&&c.textContent!==s.textContent||c.nodeName!==s.nodeName||function(t){return t.nodeType!==Node.TEXT_NODE&&t.getAttribute("refClass")}(n))t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&n.nodeType!==Node.COMMENT_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){Xa(t,r,e[r],n[r])}))}(e,Ka(n.attributes),Ka(e.attributes));var i=Wa(e),a=Wa(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Ua(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,s}var Wa=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Za(t,e){t=t.el||t,e=e.el||e;for(var n=Wa(t),r=Wa(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Ua(t,n[a],r[a],a)}var qa=function(){function t(e,n,r){if(O()(this,t),"string"!=typeof 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 j()(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 w()({},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(fe()(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){return this.el.classList.toggle(t,e),this}},{key:"html",value:function(t){return void 0===t?this.el.innerHTML:("string"==typeof t?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Za(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Za(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Za(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 fe()(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"string"==typeof t?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return"string"==typeof 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(void 0===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){var n=this;if(void 0!==t&&void 0!==e)0===t.indexOf("--")&&void 0!==e?this.el.style.setProperty(t,e):this.el.style[t]=e;else if(void 0!==t){if("string"==typeof t)return getComputedStyle(this.el)[t];Object.entries(t).forEach((function(t){var e=_t()(t,2),r=e[0],i=e[1];0===r.indexOf("--")&&void 0!==i?n.el.style.setProperty(r,i):n.el.style[r]=i}))}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),c=0;c<a;c++)o[c]=arguments[c];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return void 0===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,"".concat(e,"px"))}},{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(void 0===e)return this.el.value;if(void 0!==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:"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?fe()(this.el.files):[]}},{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:"totalLength",get:function(){return this.el.getTotalLength()}},{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:"firstChild",get:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){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:"toggleFullscreen",value:function(){this.el===document.fullscreenElement?document.exitFullscreen():this.fullscreen()}}],[{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}(),Ja=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};O()(this,t),this.context=e,this.options=n}return j()(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}();function Qa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var to={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},eo={doubletab:"touchend"},no={doubletab:!0},ro=function(t){R()(n,t);var e=Qa(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(I)),this._domEvents.forEach((function(e){return t.parseDomEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach((function(e){t.removeDomEvent(e)})),this.initBindings()}},{key:"removeDomEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Ht.removeDomEvent(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(Jt(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=qa.create(i);var a=n.runEventCallback(r,t,e);if(Jt(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=Ht.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 ne(r)&&r?r.call(n,t):!Jt(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 qa?e.getElement():e}},{key:"getRealEventName",value:function(t){return eo[t]||t}},{key:"getCustomEventName",value:function(t){return no[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=ue(r,"after"),o=_t()(a,2),c=o[0],s=o[1],u=ue(r,"before"),l=_t()(u,2),f=l[0],h=l[1],p=ue(r,"debounce"),d=_t()(p,2),v=d[0],y=d[1],g=ue(r,"delay"),m=_t()(g,2),b=m[0],k=m[1],x=ue(r,"throttle"),w=_t()(x,2),P=w[0],O=w[1],S=ue(r,"capture"),j=_t()(S,1)[0],$=[].concat(fe()(i),fe()(c),fe()(f),fe()(b),fe()(v),fe()(P),fe()(j)),R=r.filter((function(t){return-1===$.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:R,captures:j,afterMethods:s,beforeMethods:h,delayMethods:k,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addDomEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;to[t.eventName]&&(n={passive:!0,capture:n}),Ht.addDomEvent(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:"bindingDomEvent",value:function(t,e,n){var r=Aa()(t),i=r[0],a=r[1],o=r.slice(2),c=this.getDefaultEventObject(i,e);if(c.dom=this.getDefaultDomElement(a),c.delegate=o.join(" "),c.debounceMethods.length)n=Yt(n,+c.debounceMethods[0].target);else if(c.throttleMethods.length){n=Kt(n,+c.throttleMethods[0].target)}n=this.makeCustomEventCallback(c,n),this.addDomEvent(c,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:"parseDomEvent",value:function(t){for(var e=this.context,n=t.split(A).map((function(t){return t.trim()})).filter(Boolean),r=n.shift().split(z)[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,c=i.length;o<c;o++)r[0]=i[o],this.bindingDomEvent(r,n,a)}}]),n}(Ja);function io(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ao=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"!==e||"function"!=typeof n?void 0===n?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"htmlDiff"===e?t.updateDiff(n):"svgDiff"===e?t.updateSVGDiff(n):"value"===e?t.val(n):t.attr(e,n):n();else if(Array.isArray(n))t.addClass.apply(t,fe()(n.filter(Boolean)));else if(ee(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],c=n[o];t.toggleClass(o,c)}else t.el.className=n;else"string"!=typeof n&&t.css(n);else t.cssText(n)},oo=function(t){R()(n,t);var e=io(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.context.filterProps(L));var i=this._bindMethods.filter((function(t){if(!n.length)return!0;var e=t.split(A),r=_t()(e,2),i=r[0],a=(r[1],i.split(" ")),o=_t()(a,2),c=(o[0],o[1]);return n.indexOf(c)>-1}));i.forEach(function(){var e=Fa()(Na.a.mark((function e(r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m;return Na.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.context[r],a=r.split(A),o=_t()(a,2),r=o[0],c=o[1],s=t.getRef(c),u=Bt,""!=s&&"string"==typeof s?u=Lt(s):"function"==typeof s&&(u=s),l=r.split(H)[1],f=t.context.refs[l],h="function"==typeof u&&u.call(t.context),!f||!h){e.next=16;break}return e.next=11,i.call.apply(i,[t.context].concat(n));case 11:if(p=e.sent){e.next=14;break}return e.abrupt("return");case 14:for(d=Object.keys(p),v=0,y=d.length;v<y;v++)g=d[v],m=p[g],ao(f,g,m);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),n}(Ja),co={};function so(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).forEach((function(e){co[e]||(co[e]=t[e])}))}var uo,lo,fo=/[xy]/g;function ho(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(fo,(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 po(){var t=(new Date).getTime();return"idxxxxxxx".replace(fo,(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 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 yo(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){w()(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}function go(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return mo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return mo(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){c=!0,a=t},f:function(){try{o||null==n.return||n.return()}finally{if(c)throw a}}}}function mo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var bo=qa.create("div"),ko="[".concat("ref","]"),xo="[".concat("refclass","]"),wo=function(){function t(e,n){O()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=ho(),this.__tempVariables=new Map,this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}var e;return j()(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=ho(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=this.components()}},{key:"initializeHandler",value:function(){return[new oo(this),new ro(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(w()({},t,!this.state[t]),e)}},{key:"variable",value:function(t){var e="".concat("__ref__variable:").concat(po());return this.__tempVariables.set(e,t),e}},{key:"recoverVariable",value:function(t){if(!1===te(t))return t;var e=t;return this.__tempVariables.has(t)&&(e=this.__tempVariables.get(t),this.__tempVariables.delete(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(se(uo||(uo=Ga()(["\n        ","\n      "])),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){Array.isArray(t)&&(t=t.join("")),t=t.trim();for(var n=bo.html(t).children(),r=0,i=n.length;r<i;r++){var a=n[r],o=a.attr("ref");o&&(this.refs[o]=a);for(var c=a.$$(ko),s={},u=0,l=c.length;u<l;u++){var f=c[u],h=f.attr("ref");s[h]?console.warn("".concat(o," is duplicated. - ").concat(this.sourceName),this):s[h]=!0,this.refs[h]=f}}return e?bo.createChildrenFragment():n[0]}},{key:"parseProperty",value:function(t){var e,n,r={},i=go(t.el.attributes);try{for(i.s();!(e=i.n()).done;){var a=e.value;r[a.nodeName]=this.recoverVariable(a.nodeValue)}}catch(t){i.e(t)}finally{i.f()}return r.props&&(r=yo(yo({},r),(n=r.props,_[n]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","valueType"),n=_t()(e,3),i=n[0],a=n[1],o=n[2],c=a||t.text();"json"===o&&(c=JSON.parse(c)),r[i]=c})),r}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(fe()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return co[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$(xo).forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r,i=t.parseProperty(e),a=e.attr("ref"),o=null;if(t.children[a]?(o=t.children[a])._reload(i):(o=new n(t,i),t.children[a||o.id]=o,o.render()),o.renderTarget)null===(r=o.$el)||void 0===r||r.appendTo(o.renderTarget),e.remove();else e.replace(o.$el)}else e.remove()})),Wt(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Wt(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:(e=Fa()(Na.a.mark((function t(){var e,n,r,i,a=this,o=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(e=o.length,n=new Array(e),r=0;r<e;r++)n[r]=o[r];return this._loadMethods||(this._loadMethods=this.filterProps(D)),i=this._loadMethods.filter((function(t){var e=t.split(F)[1].split(A).map((function(t){return t.trim()}))[0];return!n.length||n.indexOf(e)>-1})),t.next=5,i.forEach(function(){var t=Fa()(Na.a.mark((function t(e){var r,i,o,c,s,u,l,f,h;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=e.split(F)[1],i=r.split(A).map((function(t){return t.trim()})),o=Aa()(i),c=o[0],s=(s=o.slice(1)).map((function(t){return t.trim()})),u=Boolean(s.filter((function(t){return Q.includes(t)})).length),!a.refs[c]){t.next=11;break}return t.next=7,(l=a[e]).call.apply(l,[a].concat(n));case 7:f=t.sent,Array.isArray(f)&&(f=f.join("")),h=a.parseTemplate(se(lo||(lo=Ga()(["",""])),f),!0),u?a.refs[c].htmlDiff(h):a.refs[c].html(h);case 11:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}());case 5:this._afterLoad();case 6:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{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){ne(t)&&Wt(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&&this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return this.__cachedMethodList||(this.__cachedMethodList=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&ne(t[n])&&!e[n]}));r.push.apply(r,a)}while(n=Object.getPrototypeOf(n));return r}(this,(function(t){return 0===t.indexOf("@magic:")}))),this.__cachedMethodList}},{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:"isMouseLeftButton",value:function(t){return 1===t.buttons}},{key:"isMouseRightButton",value:function(t){return 2===t.buttons}},{key:"hasMouse",value:function(t){return"mouse"===t.pointerType}},{key:"hasTouch",value:function(t){return"touch"===t.pointerType}},{key:"hasPen",value:function(t){return"pen"===t.pointerType}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}}]),t}(),Po=function(){function t(e){O()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return j()(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).debug.apply(t,arguments)}},{key:"on",value:function(t,e,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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],u=e;return i>0?u=Yt(e,i):a>0&&(u=Kt(e,a)),s.length&&(u=Ut(u,n,s)),this.getCallbacks(t).push({event:t,callback:u,context:n,originalCallback:e,enableAllTrigger:o,enableSelfTrigger:c}),this.debug("add message event",t,n.sourceName),function(){r.off(t,e)}}},{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 c=r[a];c.enableSelfTrigger||(c.enableAllTrigger||c.originalCallback.source!==t)&&c.callback.apply(c.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 c=r[a];c.originalCallback.source===t&&c.callback.apply(c.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",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];ne(t)?t.apply(void 0,n):this.sendMessage.apply(this,[this.source,t].concat(n))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",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];ne(t)?t.apply(void 0,n):this.triggerMessage.apply(this,[this.source,t].concat(n))}}]),t}(),Oo={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"}};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}var jo=function(){function t(e){O()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return j()(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?So(Object(n),!0).forEach((function(e){w()(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}({},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,fe()(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}(),$o=new Map,Ro=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return $o.has(t)}},{key:"get",value:function(t){return $o.get(t)}},{key:"set",value:function(t,e){$o.size>1e3&&$o.clear(),$o.set(t,e)}}]),t}(),Co=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(Ro.has(t))return Ro.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 Ca.parse(t)})):e.map((function(t){return Ca.parse(t)})),Ro.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=_t()(a,3),c=o[0],s=o[1],u=o[2];return c=c.toPx(n),s=s.toPx(r),u=u.toPx(i),"".concat(c," ").concat(s," ").concat(u)}}]),t}();function Mo(t,e,n,r,i,a,o,c){var s=((o-i)*(e-a)-(c-a)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e)),u=((n-t)*(e-a)-(r-e)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e));return 0<=s&&s<=1&&0<=u&&u<=1}function To(){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 c=_t()(a,2),s=c[0],u=c[1],l=_t()(t[(o+1)%i],2),f=l[0],h=l[1];(u>=n&&h<n||u<n&&h>=n)&&e<(f-s)*(n-u)/(h-u)+s&&(r=!r)})),r}function Vo(){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,c){var s=_t()(o,2),u=s[0],l=s[1],f=_t()(t[(c+1)%a],2),h=f[0],p=f[1];return Mo(e,n,r,i,u,l,h,p)}))}function Eo(){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=_t()(r,2),o=a[0],c=a[1],s=_t()(t[(i+1)%n],2),u=s[0],l=s[1],f=Vo(e,o,c,u,l);return!!f||!!(f=To(t,e[0][0],e[0][1]))}))}function Io(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=Co.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 Do(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=i.lerp([],t[0],t[1],.5),r=i.lerp([],t[2],t[3],.5),a=qi(r,n,e);return a}function Lo(){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.originVerties.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),Io(e,n,r-e,i-n)}function Bo(t){var e=Ca.px(t[0][0]).floor(),n=Ca.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Ca.px(i.dist(t[0],t[1])).floor(),height:Ca.px(i.dist(t[0],t[3])).floor()}}function Ao(t){return zo(t).filter((function(t,e){return e<4}))}function zo(t){var 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){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),Io(e,n,r-e,i-n)}var Fo={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},Ho={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)"},Go=[[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"]],_o=function(t){return fe()(Xo(Ho[t]||t))},No=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=Go.length;e<n;e++){var r=Go[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(",")," )")},Xo=function(t){if("string"==typeof t){if(Fo[t])return Go.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},Yo=function(t,e,n,r){var i=[t,e,n,r];return function(t){return ic(i,t)}},Ko=function(t,e,n){var r=[t,e,n];return function(t){return ac(r,t)}},Uo=function(t,e){var n=[t,e];return function(t){return oc(n,t)}},Wo=function(t,e,n,r,i){var a=e(n),o=Zi(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},Zo=function(t,e,n,r,i,a,o,c){for(var s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,u=Yo({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}),l=0,f=u(0),h=0;h<=s;h++){var p=h/s,d=u(p);l+=Zi(f.x,f.y,d.x,d.y),f=d}return l},qo=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=Ko({x:t,y:e},{x:n,y:r},{x:i,y:a}),s=0,u=c(0),l=0;l<=o;l++){var f=l/o,h=c(f);s+=Zi(u.x,u.y,h.x,h.y),u=h}return s},Jo=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++)Wo(n,t,a/e,r,i);var o=1/(2*e),c=n.minT;for(a=0;a<e;a++)Wo(n,t,c-o,r,i),Wo(n,t,c+o,r,i),o/=2;return n.minT}},Qo=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Jo(Yo(t,e,n,r),i)},tc=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Jo(Ko(t,e,n),r)},ec=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Jo(Uo(t,e),n)},nc=function(t){if("linear"===t)return Uo(n={x:0,y:0},r={x:1,y:1});var e=Xo(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return Yo(n,r,i,{x:1,y:1})},rc=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},ic=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(t[2],t[3],e),a=rc(n,r,e),o=rc(r,i,e);return rc(a,o,e)},ac=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e);return rc(n,r,e)},oc=function(t,e){return rc(t[0],t[1],e)},cc=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(t[2],t[3],e),a=rc(n,r,e),o=rc(r,i,e),c=rc(a,o,e);return{first:[t[0],n,a,c],second:[c,o,i,t[3]]}},sc=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},uc=function(t,e){var n=rc(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},lc=function(t){var e=function(t){var e=i.negate([],t[0]),n=i.multiply([],[3,3,3],t[1]),r=i.multiply([],[-3,-3,-3],t[2]),a=t[3],o=i.add([],i.add([],e,n),i.add([],r,a));return i.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=i.multiply([],[-2,-2,-2],t[1]),r=t[2],a=i.add([],i.add([],e,n),r);return i.multiply([],[6,6,6],a)}(t),r=function(t){var e=i.add([],t[1],i.negate([],t[0]));return i.multiply([],[3,3,3],e)}(t),a=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var c=-n[0]/(2*e[0]);0<=c&&c<=1&&a.push(c)}else if(o>0){var s=(-n[0]+Math.sqrt(o))/(2*e[0]),u=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=s&&s<=1&&a.push(s),0<=u&&u<=1&&a.push(u)}var l=n[1]*n[1]-4*e[1]*r[1];if(l<0);else if(0===l){var f=-n[1]/(2*e[1]);0<=f&&f<=1&&a.push(f)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*e[1]),p=(-n[1]-Math.sqrt(l))/(2*e[1]);0<=h&&h<=1&&a.push(h),0<=p&&p<=1&&a.push(p)}return a};function fc(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?hc(t):"rgb"==e?pc(t,n):"hsl"==e?dc(t):t}function hc(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||void 0===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 pc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),void 0!==t)return 1==t.a||void 0===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 dc(t){return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||void 0===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 vc(t,e){return Math.floor(Math.random()*(e-t+1))+t}function yc(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=gc();return e}function gc(){return pc({r:vc(0,255),g:vc(0,255),b:vc(0,255)})}function mc(){return pc({r:vc(0,255),g:vc(0,255),b:vc(0,255),a:vc(0,1e3)/1e3})}function bc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[vc(0,e.length-1)]}function kc(t){return fe()(Array(t))}function xc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Jt(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function wc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=t.split(n).map((function(t){return t.trim()})),i=Aa()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r}function Pc(t){return Object.keys(t).map((function(e){return"class"===e&&isObject(t[e])?"".concat(e,'="').concat(Oc(t[e]),'"'):Qt(t[e])||qt(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function Oc(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function Sc(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function jc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function $c(t,e){var n=new Set([].concat(fe()(t),fe()(e)));return n.size===t.length&&n.size===e.length}var Rc=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=_o(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    ")},Cc=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=_o(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 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 Tc(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){w()(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}function Vc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ec=function(t){R()(n,t);var e=Vc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Tc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return xc(this.toCSS())}}]),n}(La),Ic=new Map,Dc=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return Ic.has(t)}},{key:"get",value:function(t){return Ic.get(t)}},{key:"set",value:function(t,e){Ic.size>1e3&&Ic.clear(),Ic.set(t,e)}}]),t}();function Lc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ac=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)?|matrix(3d)?|perspective)\(([^\)]*)\))/gi,zc=function(t){R()(n,t);var e=Bc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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?Lc(Object(n),!0).forEach((function(e){w()(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}({},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 e=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(fe()(e),fe()(i),fe()(r)).map((function(t){return new n(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new n(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"string"==typeof e&&(e=[e]),n.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t,!1).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var r=n.parseStyle(t,!1),i=r.find((function(t){return t.type===e.type}));return i?i.value=e.value:r.push(e),n.join(r)}},{key:"replaceAll",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?s.value=c.value:r.push(c)}return n.join(r)}},{key:"addTransform",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?c.value.forEach((function(t,e){s.value[e].value+=t.value})):r.push(c)}return n.join(r)}},{key:"get",value:function(t,e){var r=n.parseStyle(t,!0);if(r="function"==typeof e?r.find(e):r.find((function(t){return t.type===e})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=n.createRotateKey(t,e,r);return Dc.has(i)||Dc.set(i,n.replace(t,{type:r,value:[e]})),Dc.get(i)}},{key:"rotateZ",value:function(t,e){return n.rotate(t,e,"rotateZ")}},{key:"rotateX",value:function(t,e){return n.rotate(t,e,"rotateX")}},{key:"rotateY",value:function(t,e){return n.rotate(t,e,"rotateY")}},{key:"parseStyle",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(e&&Dc.has(t))return Dc.get(t);var i=t.match(Ac)||[];return i.forEach((function(t,e){var i=t.split("("),a=_t()(i,2),o=a[0],c=a[1],s=(c=c.split(")")[0]).split(",");s=c.includes("matrix")||c.includes("scale")?s.map((function(t){return Ca.number(t.trim())})):s.map((function(t){return Ca.parse(t.trim())})),r[e]=n.parse({type:o,value:s})})),e&&Dc.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var i=r.create(),a=0,o=t.length;a<o;a++){var c=t[a];switch(c.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=c.value;"translate"===c.type?s=[s[0].toPx(e).value,s[1].toPx(n).value,0]:"translateX"===c.type?s=[s[0].toPx(e).value,0,0]:"translateY"===c.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===c.type&&(s=[0,0,s[0].toPx().value]),r.translate(i,i,s);break;case"rotate":case"rotateZ":r.rotateZ(i,i,Ni(c.value[0].value));break;case"rotateX":r.rotateX(i,i,Ni(c.value[0].value));break;case"rotateY":r.rotateY(i,i,Ni(c.value[0].value));break;case"rotate3d":s=c.value;r.rotate(i,i,Ni(c.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":r.scale(i,i,[c.value[0].value,c.value[1].value,1]);break;case"scaleX":r.scale(i,i,[c.value[0].value,1,1]);break;case"scaleY":r.scale(i,i,[1,c.value[0].value,1]);break;case"scaleZ":r.scale(i,i,[1,1,c.value[0].value]);break;case"skewX":var u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,0,0,0,Math.tan(u.value),1,0,0,0,0,1,0,0,0,0,1));break;case"skewY":u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,Math.tan(u.value),0,0,0,1,0,0,0,0,1,0,0,0,0,1));break;case"skew":var l=c.value[0].toDeg().toRad(),f=c.value.length>1?c.value[1].toDeg().toRad():l;r.multiply(i,i,r.fromValues(1,Math.tan(f.value),0,0,Math.tan(l.value),1,0,0,0,0,1,0,0,0,0,1));break;case"matrix":s=[(s=c.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],r.multiply(i,i,s);break;case"matrix3d":s=c.value.map((function(t){return t.value}));r.multiply(i,i,s);break;case"perspective":s=c.value;r.perspective(i,.5*Math.PI,e/n,1,s[0].value)}}return i}},{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(" ")}}]),n}(Ec),Fc=function(){function t(){O()(this,t)}return j()(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,c=e*e,s=n[r],u=n[i],l=r+1;l<i;l++){var f=t.segmentDistance2(n[l].x,n[l].y,s,u);f<=a||(o=l,a=f)}a>c&&(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=ae(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,c=t-n.x,s=e-n.y,u=i*c+a*s;if(0===o)return c*c+s*s;if(u<=0)return c*c+s*s;if(u>=o)return(c=t-r.x)*c+(s=e-r.y)*s;var l=c*a-s*i;return l*l/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}(),Hc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Gc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,_c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";O()(this,t),this.reset(e)}return j()(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(Gc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Hc)||[];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,c=e.values.length;o<c;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:fe()(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 c=_t()(o,2),s=c[0],u=c[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}else if("L"===a){if((w=Fc.getPrevPoint(t,t.length)).curve){var l=_t()(o,2);s=l[0],u=l[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:ae(w.endPoint),curve:!0})}else{var f=_t()(o,2);s=f[0],u=f[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}}else if("Q"===a){var h=_t()(o,4),p=h[0],d=h[1];s=h[2],u=h[3];if((w=Fc.getPrevPoint(t,t.length)).curve){var v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:p,y:d}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:p,y:d};v={x:s,y:u},g={x:s,y:u},y={x:s,y:u};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:s,y:u},g={x:p,y:d},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=_t()(o,2);s=m[0],u=m[1];if((j=segments[e-1])&&"Q"===j.command){var b=_t()(j.values,4),k=(p=b[0],d=b[1],b[2]),x=b[3];(w=Fc.getPrevPoint(t,t.length)).endPoint=Fc.getReversePoint({x:k,y:x},{x:p,y:d});v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Fc.getPrevPoint(t,t.length),P=_t()(o,6),O=(p=P[0],d=P[1],P[2]),S=P[3];v={x:s=P[4],y:u=P[5]},g={x:O,y:S},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:p,y:d})}else if("S"===a){var j,$=_t()(o,2);s=$[0],u=$[1];if((j=segments[e-1])&&"C"===j.command){var R=_t()(j.values,4);O=R[0],S=R[1],k=R[2],x=R[3];(w=Fc.getPrevPoint(t,t.length)).endPoint=Fc.getReversePoint(w.startPoint,w.reversePoint);v={x:s,y:u},y={x:s,y:u},g={x:O,y:S};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Fc.getPrevPoint(t,t.length);var C=Fc.getFirstPoint(t,t.length);Fc.isEqual(w.startPoint,C.startPoint)&&(w.connected=!0,w.endPoint=ae(C.endPoint),C.reversePoint=ae(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 Jt(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(r.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(r.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(r.fromRotation([],Ni(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(r.fromRotation([],Ni(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(r.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(r.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(r.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(r.fromValues(1,Math.tan(Ni(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(r.fromValues(1,Math.tan(Ni(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Ni(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Ni(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,c,s,u=i.values,l=i.command,f=this.segments[a-1];switch(l){case"M":case"L":t=Math.min(t,u[0]),n=Math.max(n,u[0]),e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"V":t=Math.min(t,u[0]),n=Math.max(n,u[0]);break;case"H":e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"C":(o=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0],[u[4],u[5],0]],c=lc(o),s=o.map((function(t){return{x:t[0],y:t[1]}})),c.map((function(t){var e=ic(s,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 h=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0]].map((function(t){return{x:t[0],y:t[1]}})),p=0;p<=1;p+=1e-4){var d=ac(h,p),v=d.x,y=d.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:"d",get:function(){return this.toString()}},{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=i.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=i.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=i.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var a=0,o=n.length;a<o;a+=2){r=i.transformMat4([],[n[a],n[a+1],0],t);e.values[a]=r[0],e.values[a+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(r.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 _i(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,c=t[r-1],s=c.values[c.values.length-2],u=c.values[c.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[s,u]});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],s,u]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],s,u]});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:"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(fe()(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 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 Xc(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){w()(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}function Yc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kc=Ca.z(),Uc=function(t){R()(n,t);var e=Yc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return Xc(Xc({},Ta()(V()(n.prototype),"toCloneObject",this).call(this,t)),this.attrs("x","y","width","height","transform","rotate","rotateZ"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.parse(t.height),t}},{key:"reset",value:function(t){var e=Ta()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("x","y","width","height","transform","rotateZ","rotate","transform-origin","perspective","perspective-origin")&&this.refreshMatrixCache(),e}},{key:"setParent",value:function(t){Ta()(V()(n.prototype),"setParent",this).call(this,t),this.refreshMatrixCache()}},{key:"refreshMatrixCache",value:function(){this.setCacheItemTransformMatrix(),this.setCacheLocalTransformMatrix(),this.setCacheAccumulatedMatrix(),this.setCacheLocalVerties(),this.setCacheVerties(),this.setCacheGuideVerties(),this.setCacheAreaPosition(),this.layers.forEach((function(t){t.refreshMatrixCache()}))}},{key:"setCacheItemTransformMatrix",value:function(){this._cachedItemTransform=this.getItemTransformMatrix(),this._cachedItemTransformInverse=r.invert([],this._cachedItemTransform)}},{key:"setCacheLocalTransformMatrix",value:function(){this._cachedLocalTransform=this.getLocalTransformMatrix(),this._cachedLocalTransformInverse=r.invert([],this._cachedLocalTransform),this._cachedTransformWithTranslate=this.getTransformWithTranslate(this),this._cachedTransformWithTranslateInverse=r.invert([],this._cachedTransformWithTranslate),this._cachedTransformWithTranslateTranspose=r.transpose([],this._cachedTransformWithTranslate)}},{key:"setCacheAccumulatedMatrix",value:function(){this._cachedAccumulatedMatrix=this.getAccumulatedMatrix(),this._cachedAccumulatedMatrixInverse=r.invert([],this._cachedAccumulatedMatrix)}},{key:"setCacheVerties",value:function(){this._cachedVerties=this.getVerties(),this._cachedVertiesWithoutTransformOrigin=this.rectVerties()}},{key:"setCacheLocalVerties",value:function(){this._cachedLocalVerties=this.getLocalVerties()}},{key:"setCacheGuideVerties",value:function(){this._cachedGuideVerties=this.getGuideVerties()}},{key:"setCacheAreaPosition",value:function(){this._cachedAreaPosition=this.getAreaPosition()}},{key:"localMatrix",get:function(){return this._cachedLocalTransform||this.getLocalTransformMatrix()}},{key:"localMatrixInverse",get:function(){return this._cachedLocalTransformInverse||this.getLocalTransformMatrixInverse()}},{key:"transformWithTranslate",get:function(){return this._cachedTransformWithTranslate||this.getTransformWithTranslate(this)}},{key:"transformWithTranslateToTranspose",get:function(){return this._cachedTransformWithTranslateTranspose||r.transpose([],this.getTransformWithTranslate(this))}},{key:"transformWithTranslateInverse",get:function(){return this._cachedTransformWithTranslateInverse||r.invert([],this.getTransformWithTranslate(this))}},{key:"itemMatrix",get:function(){return this._cachedItemTransform||this.getItemTransformMatrix()}},{key:"itemMatrixInverse",get:function(){return this._cachedItemTransformInverse||this.getItemTransformMatrixInverse()}},{key:"accumulatedMatrix",get:function(){return this._cachedAccumulatedMatrix||this.getAccumulatedMatrix()}},{key:"accumulatedMatrixInverse",get:function(){return this._cachedAccumulatedMatrixInverse||this.getAccumulatedMatrixInverse()}},{key:"verties",get:function(){return this._cachedVerties||this.getVerties()}},{key:"originVerties",get:function(){return this._cachedVertiesWithoutTransformOrigin||this.rectVerties()}},{key:"localVerties",get:function(){return this._cachedLocalVerties||this.getLocalVerties()}},{key:"guideVerties",get:function(){return this._cachedGuideVerties||this.getGuideVerties()}},{key:"areaPosition",get:function(){return this._cachedAreaPosition||this.getAreaPosition()}},{key:"getAreaPosition",value:function(){var t=zo(this.getVerties());return{column:[Math.ceil(t[0][0]/100),Math.ceil(t[1][0]/100)],row:[Math.ceil(t[0][1]/100),Math.ceil(t[3][1]/100)]}}},{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:"screenX",get:function(){return this.isChild?Ca.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Ca.z()}},{key:"screenY",get:function(){return this.isChild?Ca.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Ca.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Kc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Kc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Kc:this.parent.is("project")||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?Kc:this.parent.is("project")||this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Ca.px(this.offsetX.value+t[0]).round(),y:Ca.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:Ca.px(t[0]-e.width/2),y:Ca.px(t[1]-e.height/2)})}},{key:"setAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:zc.replaceAll(this.transform,"rotateZ(".concat(Ca.deg(t).round(1e3),")"))})}},{key:"addAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:zc.addTransform(this.transform,"rotateZ(".concat(Ca.deg(t).round(1e3),")"))})}},{key:"checkInArea",value:function(t){return Eo(t,this.originVerties)}},{key:"hasPoint",value:function(t,e){return To(this.originVerties,t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.originVerties.map((function(e){return To.apply(void 0,[t].concat(fe()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||zc.get(this.json.transform||"","perspective")){var t=Co.parseStyle(this.json["perspective-origin"]),e=_t()(t,2),n=e[0],i=void 0===n?Ca.percent(50):n,a=e[1],o=void 0===a?Ca.percent(50):a,c=this.screenWidth.value,s=this.screenHeight.value;i=i.toPx(c).value,o=o.toPx(s).value;var u=r.create();r.translate(u,u,[i,o,0]);var l=zc.get(this.json.transform,"perspective");if(l.length)r.multiply(u,u,r.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;r.multiply(u,u,r.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Ca.parse(this.json.perspective).value,1))}return r.translate(u,u,[-i,-o,0]),u}}},{key:"getItemTransformMatrix",value:function(){var t,e=zc.parseStyle(null===(t=this.json)||void 0===t?void 0:t.transform),n=this.screenWidth.value,r=this.screenHeight.value;return zc.createTransformMatrix(e,n,r)}},{key:"getItemTransformMatrixInverse",value:function(){return r.invert([],this.getItemTransformMatrix())}},{key:"getLocalTransformMatrix",value:function(){var t=Co.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=r.create();return r.translate(e,e,t),r.multiply(e,e,this.itemMatrix),r.translate(e,e,i.negate([],t)),e}},{key:"getLocalTransformMatrixInverse",value:function(){return r.invert([],this.getLocalTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var a=this.offsetX.value,o=this.offsetY.value,c=i.add([],Co.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),i.negate([],t)),s=r.create();return r.translate(s,s,[a,o,0]),r.translate(s,s,t),r.translate(s,s,c),r.multiply(s,s,this.itemMatrix),r.translate(s,s,i.negate([],c)),s}},{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=r.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,i=e.length;n<i;n++){var a=e[n];if(a.parent&&ne(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&r.multiply(t,t,o)}var c=a.offsetX.value,s=a.offsetY.value;r.translate(t,t,[c,s,0]),r.multiply(t,t,a.localMatrix)}return t}},{key:"getTransformWithTranslate",value:function(t){t=t||this;var e=r.create(),n=t.offsetX.value,i=t.offsetY.value;return r.translate(e,e,[n,i,0]),r.multiply(e,e,t.localMatrix),e}},{key:"getAccumulatedMatrixInverse",value:function(){return r.invert([],this.getAccumulatedMatrix())}},{key:"getLocalVerties",value:function(t,e){return Io(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"])}},{key:"getVerties",value:function(t,e){return Ji(Io(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"selectionVerties",value:function(){return Ji(Io(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"rectVerties",value:function(){return this.verties.filter((function(t,e){return e<4}))}},{key:"getGuideVerties",value:function(){var t=this.originVerties;return[].concat(fe()(t),[i.lerp([],t[0],t[1],.5),i.lerp([],t[1],t[2],.5),i.lerp([],t[2],t[3],.5),i.lerp([],t[3],t[0],.5)])}},{key:"toRectVerties",get:function(){return Lo([this])}},{key:"matrix",get:function(){var t=this.id,e=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%",c=this.parent.accumulatedMatrix,s=this.parent.accumulatedMatrixInverse,u=this.localMatrix,l=this.localMatrixInverse,f=this.itemMatrix,h=this.itemMatrixInverse,p=this.accumulatedMatrix,d=this.accumulatedMatrixInverse,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,g=y.map((function(t){return t[0]})),m=y.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,originVerties:this.originVerties,xList:g,yList:m,directionMatrix:v,parentMatrix:c,parentMatrixInverse:s,localMatrix:u,localMatrixInverse:l,itemMatrix:f,itemMatrixInverse:h,accumulatedMatrix:p,accumulatedMatrixInverse:d}}},{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.d,n=new _c(e);return n.transformMat4(this.accumulatedMatrix),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new _c(t);return e.transformMat4(this.accumulatedMatrixInverse),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=fe()(this.checkInAreaForLayers(t));return this.is("artboard")||this.is("project")||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 r.fromTranslation([],Co.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return r.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=fa(this.accumulatedMatrixInverse,t.accumulatedMatrix),n=zc.fromScale(r.getScaling([],e).map((function(t){return _i(t,1e3)}))),i=r.getRotation([],e),o=[],c=a.getAxisAngle(o,i),s=[{angle:o[0]?Yi(c*o[0]):0,type:"rotateX"},{angle:o[1]?Yi(c*o[1]):0,type:"rotateY"},{angle:o[2]?Yi(c*o[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Ca.deg(t.angle%360).round(1e3),")")})).join(" "),u=zc.replaceAll(t.transform,"".concat(n," ").concat(s)),l=zc.parseStyle(u),f=t.screenWidth.value,h=t.screenHeight.value,p=zc.createTransformMatrix(l,f,h),d=r.getTranslation([],fa(e,ha(t.getTransformOriginMatrix(),p,t.getTransformOriginMatrixInverse()))),v=_t()(d,3),y=v[0],g=v[1];v[2];t.reset({x:Ca.px(y),y:Ca.px(g),transform:u}),t.refreshMatrixCache()}},{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(){}}]),n}(La);function Wc(t,e){if(te(e)){var n=e.split(":"),r=_t()(n,4),i=r[0],a=r[1],o=r[2],c=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(c=parseInt(c,10))*(1/t)}return re(e)?e/t:0}function Zc(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 qc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Zc(t,Wc(t,e)-Wc(t,n))}function Jc(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 c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?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,re(t.elapsed)&&(e.elapsed=t.elapsed),re(t.speed)&&(e.speed=t.speed),re(t.duration)&&(e.duration=t.duration),re(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),te(t.direction)&&(e.direction=t.direction),ne(t.tick)&&(e.tick=t.tick),ne(t.start)&&(e.startCallback=t.start),ne(t.end)&&(e.endCallback=t.end),ne(t.first)&&(e.firstCallback=t.first),ne(t.last)&&(e.lastCallback=t.last),ne(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 Qc(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 ts(t,e,n){return function(t,e){return n}}function es(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 ns(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 rs(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=Ca.parse(n),c=Ca.parse(r);return o.unit===c.unit?Qc(t,e,o.value,c.value,o.unit):o.equals(c)?ts(0,0,o):function(n,r){var s=es(t,e,o,i,a),u=es(t,e,c,i,a);return 0===r?s:1===r?u:ns(t,e,Ca.px(s.value+(u.value-s.value)*n),o.unit,i,a)}}var is=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Ca.z(),"border-top-left-radius":Ca.z(),"border-top-right-radius":Ca.z(),"border-bottom-right-radius":Ca.z(),"border-bottom-left-radius":Ca.z()},n=t.split(" ").filter((function(t){return Ca.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}(),as=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 os(t,e,n,r){for(var i=as(is.parseStyle(n)),a=as(is.parseStyle(r)),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++)c[s]=rs(t,e,i[s],a[s]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}var cs={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 ss={isColorName:function(t){return!!cs[t]},getColorByName:function(t){return cs[t]}};function us(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function ls(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function fs(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,c=3.2406*i+-1.5372*a+-.4986*o,s=-.9689*i+1.8758*a+.0415*o,u=.0557*i+-.204*a+1.057*o;c=ls(c),s=ls(s),u=ls(u);var l=_i(255*c),f=_i(255*s),h=_i(255*u);return{r:l,g:f,b:h}}function hs(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=us(i);var c=95.047*(a=us(a)),s=100*i,u=108.883*(o=us(o));return{x:c,y:s,z:u}}function ps(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function ds(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=ps(i);var c=116*(a=ps(a))-16,s=500*(i-a),u=200*(a-(o=ps(o)));return{l:c,a:s,b:u}}function vs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return fs(hs(t,e,n))}function ys(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,c=Math.max(i,a,o),s=Math.min(i,a,o),u=c-s,l=0;0==u?l=0:c==i?l=(a-o)/u%6*60:c==a?l=60*((o-i)/u+2):c==o&&(l=60*((i-a)/u+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:u/c,v:c}}function gs(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,c=1-Math.max(i,a,o),s=(1-i-c)/(1-c),u=(1-a-c)/(1-c),l=(1-o-c)/(1-c);return{c:s,m:u,y:l,k:c}}function ms(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),c=Math.min(t,e,n),s=(o+c)/2;if(o==c)i=a=0;else{var u=o-c;switch(a=s>.5?u/(2-o-c):u/(o+c),o){case t:i=(e-n)/u+(e<n?6:0);break;case e:i=(n-t)/u+2;break;case n:i=(t-e)/u+4}i/=6}return{h:_i(360*i),s:_i(100*a),l:_i(100*s)}}function bs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks((t+e+n)/3>90?0:255)}function ks(t){return{r:t,g:t,b:t}}function xs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks(Math.ceil((t+e+n)/3))}function ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks(Os(t,e,n).y)}function Ps(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Os(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=Ps(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ss(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function js(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,c=.4124*(i=Ss(i))+.3576*(a=Ss(a))+.1805*(o=Ss(o)),s=.2126*i+.7152*a+.0722*o,u=.0193*i+.1192*a+.9505*o;return{x:c,y:s,z:u}}function $s(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ds(js(t,e,n))}function Rs(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 Cs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Ms(t,e,n);return ys(i.r,i.g,i.b)}function Ms(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 c=n<.5?n*(1+e):n+e-n*e,s=2*n-c;i=Rs(s,c,t+1/3),a=Rs(s,c,t),o=Rs(s,c,t-1/3)}return{r:_i(255*i),g:_i(255*a),b:_i(255*o)}}function Ts(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ts(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ts(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Es=/(#(?:[\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 Is(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Ds(t){return!!Ls(t).length}function Ls(t){var e=t.match(Es),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=ss.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 Bs(t){var e=Ls(t);return e.forEach((function(e){t=t.replace(e.color,Is(e))})),{str:t,matches:e}}function As(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=Bs(t);return n.str.split(e).map((function(t,e){return t=Hs(t),n.matches[e]&&(t=t.replace(Is(n.matches[e]),n.matches[e].color)),t}))}function zs(t,e){return e.forEach((function(e){t=t.replace(Is(e),e.color)})),t}var Fs=/^\s+|\s+$/g;function Hs(t){return t.replace(Fs,"")}function Gs(t){if(te(t)){if(ss.isColorName(t)&&(t=ss.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),ms(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(Hs(r[e])):parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),ms(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Hs(r[e]));return o=Vs(Vs({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),Ms(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(Hs(r[e])):parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),Ms(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=Vs(Vs({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i}),ms(o))}}else if(re(t)){var o;if(0<=t&&t<=16777215)return o=Vs(Vs({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),ms(o));if(0<=t&&t<=4294967295)return o=Vs(Vs({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),ms(o))}return t}function _s(t){te(t)&&(t=As(t));var e=(t=t.map((function(t){if(te(t)){var e=Bs(t),n=Hs(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]=zs(n[0],e.matches),n}if(Array.isArray(t))return t[1]?te(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",fe()(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 Ns(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ns(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ns(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ys(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ks=function(t){R()(n,t);var e=Ys(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),spreadRadius:Ca.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return Xs(Xs({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Ca.parse(t.offsetX),t.offsetY=Ca.parse(t.offsetY),t.blurRadius=Ca.parse(t.blurRadius),t.spreadRadius=Ca.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 n(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Bs(t);return e=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),i=e.filter((function(t){return"inset"===t})),a=e.filter((function(t){return t.includes("@")})).map((function(t){return zs(t,r.matches)})),o=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return n.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Ca.parse(o[0]||"0px"),offsetY:Ca.parse(o[1]||"0px"),blurRadius:Ca.parse(o[2]||"0px"),spreadRadius:Ca.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Ec);function Us(t,e,n,r){return function(t,e){return 1===e?r:n}}function Ws(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),c=255*(1-n)*(1-r);return{r:a,g:o,b:c}}function Zs(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 c=a*o,s=c*(1-Math.abs(i/60%2-1)),u=o-c,l=[];return 0<=i&&i<60?l=[c,s,0]:60<=i&&i<120?l=[s,c,0]:120<=i&&i<180?l=[0,c,s]:180<=i&&i<240?l=[0,s,c]:240<=i&&i<300?l=[s,0,c]:300<=i&&i<360&&(l=[c,0,s]),{r:_i(255*(l[0]+u)),g:_i(255*(l[1]+u)),b:_i(255*(l[2]+u))}}function qs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Zs(t,e,n);return ms(i.r,i.g,i.b)}function Js(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),c=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(c)}}function Qs(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=tu(t,e,n);return fc(i,r)}function tu(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=void 0===t.a?1:t.a,i=void 0===e.a?1:e.a;return{r:_i(t.r+(e.r-t.r)*n),g:_i(t.g+(e.g-t.g)*n),b:_i(t.b+(e.b-t.b)*n),a:_i(r+(i-r)*n,100)}}function eu(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];"string"==typeof t&&(t=As(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(nu(t[i],t[i+1],a/e));return r}function nu(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=Gs(t),a=Gs(e);return Qs(i,a,n,r)}function ru(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 nu(t,e,n,r)}function iu(t){return t=Gs(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function au(t){return iu(t)>=128?"black":"white"}function ou(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=_s(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var c=t[a-1][0],s=t[a][0],u=1==a?t[a][1]:t[a][1]-t[a-1][1],l=a==t.length-1?i:Math.floor(u*r);n=n.concat(eu([c,s],l),[s]),i-=l}return n}function cu(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,c=Gs(t),s=ys(c),u=(a-i)*o/n,l=[],f=1;f<=n;f++)s[e]=Math.abs((o-u*f)/o),l.push(fc(Zs(s),r));return l}function su(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 cu(t,"h",e,n,r,i,1)}function uu(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 cu(t,"s",e,n,r,i,100)}function lu(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 cu(t,"v",e,n,r,i,100)}function fu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}eu.parula=function(t){return eu(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},eu.jet=function(t){return eu(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},eu.hsv=function(t){return eu(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},eu.hot=function(t){return eu(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},eu.pink=function(t){return eu(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},eu.bone=function(t){return eu(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},eu.copper=function(t){return eu(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var pu=hu(hu(hu(hu(hu(hu(hu(hu(hu(hu(hu(hu({},u),s),c),b),d),m),h),v),g),p),f),l);function du(t,e,n,r){var i=pu.parse(n||"rgba(0, 0, 0, 1)"),a=pu.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:Qs(i,a,t,"rgb")}}function vu(t,e,n,r){for(var i=Ks.parseStyle(n),a=Ks.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Ks.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Ks.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Us(0,0,l.inset,f.inset),offsetX:rs(t,e,l.offsetX,f.offsetX),offsetY:rs(t,e,l.offsetY,f.offsetY),blurRadius:rs(t,e,l.blurRadius,f.blurRadius),spreadRadius:rs(t,e,l.spreadRadius,f.spreadRadius),color:du(0,0,l.color,f.color)})}return function(t,e){return Ks.join(c.map((function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}})))}}function yu(t,e,n,r){return Us(0,0,n,r)}var gu=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 mu(){return gu(1,"start")}function bu(){return gu(1,"end")}var ku=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},xu={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 gu(t,e)},"step-start":mu,"step-end":bu,stepStart:mu,stepEnd:bu,"ease-out-elastic":ku,easeOutElastic:ku};function wu(t,e,n,r){var i=Ca.parse(n),a=Ca.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Ca.deg(n):1===e?Ca.deg(r):Ca.deg(n+(r-n)*t).to(i.unit)}}function Pu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ou(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Su(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ju=function(t){R()(n,t);var e=Su(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return Ou(Ou({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Ca.parse(t.offsetX),t.offsetY=Ca.parse(t.offsetY),t.blurRadius=Ca.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 n(t)}},{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Bs(t),r=e.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 zs(t,e.matches)||"black"})),a=r.filter((function(t){return!t.includes("@")}));return n.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Ca.parse(a[0]||"0px"),offsetY:Ca.parse(a[1]||"0px"),blurRadius:Ca.parse(a[2]||"0px")})}));return r}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Ec);function $u(t,e,n,r){for(var i=ju.parseStyle(n),a=ju.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||ju.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||ju.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:rs(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:rs(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:rs(t,e,l.blurRadius,f.blurRadius,"radius"),color:du(0,0,l.color,f.color)})}return function(t,e){return ju.join(c.map((function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}})))}}function Ru(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ru(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ru(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Mu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tu=function(t){R()(n,t);var e=Mu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Cu({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"}}]),n}(Ec);function Vu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Eu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Iu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Du=1e10;var Lu=function(t){R()(n,t);var e=Iu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{id:"c"+Du++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Eu(Eu({},Ta()(V()(n.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:"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:"toLength",value:function(t){return Ca.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){Ta()(V()(n.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"setValue",value:function(t,e){this.isPx?this.reset({px:e*t/100}):this.isPercent?this.reset({percent:t}):this.isEm&&this.reset({em:e*t/100/16})}}],[{key:"parse",value:function(t){var e=[],r=Bs(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)e.push(new n({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var c=Ca.parse(i[1]),s={unit:c.unit};c.isPercent()?s.percent=c.value:c.isPx()?s.px=c.value:c.isEm()&&(s.em=c.value),e.push(new n(Eu({color:o},s)))}else if(3===i.length){var u=Ca.parse(i[2]),l={unit:u.unit};u.isPercent()?l.percent=u.value:u.isPx()?l.px=u.value:u.isEm()&&(l.em=u.value),e.push(new n(Eu({color:o,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=vc(2,t),i=e/r,a=kc(r).map((function(t,e){return"".concat(pu.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]:Ca.px(1),n=vc(2,t),r=kc(n).map((function(t,n){return"".concat(pu.random()," ").concat(Ca.parse(e).mul(n+1))})).join(",");return r}}]),n}(La);function Bu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Au(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fu={"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},Hu=function(t){R()(n,t);var e=zu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Au({itemType:"image-resource",type:"gradient",colorsteps:[]},t)}},{key:"toCloneObject",value:function(){return Au(Au({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{colorsteps:this.json.colorsteps.map((function(t){return t.clone()}))})}},{key:"convert",value:function(t){return t.colorsteps[0]instanceof Lu||(t.colorsteps=t.colorsteps.map((function(t){return new Lu(t)}))),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return qt(Fu[t])?t:Fu[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 Lu({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 Lu({index:o,color:a,percent:t}))}else for(var c=0,s=r.length-1;c<s;c++){var u=r[c],l=r[c+1];if(u.percent<=t&&t<=l.percent){a=pu.mix(u.color,l.color,(t-u.percent)/(l.percent-u.percent),"rgb");return void this.addColorStep(new Lu({index:u.index+1,color:a,percent:t}))}}}else this.addColorStepList([new Lu({color:e,percent:t,index:0}),new Lu({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:"colorsteps",get:function(){return this.json.colorsteps}},{key:"getColorString",value:function(){var t=this.colorsteps;return n.toColorString(t)}}],[{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 Lu({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),n}(Tu);function Gu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xu=function(t){R()(n,t);var e=Nu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Lu({color:"red",percent:0,index:0}),new Lu({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return _u(_u({},Ta()(V()(n.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 n({colorsteps:[new Lu({color:t,percent:0,index:0}),new Lu({color:t,percent:100,index:1})]})}}]),n}(Hu);function Yu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ku(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wu=["jpg","jpeg","png","gif","svg"];var Zu=function(t){R()(n,t);var e=Uu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Ku({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Ku(Ku({},Ta()(V()(n.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 n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Wu.includes(t)}}]),n}(Tu);function qu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ju(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Qu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tl={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"},el={"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"},nl=function(t){R()(n,t);var e=Qu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Ju({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Ju(Ju({},Ta()(V()(n.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 re(e=this.json.angle||0)&&(e=tl["".concat(e)]||e),re(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 n({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Bs(t),r=0,i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){t.includes("@")?(t=zs(t,e.matches),i.push.apply(i,Lu.parse(t))):r=qt(el[t])?Ca.parse(t):Ca.deg(+el[t])})),new n({angle:r.value,colorsteps:i})}}]),n}(Hu);function rl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var il,al=function(t){R()(n,t);var e=rl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var e=nl.parse(t);return new n({angle:e.angle,colorsteps:e.colorsteps})}}]),n}(nl);function ol(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ol(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ol(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ul=(il={},w()(il,"center",!0),w()(il,"top",!0),w()(il,"left",!0),w()(il,"right",!0),w()(il,"bottom",!0),il),ll=function(t){R()(n,t);var e=sl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,cl({type:"radial-gradient",radialType:"ellipse",radialPosition:[$a.CENTER,$a.CENTER]},t))}},{key:"toCloneObject",value:function(){return cl(cl({},Ta()(V()(n.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=ul[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 e=Bs(t),r="ellipse",i=[$a.CENTER,$a.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),a.push.apply(a,Lu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=_t()(o,2);r=c[0],i=c[1]}else r=t;if("string"==typeof i){var s=i.split(" ");if(1===s.length){var u=Ca.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Ca.parse(t);return e.isString()?e.value:e.clone()})))}}})),new n({radialType:r,radialPosition:i,colorsteps:a})}}]),n}(Hu);function fl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hl,pl=function(t){R()(n,t);var e=fl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var e=ll.parse(t);return new n({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(ll);function dl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gl=(hl={},w()(hl,"center",!0),w()(hl,"top",!0),w()(hl,"left",!0),w()(hl,"right",!0),w()(hl,"bottom",!0),hl),ml={"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},bl=function(t){R()(n,t);var e=yl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,vl({type:"conic-gradient",angle:0,radialPosition:[$a.CENTER,$a.CENTER]},t))}},{key:"toCloneObject",value:function(){return vl(vl({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:ae(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||$a.CENTER;i=gl[i]?i:i.join(" "),Jt(r)&&(r=+(ml[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 e=Bs(t),r="0deg",i=[$a.CENTER,$a.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Ca.parse(t).toPercent():t})).join(" "),e.matches),a.push.apply(a,Lu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=_t()(o,2);r=c[0],i=c[1]}else r=t;if(te(i)){var s=i.split(" ");if(1===s.length){var u=Ca.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Ca.parse(t);return e.isString()?e.value:e})))}te(r)&&r.includes("from")&&(r=r.split("from")[1],r=qt(ml[r])?Ca.parse(r):Ca.deg(+ml[r]))}})),new n({angle:r.value,radialPosition:i,colorsteps:a})}}]),n}(Hu);function kl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xl=function(t){R()(n,t);var e=kl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[$a.CENTER,$a.CENTER]})}}],[{key:"parse",value:function(t){var e=bl.parse(t);return new n({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(bl);function wl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ol(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Sl,jl=["repeat","no-repeat","repeat-x","repeat-y","round","space"],$l=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,Rl=function(t){R()(n,t);var e=Ol(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Ca.percent(100),height:Ca.percent(100),x:Ca.percent(0),y:Ca.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return Pl(Pl(Pl({},Ta()(V()(n.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=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width&&(t.width=Ca.parse(t.width)),t.height&&(t.height=Ca.parse(t.height)),te(t.image)&&(t.image=n.parseImage(t.image)),t}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}},{key:"checkField",value:function(t,e){return"repeat"===t?jl.includes(e):Ta()(V()(n.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){return Pl(Pl(Pl(Pl(Pl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Zt(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:"createImage",value:function(t){return new Zu({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 Xu(Pl(Pl({},o),{},{colorsteps:n}));case"linear-gradient":return new nl(Pl(Pl({},o),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new al(Pl(Pl({},o),{},{colorsteps:n,angle:r}));case"radial-gradient":return new ll(Pl(Pl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new pl(Pl(Pl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new bl(Pl(Pl({},o),{},{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new xl(Pl(Pl({},o),{},{colorsteps:n,angle:r,radialPosition:a}))}return new Hu}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Bs(t),n=null,r=e.str.match($l);return r?(r.forEach((function(t,r){(t=zs(t,e.matches)).includes("repeating-linear-gradient")?n=al.parse(t):t.includes("linear-gradient")?n=nl.parse(t):t.includes("repeating-radial-gradient")?n=pl.parse(t):t.includes("radial-gradient")?n=ll.parse(t):t.includes("repeating-conic-gradient")?n=xl.parse(t):t.includes("conic-gradient")?n=bl.parse(t):t.includes("url")&&(n=Zu.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Xu(t);case"linear-gradient":return new nl(t);case"repeating-linear-gradient":return new al(t);case"radial-gradient":return new ll(t);case"repeating-radial-gradient":return new pl(t);case"conic-gradient":return new bl(t);case"repeating-conic-gradient":return new xl(t);case"image-resource":case"url":return new Zu(t)}}},{key:"parseStyle",value:function(t){var e=[];JSON.stringify(t);if(t["background-image"]){var r=Bs(t["background-image"]);r.str.match($l).forEach((function(t,i){var a=null;(t=zs(t,r.matches)).includes("repeating-linear-gradient")?a=al.parse(t):t.includes("linear-gradient")?a=nl.parse(t):t.includes("repeating-radial-gradient")?a=pl.parse(t):t.includes("radial-gradient")?a=ll.parse(t):t.includes("repeating-conic-gradient")?a=xl.parse(t):t.includes("conic-gradient")?a=bl.parse(t):t.includes("url")&&(a=Zu.parse(t)),e[i]=new n({type:a.type,image:a})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=t.split(" "),i=_t()(r,2),a=i[0],o=i[1];e[n].width=Ca.parse(a),e[n].height=Ca.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=t.split(" "),i=_t()(r,2),a=i[0],o=i[1];e[n].x=Ca.parse(a),e[n].y=Ca.parse(o)}})),e}},{key:"toPropertyCSS",value:function(t){var e,n={};return t.forEach((function(t){Wt(t.toCSS(),(function(t,e){n[t]||(n[t]=[]),n[t].push(e)}))})),e=n,Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}},{key:"join",value:function(t){return xc(n.toPropertyCSS(t.map((function(t){return n.parse(t)}))))}},{key:"joinCSS",value:function(t){return n.toPropertyCSS(t.map((function(t){return n.parse(t)})))}}]),n}(Ec);function Cl(t,e,n,r){var i={cut:Us(0,0,n.cut,r.cut),percent:Qc(t,e,n.percent,r.percent),px:Qc(t,e,n.px,r.px),em:Qc(t,e,n.em,r.em),unit:yu(0,0,n.unit,r.unit),color:du(0,0,n.color,r.color)};return function(t,e){return new Lu({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 Ml(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 c=n[o],s=r[o];a[o]=c&&s?Cl(t,e,c,s):Us(0,0,c,s)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Tl(t,e,n,r){var i={angle:Qc(t,e,n.angle,r.angle),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new nl({angle:i.angle(t,e),colorsteps:n})}}Sl={},w()(Sl,"center",!0),w()(Sl,"top",!0),w()(Sl,"left",!0),w()(Sl,"right",!0),w()(Sl,"bottom",!0);function Vl(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 El(t,e,n,r){n.radialPosition[0]=Vl(n.radialPosition[0],"width"),n.radialPosition[1]=Vl(n.radialPosition[1],"height"),r.radialPosition[0]=Vl(r.radialPosition[0],"width"),r.radialPosition[1]=Vl(r.radialPosition[1],"height");var i={radialType:yu(0,0,n.radialType,r.radialType),radialPositionX:rs(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:rs(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new ll({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Il(t,e,n,r){var i={angle:Qc(t,e,n.angle,r.angle),radialPositionX:rs(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:rs(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new bl({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Dl(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Us(0,0,n,r);else if(n.type!=r.type)i.image=Us(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Tl(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=Tl(t,e,n,r);return function(t,e){var n=i(t,e);return new al({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=El(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=El(t,e,n,r);return function(t,e){var n=i(t,e);return new pl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=Il(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=Il(t,e,n,r);return function(t,e){var n=i(t,e);return new xl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function Ll(t,e,n,r){for(var i=Rl.parseStyle(wc(n)),a=Rl.parseStyle(wc(r)),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||null,f=a[s]||null;l&&!f?c.push({image:ts(0,0,l.image),size:ts(0,0,l.size),width:ts(0,0,l.width),height:ts(0,0,l.height),x:ts(0,0,l.x),y:ts(0,0,l.y),blendMode:ts(0,0,l.blendMode),repeat:ts(0,0,l.repeat)}):!l&&f?c.push({image:ts(0,0,f.image),size:ts(0,0,f.size),width:ts(0,0,f.width),height:ts(0,0,f.height),x:ts(0,0,f.x),y:ts(0,0,f.y),blendMode:ts(0,0,f.blendMode),repeat:ts(0,0,f.repeat)}):l&&f&&c.push({image:Dl(t,e,l.image,f.image),size:yu(0,0,l.size,f.size),width:rs(t,e,l.width,f.width,"width","self"),height:rs(t,e,l.height,f.height,"height","self"),x:rs(t,e,l.x,f.x,"width","self"),y:rs(t,e,l.y,f.y,"height","self"),blendMode:yu(0,0,l.blendMode,f.blendMode),repeat:yu(0,0,l.repeat,f.repeat)})}return function(t,e){return Rl.join(c.map((function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}})))}}function 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 Al(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){w()(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}function zl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fl=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia|url)\(([^\)]*)\))/gi,Hl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Al({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Ql[t.type];return e?new e(t):new _l({value:t.value})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Bs(t);return(r.str.match(Fl)||[]).forEach((function(t,i){var a=t.split("("),o=_t()(a,2),c=o[0],s=o[1];if(s=s.split(")")[0],"drop-shadow"===c){var u=s.split(" "),l=u.filter((function(t){return t.includes("@")})).map((function(t){return zs(t,r.matches)})),f=u.filter((function(t){return!t.includes("@")}));e[i]=n.parse({type:c,offsetX:Ca.parse(f[0]),offsetY:Ca.parse(f[1]),blurRadius:Ca.parse(f[2]),color:l[0]||"rgba(0, 0, 0, 1)"})}else e[i]=n.parse({type:c,value:Ca.parse(s)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(Ec),Gl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(Hl);Gl.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Ca.z()};var _l=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(Hl);_l.spec={inputType:"select",defaultValue:""};var Nl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(Hl);Nl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Xl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(Hl);Xl.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Ca.deg(0)};var Yl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(Hl);Yl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Kl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(Hl);Kl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Ul=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(Hl);Ul.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Wl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(Hl);Wl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Zl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(Hl);Zl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var ql=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(Hl);ql.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Jl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),n}(Hl);Jl.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var Ql={blur:Gl,grayscale:Nl,"hue-rotate":Xl,invert:Yl,brightness:Kl,contrast:Ul,opacity:Wl,saturate:Zl,sepia:ql,"drop-shadow":Jl,svg:_l};function tf(t,e,n,r){var i={type:yu(0,0,n.type,r.type),value:Us(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=rs(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=Qc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=rs(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=rs(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=rs(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=rs(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=du(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 ef(t,e,n,r){for(var i=Hl.parseStyle(n),a=Hl.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s],f=a[s];l&&!f?c.push(ts(0,0,l)):!l&&f?c.push(ts(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Us(0,0,l,f)):c.push(tf(t,e,l,f))}return function(t,e){return Hl.join(c.map((function(n){return n(t,e)})))}}var nf=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Ca.parse(t)})),n=Ca.percent(0),r=Ca.percent(0),i=Ca.percent(0),a=Ca.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 rf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function af(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function of(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cf=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,sf=function(t){R()(n,t);var e=of(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,af({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return af(af({},Ta()(V()(n.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 n(t).toCSS()}},{key:"toString",value:function(t){return n.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new n(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(cf)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=_t()(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 Ca("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];return qt(s)&&(s=c),{radius:e,x:c=Ca.parse(c),y:s=Ca.parse(s)}}},{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=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];qt(s)&&(s=c),c=Ca.parse(c),s=Ca.parse(s);var u=e.split(" "),l=_t()(u,2),f=l[0],h=l[1];return qt(h)&&(h=f),{radiusX:f=Ca.parse(f),radiusY:h=Ca.parse(h),x:c,y:s}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=_t()(e,2),r=n[0],i=n[1],a=nf.parse(r),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=nf.parse(i),p=_t()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=_t()(e,2),r=n[0],i=n[1];return{x:Ca.parse(r),y:Ca.parse(i)}}))}}]),n}(Ec);function uf(t,e,n,r){var i=sf.parseStyle(n),a=sf.parseStyle(r),o={type:Us(0,0,i.type,i.type),value:Us(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=sf.parseStyleForCircle(i.value),a.value=sf.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=Us(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=rs(t,e,n.radius,r.radius,"width","self"),i.x=rs(t,e,n.x,r.x,"width","self"),i.y=rs(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),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=sf.parseStyleForEllipse(i.value),a.value=sf.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:rs(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:rs(t,e,n.radiusY,r.radiusY,"height","self"),x:rs(t,e,n.x,r.x,"width","self"),y:rs(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=sf.parseStyleForInset(i.value),a.value=sf.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:Qc(t,e,n.top.value,r.top.value,n.top.unit),left:Qc(t,e,n.left.value,r.left.value,n.left.unit),right:Qc(t,e,n.right.value,r.right.value,n.right.unit),bottom:Qc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Us(0,0,n.round,r.round),topRadius:Qc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Qc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Qc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Qc(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),c=i.round(t,e),s=i.topRadius(t,e),u=i.leftRadius(t,e),l=i.bottomRadius(t,e),f=i.rightRadius(t,e),h=[n,r,a,o].join(" "),p=[s,f,l,u].join(" ");return"".concat(h," ").concat(c&&p.trim()?"round ".concat(p):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=sf.parseStyleForPolygon(i.value),a.value=sf.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 c=n[o],s=r[o];c&&!s?a.push({x:ts(0,0,c.x),y:ts(0,0,c.y)}):!c&&s?a.push({x:ts(0,0,s.x),y:ts(0,0,s.y)}):a.push({x:rs(t,e,c.x,s.x,"width","self"),y:rs(t,e,c.y,s.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=sf.parseStyleForPath(i.value),a.value=sf.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 lf(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(rs(t,e,s,u,n.type)):a.push(rs(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function ff(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];if(s&&u)a.push(Qc(t,e,s.value,u.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;a.push(Qc(t,e,l,f))}}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 Ca.number(t)}))),{type:r,value:n}}}function hf(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(wu(0,0,s,u)):a.push(wu(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function pf(t,e,n,r){for(var i=zc.parseStyle(n.trim()),a=zc.parseStyle(r.trim()),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];if(u&&!l)c.push(ts(0,0,u));else if(!u&&l)c.push(ts(0,0,l));else if(u.type!=l.type)c.push(Us(0,0,u,l));else switch(u.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(lf(t,e,u,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(hf(0,0,u,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(ff(t,e,u,l))}}return function(t,e){return zc.join(c.map((function(n){return n(t,e)})))}}function df(t,e,n,r){for(var i=n.split(" ").map((function(t){return Ca.parse(t)})),a=r.split(" ").map((function(t){return Ca.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(rs(t,e,u,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function vf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Ca.parse(t)})),a=r.split(" ").map((function(t){return Ca.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(rs(t,e,u,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function yf(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),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(Qc(t,e,u,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function gf(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],c=r[r.length-1],s=0;s<i;s++){var u=n[s],l=r[s];u&&!l?a.push(Qc(t,e,u,c)):!u&&l?a.push(Qc(t,e,o,l)):a.push(Qc(t,e,u,l))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function mf(t,e,n,r){for(var i=new _c,a=new _c(n),o=new _c(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=0;u<c;u++){var l=a.segments[u],f=o.segments[u];l.command===f.command?l.values.length===f.values.length?s.push({command:ts(0,0,l.command),values:gf(t,e,l.values,f.values)}):s.push({command:ts(0,0,l.command),values:ts(0,0,l.values)}):s.push({command:Us(0,0,l.command,f.command),values:Us(0,0,l.values,f.values)})}return function(t,e){var n=s.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var bf=function(){function t(){O()(this,t),this.pathArray=[]}return j()(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:"d",get:function(){return this.pathArray.join(" ").trim()}},{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:"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 _c(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}},{key:"makePathByVerties",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=_t()(e[r],3),o=a[0],c=a[1];a[2];0===r?n.M({x:o,y:c}):n.L({x:o,y:c})}return n.L({x:e[0][0],y:e[0][1]}),n.d}}]),t}();function kf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xf=/[\b\t \,]/g,wf=function(t){R()(n,t);var e=kf(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return O()(this,n),e.call(this,t)}return j()(n,[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;Array.isArray(t)&&(t=t.join(" "));for(var e=t.trim().split(xf).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 bf,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=_t()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new n(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),n}(_c);function Pf(t,e,n,r){for(var i=new wf,a=new wf(n),o=new wf(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=a.segments[a.segments.length-1].x,l=a.segments[a.segments.length-1].y,f=o.segments[o.segments.length-1].x,h=o.segments[o.segments.length-1].y,p=0;p<c;p++){var d=a.segments[p],v=o.segments[p];d&&!v?s.push({x:Qc(t,e,d.x,f),y:Qc(t,e,d.y,h)}):!d&&v?s.push({x:Qc(t,e,u,v.x),y:Qc(t,e,l,v.y)}):s.push({x:Qc(t,e,d.x,v.x),y:Qc(t,e,d.y,v.y)})}return function(t,e){return i.joinPoints(s.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function Of(t,e,n,r){var i={x:Qc("","",t,n),y:Qc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Sf(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 ac(o,e)}}function jf(t,e,n,r,i,a,o,c){var s=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}];return function(t,e){return ic(s,e)}}function $f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Rf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$f(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cf(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=_t()(a,4),c=o[0],s=o[1],u=o[2],l=o[3],f={id:c,distance:Ca.parse(s||"0%"),rotateStatus:u||"auto",rotate:Ca.parse(l||"0deg")},h=function(t,e){return{x:x,y:y}},p=0,d=0;if(i){var v=i.searchById(f.id);v&&(p=v.screenX.value,d=v.screenY.value),h=function(t,e,n){var r=function(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=_t()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var c=n,s=_t()(c,2),u=s[0],l=s[1],f=_t()(t.values,2);a=f[0],o=f[1];n=[a+=u,o+=l];break;case"L":var h=n,p=_t()(h,2),d=(u=p[0],l=p[1],_t()(t.values,2));a=d[0],o=d[1];e.push({command:t.command,values:[u,l,a,o],length:Zi(u,l,a,o),interpolate:Of(u,l,a,o)}),n=[a,o];break;case"l":var v=n,y=_t()(v,2),g=(u=y[0],l=y[1],_t()(t.values,2));a=g[0],o=g[1];a+=u,o+=l,e.push({command:t.command,values:[u,l,a,o],length:Zi(u,l,a,o),interpolate:Of(u,l,a,o)}),n=[a,o];break;case"C":var m=n,b=_t()(m,2),k=(u=b[0],l=b[1],_t()(t.values,6)),x=k[0],w=k[1],P=k[2],O=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Zo(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"c":var S=n,j=_t()(S,2),$=(u=j[0],l=j[1],_t()(t.values,6));x=$[0],w=$[1],P=$[2],O=$[3],a=$[4],o=$[5];x+=u,P+=u,a+=u,w+=l,O+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Zo(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"Q":var R=n,C=_t()(R,2),M=(u=C[0],l=C[1],_t()(t.values,4));x=M[0],w=M[1],a=M[2],o=M[3];e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o];break;case"q":var T=n,V=_t()(T,2),E=(u=V[0],l=V[1],_t()(t.values,4));x=E[0],w=E[1],a=E[2],o=E[3];x+=u,a+=u,w+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o];break;case"S":var I=n,D=_t()(I,2),L=(u=D[0],l=D[1],_t()(t.values,4)),B=(P=L[0],O=L[1],a=L[2],o=L[3],e[e.length-1]);if(["C","c","S","s"].includes(B.command)){var A=_t()(B.values,8),z=(A[0],A[1],A[2],A[3],A[4]),F=A[5],H=A[6],G=A[7],_=Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F});x=_.x,w=_.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"s":var N=n,X=_t()(N,2),Y=(u=X[0],l=X[1],_t()(t.values,4));P=Y[0],O=Y[1],a=Y[2],o=Y[3];P+=u,a+=u,O+=l,o+=l;B=e[e.length-1];if(["C","c","S","s"].includes(B.command)){var K=_t()(B.values,8),U=(K[0],K[1],K[2],K[3],z=K[4],F=K[5],H=K[6],G=K[7],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=U.x,w=U.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"T":var W=n,Z=_t()(W,2),q=(u=Z[0],l=Z[1],_t()(t.values,2));a=q[0],o=q[1],B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var J=_t()(B.values,6),Q=(J[0],J[1],z=J[2],F=J[3],H=J[4],G=J[5],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=Q.x,w=Q.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o]}break;case"t":var tt=n,et=_t()(tt,2),nt=(u=et[0],l=et[1],_t()(t.values,2));a=nt[0],o=nt[1];a+=u,o+=l;B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var rt=_t()(B.values,6),it=(rt[0],rt[1],z=rt[2],F=rt[3],H=rt[4],G=rt[5],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=it.x,w=it.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,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}}(new _c(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=f.distance.toPx(i);(e+=o/i)>1&&(e-=1);var c=a[0];0===e?c=a[0]:1===e&&(c=a[a.length-1]);var s=a.find((function(t){return t.startT<=e&&e<t.endT}));s&&(c=s);var u=(e-c.startT)/(c.endT-c.startT),l=n(u);return Rf(Rf({},c.interpolate(l,u,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Ca.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),c=h(e,n,r),s={x:c.x+p-a.value,y:c.y+d-o.value};if(t.setScreenX(s.x),t.setScreenY(s.y),"element"===f.rotateStatus);else{var u=c,l=0;n<1&&(l=1/c.totalLength);var v=h(e+l,n+l,r),y=sa(v.x-u.x,v.y-u.y),g=Ca.deg(function(t,e){var n=0;switch(t){case"angle":n=f.rotate.value;break;case"auto angle":n=e+f.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(f.rotateStatus,y));t.reset({transform:zc.rotate(t.transform,g)})}return s}}function Mf(t,e,n,r){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 Tf(t,e,n,r,i,a){var o=a.$("video").el,c=n.split(":"),s=_t()(c,3),u=s[0],l=(s[1],+(u||0)*+(s[2]||1));return function(e,n){0===n?(o.currentTime=l,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Vf=function(){return function(t,e){}};function Ef(t,e,n,r,i,a,o){var c=i||e;switch(c){case"width":case"x":return rs(t,e,n,r,"width");case"height":case"y":return rs(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 rs(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Qc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return du(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return yu(0,0,n,r);case"rotate":return wu(0,0,n,r)}var s=function(t){switch(t){case"border-radius":return os;case"border":return makeInterpolateBorder;case"box-shadow":return vu;case"text-shadow":return $u;case"background-image":case"BackgroundImageEditor":return Ll;case"filter":case"backdrop-filter":return ef;case"clip-path":return uf;case"transform":return pf;case"transform-origin":return df;case"perspective-origin":return vf;case"stroke-dasharray":return yf;case"d":return mf;case"points":return Pf;case"offset-path":return Cf;case"text":return Mf;case"playTime":return Tf}}(c);return s?s(t,e,n,r,a,o):Vf}function If(t,e,n,r,i,a,o){return Ef(t,e,n,r,i,a,o)}function Df(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=_t()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=xu[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,fe()(o))}return Lf(t)}function Lf(t){var e=nc(t);return function(t){return e(t).y}}function Bf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Af(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ff=function(t){R()(n,t);var e=zf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Ca.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Af(Af({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offset=Ca.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(xc(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Af({checked:!0,value:Ca.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(fe()(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],Af({},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],Af({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=Af(Af({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new n(t)}}]),n}(Ec);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 Gf(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){w()(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}function _f(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nf=function(t){R()(n,t);var e=_f(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=(t.name,t.selectedType,t.offsets);return Gf(Gf(Gf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","selectedType")),{},{offsets:e.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 Ff(Gf({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(fe()(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 n(t)}},{key:"parseStyle",value:function(t){var e=[],r={};if(t.keyframe){var i=Bs(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),c=Aa()(o),s=c[0],u=c[1],l=c[2],f=c.slice(3).join(" ");r[s]||(r[s]=new n({name:s}),e[a]=s);var h=r[s].offsets.filter((function(t){return t.offset.equals(Ca.parse(u))})),p=null;h.length?p=h[0]:(p=new Ff({offset:Ca.parse(u)}),r[s].offsets.push(p)),p.addProperty({key:l,value:zs(f,i.matches)})}))}return e.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]}))}}]),n}(Ec);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 Yf(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){w()(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}function Kf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function Uf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Uf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Uf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qf=function(t){R()(n,t);var e=Zf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Wf({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&Ta()(V()(n.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Jt(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 c=qa.body().$('[data-id="'.concat(t,'"]')),s=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,u=i.keyframes[e+1];t.editor=s,u||(u={time:t.time,value:t.value});var l={layer:a,layerElement:c,property:i.property,isOnlyTime:o.time===u.time,startTime:t.time,endTime:u.time,startValue:t.value,endValue:u.value,timing:t.timing,interpolateFunction:If(a,i.property,t.value,u.value,t.editor,r,c),timingFunction:Df(t.timing)};return l.func=n.makeTimingFunction(l),l})).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){Jt(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(w()({},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){Zc(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){Zc(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=ga(),r=Wf(Wf({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=Wc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Zc(t,0),totalTimecode:Zc(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=qc(n,i=+i)),a>r&&(a=r);var o=Wc(n,a);e.currentTime=o,e.currentTimecode=Zc(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(Zc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=qc(e.fps,n)),Wc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Wc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Wc(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&&(Jt(a)&&(o.time=a),Jt(r)&&(o.value=r),Jt(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 c=this.getSelectedTimeline(),s=this.getTimelineProperty(e,n);if(s){var u=a||c.currentTime;if(!s.keyframes.filter((function(t){return t.time===u})).length){r=qt(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:ga(),layerId:e,property:n,time:u,value:r,timing:i||"linear",editor:o};return s.keyframes.push(l),s.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),c=this.getDefaultPropertyValue(e),s="linear",u="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),c=o[0].value+"",s=o[0].timing+"",u=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:s,editor:u})}}},{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=Zc(t,e.currentTime),e.totalTimecode=Zc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return Wf(Wf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{timeline:ae(this.json.timeline)})}}]),n}(function(t){R()(n,t);var e=Kf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Yf({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 Nf(Yf({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(fe()(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=Yf({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return Yf(Yf({},Ta()(V()(n.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]=Yf(Yf({},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]=Yf(Yf({},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]=Yf(Yf({},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]=Yf(Yf({},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,n=this.json.svgfilters.map((function(t,e){return{id:t.id,index:e}})).filter((function(e){return e.id===t}));return n.length?null==n||null===(e=n[0])||void 0===e?void 0: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]=Yf(Yf({},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]=Yf(Yf({},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)}}]),n}(La));function Jf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function th(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eh=Ca.z(),nh=Ca.z(),rh=r.create(),ih=function(t){R()(n,t);var e=th(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"indexed",get:function(){return this.createIndexItemMap(),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:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{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=_t()(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 Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Qf({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return Qf(Qf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","description","rootVariable"))}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return eh}},{key:"offsetY",get:function(){return nh}},{key:"hasLayout",value:function(){return!1}},{key:"getTransformMatrix",value:function(){return r.create()}},{key:"resetMatrix",value:function(t){var e=r.getTranslation([],fa(t.accumulatedMatrix,t.localMatrixInverse)),n=_t()(e,2),i=n[0],a=n[1];t.reset({x:Ca.px(i),y:Ca.px(a)})}},{key:"rectVerties",get:function(){var t;return null!==(t=this.layers)&&void 0!==t&&t.length?Lo(this.layers):null}},{key:"accumulatedMatrix",get:function(){return rh}},{key:"accumulatedMatrixInverse",get:function(){return rh}},{key:"contentBox",get:function(){return{left:0,top:0,width:0,height:0}}}]),n}(qf);function ah(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,ah(t,e))})),(e.id||e.includes(t.id))&&n.push(t),n}var oh=function(){function t(e){var n=this;O()(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=Io(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Uc({parent:this.currentProject,x:Ca.px(0),y:Ca.px(0),width:Ca.px(0),height:Ca.px(0)}),this.$editor.on("config:bodyEvent",(function(){n.refreshMousePosition()}))}return j()(t,[{key:"refreshMousePosition",value:function(){var t=this.$editor.config,e=this.$editor.viewport.getWorldPosition();this.pos=e,this.column=Math.ceil(e[0]/t.get("area.width")),this.row=Math.ceil(e[1]/t.get("area.width"))}},{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{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:"isLayoutItem",get:function(){var t;return null===(t=this.current)||void 0===t?void 0:t.isLayoutItem()}},{key:"allLayers",get:function(){return this.currentProject.allLayers||[]}},{key:"filteredLayers",get:function(){var t=this;return this.currentProject.filteredAllLayers((function(e){var n=e.areaPosition;if(!n)return!1;var r=n.column,i=n.row;return r[0]<=t.column&&t.column<=r[1]&&i[0]<=t.row&&t.row<=i[1]})).filter((function(e){return e.hasPoint(t.pos[0],t.pos[1])}))}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&(!t.check(e)&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)})))})):[]}},{key:"snapTargetLayersWithSelection",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)}))})):[]}},{key:"selectedArtboards",get:function(){return fe()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"hasChangedField",value:function(){var t;return!!this.current&&(t=this.current).hasChangedField.apply(t,arguments)}},{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:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{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:"reload",value:function(){return this.select.apply(this,fe()(this.itemsByIds(this.ids)))}},{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(Array.isArray(t)?e=t:(te(t)||ee(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=ah(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]=ae(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,fe()(ah(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,fe()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,fe()(this.items).concat(fe()(ah(this.project,t))))}},{key:"removeById",value:function(t){var e=t;te(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,fe()(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 To(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.originVerties;if(n.artboard){var i=n.artboard.originVerties;if(To(i,r[0][0],r[0][1])||Eo(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return To(e,r[0][0],r[0][1])||Eo(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"setRectCache",value:function(){if(this.isEmpty)return this.cachedVerties=[],this.cachedRectVerties=[],this.cachedItemVerties=[],void(this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}})));this.cachedVerties=this.verties,this.cachedRectVerties=zo(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:"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 this.isEmpty?[]:Lo(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Ca.px(t[0][0]),y:Ca.px(t[0][1]),width:Ca.px(i.distance(t[0],t[1])),height:Ca.px(i.distance(t[0],t[3]))}}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"pack",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:"packByValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=[];return null===e?r=this.items:(te(e)||Array.isArray(e))&&(r=this.itemsByIds(e)),r.forEach((function(e){n[e.id]={},Object.keys(t).forEach((function(r){n[e.id][r]=ne(t[r])?t[r].call(t,e):t[r]}))})),n}},{key:"each",value:function(t){ne(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return ne(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{key:"reset",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n,r=_t()(t,2),i=r[0],a=r[1];null===(n=e.get(i))||void 0===n||n.reset(a)}))}},{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,fe()(this.copyItems.map((function(t){return t.copy(10)})))),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&&!qt(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?To(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return To(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return te(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.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}}]),t}(),ch=function(){function t(e){O()(this,t),this.editor=e,this.components={},this.inspectors={}}return j()(t,[{key:"registerComponent",value:function(t,e){if(this.components[t])throw new Error("It has duplicated item name. "+t);this.components[t]=e}},{key:"registerInspector",value:function(t,e){if(this.inspectors[t])throw new Error("It has duplicated item name. "+t);this.inspectors[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"getInspector",value:function(t){return this.inspectors[t]}},{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)}},{key:"createInspector",value:function(t){var e=this.getInspector(t.itemType);return ne(e)?e(t)||[]:ne(t.getProps)&&t.getProps()||[]}}]),t}();function sh(t){t.emit("noneSelectMenu"),t.nextTick((function(){t.emit("refreshAll"),t.emit("refreshSelectionTool")}))}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 lh(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){w()(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}function fh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ph(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ph(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ph(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var vh,yh={command:"clipboard.paste",execute:(vh=Fa()(Na.a.mark((function t(e,n){var r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.selection.length||!e.selection.copyItems.length){t.next=5;break}e.selection.paste(),e.emit("refreshAll"),t.next=9;break;case 5:return t.next=7,navigator.clipboard.readText();case 7:(r=t.sent)&&e.emit("convertPasteText",r);case 9:case"end":return t.stop()}}),t)}))),function(t,e){return vh.apply(this,arguments)})},gh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},mh={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:ga(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}},bh={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:ga(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function kh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Ca.px(n.naturalWidth),naturalHeight:Ca.px(n.naturalHeight),width:Ca.px(n.naturalWidth),height:Ca.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function xh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ph={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"),kh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,c=Ca.px(i.height.value*a);t.emit("addImage",wh(wh(wh({src:e.id},i),n),{},{width:o,height:c}),r),t.changeMode(Ag),t.emit("afterChangeMode")})))}};function Oh(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Ca.px(n.videoWidth),naturalHeight:Ca.px(n.videoHeight),width:Ca.px(n.videoWidth),height:Ca.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 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 jh(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){w()(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 $h={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"),Oh(e,(function(i){t.emit("addVideo",jh(jh({src:e.id},i),n),r),t.changeMode(Ag),t.emit("afterChangeMode")})))}};function Rh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){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 Ch={command:"dropImageUrl",execute:function(t,e){kh({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?Rh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Ag),t.emit("afterChangeMode")}))}},Mh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=ga(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Th={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 c=o.createImage({id:ga(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),ne(n)&&n(c.id)}},r.readAsDataURL(e)}},Vh={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:ga(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),ne(n)&&n(a))},r.readAsDataURL(e)}},Eh=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=_t()(r,2),a=(i[0],i[1]),o=a.split(","),c=Aa()(o),s=c[0],u=c.slice(1),l=s.split(";"),f=_t()(l,2),h=f[0],p=f[1];return u=u.join(","),{mimeType:h,local:n&&t.getLink(h,p,u)}}},{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 c=new Blob([a],{type:t});return URL.createObjectURL(c)}return""}}]),t}(),Ih={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Eh.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:ga(),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:ga(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function Dh(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 Lh={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Dh("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},Bh=function(t,e){return t.replaceLocalUrltoRealUrl(t.svg.render(e))},Ah={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=Bh(t,e).trim();Dh("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function zh(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=qa.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var Fh={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Bh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;kh({local:i},(function(n,r){zh(r,(function(n){Dh(n,a),e&&t.emit(e,n)}))}))}}},Hh={command:"load.json",execute:function(t,e){0===(e=t.loadResource("projects",[])||e).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),sh(t)}}};function Gh(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var _h={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Gh(t,(function(r,i){var a;!1===Array.isArray(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")}))}},Nh={command:"setTimelineOffset",debounce:100,execute:function(t,e){Gh(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},Xh={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Gh(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")}))}},Yh={command:"removeTimelineProperty",execute:function(t,e,n){Gh(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Kh={command:"deleteTimelineKeyframe",execute:function(t){Gh(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")}))}},Uh={command:"selectTimelineItem",execute:function(t,e){Gh(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Wh={command:"removeTimeline",execute:function(t,e){Gh(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Zh={command:"removeAnimationItem",execute:function(t,e){Gh(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},qh={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Gh(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")}))}},Jh={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Gh(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},Qh={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"),Gh(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Jc({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(Zc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Zc(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(Zc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},tp={command:"prevTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ep={command:"firstTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},np={command:"nextTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},rp={command:"lastTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ip={command:"addTimelineItem",execute:function(t,e){Gh(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},ap={command:"drop.asset",execute:function(){var t=Fa()(Na.a.mark((function t(e,n){var r,i,a=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=a.length>2&&void 0!==a[2]?a[2]:null,!n.color){t.next=5;break}e.emit("addBackgroundColor",n.color,r),t.next=22;break;case 5:if(!n.gradient){t.next=9;break}e.emit("addBackgroundImageGradient",n.gradient,r),t.next=22;break;case 9:if(!n.pattern){t.next=13;break}e.emit("addBackgroundImagePattern",n.pattern,r),t.next=22;break;case 13:if(!n.imageUrl){t.next=17;break}e.emit("addBackgroundImageAsset",n.imageUrl,r),t.next=22;break;case 17:if(!n.asset){t.next=22;break}return t.next=20,e.storageManager.getCustomAsset(n.asset.id);case 20:(i=t.sent)&&e.emit("addArtBoard",i,n.asset.center);case 22:sh(e);case 23:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},op={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;console.log(n);var r=t.selection.itemsByIds(n);console.log(r);var i={};r.forEach((function(t){var n=Rl.parseStyle(wc(t["background-image"]));n.unshift(new Rl({image:Rl.parseImage(e)})),i[t.id]={"background-image":Rl.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},cp={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=Rl.parseStyle(wc(t["background-image"]));n.unshift(new Rl({image:new Zu({url:e})})),i[t.id]={"background-image":Rl.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},sp={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")}))}},up={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},lp={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)}},fp={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)}},hp={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)}},pp={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)}},dp=new Map,vp=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return dp.has(t)}},{key:"get",value:function(t){return dp.get(t)}},{key:"set",value:function(t,e){dp.size>1e3&&dp.clear(),dp.set(t,e)}}]),t}();function yp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,kp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,gp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Cp[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;if(vp.has(t))return vp.get(t);var r=Bs(t);return(r.str.match(bp)||[]).forEach((function(t,i){var a=t.split("("),o=_t()(a,2),c=o[0],s=o[1],u=(s=s.split(")")[0]).split(",").map((function(t){return t.trim()})),l=_t()(u,6),f=l[0],h=l[1],p=l[2],d=l[3],v=l[4],y=l[5],g=f.split(" "),m=_t()(g,2),b=m[0],k=m[1],x=h.split(" "),w=_t()(x,2),P=w[0],O=w[1],S=(y||"").split(" "),j=_t()(S,2),$=j[0],R=j[1];e[i]=n.parse({type:c,x:Ca.parse(P),y:Ca.parse(O),width:Ca.parse(b),height:Ca.parse(k),foreColor:zs(p,r.matches),backColor:zs(d,r.matches),blendMode:v||"normal",lineWidth:Ca.parse($||"1px"),lineHeight:Ca.parse(R||"1px")})})),vp.set(t,e),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,Rl.parseStyle(wc(t.toCSS())))})),Rl.joinCSS(e)}}]),n}(Ec),xp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:Ca.z(),y:Ca.z(),width:Ca.px(20),height:Ca.px(20),lineWidth:Ca.px(1),lineHeight:Ca.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).width=Ca.parse(t.width),t.height=Ca.parse(t.height),t.lineWidth=Ca.parse(t.lineWidth),t.lineHeight=Ca.parse(t.lineHeight),t.x=Ca.parse(t.x),t.y=Ca.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,c=t.backColor,s=t.blendMode,u=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(c,", ").concat(s,", ").concat(u," ").concat(l,")")}}]),n}(kp),wp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";\n    ")}}]),n}(xp),Pp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,i=t.lineHeight,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";      \n    ")}}]),n}(xp),Op=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,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    ")}}]),n}(xp),Sp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(c," ").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(s,";\n    ")}}]),n}(xp),jp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.lineWidth,a=t.backColor,o=t.foreColor,c=t.blendMode;return a=a||"transparent",o=o||"black","\n    background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0px, ").concat(o," ").concat(i,", ").concat(a," 0px, ").concat(a," 50%);\n    background-size: ").concat(e," ").concat(n,";      \n    background-blend-mode: ").concat(c,";\n  ")}}]),n}(xp),$p=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(xp),Rp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(xp),Cp={check:wp,grid:Pp,dot:Op,"cross-dot":Sp,"diagonal-line":jp,"vertical-line":$p,"horizontal-line":Rp},Mp={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:kp.join([].concat(fe()(kp.parseStyle(e)),fe()(kp.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Tp={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.command("setAttributeForMulti","add background color",t.selection.packByValue({"background-color":e},n))}};var Vp={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=aa(e.artboard.verties)-aa(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=aa(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=aa(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ep={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=ia(e.artboard.verties)-ia(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ia(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ia(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ip={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=ca(e.artboard.verties)-ca(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ca(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ca(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Dp={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=ra(e.artboard.verties)-ra(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ra(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ra(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Lp={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=oa(e.artboard.verties)-oa(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=oa(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=oa(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Bp={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=na(e.artboard.verties)-na(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=na(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=na(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ap={command:"same.width",description:"fit at the same width",execute:function(t){if(console.log(t.selection.isMany),t.selection.isMany){var e=Bo(t.selection.verties);t.command("setAttributeForMulti","fit at the same width",t.selection.packByValue({x:e.x,width:e.width}))}}},zp={command:"same.height",description:"fit at the same height",execute:function(t){var e=t.selection.length;if(1==e);else if(e>1){var n=Bo(t.selection.verties);t.command("setAttributeForMulti","fit at the same height",t.selection.packByValue({y:n.y,height:n.height}))}}};var Fp={command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),sh(t)}},Hp={command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),sh(t)}};function Gp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var _p={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?Gp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({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")}}}},Np={command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=fe()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,fe()(i)),t.emit("refreshAll")}}}},Xp={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;$c(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)}},Yp={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){var i={};Object.keys(r).forEach((function(t){var n=r[t];i[t]=ne(n)?n(e):n})),e.reset(i)&&(t.emit("refreshElement",e),t.emit("changeValue",n,i))}))}))}},Kp={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(fe()(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")}))}},Up={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(fe()(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")}))}};function Wp(){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 Zp={command:"history.removeLayer",description:"remove layer",execute:function(t,e,n,r){var i=t.selection.itemsByIds(r||t.selection.ids),a=(i=Wp(i)).map((function(t){return t.id})),o=t.serialize(i);i.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[a],undoValues:o}),t.nextTick((function(){t.selection.removeById(i.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=Wp(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")}))}},qp={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("setAttributeForMulti",t.selection.packByValue({d:r.scale(1/n.width.value,1/n.height.value).d}))}else{var a=n.invertPath(e.d),o=a.getBBox(),c=n.offsetX.value+o[0][0],s=n.offsetY.value+o[0][1],u=i.distance(o[1],o[0]),l=i.distance(o[3],o[0]);a.translate(-o[0][0],-o[0][1]),t.emit("setAttributeForMulti",t.selection.packByValue({d:a.scale(1/u,1/l).d,x:Ca.px(c),y:Ca.px(s),width:Ca.px(u),height:Ca.px(l)}))}}},Jp={command:"moveLayer",description:"move 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;t.command("setAttributeForMulti","item move down",t.selection.packByValue({x:function(t){return Ca.px(t.offsetX.value+e)},y:function(t){return Ca.px(t.offsetY.value+n)}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},Qp={command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e&&t.viewport.moveLayerToCenter(e,void 0,n)}},td={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:Ca.px(t.item.offsetX.value+t.dist[0]).round(),y:Ca.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")}))}},ed={command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=[];n=t.selection.isEmpty?t.selection.currentProject.rectVerties:Lo(t.selection.items),t.emit("moveToCenter",n,e)}},nd={command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Bh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);kh({local:i},(function(n,r){zh(r,(function(n){e&&t.emit(e,n)}))}))}}},rd={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))}},id=n(15),ad=n.n(id);function od(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?od(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):od(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var sd,ud=(sd={openEditor:{command:"open.editor",description:"Open custom editor for item  when doubleclick is fired",execute:function(t){if(!1!==t.selection.isOne){var e=t.selection.current;if(e)if(e.setCache(),e.d)t.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d,changeEvent:function(e){t.emit("updatePathItem",e)}}),t.emit("hideSelectionToolView");else if(e["clip-path"]){var n=sf.parseStyle(e["clip-path"]);if("path"===n.type){var r=e.accumulatedPath(e.clipPathString).d,i=r?"modify":"path";t.emit("showPathEditor",i,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(n.d,")")}))},current:e,d:r}),t.emit("hideSelectionToolView")}else"svg"===n.type||t.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue(e))}})}}}},refreshHistory:function(t){t.emit("saveJSON")},convertPasteText:{command:"convertPasteText",execute:function(){var t=Fa()(Na.a.mark((function t(e,n){var r,i;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=ad.a.create({videoInfo:ad.a.parse(n),format:"embed",mediaType:"clip"}))&&(i=e.viewport.center,300,200,e.emit("newComponent","iframe",{x:Ca.px(i[0]-150),y:Ca.px(i[1]-100),width:Ca.px(300),height:Ca.px(200),"background-color":"transparent",url:r}));case 2:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},refreshCursor:rd,recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},toggleToolHand:{command:"toggleToolHand",execute:function(t){t.config.toggle("set.tool.hand")}},rotateLayer:{command:"rotateLayer",description:"rotate layer by keydown with matrix ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.command("setAttributeForMulti","change rotate",t.selection.packByValue({transform:function(t){return zc.addTransform(t.transform,"rotateZ(".concat(Ca.deg(e).round(1e3),")"))}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},historyAddLayer:Up,historyRemoveLayer:Zp,historySetAttributeForMulti:Kp,historyRefreshSelection:Xp,historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:Jp,moveLayerForItems:td,moveToCenter:Qp,moveSelectionToCenter:ed,groupItem:_p,ungroupItem:Np,setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshSelectionStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Tp,addBackgroundImagePattern:Mp,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:lp,segmentMoveUp:fp,segmentMoveRight:hp,segmentMoveLeft:pp,changeModeView:up,removeLayer:sp,itemMoveDepthDown:Fp,itemMoveDepthUp:Hp,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:ap,addBackgroundImageAsset:cp,addBackgroundImageGradient:op,addTimelineItem:ip,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:rp,nextTimelineItem:np,firstTimelineItem:ep,prevTimelineItem:tp,playTimelineItem:Qh,copyTimelineProperty:Jh,addTimelineKeyframe:qh,removeAnimationItem:Zh,removeTimeline:Wh,selectTimelineItem:Uh,deleteTimelineKeyframe:Kh,removeTimelineProperty:Yh,addTimelineCurrentProperty:Xh,setTimelineOffset:Nh,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:_h,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Hh,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},savePNG:nd,downloadPNG:Fh,downloadSVG:Ah,downloadJSON:Lh,updateUriList:Ih,updateImageAssetItem:Th,updateVideoAssetItem:Vh,addSVGFilterAssetItem:Mh,dropImageUrl:Ch,addImageAssetItem:Ph,addVideoAssetItem:$h,updateImage:mh,updateVideo:bh,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:gh,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:yh,clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=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(lh({itemType:"artboard",x:Ca.px(300),y:Ca.px(200),width:Ca.px(375),height:Ca.px(667)},e)));n&&(i.reset({x:Ca.px(0),y:Ca.px(0)}),i.moveByCenter(n)),t.selection.select(i),sh(t)},addCustomComponent: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,i=r.appendChildItem(t.createItem(cd({x:Ca.px(300),y:Ca.px(200),width:Ca.px(375),height:Ca.px(667)},e)));n&&(i.reset({x:Ca.px(0),y:Ca.px(0)}),i.moveByCenter(n)),t.selection.select(i),sh(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){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),sh(t))},addLayerView:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),t.emit("removeGuideLine"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e,n))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(hh({itemType:"project"},e)));t.selection.selectProject(n),sh(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 _c(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","set attribute -d",t.selection.packByValue({d:i},r.id))}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new _c(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","change clip path",t.selection.packByValue({"clip-path":"path(".concat(i,")")},r.id))}},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;"svg-textpath"===e?n=dh(dh({},n),{},{"font-size":Ca.parse(n.height),textLength:"100%",d:bf.makeLine(0,1,1,1)}):"svg-circle"===e?(e="svg-path",n=dh(dh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:bf.makeCircle(0,0,1,1)})):"svg-rect"===e?(e="svg-path",n=dh(dh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:bf.makeRect(0,0,1,1)})):"text"===e?n=dh({width:Ca.px(300),height:Ca.px(50)},n):"artboard"===e&&(n=dh(dh({},n),{},{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(dh({itemType:e},n)),n,r,i),t.changeMode(Ag),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=_t()(r,2),a=i[0],o=i[1];a=Ca.px(+a),o=Ca.px(+o),n.reset({width:a,height:o}),t.selection.select(n),sh(t)}},setAttributeForMulti:Yp,sortBottom:Dp,sortCenter:Vp,sortLeft:Ep,sortMiddle:Ip},w()(sd,"sortBottom",Dp),w()(sd,"sortTop",Lp),w()(sd,"sortRight",Bp),w()(sd,"sameWidth",Ap),w()(sd,"sameHeight",zp),w()(sd,"updatePathItem",qp),w()(sd,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(e.d,")")}))}}),sd),ld=function(){function t(e){O()(this,t),this.$editor=e,this.loadCommands()}return j()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(ud).forEach((function(e){ne(ud[e])?t.registerCommand(e,ud[e]):t.registerCommand(ud[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))};return r.source=t,this.$editor.on(t,r,this,0)}if(ee(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))};return i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),fd={name:void 0};function hd(){return void 0===fd.name&&(-1!=navigator.appVersion.indexOf("Win")?fd.name="win":-1!=navigator.appVersion.indexOf("Mac")?fd.name="mac":-1!=navigator.appVersion.indexOf("X11")?fd.name="linux":fd.name=""),fd.name}var pd=[{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:"Tools",key:"h",command:"toggleToolHand",description:"set hand tool on",when:"CanvasView"},{category:"Layer",key:"Meta+ArrowLeft",command:"rotateLayer",description:"rotate to left",args:[-5],when:"CanvasView"},{category:"Layer",key:"Meta+ArrowRight",command:"rotateLayer",description:"rotate to right",args:[5],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:"Delete",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",win:"ctrl+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],dd={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 vd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vd(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gd(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function md(t){return dd["".concat(t).toLowerCase()]||t}var bd=function(){function t(e){O()(this,t),this.$editor=e,this.loadShortCuts()}return j()(t,[{key:"getGeneratedKeyCode",value:function(t){return md(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},pd.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=hd();this.list.push(yd(yd({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||!0)})),this.sort()}},{key:"makeWhenFunction",value:function(t,e){if(Qt(e)&&e)return function(){return!0};var n=this.$editor,r=e.split("|").map((function(t){return t.trim()}));return function(){return r.some((function(t){return t===n.modeView}))}}},{key:"sort",value:function(){var t=this;this.commands={},this.list.forEach((function(e){!1===Array.isArray(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)})),gd(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",md(o.join("")))}},{key:"makeKeyString",value:function(t){return gd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return gd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return gd(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(n){var r;(r=e.$editor).emit.apply(r,[n.command].concat(fe()(n.args),[t]))}))}}}]),t}(),kd=function(){function t(e){O()(this,t),this.editor=e,this.configList=[],this.config=new Map}return j()(t,[{key:"get",value:function(t){var e;!1===this.config.has(t)&&this.config.set(t,null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.defaultValue);return this.config.get(t)}},{key:"set",value:function(t,e){var n=this.config.get(t);n!==e&&(this.config.set(t,e),this.editor.emit("config:"+t,e,n))}},{key:"setAll",value:function(t){var e=this;Object.keys(t).forEach((function(n){e.set(n,t[n])}))}},{key:"getType",value:function(t){var e;return null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.type}},{key:"isType",value:function(t,e){return this.getType(t)===e}},{key:"isBoolean",value:function(t){return this.isType(t,"boolean")}},{key:"toggle",value:function(t){this.isBoolean(t)&&this.set(t,!this.get(t))}},{key:"true",value:function(t){return!0===this.get(t)}},{key:"false",value:function(t){return!1===this.get(t)}},{key:"remove",value:function(t){this.config.delete(t),this.editor.emit("config:"+t)}},{key:"registerConfig",value:function(t){this.config.set(t.key,t.defaultValue),this.configList.push(t)}}]),t}(),xd=function(){function t(e){O()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return j()(t,[{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}},{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){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=performance.now(),i=this.undoHistories[this.undoHistories.length-1],a={message:t,command:e,data:n,time:r};return i&&i.message===t&&r-i.time<this.$editor.config.get("history.delay.ms")?this.undoHistories[this.undoHistories.length-1]=a:(this.undoHistories.push(a),this.currentIndex++,this.undoHistories.length=this.currentIndex+1),this.$editor.emit("refreshHistory",e.command),a}},{key:"map",value:function(t){return[].concat(fe()(this.undoHistories.map(t)),["-"],fe()(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",e.command)}))}}},{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",e.command)}))}}}]),t}(),wd=i.fromValues(0,0,0);function Pd(t,e){return Math.abs(t[0]-e[0])<1}function Od(t,e){return Math.abs(t[1]-e[1])<1}var Sd=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;O()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return j()(t,[{key:"dist",get:function(){return this.editor.config.get("snap.distance")||this.snapDistance}},{key:"gridSize",get:function(){return this.editor.config.get("snap.grid")||50}},{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,rectVerties:Ao(t.originVerties)}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties;return fe()(e)}},{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=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=[];return t.forEach((function(t,a){e.forEach((function(e,o){var c=t-e,s=n.gridSize-Math.abs(e)%n.gridSize;Math.abs(c)<=r?i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:c}):Math.abs(s)<=r&&i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:s})}))})),i}},{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.dist,a=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var c=e.checkX(t.xList,a,r)[0],s=e.checkY(t.yList,o,r)[0];n.push(i.fromValues(c?c.dx:0,s?s.dy:0,0))})),n.find((function(t){return ie(t[0])||ie(t[1])}))||wd}},{key:"checkPoint",value:function(t){var e=this.check([t]);return i.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,a=[],o={},c=0,s=t.length;c<s;c++){n=t[c];var u="".concat(n[0],"_x"),l="".concat(n[1],"_y");o[u]||(o[u]=[]),o[l]||(o[l]=[]);for(var f=0,h=e.length;f<h;f++)Pd(n,r=e[f])&&o[u].push([n,r,"x",i.dist(n,r)]),Od(n,r)&&o[l].push([n,r,"y",i.dist(n,r)])}return Object.keys(o).forEach((function(t){if(o[t]&&o[t].length){var e=o[t].sort((function(t,e){return t[3]-e[3]})),n=_t()(e[0],3),r=n[0],i=n[1],c=n[2];a.push([r,i,c])}})),a}},{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}(),jd=function(){function t(e){O()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return j()(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}(),$d=function(){function t(e){O()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=Io(0,0,0,0),this.mouse=i.create(),this.scale=1,this.translate=i.create(),this.transformOrigin=i.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return j()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=i.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(i.add([],this.translate,i.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=fa(r.fromTranslation([],this.translate),r.fromTranslation([],this.transformOrigin),r.fromScaling([],[this.scale,this.scale,1]),r.fromTranslation([],i.negate([],this.transformOrigin))),this.matrixInverse=r.invert([],this.matrix),this.scaleMatrix=fa(r.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=r.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=Io(0,0,this.canvasSize.width,this.canvasSize.height);var e=i.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=i.add([],this.verties[0],[e[0]/2,e[1]/2,0]),a=r.getTranslation([],fa(this.matrix,ha(r.fromTranslation([],n),this.scaleMatrix,r.invert([],r.fromTranslation([],n)))));this.setTranslate(a),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=Io(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=Ji(this.cachedViewport,this.matrixInverse))}},{key:"getWorldPosition",value:function(t){return t=t||this.editor.config.get("bodyEvent"),this.createWorldPosition(t.clientX,t.clientY)}},{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(i.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(i.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){this.setTransformOriginWithTranslate(i.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=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=i.lerp([],t[0],t[2],.5),a=i.dist(t[0],t[1]),o=i.dist(t[0],t[3]),c=i.lerp([],this.verties[0],this.verties[2],.5),s=i.dist(this.verties[0],this.verties[1]),u=i.dist(this.verties[0],this.verties[3]),l=n?Math.min(s/a,u/o)+e:1;this.setTranslate(i.add([],this.translate,i.subtract([],c,r))),this.setTransformOrigin(r),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{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:"center",get:function(){return this.verties[4]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}},{key:"checkInViewport",value:function(t){var e=_t()(t,3),n=e[0],r=e[1],i=(e[2],this.minX<n&&n<this.maxX),a=this.minY<r&&r<this.maxY;return i&&a}},{key:"applyVertex",value:function(t){return i.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return i.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return Ji(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return Ji(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return Ji(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return Ji(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return Io(t,e,n,r)}(t,e,n,r))}}]),t}(),Rd=function(){function t(e){O()(this,t),this.editor=e,this.customAssetKey="custom-assets"}var e,n,r,i,a;return j()(t,[{key:"getCustomAssetList",value:(a=Fa()(Na.a.mark((function t(){var e,n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=!1,n=(this.editor.loadItem(this.customAssetKey)||[]).map((function(t){return t.id||(t.id=ya(),e=!0),t})),!e){t.next=5;break}return t.next=5,this.setCustomAssetList(n);case 5:return t.abrupt("return",n);case 6:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})},{key:"setCustomAssetList",value:(i=Fa()(Na.a.mark((function t(e){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem(this.customAssetKey,e);case 1:case"end":return t.stop()}}),t,this)}))),function(t){return i.apply(this,arguments)})},{key:"getCustomAsset",value:(r=Fa()(Na.a.mark((function t(e){var n,r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:if(n=t.sent,!(r=n.find((function(t){return t.id===e})))||!r.component){t.next=6;break}return t.abrupt("return",r.component);case 6:return t.abrupt("return",null);case 7:case"end":return t.stop()}}),t,this)}))),function(t){return r.apply(this,arguments)})},{key:"saveCustomAsset",value:(n=Fa()(Na.a.mark((function t(){var e,n,r,i,a=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:"",!(n=this.editor.selection.current)){t.next=13;break}return t.next=5,this.getCustomAssetList();case 5:return r=t.sent,t.next=8,this.editor.json.render(n);case 8:return(i=t.sent).x="0px",i.y="0px",t.next=13,this.setCustomAssetList([].concat(fe()(r),[{id:ya(),preview:e,component:i}]));case 13:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:"removeCustomAsset",value:(e=Fa()(Na.a.mark((function t(e){var n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:return n=t.sent,t.next=5,this.setCustomAssetList(n.filter((function(t){return t.id!==e})));case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})}]),t}();function Cd(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 Md=Cd('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Td=Cd('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Vd=Cd('<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"/>'),Ed=Cd('<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"/>'),Id=Cd('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Dd=Cd('<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"/>'),Ld=Cd('<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"/>'),Bd=Cd('<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"/>'),Ad=Cd('<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"/>'),zd=Cd('<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"/>'),Fd=Cd('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),Hd=Cd('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Gd=Cd('<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"/>'),_d=Cd('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Nd=Cd('<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"/>'),Xd=Cd('<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"/>'),Yd=Cd('<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"/>'),Kd=Cd('<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"/>'),Ud=Cd('<path d="M19 13H5v-2h14v2z"/>'),Wd=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Zd=Cd('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),qd=Cd('<path d="M10 17l5-5-5-5v10z"/>'),Jd=Cd('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),Qd=Cd('<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"/>'),tv=Cd('<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"/>'),ev=Cd('<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"/>'),nv=Cd('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),rv=Cd('<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"/>'),iv=Cd('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),av=Cd('<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"/>'),ov=Cd('<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"/>'),cv=Cd('<path d="M8 5v14l11-7z"/>'),sv=Cd('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),uv=Cd('<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"/>'),lv=Cd('<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"/>'),fv=Cd('<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"/>'),hv=Cd('<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"/>'),pv=Cd('<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"/>'),dv=Cd('<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"/>'),vv=Cd('<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>'),yv=Cd('<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"/>'),gv=Cd('<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"/>'),mv=Cd('<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"/>'),bv=Cd('<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"/>'),kv=Cd('<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"/>'),xv=Cd('<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"/>'),wv=Cd('<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"/>'),Pv=Cd('<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"/>'),Ov=Cd('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Sv=Cd('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),jv=Cd('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),$v=Cd('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),Rv=Cd('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),Cv=Cd('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Mv=Cd('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Tv=Cd('<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"/>'),Vv=Cd('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Ev=Cd('<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"/>'),Iv=Cd('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Dv=Cd('<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" />'),Lv=Cd('<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"/>'),Bv=Cd('<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"/>'),Av=Cd('<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"/>'),zv=Cd('<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"/>'),Fv=Cd('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),Hv=Cd('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Gv=Cd('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),_v=Cd('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Nv=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Xv=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Yv=Cd('<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"/>'),Kv=Cd('<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)"/>'),Uv=Cd('<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"/>'),Wv=Cd('\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'),Zv=Cd('<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"/>'),qv=Cd('<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"/>'),Jv=Cd('<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"/>'),Qv=Cd('<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"/>'),ty=Cd('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),ey=Cd('<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"/>'),ny=Cd('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),ry=Cd('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),iy=Cd('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),ay=Cd('<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"/>'),oy=Cd('<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"/>'),cy=Cd('<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"/>'),sy=Cd('<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"/>'),uy=Cd('<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"/>'),ly=Cd('<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"/>'),fy=Cd('<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"/>'),hy=Cd('<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"/>'),py=Cd('<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"/>'),dy=Cd('<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"/>'),vy=Cd('<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"/>'),yy=Cd('<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"/>'),gy=Cd('<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"/>'),my=Cd('<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"/>'),by=Cd('<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"/>'),ky=Cd('<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"/>'),xy=Cd('<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"/>'),wy=Cd('<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"/>'),Py=Cd('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),Oy=Cd('<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"/>'),Sy=Cd('<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"/>'),jy=Cd('<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"/>'),$y=Cd('<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"/>'),Ry=Cd('\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'),Cy=Cd('<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"/>'),My=Cd('<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"/>'),Ty=Cd('\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'),Vy=Cd('<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"/>'),Ey=Cd('<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"/>'),Iy=Cd('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Dy=Cd('<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"/>'),Ly=Cd('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),By=Cd('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Ay=Cd('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),zy=Cd('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),Fy=Cd('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Hy=Cd('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gy=Cd('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),_y=Cd('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Ny=Cd('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),Xy=Cd('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Yy=Cd('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Ky=Cd('<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"/>'),Uy=Cd('<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"/>'),Wy=Cd('<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"/>'),Zy=Cd('<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"/>'),qy=Cd('\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    '),Jy=Cd('\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'),Qy=Cd('\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    '),tg=Cd('\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    '),eg=Cd('\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'),ng=Cd('\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'),rg=Cd('<path d="M14 7l-5 5 5 5V7z"/>'),ig=Cd('\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    '),ag=Cd('<path d="M10 17l5-5-5-5v10z"/>'),og=Cd('<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"/>'),cg=Cd('<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"/>'),sg=Cd('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),ug=Cd('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),lg=Cd('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),fg=Cd('<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"/>'),hg=Cd('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),pg=Cd('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),dg=Cd('<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"/>'),vg=Cd('\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    '),yg=Cd('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),gg=Cd('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),mg=Cd('<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"/>'),bg=Cd('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),kg=Cd('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),xg=Cd('<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"/>'),wg=Cd('<path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/>'),Pg=Cd('<path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/>'),Og=Cd('<path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/>'),Sg=Cd('<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/>'),jg=Cd('<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/>'),$g=Cd('<path d="M18 24h-6.55c-1.08 0-2.14-.45-2.89-1.23l-7.3-7.61 2.07-1.83c.62-.55 1.53-.66 2.26-.27L8 14.34V4.79c0-1.38 1.12-2.5 2.5-2.5.17 0 .34.02.51.05.09-1.3 1.17-2.33 2.49-2.33.86 0 1.61.43 2.06 1.09.29-.12.61-.18.94-.18 1.38 0 2.5 1.12 2.5 2.5v.28c.16-.03.33-.05.5-.05 1.38 0 2.5 1.12 2.5 2.5V20c0 2.21-1.79 4-4 4zM4.14 15.28l5.86 6.1c.38.39.9.62 1.44.62H18c1.1 0 2-.9 2-2V6.15c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V3.42c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V2.51c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V4.79c0-.28-.22-.5-.5-.5s-.5.23-.5.5v12.87l-5.35-2.83-.51.45z"/>'),Rg=Cd('<path d="M18.85,10.39l1.06-1.06c0.78-0.78,0.78-2.05,0-2.83L18.5,5.09c-0.78-0.78-2.05-0.78-2.83,0l-1.06,1.06L18.85,10.39z M14.61,11.81L7.41,19H6v-1.41l7.19-7.19L14.61,11.81z M13.19,7.56L4,16.76V21h4.24l9.19-9.19L13.19,7.56L13.19,7.56z M19,17.5 c0,2.19-2.54,3.5-5,3.5c-0.55,0-1-0.45-1-1s0.45-1,1-1c1.54,0,3-0.73,3-1.5c0-0.47-0.48-0.87-1.23-1.2l1.48-1.48 C18.32,15.45,19,16.29,19,17.5z M4.58,13.35C3.61,12.79,3,12.06,3,11c0-1.8,1.89-2.63,3.56-3.36C7.59,7.18,9,6.56,9,6 c0-0.41-0.78-1-2-1C5.74,5,5.2,5.61,5.17,5.64C4.82,6.05,4.19,6.1,3.77,5.76C3.36,5.42,3.28,4.81,3.62,4.38C3.73,4.24,4.76,3,7,3 c2.24,0,4,1.32,4,3c0,1.87-1.93,2.72-3.64,3.47C6.42,9.88,5,10.5,5,11c0,0.31,0.43,0.6,1.07,0.86L4.58,13.35z" />');function Cg(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Mg(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cg(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Tg=Mg(Mg({},{fullscreen:tv}),{},{draw:Rg,pantool:$g,left_hide:Sg,right_hide:jg,straighten:Og,plugin:Pg,auto_awesome:wg,web:xg,navigation:kg,delete_forever:mg,horizontal_rule:bg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return Cd('<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:vg,align_horizontal_center:cg,align_horizontal_left:sg,align_horizontal_right:ug,align_vertical_bottom:lg,align_vertical_center:fg,align_vertical_top:hg,vertical_distribute:yg,horizontal_distribute:gg,rotate_left:dg,swap_horiz:pg,arrow_right:ag,group:ig,volume_down:tg,arrowLeft:rg,volume_up:eg,volume_off:ng,pentool:Jy,launch:qy,apps:Uy,outline_rect:Wy,outline_circle:Zy,keyboard:Ky,local_movie:Yy,same_height:Xy,same_width:Ny,layers:og,middle:_y,bottom:Gy,top:Hy,right:Fy,center:zy,left:Ay,flag:By,lens:Ly,local_library:Dy,italic:Iy,strikethrough:Ey,underline:Vy,cylinder:Ty,text_rotate:My,device_hub:Cy,control_point:$y,flip_camera:Ry,flipY:jy,flip:Sy,account_tree:Py,format_shapes:Oy,merge:xy,texture:wy,settings_input_component:ky,view_comfy:by,camera_roll:my,broken_image:gy,shadow:yy,opacity:vy,looks:dy,vintage:py,waves:hy,blur_linear:fy,blur:ly,landscape:uy,palette:sy,diffuse:cy,specular:oy,photo:ay,near_me:iy,view_list:ry,flash_on:ny,doc:ey,storage:ty,archive:Qv,file_copy:Jv,gps_fixed:qv,refresh:Zv,cat:Wv,shuffle:Uv,replay:Kv,speed:Yv,alternate_reverse:Xv,alternate:Nv,note:zv,rect:Av,circle:Bv,color_lens:Lv,cube:Dv,polygon:Iv,star:Ev,dahaze:Vv,brush:Tv,expand:Mv,list:Rv,grid:Cv,align_center:Ov,align_justify:Sv,align_left:jv,align_right:$v,color:Pv,size:wv,edit:xv,outline_image:kv,ballot:gv,shape:yv,scatter:vv,transform:dv,gradient:pv,close:hv,build:fv,code:lv,autorenew:uv,play:cv,pause:sv,skip_next:Fv,skip_prev:Hv,fast_forward:Gv,fast_rewind:_v,filter:ov,input:av,timer:rv,title:nv,paint:ev,border_all:Qd,border_inner:tv,check:Jd,video:Qy,arrowRight:qd,screen:Zd,repeat:Wd,remove2:Ud,setting:Kd,image:Yd,artboard:Xd,folder:Nd,publish:_d,add_note:Gd,add:Hd,save:zd,export:Fd,redo:Ad,undo:Bd,lock:Ld,lock_open:bv,remove:Id,copy:Dd,visible:Ed,add_box:Vd,add_circle:mv,create_folder:Td,chevron_right:Md,chevron_left:iv}),Vg=function(){function t(){O()(this,t)}var e;return j()(t,[{key:"load",value:(e=Fa()(Na.a.mark((function t(){var e,n,r,i,a,o,c,s=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!Tg[e]){t.next=8;break}for(r=s.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=s[a];return o=ne(Tg[e])?(n=Tg[e]).call.apply(n,[Tg[e]].concat(i)):Tg[e],c=new Blob([o],{type:"image/svg+xml"}),t.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(c)})));case 8:return t.abrupt("return",e);case 9:case"end":return t.stop()}}),t)}))),function(){return e.apply(this,arguments)})}]),t}(),Eg=function(){function t(e){O()(this,t),this.$editor=e}return j()(t,[{key:"project",get:function(){return this.$editor.selection.currentProject}},{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=Eh.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 Array.isArray(t)?t=t.map((function(t){return n.applyAsset(t,e)})):ee(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):te(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}}]),t}(),Ig=function(){function t(e){O()(this,t),this.editor=e,this.plugins=[]}var e;return j()(t,[{key:"registerPlugin",value:function(t){this.plugins.push(t)}},{key:"initializePlugin",value:(e=Fa()(Na.a.mark((function t(){var e,n=this,r=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:{},t.next=3,Promise.all(this.plugins.map(function(){var t=Fa()(Na.a.mark((function t(r){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,r(n.editor,e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()));case 3:return t.abrupt("return",t.sent);case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})}]),t}(),Dg=function(){function t(e){O()(this,t),this.editor=e,this.renderers={},this.rendererTypes={}}return j()(t,[{key:"getRenderType",value:function(t){return this.renderers[t]||(this.renderers[t]={}),this.renderers[t]}},{key:"registerRenderer",value:function(t,e,n){var r=this.getRenderType(t);if(r[e])throw new Error("It has duplicated renderer name. "+e);r[e]=n}},{key:"registerRendererType",value:function(t,e){if(this.rendererTypes[t])throw new Error("It has duplcated renderer type name. "+name);this.rendererTypes[t]=e}},{key:"getRenderer",value:function(t){return this.rendererTypes[t]}},{key:"getRendererInstance",value:function(t,e){return this.getRenderType(t)[e]}}]),t}(),Lg=function(){function t(e){O()(this,t),this.editor=e,this.menuItems={}}return j()(t,[{key:"registerMenuItem",value:function(t,e){var n=this;this.menuItems[t]||(this.menuItems[t]=[]),Object.keys(e).forEach((function(r){n.menuItems[t].push({refClass:r,class:e[r]})}))}},{key:"getTargetMenuItems",value:function(t){return this.menuItems[t]||[]}},{key:"generate",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.getTargetMenuItems(t).map((function(t){var n=e?'ref="$'.concat(t.refClass,'"'):"";return'<object refClass="'.concat(t.refClass,'" ').concat(n," />")})).join("\n")}}]),t}(),Bg=function(){function t(e){O()(this,t),this.editor=e,this.locales={},this.fallbackLang="en_US"}return j()(t,[{key:"getLang",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t||this.fallbackLang}},{key:"setFallbackLang",value:function(t){this.fallbackLang=t}},{key:"get",value:function(t){var e,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this.getLang(i),o=(null===(e=this.locales[a])||void 0===e?void 0:e[t])||(null===(n=this.locales[this.fallbackLang])||void 0===n?void 0:n[t])||t||void 0;if(ne(o))return o(r);var c=o;return t===c?t.split(".").pop():(Object.entries(r).forEach((function(t){var e=_t()(t,2),n=e[0],r=e[1];c=c.replace(new RegExp("{".concat(n,"}"),"ig"),r)})),c)}},{key:"hasKey",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=this.getLang(e);return!(!this.locales[n][t]&&!this.locales[this.fallbackLang][t])}},{key:"registerI18nMessage",value:function(t,e){this.locales[t]||(this.locales[t]={}),Object.assign(this.locales[t],e)}}]),t}(),Ag="SELECTION",zg=function(){function t(){O()(this,t),this.EDITOR_ID=ya(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Ag,this.modeView="CanvasView",this.addComponentType="",this.loadManagers()}return j()(t,[{key:"loadManagers",value:function(){this.store=new Po(this),this.config=new kd(this),this.snapManager=new Sd(this),this.commands=new ld(this),this.shortcuts=new bd(this),this.selection=new oh(this),this.timeline=new jo(this),this.history=new xd(this),this.keyboardManager=new jd(this),this.viewport=new $d(this),this.storageManager=new Rd(this),this.cursorManager=new Vg(this),this.assetManager=new Eg(this),this.menuItemManager=new Lg(this),this.components=new ch(this),this.pluginManager=new Ig(this),this.renderers=new Dg(this),this.i18n=new Bg(this),this.initTheme(),this.initPlugins(),this.initStorage()}},{key:"initStorage",value:function(){this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all"}},{key:"createProject",value:function(){return this.createItem({itemType:"project"})}},{key:"getI18nMessage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.i18n.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return this.i18n.hasKey(t,e||this.locale)}},{key:"initI18nMessage",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"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"initPlugins",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.pluginManager.initializePlugin(t)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Oo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ag;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(Ag)}},{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:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){var t=this.config.get("bodyEvent");return!t||("pointerup"===t.type||"pointermove"===t.type&&0===t.buttons)}},{key:"isPointerDown",get:function(){return!this.isPointerUp}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}},{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(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var i=n[0],a=n[1],o=n.slice(2);return(t=this.store).on.apply(t,[i,a,this].concat(fe()(o)))}},{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 te(t)?e.push(t):Array.isArray(t)&&(e=fe()(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:"storeKey",get:function(){return"__els__.".concat(this.config.get("store.key"))}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),JSON.stringify(e))}},{key:"loadResource",value:function(t){return this.assetManager.revokeResource(window.localStorage.getItem("".concat(this.storeKey,".").concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("".concat(this.storeKey,".").concat(t))||JSON.stringify(""))}},{key:"registerElement",value:function(t){so(t)}},{key:"registerMenuItem",value:function(t,e){this.menuItemManager.registerMenuItem(t,e),this.registerElement(e)}},{key:"registerComponent",value:function(t,e){this.components.registerComponent(t,e)}},{key:"registerItem",value:function(t,e){this.registerComponent(t,e)}},{key:"registerInspector",value:function(t,e){this.components.registerInspector(t,e)}},{key:"registerRenderer",value:function(t,e,n){this.renderers.registerRenderer(t,e,n)}},{key:"registerRendererType",value:function(t,e){this.renderers.registerRendererType(t,e)}},{key:"getRendererInstance",value:function(t,e){return this.renderers.getRendererInstance(t,e)}},{key:"renderer",value:function(t){return this.renderers.getRenderer(t)}},{key:"html",get:function(){return this.renderer("html")}},{key:"svg",get:function(){return this.renderer("svg")}},{key:"json",get:function(){return this.renderer("json")}},{key:"registerCommand",value:function(t){return this.commands.registerCommand(t)}},{key:"registerShortCut",value:function(t){this.shortcuts.registerShortCut(t)}},{key:"registerPlugin",value:function(t){this.pluginManager.registerPlugin(t)}},{key:"registerPluginList",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((function(e){return t.registerPlugin(e)}))}},{key:"registerConfig",value:function(t){this.config.registerConfig(t)}},{key:"registerI18nMessage",value:function(t,e){this.i18n.registerI18nMessage(t,e)}},{key:"registerI18nMessageWithLocale",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n=_t()(t,2),r=n[0],i=n[1];e.registerI18nMessage(r,i)}))}}]),t}(),Fg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return K("bodyMouseMove ".concat(t))},Hg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return K("bodyMouseUp ".concat(t))};function Gg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _g=function(t){R()(n,t);var e=Gg(n);function n(t){var r,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return O()(this,n),(r=e.call(this,t,i)).__UID=new Set,r.created(),r.initialize(),r.initializeStoreEvent(),r}return j()(n,[{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:MULTI_PREFIX,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=ue(t,e),i=_t()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"createLocalCallback",value:function(t,e){var n=e.bind(this);return n.displayName="".concat(this.sourceName,".").concat(t),n.source=this.source,n}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(B).forEach((function(e){var n=t.getRealEventName(e,G),r=n.split(A),i=Aa()(r),a=(i[0],i.slice(1)),o=a.map((function(t){return t.trim()})).filter((function(e){return t[e]})).map((function(t){return{target:t}})),c=t.splitMethod(a,"debounce"),s=_t()(c,2),u=s[0],l=s[1],f=t.splitMethod(a,"throttle"),h=_t()(f,2),p=h[0],d=h[1],v=t.splitMethod(a,"allTrigger"),y=_t()(v,2),g=(y[0],y[1]),m=t.splitMethod(a,"selfTrigger"),b=_t()(m,2),k=(b[0],b[1]);n.split(A).filter((function(t){return-1===o.indexOf(t)&&-1===l.indexOf(t)&&-1===g.indexOf(t)&&-1===k.indexOf(t)&&-1===d.indexOf(t)})).map((function(t){return t.trim()})).filter(Boolean).forEach((function(n){if(ne(t[e])){var r=t.createLocalCallback(n,t[e]);t.$store.on(n,r,t,u,p,g.length,k.length,o)}}))}))}},{key:"destoryStoreSUBSCRIBE",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){Ta()(V()(n.prototype),"destroy",this).call(this),this.destoryStoreSUBSCRIBE()}},{key:"rerender",value:function(){Ta()(V()(n.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:"broadcast",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];Object.keys(this.children).forEach((function(n){var i;(i=e.children[n]).trigger.apply(i,[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:"subscribe",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="subscribe.".concat(po()),i=this.createLocalCallback(r,t);return this.$store.on(r,i,this,e,n,!1,!0),r}}]),n}(wo);function Ng(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xg=function(t){R()(n,t);var e=Ng(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.$editor.registerI18nMessageWithLocale(this.initializeI18nMessage())}},{key:"initializeI18nMessage",value:function(){return{}}},{key:"$editor",get:function(){return this.parent.$editor}},{key:"$store",get:function(){return this.$editor.store||this.parent.$store}},{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 this.$editor.getI18nMessage(t,e,n)}},{key:"$initI18n",value:function(t){return this.$editor.initI18nMessage(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}},{key:"$menuManager",get:function(){return this.$editor.menuItemManager}},{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:"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)}}]),n}(_g);function Yg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kg={x:0,y:0},Ug={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Wg=function(t){R()(n,t);var e=Yg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.$editor.registerPluginList(this.getPlugins()),Array.isArray(this.opt.plugins)&&this.$editor.registerPluginList(this.opt.plugins),this.$editor.initPlugins(),ee(this.opt.config)&&this.$config.setAll(this.opt.config||{})}},{key:"$editor",get:function(){return this.__editorInstance||(this.__editorInstance=new zg),this.__editorInstance}},{key:"afterRender",value:function(){Ta()(V()(n.prototype),"afterRender",this).call(this),this.$el.attr("data-theme",this.$editor.theme),this.$el.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initialize",value:function(){var t;Ta()(V()(n.prototype),"initialize",this).call(this),this.__initBodyMoves(),this.emit("load.json",null===(t=this.opt.data)||void 0===t?void 0:t.projects)}},{key:"getPlugins",value:function(){return[]}},{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):Yt(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")||Ug;!(n.x===t.x&&n.y===t.y)&&this.__moves.size&&(this.__moves.forEach((function(n){var r=Zi(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:st("add/body/mousemove"),value:function(t,e,n){this.__moves.add({func:t,context:e,xy:n})}},{key:st("add/body/mouseup"),value:function(t,e,n){this.__ends.add({func:t,context:e,xy:n})}},{key:jt("document"),value:function(t){var e=t.xy||Kg;this.$config.set("bodyEvent",t),this.$config.set("pos",e)}},{key:Ct("document"),value:function(t){var e=t.xy||Kg;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.__requestId||(this.__requestId=requestAnimationFrame(this.__funcBodyMoves))}},{key:Mt("document"),value:function(t){this.$config.set("bodyEvent",t),this.__removeBodyMoves(),cancelAnimationFrame(this.__requestId),this.__requestId=null}},{key:St("window")+tt(100),value:function(){this.emit("resize.window")}},{key:ct("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:ct("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:ct("changeTheme"),value:function(){this.$el.attr("data-theme",this.$editor.theme)}},{key:ct("changed.locale"),value:function(){this.rerender()}}]),n}(Xg);n(34);function Zg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qg=[],Jg=function(t){R()(n,t);var e=Zg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(d," ").concat(30-c," L ").concat(d," 30 ")}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(h,'" y="',0,'" dx="0" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(f,"</text>")}return o.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,c=(n[0][0]-i)/a*o,s=(n[2][0]-i)/a*o;return"\n            M ".concat(c," 20 \n            L ").concat(c," 30 \n            L ").concat(s," 30 \n            L ").concat(s," 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,t),n=Math.max.apply(Math,t),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,c=(e-i)/a*o,s=(n-i)/a*o;return"\n            M ".concat(c," 15 \n            L ").concat(c," 20 \n            L ").concat(s," 20 \n            L ").concat(s," 15 \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 qg=[],this.makeLine(qg,200,e,n,r,i,10,20,1e4),this.makeLine(qg,100,e,n,r,i,10,20,200),this.makeLine(qg,50,e,n,r,i,10,20,100),this.makeLine(qg,10,e,n,r,i,10,18,50),this.makeLine(qg,5,e,n,r,i,10,15,10),this.makeLine(qg,1,e,n,r,i,10,13,5),qg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Dt("$ruler")+Q,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:Dt("$layerRuler")+Q,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:ct("updateViewport","refreshSelection"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+nt(10),value:function(){this.$selection.current&&(this.$selection.current.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh())}},{key:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(Xg);n(35);function Qg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tm=[],em=function(t){R()(n,t);var e=Qg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(30-c," ").concat(d," L 30 ").concat(d)}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(1,'" y="',h,'" dy="6" dominant-baseline="central" transform="rotate(-90, 1, ').concat(h,')">').concat(f,"</text>")}return o.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,c=(n[0][1]-i)/a*o,s=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(c,"\n            L 30 ").concat(c,"\n            L 30 ").concat(s,"\n            L 20 ").concat(s,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=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 15 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 15 ").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 tm=[],this.makeLine(tm,200,e,n,r,i,10,18,1e4),this.makeLine(tm,100,e,n,r,i,10,18,200),this.makeLine(tm,50,e,n,r,i,10,18,100),this.makeLine(tm,10,e,n,r,i,10,18,50),this.makeLine(tm,5,e,n,r,i,10,15,10),this.makeLine(tm,1,e,n,r,i,10,14,5),tm.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Dt("$body")+Q,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:Dt("$layerRuler")+Q,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+nt(10),value:function(){var t=this.$selection.current;t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh()}},{key:ct("refreshSelection"),value:function(){this.load("$layerRuler")}},{key:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(Xg),nm=function(){function t(){O()(this,t)}return j()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=fe()(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=fe()(t.dataTransfer.files)),[].concat(fe()(e),fe()(n))}}]),t}(),rm=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],im={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},am={d:!0},om={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},cm=function(t){return im[t]||!1},sm=function(t){return om[t]||!1};function um(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lm=qa.create("div"),fm=function(t){R()(n,t);var e=um(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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      <style type='text/css' ref='$styleView'></style>\n    </div>\n    "}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.refs.$head=qa.create(document.head)}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new ih;this.refs.$head.$$('style[data-renderer-type="html"]').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=qa.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-renderer-type="html"][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:Dt("$svgArea")+Q,value:function(){var t=this.$selection.currentProject||{};return this.$editor.html.renderSVG(t)}},{key:ct("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:ct("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:ct("refreshSelection"),value:function(){var t=this.$selection.items.map((function(t){return'[data-id="'.concat(t.id,'"]')})).join(","),e=this.$selection.isMany?"\n      ".concat(t," {\n        box-shadow: 0 0 0 1px #66baff;\n      }\n    "):"";this.refs.$styleView.html(e)}},{key:ct("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Array.isArray(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?te(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var c=n[a],s=c.allLayers.map((function(t){return'style[data-renderer-type="html"][data-id="'.concat(t.id,'"]')})).join(",");i.push(s),r.push(this.makeStyle(c))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var u=lm.html(r.join("")).createChildrenFragment();this.refs.$head.append(u)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),n}(Xg);n(36);function hm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pm=function(t){R()(n,t);var e=hm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{StyleView:fm}}},{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return"\n            <div class='elf--element-view' ref='$body'>\n                <object refClass='StyleView' ref='$styleView' />\n                <div class='canvas-view' ref='$view'></div>\n                ".concat(this.$menuManager.generate("render.view"),"\n            </div>\n        ")}},{key:ct("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:ct("refElement"),value:function(t,e){ne(e)&&e(this.getElement(t))}},{key:"clearElementAll",value:function(){var t=this;this.$selection.each((function(e){t.clearElement(e.id)}))}},{key:"clearElement",value:function(t){this.state.cachedCurrentElement[t]=void 0}},{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:pt("$view .element-item.text .text-content"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:Pt("$view .element-item.text .text-content"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:vt("$view .element-item.text .text-content"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.parent().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){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(dd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(n))return!0;var r=qa.create(t.target);if(r.hasClass("canvas-view"))return!1;var i=r.closest("element-item");if(!i)return!!this.$editor.isSelectionMode();if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey){var o=this.$selection.currentProject.searchById(a);if(o.is("artboard")&&o.hasChildren())return this.$config.set("set.dragarea.mode",!0),!0}return this.$editor.isSelectionMode()}},{key:pt("$view"),value:function(t){var e=qa.create(t.target).closest("element-item").attr("data-id"),n=this.$selection.get(e);this.$selection.isOne&&n&&(this.emit("open.editor"),this.emit("removeGuideLine"))}},{key:jt("$view")+U("checkEditMode")+Fg("calculateMovedElement")+Hg("calculateEndedElement"),value:function(t){if(this.initMousePoint=this.$viewport.getWorldPosition(t),this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else{var e=this.$selection.hasPoint(this.initMousePoint),n=qa.create(t.target);if(n.hasClass("canvas-view"))return this.$selection.select(),this.initializeDragSelection(),this.emit("history.refreshSelection"),!1;var r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||!1===this.$selection.check({id:i})&&this.$selection.selectById(i),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);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.initializeDragSelection(),this.emit("history.refreshSelection")}}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"calculateMovedElement",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(!this.$selection.isLayoutItem){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.moveTo(e),this.$selection.changeArtBoard()&&(this.initMousePoint=t,this.$selection.reselect(),this.$snapManager.clear(),this.clearElementAll(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Ca.px(t.x+n[0]).round(1e3),y:Ca.px(t.y+n[1]).round(1e3)}})),this.$selection.reset(r)}},{key:ct("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"calculateEndedElement",value:function(t,e){var n=this.$viewport.getWorldPosition(),r=i.dist(n,this.initMousePoint);if(this.$config.get("set.dragarea.mode"))return this.emit("endDragAreaView"),void this.$config.set("set.dragarea.mode",!1);r<1?this.$selection.current:(this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"))),this.emit("refreshSelectionTool",!0)}},{key:At("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Ca.px(e),height:Ca.px(n)}}}},{key:At("$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,")");return{style:{"transform-origin":"".concat(n[0],"px ").concat(n[1],"px"),transform:i}}}},{key:ct("refreshSelectionStyleView"),value:function(t){var e=this;(t?[t]:this.$selection.items).forEach((function(t){e.updateElement(t)}))}},{key:"updateElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:"updateTimelineElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:ct("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:ct("refreshAllCanvas"),value:function(){this.clearElementAll();var t=this.$selection.currentProject,e=this.$editor.html.render(t,null,this.$editor)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view"),this.trigger("updateAllCanvas",t)}},{key:ct("updateAllCanvas"),value:function(t){var e=this;t.layers.forEach((function(t){e.updateElement(t,e.getElement(t.id)),e.trigger("updateAllCanvas",t)}))}},{key:ct("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));fe()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:ct("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,c=r.height;t.reset({x:Ca.px(i),y:Ca.px(a),width:Ca.px(o),height:Ca.px(c)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:ct("updateViewport"),value:function(){this.bindData("$view")}}]),n}(Xg);n(37);function dm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vm=function(t){R()(n,t);var e=dm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return"     \n      <div class='elf--page-tools'>\n        <button type='button' ref='$minus'>".concat(Tg.remove2,"</button>\n        <div class='select'>\n          <object \n            refClass=\"NumberInputEditor\" \n            ref='$scale' \n            min='10' \n            max='240' \n            step=\"1\" \n            key=\"scale\" \n            value=\"").concat(100*this.$viewport.scale,'" \n            onchange=').concat(this.subscribe((function(e,n){t.$viewport.setScale(n/100),t.emit("updateViewport"),t.trigger("updateViewport")}),1e3),"\n        />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Tg.add,"</button>        \n        <button type='button' ref='$center' data-tooltip=\"Move to Center\" data-direction=\"top\">").concat(Tg.gps_fixed,"</button>    \n        <button type='button' ref='$ruler' data-tooltip=\"Toggle Ruler\" data-direction=\"top\">").concat(Tg.straighten,"</button>    \n        <button type='button' ref='$fullscreen' data-tooltip=\"FullScreen Canvas\" data-direction=\"top\">").concat(Tg.fullscreen,"</button>                        \n        <button type='button' ref='$pantool' class=\"").concat(Oc({on:this.$config.get("set.tool.hand")}),'" data-tooltip="Hand | H" data-direction="top">').concat(Tg.pantool,"</button>   \n        ").concat(this.$menuManager.generate("page.tools"),"                             \n      </div>\n\n    ")}},{key:ct("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale&&this.children.$scale.setValue(t)}},{key:ht("$plus")+at+ot,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:ht("$minus")+at+ot,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:ht("$center")+at+ot,value:function(){this.emit("moveSelectionToCenter")}},{key:ht("$pantool")+at+ot,value:function(){this.$config.toggle("set.tool.hand")}},{key:ht("$ruler")+at+ot,value:function(){this.$config.toggle("show.ruler")}},{key:ht("$fullscreen")+at+ot,value:function(){this.emit("bodypanel.toggle.fullscreen")}},{key:lt("set.tool.hand"),value:function(){this.refs.$pantool.toggleClass("on",this.$config.get("set.tool.hand"))}}]),n}(Xg);n(38);function ym(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mm=function(t){R()(n,t);var e=gm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--layer-append-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:"black",fontSize:30,showRectInfo:!1,areaVerties:Io(0,0,0,0),content:"Insert a text",pathManager:new bf,rect:{},options:{},containerItem:void 0}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:Ct("$el")+U("checkNotDragStart"),value:function(t){var e=this.$viewport.getWorldPosition(t),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertex=i.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertex=null),this.bindData("$mousePointer")}},{key:jt("$el")+Fg()+Hg()+at+ot,value:function(t){this.initMousePoint=this.state.targetPositionVertex?this.state.targetPositionVertex:this.$viewport.getWorldPosition(t),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="";var e=Io(this.initMousePoint[0],this.initMousePoint[1],0,0);this.state.areaVerties=this.$viewport.applyVerties(e),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"text":case"svg-text":return"\n                <div \n                    class='draw-item' \n                    \n                    style='font-size: 30px;outline: 1px solid blue;white-space:nowrap'\n                >\n                    <p contenteditable=\"true\" style=\"margin:0px;display: inline-block;outline:none;\" ></p>\n                </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(bf.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(bf.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(bf.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            ");default:return"<div class='draw-item' style='outline: 1px solid blue;'></div>"}}},{key:At("$area"),value:function(){var t=Bo(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:At("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=Bo(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Ca.px(e[2][0]),top:Ca.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||[]).filter(Boolean);return 0!==e.length?'\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    "):void 0}},{key:At("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n]).filter(Boolean)):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,a=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),c=Math.max(n[0],this.initMousePoint[0])-a,s=Math.max(n[1],this.initMousePoint[1])-o;r&&(s=c);var u=Io(a,o,c,s);this.state.areaVerties=this.$viewport.applyVerties(u),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.content,o=r.fontSize,c=r.areaVerties,s=this.$viewport.applyVertiesInverse(c),u=this.$selection.getArtboardByPoint(s[0]),l=Bo(s),f=l.x,h=l.y,p=l.width,d=l.height,v=!0;if(0===p.value&&0===d.value)switch(this.state.type){case"text":a="",d.set(this.state.fontSize),v=!1;break;default:p.set(100),d.set(100)}var y=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ym(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ym(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({x:f,y:h,width:p,height:d,"background-color":i,content:a,"font-size":o},this.state.options);switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete y["background-color"];break;default:delete y.content}switch(this.state.type){case"image":this.trigger("openImage",y,u);break;case"video":this.trigger("openVideo",y,u);break;case"audio":this.trigger("openAudio",y,u);break;case"text":if(!v){var g=this.state.fontSize/this.$viewport.scale,m=this.refs.$area.$(".draw-item > p");return m.parent().css("height","".concat(g,"px")),m.parent().css("font-size","".concat(g,"px")),m.select(),void m.focus()}y["font-size"]=Ca.px(this.state.fontSize/this.$viewport.scale);default:this.emit("newComponent",this.state.type,y,!0,u)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:ct("showLayerAppendView"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.type=t,this.state.options=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:ct("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:ct("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:dt("document")+U("isShow")+Z+W+at+ot,value:function(t){}},{key:vt("document")+U("isShow")+Z+W+at+ot,value:function(t){switch(this.state.type){case"text":var e=qa.create(t.target),n=this.state,r=n.fontSize,i=n.areaVerties,a=this.$viewport.applyVertiesInverse(i),o=Bo(a),c=o.x,s=o.y,u=e.rect(),l=u.width,f=u.height,h=e.text();if(console.log(h,f),0===h.length)break;var p=this.$viewport.applyScaleVertiesInverse([[l,f,r]]),d=_t()(p,1),v=_t()(d[0],3),y=v[0],g=v[1],m=v[2],b={x:c,y:s,width:Ca.px(y),height:Ca.px(g),content:h.trim(),"font-size":Ca.px(m)},k=this.$selection.getArtboardByPoint(a[0]);this.emit("newComponent",this.state.type,b,!0,k)}this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect"),this.trigger("hideLayerAppendView")}},{key:vt("$el")+U("isShow"),value:function(t){switch(this.state.type){case"text":var e=qa.create(t.target).rect();e.width,e.height}}},{key:kt("$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:kt("$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:ct("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:ct("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}}]),n}(Xg);function bm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function km(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xm=function(){function t(){O()(this,t),this.segmentList=[]}return j()(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(km(km({},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(km(km({},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?"":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 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}function Pm(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){w()(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}var Om=["startPoint","endPoint","reversePoint"];function Sm(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 jm(t,e,n,r){var i=[],a=Om;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],c=Math.abs(o[e]-n);c<=r&&i.push({dist:c,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function $m(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 c=a,s=t[c];if(s){if("M"===s.command)i.push({command:"M",values:[s.startPoint]});else{var u=Fc.getPrevPoint(t,a);!1===s.curve?!1===u.curve?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[u.endPoint,s.startPoint]}):!1===u.curve?Fc.isEqual(s.reversePoint,s.startPoint)?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[s.reversePoint,s.startPoint]}):i.push({command:"C",values:[u.endPoint,s.reversePoint,s.startPoint]})}s.close&&i.push({command:"Z"})}}var l=i.map((function(t){return Rm(e,n,t,r)})).join(" ");return{d:l}}function Rm(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 Cm=function(){function t(e){O()(this,t),this.pathEditor=e,this.pathStringManager=new bf,this.guideLineManager=new bf,this.segmentManager=new xm,this.initialize(),this.initializeSelect()}return j()(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:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return fe()(this.state.points)}},{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=i.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){var e=this.transformRect,n=e.x,i=e.y,a=e.width,o=e.height,c=r.create();switch(r.translate(c,c,[n,i,0]),t){case"flipX":r.scale(c,c,[-1,1,1]),r.translate(c,c,[-a,0,0]);break;case"flipY":r.scale(c,c,[1,-1,1]),r.translate(c,c,[0,-o,0]);break;case"flip":r.scale(c,c,[-1,-1,1]),r.translate(c,c,[-a,-o,0])}r.translate(c,c,[-n,-i,0]),this.transformMat4(c)}},{key:"initTransform",value:function(t){this.transformRect=ae(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:ae(t.startPoint),endPoint:ae(t.endPoint),reversePoint:ae(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=Fc.getReversePoint(n.startPoint,a));var c={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(c)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:ae(t),curve:!1,reversePoint:ae(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=Fc.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Fc.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Fc.getNextPoint(i,t));var a=Fc.isFirst(r.segment);if(a){var o=Fc.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ae(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ae(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=_t()(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=ae(n.startPoint),n.endPoint=ae(n.startPoint),"M"===n.command){var r=Fc.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=ae(r.startPoint),r.endPoint=ae(r.startPoint))}else{if((i=Fc.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ae(o.startPoint),o.endPoint=ae(o.startPoint)}else{n.curve=!0;var i,a=Fc.getPrevPoint(e,t);if((i=Fc.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Fc.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ae(n.endPoint),o.reversePoint=ae(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var c=(n.startPoint.x-a.startPoint.x)/3,s=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reversePoint=Fc.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){c=(n.startPoint.x-i.startPoint.x)/3,s=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reverse=Fc.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]=Fc.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],c=o.x,s=o.y,u=n.originalSegment[e],l=u.x,f=u.y,h=Wi(da(c-i,s-a),Zi(l,f,i,a),i,a),p=h.x,d=h.y;n.segment[e]={x:p,y:d}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var a=r.state,o=a.cachedPoints,c=a.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=c.x+e,u=c.y+n,l=Sm(o,"x",s,e,i),f=l.point,h=(e=l.distanceValue,Sm(o,"y",u,n,i)),p=h.point,d=(n=h.distanceValue,{x:c.x+e,y:c.y+n}),v=[];return f&&v.push({startPoint:f,endPoint:d}),p&&v.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:v}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=ae(t.startPoint),e.endPoint=ae(t.endPoint),e.reversePoint=ae(t.reversePoint)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}},{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=Fc.splitPoints(this.state.points),n=Fc.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=ae(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=ae(t.startPoint)),Fc.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,c=this.calculateSnap(a,t,e,3),s=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=s||[],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 u="endPoint"===a?"reversePoint":"endPoint";r.segment[u]=Fc.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},c={x:i,y:a};n.dragPoints&&(c=Fc.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Fc.getPoint(r,e),a=Fc.getPoint(r,n),o=[Pm(Pm({},i),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},Pm(Pm({},a),{},{reversePoint:t.second[2]})],c=Fc.getIndex(r,e);return r.splice.apply(r,[c,2].concat(o)),this.state.points=r,c+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Fc.getPoint(r,e),a=Fc.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[Pm(Pm({},i),{},{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Fc.getIndex(r,e);r.splice.apply(r,[c,1].concat(fe()(o)))}else{o=[Pm({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},Pm(Pm({},a),{},{reversePoint:t.second[1],curve:!0})],c=Fc.getIndex(r,e);r.splice.apply(r,[c,2].concat(fe()(o)))}return this.state.points=r,c+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=Fc.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 $m(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,c=i,s=da(r-n,a-i)-180,u=Wi(0,20,o,c),l=u.x,f=u.y,h=Wi(s/2,20,o,c),p=(h.x,h.y,Wi(s,20,o,c));this.segmentManager.addDistanceAngle(p,20,20,s,{x:l,y:f},{x:l-20,y:f})}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)):(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint),!1===Fc.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===Fc.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?Fc.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===Fc.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===Fc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Fc.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===Fc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Fc.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?Fc.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 bf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new bf).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Fc.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new bf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new bf).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new bf).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=Fc.getNextPoint(t,n),o=Fc.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=jm(t,"x",e.x,n),i=jm(t,"y",e.y,n),a=Pm({},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),c=o.snapPointList,s=o.moveXY;a.push.apply(a,c),t.moveXY=s,r=s,this.snapPointList=a;var u=e[e.length-1];if(i)if(u){if(u.curve){var l=Fc.getReversePoint(n,r);p=l.x,d=l.y;this.guideLineManager.M(u.startPoint).C(u.endPoint,{x:p,y:d},n),this.segmentManager.addGuideLine(u.startPoint,u.endPoint).addGuideLine(n,{x:p,y:d}).addGuideLine(n,r).addCurvePoint(u.endPoint).addCurvePoint({x:p,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===u.curve){var f=Fc.getReversePoint(n,r);p=f.x,d=f.y;this.guideLineManager.M(u.startPoint).Q({x:p,y:d},n),this.segmentManager.addGuideLine(r,{x:p,y:d}).addPoint(!1,n).addCurvePoint({x:p,y:d}).addCurvePoint(r)}}else{var h=Fc.getReversePoint(n,r),p=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:p,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:p,y:d})}else u&&(u.curve?(this.guideLineManager.M(u.startPoint).Q(u.endPoint,r),this.segmentManager.addGuideLine(u.endPoint,u.startPoint).addCurvePoint(u.endPoint)):u.close||(this.guideLineManager.M(u.startPoint).L(r),this.segmentManager.addPoint(!1,u.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new bf;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:"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 $m(t,e,n,r).d}}]),t}();function Mm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tm=function(t){R()(n,t);var e=Mm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),n}(Hu);function Vm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Em(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Im(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dm=function(t){R()(n,t);var e=Im(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Em({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Em(Em({},Ta()(V()(n.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 e=Bs(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),i.push.apply(i,Lu.parse(t));else{var a=t.split(" "),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];r.x1=Ca.parse(c),r.y1=Ca.parse(s),r.x2=Ca.parse(u),r.y2=Ca.parse(l),r.spreadMethod=f||"pad"}})),new n(Em(Em({},r),{},{colorsteps:i}))}}]),n}(Tm);function Lm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Am(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zm=function(t){R()(n,t);var e=Am(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Bm({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Bm(Bm({},Ta()(V()(n.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,c=e.fr,s=e.spreadMethod;return"\n<radialGradient ".concat(Pc({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:c,spreadMethod:s})," >\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 e=Bs(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),i.push.apply(i,Lu.parse(t));else{var a=t.split(" "),o=_t()(a,7),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6];r.cx=c,r.cy=s,r.r=u,r.fx=l,r.fy=f,r.fr=h,r.spreadMethod=p||"pad"}})),new n(Bm(Bm({},r),{},{colorsteps:i}))}}]),n}(Tm);function Fm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _m=function(t){R()(n,t);var e=Gm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Lu({color:"red",percent:0,index:0}),new Lu({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return Hm(Hm({},Ta()(V()(n.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 n({colorsteps:[new Lu({color:t,percent:0,index:0}),new Lu({color:t,percent:100,index:0})]})}}]),n}(Tm);function Nm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ym(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Km=["jpg","jpeg","png","gif","svg"];var Um=function(t){R()(n,t);var e=Ym(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Xm({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return Xm(Xm({},Ta()(V()(n.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,c=t.imageHeight,s=t.url,u=[e,n,r,i,a,o,c].join(",").trim();return"url(".concat(s,"#").concat(u,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,c=e.imageWidth,s=e.imageHeight;return"\n  <pattern ".concat(Pc({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(Pc({x:a,y:o,width:c,height:s,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var e=t.split("(")[1].split(")")[0].trim().split("#"),r=_t()(e,2),i=r[0],a=r[1];if(!a)return new n({url:i});var o=a.split(","),c=_t()(o,7);return new n({patternUnits:c[0],patternWidth:c[1],patternHeight:c[2],imageX:c[3],imageY:c[4],imageWidth:c[5],imageHeight:c[6],url:i})}},{key:"isImageFile",value:function(t){return Km.includes(t)}}]),n}(Tu);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}function Zm(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){w()(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}function qm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Jm=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,Qm=function(t){R()(n,t);var e=qm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.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 Dm(Zm(Zm({},r),{},{colorsteps:n}));case"radial-gradient":return new zm(Zm(Zm({},r),{},{colorsteps:n}));default:return new _m(Zm(Zm({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Bs(t),n=null,r=e.str.match(Jm);return r?(r.forEach((function(t,r){t=zs(t,e.matches),n=t.includes("linear")?Dm.parse(t):t.includes("radial")?zm.parse(t):t.includes("url")?Um.parse(t):_m.parse(t)})),n):_m.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Dm(t);case"radial-gradient":return new zm(t);case"image-resource":case"url":return new Um(t);default:return new _m(t)}}}]),n}(Ec);n(39);function tb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function eb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function nb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rb=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],ib=function(t){R()(n,t);var e=nb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new _c}},{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:Ca.z(),screenY:Ca.z(),screenWidth:Ca.z(),screenHeight:Ca.z()}}},{key:ct("changeDrawManager"),value:function(t){this.setState(eb({},t),!1)}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:vt("document")+U("isShow")+Z+W+at+ot,value:function(){this.trigger("hidePathDrawEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var a=Fc.simply(this.state.points,this.state.tolerance),o=new _c(bf.makePathByPoints(a)),c=new _c(Cm.generatorPathString(o.convertGenerator()));c.transformMat4(this.$viewport.matrixInverse);var s=c.getBBox(),u=i.distance(s[1],s[0]),l=i.distance(s[3],s[0]);c.translate(-s[0][0],-s[0][1]);var f={itemType:"svg-path",x:Ca.px(s[0][0]),y:Ca.px(s[0][1]),width:Ca.px(u),height:Ca.px(l),d:c.scale(1/u,1/l).d,totalLength:this.totalPathLength};rb.forEach((function(t){n.state[t]&&Object.assign(f,w()({},t,n.state[t]))})),e=r.appendChildItem(this.$editor.createItem(f))}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(eb(eb({},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:ct("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:ct("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:ct("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:ct("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:"toFillSVG",get:function(){return Qm.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return Qm.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 Qm.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return Qm.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}},{key:At("$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(bf.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:ct("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Ca.z(),y:Ca.z(),width:Ca.z(),height:Ca.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:jt("$view")+Fg()+Hg(),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")}}]),n}(Xg);n(40);function ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ob(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ab(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function sb(t){var e=_t()(t,2);return{x:e[0],y:e[1]}}var ub=["fill","fill-opacity","stroke","stroke-width"],lb=function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new _c,this.pathGenerator=new Cm(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Ca.z(),screenY:Ca.z(),screenWidth:Ca.z(),screenHeight:Ca.z()}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:vt("document")+U("isShow")+W+at+ot,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:vt("document")+U("isShow")+Z+at+ot,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new _c(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var a=r.getBBox(),o=i.distance(a[1],a[0]),c=i.distance(a[3],a[0]);r.translate(-a[0][0],-a[0][1]);var s={itemType:"svg-path",x:Ca.px(a[0][0]),y:Ca.px(a[0][1]),width:Ca.px(o),height:Ca.px(c),d:r.scale(1/o,1/c).d,totalLength:this.totalPathLength,fill:"#C4C4C4"};ub.forEach((function(t){e.state[t]&&(s[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(a[0])||n).appendChildItem(this.$editor.createItem(s))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new _c(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(ob({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:ct("changePathManager"),value:function(t){this.setState(ob(ob({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:ct("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new _c(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:ct("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:ct("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:ct("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:At("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,canvas:"canvas"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:At("$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:Ct("$view")+at,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=qa.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:jt("$view :not(.split-path)")+at+ot+Fg()+Hg(),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=qa.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=_t()(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:Ca.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:Ca.px(t.x+(e<0?e:0)),top:Ca.px(t.y+(n<0?n:0)),width:Ca.px(Math.abs(e)),height:Ca.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 Ca.parse(t)})),e=_t()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Ca.px(n.x.value+n.width.value),n.y2=Ca.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(Zi(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(),ne(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:ct("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:ct("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:ct("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))}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("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:ct("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new _c(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new _c(t);if("C"===n.segments[1].command){var r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2)),sb(n.segments[1].values.slice(2,4)),sb(n.segments[1].values.slice(4,6))],i=Qo.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return cc(r,i).first[3]}if("Q"===n.segments[1].command){r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2)),sb(n.segments[1].values.slice(2,4))],i=tc.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return sc(r,i).first[2]}if("L"===n.segments[1].command){r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2))],i=ec.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return uc(r,i).first[1]}return e}},{key:jt("$view .split-path")+Fg()+Hg(),value:function(t){this.initRect();var e=new _c(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=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2)),sb(e.segments[1].values.slice(2,4)),sb(e.segments[1].values.slice(4,6))],a=Qo.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(cc(i,a))}else if("Q"===e.segments[1].command){i=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2)),sb(e.segments[1].values.slice(2,4))],a=tc.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(sc(i,a))}else if("L"===e.segments[1].command){i=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2))],a=ec.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(uc(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)}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:pt("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:It("$view [data-segment]")+at+et(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),n}(Xg))));n(41);function fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hb=function(t){R()(n,t);var e=fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--hover-view'>\n                <div class='elf--hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:lt("bodyEvent"),value:function(){var t,e=null===(t=this.$selection.filteredLayers.filter((function(t){return!1===t.is("artboard")}))[0])||void 0===t?void 0:t.id;e&&!1!==this.$config.get("hoverView")?this.$selection.setHoverId(e)&&this.renderHoverLayer():(this.$selection.setHoverId(""),this.renderHoverLayer())}},{key:ct("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(""),this.emit("removeGuideLine");else{var e=t[0].verties,n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n),this.emit("refreshGuideLineByTarget",[t[0].verties])}}},{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                />\n        </svg>')}}]),n}(Xg);n(42);function pb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var db=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,"' />")},vb=function(t,e){var n="".concat(Math.floor(t)),r=13,i=16,a=n.length*r,o=i;return'\n    \n        <rect x="'.concat(e[0]-a/4,'" y="').concat(e[1]-i-2,'" width="').concat(a,'" height="').concat(o,'" rx="2" ry="2" fill="#00a9f4" />\n        <text x="').concat(e[0],'" y="').concat(e[1],'" dy="-5" font-size="16">').concat(n,"</text>\n    ")},yb=function(t,e){return db(t,e)},gb=function(t,e){return db(t,e)},mb=function(t){return'\n    <path \n        class="base-rect"\n        fill="none"\n        stroke-width="1"\n        stroke="red"\n        stroke-dasharray="2 2"\n        d="'.concat(bf.makeRect(t[0][0],t[0][1],i.dist(t[0],t[1]),i.dist(t[0],t[3])),'\n        " \n    />\n')},bb=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left";return"left"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]+e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"right"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]-e," ").concat(t[1]+e,'\n            " \n        />\n    '):"up"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"down"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '):'\n        <path \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    ')},kb=function(t){R()(n,t);var e=pb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <svg class=\'elf--guide-line-view\' ref="$guide" width="100%" height="100%" ></svg>\n            '}},{key:"initState",value:function(){return{list:[]}}},{key:At("$guide"),value:function(){return{svgDiff:"<g>".concat(this.createGuideLine(this.state.list),"</g>")}}},{key:"createGuideLine",value:function(t){for(var e=[],n=[],r=0,a=(t=t.filter(Boolean)).length;r<a;r++){var o=_t()(t[r],8),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6],d=(o[7],Math.floor(l)),v=this.$viewport.applyVertex(c),y=this.$viewport.applyVertex(s),g=void 0;f&&(g=this.$viewport.applyVerties([f])[0]),"x"===u&&(d>0&&e.push(db(v,y,"dash-line")),g&&e.push(db(y,g,"dash-line")),d>0&&n.push(vb(d,i.lerp([],v,y,.5)))),"y"===u&&(d>0&&e.push(db(v,y,"dash-line")),g&&e.push(db(y,g,"dash-line")),d>0&&n.push(vb(d,i.add([],i.lerp([],v,y,.5),[20,0,0])))),"x"===u&&e.push(yb(y,v)),"y"===u&&e.push(gb(y,v)),this.state.hasVerties&&(e.push(bb(v,3,"vertex")),e.push(bb(y,3,"vertex"))),h&&(this.$selection.isOne&&this.$editor.isPointerDown||this.$selection.isMany&&!this.$editor.isPointerMove)&&e.push(mb(this.$viewport.applyVerties(h))),p&&e.push(mb(this.$viewport.applyVerties(p)))}return[].concat(e,n).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState({list:t,hasVerties:e})}},{key:ct("removeGuideLine","refreshSelection"),value:function(){this.removeGuideLine()}},{key:ct("refreshGuideLineByTarget"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.refreshSmartGuides(t)}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:"refreshSmartGuides",value:function(t){if(!this.$selection.isEmpty){var e,n=zo(this.$selection.verties);if(t)e=t.map((function(t){return zo(t)}));else{var r=this.$selection.snapTargetLayers.map((function(t){var e=zo(t.verties);return{targetVerties:e,dist:i.dist(e[4],n[4])}}));r.sort((function(t,e){return t.dist-e.dist})),e=r.map((function(t){return t.targetVerties}))}var a=e.map((function(t){return ea(n,t)}));a.sort((function(t,e){return t[3]-e[3]}));var o=[a[0],a[1]].filter(Boolean);this.setGuideLine(o)}}},{key:"refreshSmartGuidesForVerties",value:function(){var t=this.$snapManager.findGuide(this.$selection.verties);this.setGuideLine(t,!0)}},{key:ct("refreshSelectionStyleView"),value:function(){!this.$selection.hasChangedField("d","clip-path")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refreshSmartGuidesForVerties()}}]),n}(Xg);n(43);function xb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wb=function(t){R()(n,t);var e=xb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='elf--selection-info-view'></div>"}},{key:jt("$el [data-artboard-title-id]")+J+Fg("calculateMovedElement")+Hg("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.getWorldPosition(t);var e=t.$dt.attr("data-artboard-title-id");this.$selection.selectById(e),t.altKey&&(this.$selection.selectAfterCopy(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),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.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));this.emit("selectionToolView.moveTo",n),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.refresh()}))}},{key:ct("refreshItemName"),value:function(t,e){var n;this.emit("setAttributeForMulti",w()({},t,{name:e})),null===(n=this.$el.$("[data-artboard-title-id='".concat(t,"']")))||void 0===n||n.text(e)}},{key:"calculateEndedElement",value:function(t,e){this.command("setAttributeForMulti","move item",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView"),value:function(){this.$selection.current&&this.$selection.current.is("artboard")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refresh()}},{key:Dt("$el")+Q,value:function(){var t=this;return this.$selection.currentProject.artboards.map((function(e){return{title:e.name,id:e.id,rect:[t.$viewport.applyVertex(e.verties[0]),t.$viewport.applyVertex(e.verties[1])]}})).map((function(e){return t.makeArtboardTitleArea(e)}))}},{key:"makeArtboardTitleArea",value:function(t){return'\n            <div class="artboard-title is-not-drag-area" \n                 data-artboard-title-id="'.concat(t.id,'" \n                 style="left: ').concat(t.rect[0][0],"px;top:").concat(t.rect[0][1],'px;"\n            >').concat(t.title,"</div>")}}]),n}(Xg);function Pb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ob(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jb=function(t){R()(n,t);var e=Sb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Dt("$el"),value:function(){var t=this;if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var n=e.parent,r=n.screenX,i=n.screenY,a=n.width,o=n.height,c=this.$editor.html.toGridLayoutCSS(n);return"<div style='".concat(xc(Ob({position:"absolute",left:r,top:i,width:a,height:o,border:"1px solid black"},c)),"'>\n                ").concat(n.layers.map((function(e){var n=t.$editor.html.toLayoutItemCSS(e);return"<div style='".concat(xc(Ob(Ob({},n),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:ct("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:ct("updateViewport"),value:function(){this.refresh()}}]),n}(Xg);n(20);function $b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rb=function(t){R()(n,t);var e=$b(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView"></div>            \n        '}},{key:"checkSelectionArea",value:function(t){var e=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(e))return!0}},{key:"checkEditMode",value:function(t){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(dd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);return this.inSelection=!1,this.$selection.hasPoint(n)?(this.inSelection=!0,this.$selection.current.is("artboard")&&this.$selection.current.hasChildren()?(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1),!0):(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0),!0)):(this.mouseOverItem=this.$selection.filteredLayers[0],this.mouseOverItem?(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0)):(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1)),!0)}},{key:jt("$dragAreaView")+U("checkEditMode")+Fg("movePointer")+Hg("moveEndPointer"),value:function(t){if(this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else if(this.$config.get("set.move.mode"))if(this.initMousePoint=this.$viewport.getWorldPosition(),this.mouseOverItem=this.$selection.filteredLayers[0],t.altKey)!1===this.$selection.isEmpty&&this.$selection.hasPoint(this.initMousePoint)&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(this.mouseOverItem){var e=this.mouseOverItem.id;if(t.shiftKey)this.$selection.toggleById(e);else if(!1===this.$selection.check({id:e})){var n=this.$selection.currentProject.searchById(e);n&&n.is("artboard")&&n.hasChildren()||this.$selection.selectById(e)}}this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"movePointer",value:function(t,e){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(this.$config.get("set.move.mode")){if(this.$selection.isLayoutItem)return;var n=this.$viewport.getWorldPosition(),r=i.floor([],i.subtract([],n,this.initMousePoint));this.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){var e=t.verties.map((function(t){return i.add([],t,n)})),a=i.subtract([],i.transformMat4([],e[0],t.parentMatrixInverse),i.transformMat4([],t.verties[0],t.parentMatrixInverse));r[t.id]={x:Ca.px(t.x+a[0]).round(1e3),y:Ca.px(t.y+a[1]).round(1e3)}})),this.$selection.reset(r)}},{key:ct("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"moveEndPointer",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("endDragAreaView");else if(this.$config.get("set.move.mode")){var t=this.$viewport.getWorldPosition();if(i.floor([],i.subtract([],t,this.initMousePoint))<1){if(this.$selection.current.isSVG())return this.emit("open.editor"),void this.emit("removeGuideLine")}else this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"));this.emit("refreshSelectionTool",!0)}this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!1)}}]),n}(Xg);function Cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mb=function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView" style="pointer-events:none;">\n                <div class=\'drag-area-rect\' ref=\'$dragAreaRect\'></div>\n            </div>            \n        '}},{key:ct("drawAreaView"),value:function(t){this.refs.$dragAreaRect.css(t)}},{key:ct("initDrawAreaView"),value:function(){this.refs.$dragAreaRect.css({left:Ca.px(-1e4),top:Ca.z(),width:Ca.z(),height:Ca.z()})}},{key:ct("startDragAreaView"),value:function(){this.initMousePoint=this.$viewport.getWorldPosition(),this.$config.set("hoverView",!1),this.dragRect={left:Ca.px(this.initMousePoint[0]),top:Ca.px(this.initMousePoint[1]),width:Ca.z(),height:Ca.z()},this.trigger("drawAreaView",this.dragRect)}},{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:ct("moveDragAreaView"),value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));t.shiftKey&&(n[1]=n[0]);var r=i.floor([],this.initMousePoint),a=i.floor([],i.add([],this.initMousePoint,n)),o=zo([this.$viewport.applyVertex(r),this.$viewport.applyVertex(a)]);if(this.dragRect={left:Ca.px(o[0][0]),top:Ca.px(o[0][1]),width:Ca.px(Math.abs(o[1][0]-o[0][0])),height:Ca.px(Math.abs(o[3][1]-o[0][1]))},this.trigger("drawAreaView",this.dragRect),this.$editor.isSelectionMode()){var c=this.dragRect,s=c.left,u=c.top,l=c.width,f=c.height,h={x:s.value,y:u.value,width:l.value,height:f.value};if(this.$selection.currentProject){var p,d=this.getSelectedItems(h,Ao([r,a]));(p=this.$selection).select.apply(p,fe()(d))&&(this.emit("refreshSelection"),this.emit("refreshSelectionTool",!0))}}}},{key:ct("endDragAreaView"),value:function(){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.$config.set("hoverView",!0),0===e[0]&&0===e[1]&&this.$selection.empty(),this.trigger("initDrawAreaView"),this.$selection.reselect(),this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),this.emit("removeGuideLine")}}]),n}(Xg);n(21);function Tb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vb={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"},Eb=function(t){R()(n,t);var e=Tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:ct("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:ct("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:jt("$pointerRect .rotate-pointer")+Fg("rotateVertex")+Hg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.verties=ae(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),r=4===this.rotateTargetNumber?Do(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(ua(r,this.verties[4],n));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);if(n){var r=zc.addTransform(e.transform,"rotateZ(".concat(Ca.deg(a).round(1e3),")"));if(t.$config.get("bodyEvent").shiftKey){var i=zc.get(r,"rotateZ");if(i[0]){var o=i[0].value-i[0].value%t.$config.get("fixed.angle");r=zc.rotateZ(r,Ca.deg(o))}}n.reset({transform:r})}})),this.state.dragging=!0,this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform"))}},{key:"rotateEndVertex",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","change rotate",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=da(r[0],r[1]),o=Math.floor(a)-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:$t("$pointerRect .rotate-pointer")+U("checkPointerIsNotMoved"),value:function(t){this.refreshRotatePointerIcon(t)}},{key:$t("$pointerRect .pointer")+U("checkPointerIsNotMoved"),value:function(t){this.refreshPointerIcon(t)}},{key:Rt("$pointerRect .pointer,.rotate-pointer")+U("checkPointerIsNotMoved"),value:function(t){this.emit("recoverCursor")}},{key:jt("$pointerRect .pointer")+Fg("moveVertex")+Hg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=Vb["".concat(e)];this.initMousePoint=this.$viewport.getWorldPosition(t),this.state.moveType=n,this.state.moveTarget=e,this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.subtract([],Co.scale(a,e,n),t);return ha(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Ca.px(e[0]+(n<0?n:0)),y:Ca.px(e[1]+(r<0?r:0)),width:Ca.px(Math.abs(n)),height:Ca.px(Math.abs(r))})}},{key:"moveDirectionVertex",value:function(t,e,n,i,a){var o=fa(t.directionMatrix[i],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),c=r.getTranslation([],o);this.moveItem(this.$selection.get(t.id),c,e,n)}},{key:"moveBottomRightVertex",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=_t()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var c=n.width+a,s=n.height+o;e.moveDirectionVertex(n,c,s,"to top left",[0,0,0])}))}},{key:"moveTopRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom left",[0,c,0])}}},{key:"moveTopLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom right",[o,c,0])}}},{key:"moveTopVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,o,c,"to top right",[o,0,0])}}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType?this.moveBottomVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.pack("x","y","width","height"))}))}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)}))),n=i.add([],t,e),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Ca.px(t.x+n[0]),y:Ca.px(t.y+n[1])}})),this.$selection.reset(r)}},{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.$selection.isEmpty){var t=this.$selection.verties,e=this.$selection.selectionVerties,n=r.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var i=this.createRenderPointers.apply(this,fe()(this.state.renderPointerList));if(i){var a=i.line,o=i.point,c=i.size;this.refs.$pointerRect.updateDiff(a+o+c)}}}},{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,a="";if(!(r&&r.is("artboard"))){var o=i.lerp([],t[0],t[1],.5);a+="\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(a,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.$selection.current.width.value,l=this.$selection.current.height.value,f=i.subtract([],c.data.start,c.data.end),h=da(f[0],f[1])+90,p="".concat(_i(u,100)," x ").concat(_i(l,100));if(this.state.isRotate){var d=zc.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(_i(d[0].value,1e3),"°"))}return'\n            <div \n                data-layout="'.concat(this.$selection.current.layout,"\"\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(t,e,n){var r=this.$selection.current,a=this.$editor.isPointerMove;if(!r||!r.is("text")||0!==r.width.value||0!==r.height.value){var o=r&&r.is("artboard"),c=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),s=Ca.deg(da(c[0],c[1])+90).round(1e3),u=Do(t,34),l=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,u,n[0]),size:this.createSize(t),point:[o?void 0:this.createRotatePointer(e[0],0),o?void 0:this.createRotatePointer(e[1],1),o?void 0:this.createRotatePointer(e[2],2),o?void 0:this.createRotatePointer(e[3],3),o?void 0:this.createRotatePointer(u,4,"center center"),a?void 0:this.createPointer(t[0],1,s),a?void 0:this.createPointer(t[1],2,s),a?void 0:this.createPointer(t[2],3,s),a?void 0:this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20||a?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11,s),l<20||a?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12,s),l<20||a?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13,s),l<20||a?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14,s)].join("")}}}},{key:"checkShow",value:function(){return!(!this.$selection.isOne||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:ct("refreshSelectionStyleView")+U("checkShow"),value:function(){this.renderPointers()}},{key:ct("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:ct("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:ct("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:ct("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),n}(Xg));function Ib(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Db=function(t){R()(n,t);var e=Ib(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGroup",get:function(){return Boolean(this.layers.length)}},{key:"isLayoutItem",value:function(){return this.parent.hasLayout()}},{key:"hasLayout",value:function(){return"default"!==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}}]),n}(Uc);function Lb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ab(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zb=function(t){R()(n,t);var e=Ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Bb({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Bb(Bb({},Ta()(V()(n.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 n(t)}}]),n}(Ec);function Fb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _b={};["appearance","position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","border-radius","border","box-shadow","clip-path","color","perspective-origin","transform-origin","transform-style","perspective","mix-blend-mode","overflow","opacity","flex-layout","grid-layout","animation","transition","pattern"].forEach((function(t){_b[t]=!0}));var Nb=function(t){R()(n,t);var e=Gb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Hb({position:"absolute",x:Ca.z(),y:Ca.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Ca.px(300),height:Ca.px(300),color:"black",overflow:"visible",opacity:1,"z-index":Ca.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 Hb(Hb(Hb({},Ta()(V()(n.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","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:"editable",value:function(t){if("border"==t&&this.hasChildren())return!1;switch(t){case"svg-item":case"box-model":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Boolean(_b[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 zb(Hb({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(fe()(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():Ca.z(),y:this.json.y?this.json.y.clone():Ca.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Ca.px(t.x.value+t.width.value),t.y2=Ca.px(t.y.value+t.height.value),t}},{key:"reset",value:function(t){var e=Ta()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("clip-path")&&this.setClipPathCache(),e}},{key:"setClipPathCache",value:function(){var t=sf.parseStyle(this.json["clip-path"]);"path"===t.type&&(this.cacheClipPath=new _c(t.value.trim()))}},{key:"setCache",value:function(){Ta()(V()(n.prototype),"setCache",this).call(this),this.setClipPathCache()}},{key:"clipPathString",get:function(){if(this.cacheClipPath||this.setClipPathCache(),this.cacheClipPath)return this.cacheClipPath.clone().scaleTo(this.json.width.value,this.json.height.value)}}]),n}(Db);function Xb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Kb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ub=function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Yb({itemType:"artboard",name:"New ArtBoard",width:Ca.px(1e3),height:Ca.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return Yb(Yb({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Tg.artboard}},{key:"editable",value:function(t){switch(t){case"border":case"border-radius":case"backdrop-filter":case"box-shadow":case"clip-path":return!1;case"artboard-size":case"layout":return!0}return Ta()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(Nb);function Wb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zb={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"},qb=function(t){R()(n,t);var e=Wb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:ct("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:ct("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:jt("$pointerRect .rotate-pointer")+Fg("rotateVertex")+Hg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.verties=this.groupItem.verties,this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),a=4===this.rotateTargetNumber?Do(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(ua(a,this.verties[4],n));this.$config.get("bodyEvent").shiftKey&&(o-=o%this.$config.get("fixed.angle")),this.localAngle=this.angle+o,this.groupItem.reset({transform:zc.rotateZ(this.groupItem.transform,Ca.deg(this.localAngle))});var c=la(o,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=Ji(e.verties,r.multiply([],e.parentMatrixInverse,c)),a=Do(n,34),o=sa(a[0]-n[4][0],a[1]-n[4][1])-270,s=i.transformMat4([],n[0],la(-o,n[4])),u=t.$selection.get(e.id);u&&u.reset({x:Ca.px(s[0]),y:Ca.px(s[1]),transform:zc.rotateZ(e.transform,Ca.deg(o))})})),this.state.dragging=!0,this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform"))}},{key:"rotateEndVertex",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=da(r[0],r[1]),o=Math.floor(a)-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:$t("$pointerRect .rotate-pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.refreshRotatePointerIcon(t)}},{key:$t("$pointerRect .pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.refreshPointerIcon(t)}},{key:Rt("$pointerRect .pointer,.rotate-pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.emit("recoverCursor")}},{key:jt("$pointerRect .pointer")+at+Fg("moveVertex")+Hg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=Zb["".concat(e)],this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.initMatrix(!0),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.add([],Co.scale(a,e,n),i.negate([],t));return ha(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Ca.px(t[0]+(e<0?e:0)).round(1e3),y:Ca.px(t[1]+(n<0?n:0)).round(1e3),width:Ca.px(Math.abs(e)).round(1e3),height:Ca.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=ha(r.fromTranslation([],e[4]),t.itemMatrix,r.fromTranslation([],i.negate([],e[4]))),c=i.transformMat4([],e[0],o),s=_t()(c,2),u=s[0],l=s[1],f=i.distance(e[0],e[1]),h=i.distance(e[0],e[3]),p=this.$selection.get(t.id);p&&p.reset({x:Ca.px(u+n),y:Ca.px(l+a),width:Ca.px(f),height:Ca.px(h)})}},{key:"recoverItemForGroup",value:function(t,e,n){var i=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,c=t.accumulatedMatrix,s=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var u=fa(t.parentMatrixInverse,c,r.fromTranslation([],[a,o,0]),r.fromScaling([],[e,n,1]),s),l=Ji(t.verties,u);i.moveItemForGroup(t,l)}))}},{key:"moveBottomRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,c=e.height+a;this.moveDirectionVertex(e,0,0,o,c,"to top left",[0,0,0])}},{key:"moveTopRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,0,a,o,c,"to bottom left",[0,c,0])}},{key:"moveDirectionVertex",value:function(t,e,n,i,a,o,c){var s=i/t.width,u=a/t.height;if(s>=0&&u>=0){var l=fa(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(c,i,a,t.originalTransformOrigin,t.itemMatrix)),f=r.getTranslation([],l);this.moveGroupItem(f,i,a),this.recoverItemForGroup(t,s,u,e,n)}}},{key:"moveTopVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,i,a,o,c,"to bottom right",[o,c,0])}},{key:"moveLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,i,0,o,c,"to top right",[o,0,0])}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to bottom left"===this.state.moveType?this.moveBottomLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType&&this.moveBottomVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.state.dragging=!1,this.initMatrix(!0),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.pack("x","y","width","height","transform"))}))}},{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:"item",get:function(){var t=this.verties||Io(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new Ub),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Ca.px(t[0][0]),y:Ca.px(t[0][1]),width:Ca.px(i.dist(t[0],t[1])),height:Ca.px(i.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=ae(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.state.dragging?this.groupItem.verties:this.$selection.verties,e=this.groupItem.selectionVerties();if(0!==t.length){this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,fe()(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,n){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){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=i.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=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.groupItem.width.value,l=this.groupItem.height.value,f=i.subtract([],c.data.start,c.data.end),h=da(f[0],f[1])+90,p="".concat(_i(u,100)," x ").concat(_i(l,100));if(this.state.isRotate){var d=zc.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(t,e){var n=this.$editor.isPointerMove,r=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),a=Ca.deg(da(r[0],r[1])-90).round(1e3),o=Do(t,30),c=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,o),size:this.createSize(t),point:[this.createRotatePointer(e[0],0,"bottom right"),this.createRotatePointer(e[1],1,"bottom left"),this.createRotatePointer(e[2],2,"top left"),this.createRotatePointer(e[3],3,"top right"),this.createRotatePointer(o,4,"center center"),n?void 0:this.createPointer(t[0],1,a),n?void 0:this.createPointer(t[1],2,a),n?void 0:this.createPointer(t[2],3,a),n?void 0:this.createPointer(t[3],4,a),c<20||n?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11),c<20||n?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12),c<20||n?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13),c<20||n?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14)].join("")}}},{key:"checkShow",value:function(){return!(!this.$selection.isMany||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:ct("refreshSelectionStyleView")+U("checkShow"),value:function(){this.renderPointers()}},{key:ct("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Wb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("hideSelectionToolView"),value:function(){}},{key:ct("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:ct("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:ct("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:ct("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),n}(Xg));n(44);function Jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qb=function(t){R()(r,t);var e,n=Jb(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"components",value:function(){return{SelectionToolView:Eb,GroupSelectionToolView:qb,PageTools:vm,GridLayoutLineView:jb,DragAreaRectView:Mb,HTMLRenderView:pm,SelectionInfoView:wb,LayerAppendView:mm,PathEditorView:lb,PathDrawView:ib,HoverView:hb,GuideLineView:kb,DragAreaView:Rb}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.nextTick((function(){t.trigger("resizeCanvas"),t.emit("moveSelectionToCenter",!1),t.refreshCursor()}))}},{key:"template",value:function(){return"\n      <div class='elf--page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view' ref=\"$pageView\">\n          <div class='page-lock scrollbar' ref='$lock'>            \n            <object refClass=\"DragAreaView\" ref=\"$dragAreaView\" />               \n            <object refClass='HTMLRenderView' ref='$elementView' />                                        \n            <object refClass='SelectionToolView' ref='$selectionTool' />\n            <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n            <object refClass=\"DragAreaRectView\" ref=\"$dragAreaRectView\" />                  \n            <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />            \n            <object refClass='SelectionInfoView' ref='$selectionInfoView' />                                                            \n            <object refClass='GuideLineView' ref='$guideLineView' />            \n            <object refClass='HoverView' ref='$hoverView' />     \n            <object refClass='LayerAppendView' ref='$objectAddView' />       \n            <object refClass='PathEditorView' ref='$pathEditorView' />                 \n            <object refClass='PathDrawView' ref='$pathDrawView' />            \n          </div>\n        </div>\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:At("$pageView"),value:function(){return{style:{"--elf--canvas-background-color":this.$config.get("style.canvas.background.color")}}}},{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(t){return!!this.$config.get("set.tool.hand")||this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(dd.space))}},{key:jt("$lock")+U("checkSpace")+Fg("movePan")+Hg("moveEndPan"),value:function(t){this.startMovePan()}},{key:lt("set.tool.hand"),value:function(t){t?(this.startMovePan(),this.emit("refreshCursor","grab")):(this.emit("recoverCursor","auto"),this.emit("addStatusBarMessage",""))}},{key:"startMovePan",value:function(){this.lastDist=i.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n;this.emit("refreshCursor","grabbing");var r=i.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,fe()(i.transformMat4([],i.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:"refreshCursor",value:function(){!1===this.$config.get("set.tool.hand")?(this.emit("refreshCursor","auto"),this.emit("addStatusBarMessage","")):this.emit("refreshCursor","grab")}},{key:"moveEndPan",value:function(){this.refreshCursor()}},{key:At("$container"),value:(e=Fa()(Na.a.mark((function t(){var e,n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(fe()(this.state.cursorArgs||[])));case 2:return n=t.sent,t.abrupt("return",{style:{cursor:n}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{key:mt("$lock")+at,value:function(){}},{key:gt("$lock")+at,value:function(t){var e=this.$viewport.getWorldPosition(t);if(t.dataTransfer.getData("text/asset"))this.emit("drop.asset",{asset:{id:t.dataTransfer.getData("text/asset"),center:e}});else{nm.getAllDropItems(t);var n=qa.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:Vt("$lock")+at,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),[zt(e,24),zt(n,24),0]}(t),r=_t()(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 c=-2.5*i,s=-2.5*a;this.$viewport.pan(-c/this.$viewport.scale,-s/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:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:ct("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"))}}]),r}(Xg);n(45);function tk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ek=function(t){R()(n,t);var e=tk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CanvasView:Qb,VerticalRuler:em,HorizontalRuler:Jg}}},{key:"template",value:function(){return"\n      <div class=\"elf--body-panel\">\n        <object refClass='HorizontalRuler' />\n        <object refClass='VerticalRuler' />\n        <object refClass='CanvasView' />        \n      </div>\n    "}},{key:At("$el"),value:function(){return{class:"elf--body-panel ".concat(this.$config.get("show.ruler")?"ruler":"")}}},{key:lt("show.ruler"),value:function(){this.refresh()}},{key:ct("bodypanel.toggle.fullscreen"),value:function(){this.refs.$el.toggleFullscreen()}}]),n}(Xg);n(46);function nk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rk=function(t){R()(n,t);var e=nk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='elf--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(Tg.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:ht("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}}]),n}(Xg);n(47);function ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ak=function(t){R()(n,t);var e=ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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:ct("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.layers.map((function(e){return t.makeStyle(e)})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(this.$editor.html.renderSVG(e),"\n").concat(this.$editor.html.render(e),"\n        ");this.refs.$html.text(r);var i=e.layers.map((function(e){return t.$editor.svg.render(e)}));this.refs.$svgimage.text(i.join("\n\n")),this.refs.$svgimagePreview.html(qa.createByHTML("<div>".concat(i.map((function(t){return"<div>".concat(t,"</div>")})).join(""),"</div>")))}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"makeHTML",value:function(t){return this.$editor.html.render(t)}},{key:ht("$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))}}]),n}(rk);so({ExportWindow:ak});n(48);function ok(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ck=new Set;pd.forEach((function(t){ck.add(t.category)}));var sk={};ck.forEach((function(t){pd.filter((function(e){return e.category===t})).forEach((function(t){sk[t.category]||(sk[t.category]=[]),sk[t.category].push(t)}))}));var uk={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},lk=hd(),fk=function(t){R()(n,t);var e=ok(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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(uk[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(lk,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(sk).map((function(e){return t.getTemplateForCategory(e,sk[e])})).join(""),"\n        </div>\n        ")}},{key:ct("showShortcutWindow"),value:function(){this.show()}}]),n}(rk);so({ShortcutWindow:fk});n(49);function hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pk=function(t){R()(n,t);var e=hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--project-window"}},{key:"getTitle",value:function(){return"Project Manager"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="project-container">\n            <div class="project-menu left">\n                Project Menu\n            </div>\n            <div class="project-list right">\n                Project List\n            </div>\n        </div>\n        '}},{key:ct("open.projects"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){this.$selection.currentProject}}]),n}(rk);so({ProjectWindow:pk});n(50);function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vk=function(t){R()(n,t);var e=dk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--notification-view'>\n            </div>\n        "}},{key:Et("$el"),value:function(t){qa.create(t.target).remove()}},{key:ht("$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]:1e3;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(Tg.close,"</span>\n        </div>\n    ")}},{key:ct("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1e3,i=qa.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),n}(Xg);function yk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gk=function(t){R()(n,t);var e=yk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{NotificationView:vk}}},{key:"template",value:function(){return"\n      <div class=\"popup-manger\">\n        <object refClass='ExportWindow' />\n        <object refClass='ProjectWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n        ".concat(this.$menuManager.generate("popup"),"\n      </div>\n    ")}}]),n}(Xg);function mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bk=["TEXTAREA","INPUT","SELECT"],kk=function(t){R()(n,t);var e=mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class="keyboard-manager"></div>\n    '}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!bk.includes(e)&&"true"!==qa.create(t.target).attr("contenteditable")}},{key:dt("document")+U("isNotFormElement")+at,value:function(t){this.emit("keymap.keydown",t)}},{key:vt("document")+U("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),n}(Xg);function xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wk=function(t){R()(n,t);var e=xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{selectedIndexValue:"style"}}},{key:"template",value:function(){var t=this;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="style" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Tg.palette,'</label>\n              </div>         \n              <div class="tab-item" data-value="transition" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Tg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="code" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Tg.code,"</label>\n              </div>          \n\n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                  <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                    <label>').concat(Tg[t.class.icon]||t.class.icon,"</label>\n                  </div>\n                ")})),'\n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="style">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                <object refClass="AppearanceProperty" />                                   \n\n                ').concat(this.$menuManager.generate("inspector.tab.style"),"                             \n                <div class='empty'></div>\n              </div>     \n              <div class='tab-content scrollbar' data-value='transition'>\n                ").concat(this.$menuManager.generate("inspector.tab.transition"),'              \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="code">\n                ').concat(this.$menuManager.generate("inspector.tab.code"),"                            \n                <div class='empty'></div>                           \n              </div>       \n            \n              \n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                  <div class='tab-content' data-value='".concat(r,"'>\n                    ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                    ").concat(t.$menuManager.generate("inspector.tab.".concat(r)),"\n                  </div>\n                ")})),"              \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$header .tab-item:not(.empty-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(Xg);function Pk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ok=function(t){R()(n,t);var e=Pk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"locales",get:function(){return Object.keys(this.$editor.i18n.locales)}},{key:"template",value:function(){var t=this,e=this.locales.map((function(e){return{text:t.$i18n("app.lang.".concat(e)),value:e}}));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(this.variable(e),'\n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:ut("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),n}(Xg);function Sk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jk=["dark","light"],$k=function(t){R()(n,t);var e=Sk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=jk.map((function(e){return{value:e,text:t.$i18n("app.theme.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.theme,'" \n                        onchange=').concat(this.subscribe((function(e,n){return t.emit("switchTheme",n)})),"\n                    /> \n                </div>\n            </div>\n        ")}}]),n}(Xg);function Rk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ck=function(t){R()(n,t);var e=Rk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){return{value:e,text:t.$i18n("app.layout.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:ut("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),n}(Xg);function Mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tk=function(t){R()(n,t);var e=Mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{version:"0.10.73"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),n}(Xg);n(51);function Vk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ek=function(t){R()(n,t);var e=Vk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button class="elf--switch-left-panel" data-tooltip="Toggle left panel" data-direction="top left">'.concat(Tg.left_hide,"</button>\n        ")}},{key:ht(),value:function(){this.$config.toggle("show.left.panel")}}]),n}(Xg);n(52);function Ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dk=function(t){R()(n,t);var e=Ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <button class="elf--switch-right-panel" data-tooltip="Toggle right panel" data-direction="top right">'.concat(Tg.right_hide,"</button>\n        ")}},{key:ht(),value:function(){this.$config.toggle("show.right.panel")}}]),n}(Xg);n(53);function Lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bk=function(t){R()(n,t);var e=Lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LanguageSelector:Ok,ThemeSwitcher:$k,LayoutSelector:Ck,VersionView:Tk,SwitchLeftPanel:Ek,SwitchRightPanel:Dk}}},{key:"template",value:function(){return"\n            <div class='elf--status-bar'>\n                <div class='tool-view left' ref='$leftTool'>\n                    <object refClass=\"SwitchLeftPanel\" />\n                    ".concat(this.$menuManager.generate("statusbar.left"),"                    \n                </div>            \n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$rightTool'>\n                    ").concat(this.$menuManager.generate("statusbar.right"),'\n                    <object refClass="LayoutSelector" />\n                    <object refClass="ThemeSwitcher" />\n                    <object refClass="LanguageSelector" />\n                    <object refClass="VersionView" />\n                    <object refClass="SwitchRightPanel" />                    \n                </div>\n            </div>\n        ')}},{key:"initState",value:function(){return{msg:""}}},{key:At("$msg"),value:function(){return{text:this.state.msg}}},{key:ct("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),n}(Xg);n(54);function Ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zk=function(t){R()(n,t);var e=Ak(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:ct("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"]||Ca.number(1)))}},{key:ct("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='elf--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=').concat(this.variable(["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=').concat(this.variable(["miter","bevel","round"]),'\n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:ut("changeValue"),value:function(t,e,n){this.updateData(w()({},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:ct("changePathManager"),value:function(t){this.setState({mode:t})}},{key:ct("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:ct("hideDrawManager"),value:function(){this.$el.hide()}}]),n}(Xg);n(55);function Fk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hk={"segment-move":"modify",modify:"modify",path:"path"},Gk=function(t){R()(n,t);var e=Fk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:ct("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"]||Ca.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Ca.number(1)))}},{key:"template",value:function(){return"\n      <div class='elf--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(Tg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Tg.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(Tg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Tg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Tg.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(Tg.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:ct("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("setAttributeForMulti","change color assets",this.$selection.packByValue({stroke:e})))}},{key:ut("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change path",this.$selection.packByValue(w()({},t,e))),this.updateData(w()({},t,e))}},{key:At("$mode"),value:function(){return{"data-selected-value":Hk[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:ht("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:ht("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:ht("$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:ct("changePathManager"),value:function(t){this.setState({mode:t})}},{key:ct("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:ct("hidePathManager"),value:function(){this.$el.hide()}}]),n}(Xg);n(56);function _k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nk=function(t){R()(n,t);var e=_k(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{PathManager:Gk,DrawManager:zk}}},{key:"template",value:function(){return"\n      <div class='elf--page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n      </div>\n    "}}]),n}(Xg);function Xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yk=function(t){R()(n,t);var e=Xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'elf--menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'data-tooltip="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n            data-direction="').concat(this.getDirection(),'"\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Tg[this.getIconString()]||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:ht(),value:function(t){this.clickButton(t)}},{key:"getDirection",value:function(){return this.props.direction||""}}],[{key:"createMenuItem",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){R()(r,e);var n=Xk(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIconString",value:function(){return t.iconString||"add_box"}},{key:"getTitle",value:function(){return t.title||"New Item"}},{key:"isHideTitle",value:function(){return t.isHideTitle||!0}},{key:"clickButton",value:function(e){t.clickButton(e)}},{key:"getDirection",value:function(){return t.direction}}]),r}(n)}}]),n}(Xg);function Kk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uk=function(t){R()(n,t);var e=Kk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.$el.$(".icon").css("transform","rotate(-30deg)")}},{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:ct("addLayerView"),value:function(t){this.setSelected("select"===t)}},{key:ct("refreshSelection"),value:function(){this.setSelected(this.$selection.isEmpty)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Wk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zk=function(t){R()(n,t);var e=Wk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"isHideTitle",value:function(){return!0}},{key:ct("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),n}(Yk);function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddArtboard:Zk});var Jk=function(t){R()(n,t);var e=qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("rect"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddRect:Jk});var tx=function(t){R()(n,t);var e=Qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("circle"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddCircle:tx});var nx=function(t){R()(n,t);var e=ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("text"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function rx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddText:nx});var ix=function(t){R()(n,t);var e=rx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ax(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddImage:ix});var ox=function(t){R()(n,t);var e=ax(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"draw"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddDrawPath:ox});var sx=function(t){R()(n,t);var e=cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("path"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ux(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddPath:sx});var lx=function(t){R()(n,t);var e=ux(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"RectPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function fx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddSVGRect:lx});var hx=function(t){R()(n,t);var e=fx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"CirclePath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddSVGCircle:hx});var dx=function(t){R()(n,t);var e=px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);n(57);function vx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yx=function(t){R()(n,t);var e=vx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{SelectTool:Uk,AddArtboard:Zk,AddRect:Jk,AddCircle:tx,AddText:nx,AddImage:ix,AddDrawPath:ox,AddPath:sx,AddSVGRect:lx,AddSVGCircle:hx,AddSVGTextPath:dx}}},{key:"template",value:function(){return"\n      <div class='elf--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              \x3c!--object refClass='AddVideo' /--\x3e\n              ").concat(this.$menuManager.generate("tool.menu.css"),"\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              ").concat(this.$menuManager.generate("tool.menu.svg"),"              \n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:ct("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:ct("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:ht("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),n}(Xg);function gx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mx=function(t){R()(n,t);var e=gx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.projects.title")}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("open.projects")}}]),n}(Yk);function bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kx=function(t){R()(n,t);var e=bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wx=function(t){R()(n,t);var e=xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ox=function(t){R()(n,t);var e=Px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Sx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jx=function(t){R()(n,t);var e=Sx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function $x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rx=function(t){R()(n,t);var e=$x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){var e=this;this.emit("saveJSON"),this.nextTick((function(){e.emit("notify","alert","Save","Save the content on localStorage",2e3)}))}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);n(58);function Cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mx=function(t){R()(n,t);var e=Cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{Projects:mx,Fullscreen:kx,KeyBoard:wx,ExportView:Ox,Download:jx,Save:Rx,PageSubEditor:Nk,ToolMenu:yx}}},{key:"template",value:function(){return"\n            <div class='elf--tool-bar'>\n                <div class='logo-item'>\n                    <label class='logo'></label>\n                </div>                 \n                <div class='left'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"Projects\" />\n                                <object refClass=\"Fullscreen\" />      \n                                ".concat(this.$menuManager.generate("toolbar.left"),"\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n                <div class='center'>\n                    <object refClass=\"ToolMenu\" />\n                    <object refClass='PageSubEditor' />  \n                </div>\n                <div class='right'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"KeyBoard\" />        \n                                <object refClass=\"ExportView\" />\n                                <object refClass=\"Download\" />\n                                <object refClass=\"Save\" />   \n                                ").concat(this.$menuManager.generate("toolbar.right"),"                             \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ")}}]),n}(Xg);function Tx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vx=function(t){R()(n,t);var e=Tx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ix=function(t){R()(n,t);var e=Ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Dx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lx=function(t){R()(n,t);var e=Dx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ax=function(t){R()(n,t);var e=Bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function zx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fx=function(t){R()(n,t);var e=zx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Hx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gx=function(t){R()(n,t);var e=Hx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),n}(Yk);function _x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nx=function(t){R()(n,t);var e=_x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){console.log(t),this.emit("same.width")}}]),n}(Yk);function Xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yx=function(t){R()(n,t);var e=Xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);n(59);function Kx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ux=function(t){R()(n,t);var e=Kx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='elf--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                </label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body ").concat(this.getBodyClassName(),"'>").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:"getBodyClassName",value:function(){return""}},{key:"getKeyframeProperty",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:ht("$el .property-body .add-timeline-property")+at+ot,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:ht("$el .property-title .add-timeline-property")+at+ot,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&&(ne(t)&&t()||!ne(t)&&t.includes(n.itemType))?(this.show(),e&&this.refresh()):this.hide()}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}},{key:"editableProperty",get:function(){return""}},{key:"checkShow",value:function(){return this.$selection.current&&this.$selection.current.editable(this.editableProperty)?(this.show(),!0):(this.hide(),!1)}}]),n}(Xg);n(60);function Wx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zx=function(t){R()(n,t);var e=Wx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LeftAlign:Lx,CenterAlign:Ix,RightAlign:Fx,TopAlign:Yx,MiddleAlign:Ax,BottomAlign:Vx,SameWidth:Nx,SameHeight:Gx}}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="elf--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" direction="bottom" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),n}(Ux);function qx(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Jx(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,qx(e))})),{str:t,matches:n}}function Qx(t,e){return e.forEach((function(e){t=t.replace(qx(e),e.parsedString)})),t}function tw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ew(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nw=/((cubic-bezier|steps)\(([^\)]*)\))/gi,rw=function(t){R()(n,t);var e=ew(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Ca.second(0),timingFunction:"linear",delay:Ca.second(0),iterationCount:Ca.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).duration=Ca.parse(t.duration),t.iterationCount=Ca.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?tw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tw(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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Jx(t,nw);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Ca.parse(e[0]),timingFunction:Qx(e[1],r.matches),delay:Ca.parse(e[2]),iterationCount:"infinite"===e[3]?Ca.string("infinite"):Ca.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Ca.parse(e[0]),timingFunction:Qx(e[1],r.matches),delay:Ca.parse(e[2]),name:e[3]}:e.length>=1?{duration:Ca.parse(e[0]),name:e[1]}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Ec);n(61);function iw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ow=function(t){R()(n,t);var e=aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(Tg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Dt("$animationList")+Q,value:function(){var t=this,e=this.$selection.current;return e?rw.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=Rc(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(Tg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Tg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Tg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:ht("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add animation property",this.$selection.packByValue({animation:function(t){return rw.add(t.animation,{name:null})}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:ht("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:rw.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:ht("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=rw.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:rw.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=rw.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:ht("$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:ct("changeAnimationPropertyPopup"),value:function(t){var e=this;this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.command("setAttributeForMulti","change animation property",this.$selection.packByValue({animation:function(t){return rw.replace(t.animation,e.selectedIndex,e.currentAnimation)}})),this.refresh()))}}]),n}(Ux);n(62);function cw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sw=function(t){R()(n,t);var e=cw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--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(Tg.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n            \x3c!--<div class='popup-resizer' ref='$resizer'></div> --\x3e\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:ht("$close"),value:function(){this.$el.hide()}},{key:jt("$title")+Fg("movePopupTitle")+Hg("endPopupTitle"),value:function(){this.x=Ca.parse(this.$el.css("left")),this.y=Ca.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Ca.px(this.x.value+t),r=Ca.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?Ca.parse(r):Ca.px(110),o="auto"!==i?Ca.parse(i):Ca.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:ct("hidePropertyPopup"),value:function(){this.hide()}},{key:jt("$resizer")+Fg("moveResizer"),value:function(t){this.width=Ca.parse(this.$el.css("width")),this.height=Ca.parse(this.$el.css("height"))}},{key:"moveResizer",value:function(t,e){this.$el.css({width:Ca.px(Math.min(this.width.value+t,1e3)),height:Ca.px(Math.min(this.height.value+e,700))})}}]),n}(Xg);n(63);function uw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hw=function(t){R()(n,t);var e=fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=lw(lw({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--animation-property-popup' ref='$popup'></div>"}},{key:Dt("$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:Dt("$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:kt("$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:ut("changeSelect"),value:function(t,e){this.updateData(w()({},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:ut("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Ca.number(e.value):Ca.string(e.unit)),this.updateData(w()({},t,e))}},{key:ut("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ct("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:ct("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),n}(sw);function pw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dw=["visible","hidden","scroll","auto"],vw=function(t){R()(n,t);var e=pw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return this.variable(dw.map((function(e){return{value:e,text:t.$i18n("background.color.property.overflow.".concat(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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" \n          ref='$color' \n          label=\"".concat(this.$i18n("background.color.property.color"),"\" \n          key='background-color' \n          onchange=\"changeColor\" \n        />\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:ut("changeColor"),value:function(t,e){this.command("setAttributeForMulti","change background color",this.$selection.packByValue(w()({},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:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"appearance"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux),yw=[{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"}]}]}];n(64);function gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mw=function(t){R()(n,t);var e=gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--artboard-size-list"}},{key:"editableProperty",get:function(){return"artboard-size"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=yw.map((function(t,e){return{category:t.category,index:e}}));return'\n      <object refClass="SelectEditor"  \n        ref=\'$select\' \n        value="'.concat(t[0].category,'" \n        options=').concat(this.variable(t.map((function(t){return t.category})))," \n        onchange='changeSizeIndex'\n      />\n    ")}},{key:ut("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;yw.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:ht("$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:Dt("$list")+Q,value:function(){var t=this;return yw[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),n}(Ux),bw=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xw=function(t){R()(n,t);var e=kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBodyClassName",value:function(){return"no-padding"}},{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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Dt("$filterSelect"),value:function(){var t=this,e=bw.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(fe()(e),[{title:"-------",value:""}],fe()(n)):fe()(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:Dt("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="backdrop-filter" value=\''.concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />\n      </div>\n    ")}},{key:ut("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change backdrop filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"backdrop-filter"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);function ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pw=function(t){R()(n,t);var e=ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:Dt("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'\n      <object refClass="SelectEditor"  \n          ref=\'$1\' \n          key=\'background-clip\' \n          icon="true" \n          value="'.concat(t,'" \n          options=').concat(this.variable(["","paddinb-box","border-box","content-box","text"]),' \n          onchange="changeSelect" \n      />')}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change background clip",this.$selection.packByValue(w()({},t,e)))}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),n}(Ux);n(65);function Ow(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Sw={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Tg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Tg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Tg.repeat," Conic")},jw={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"},$w=function(t){R()(n,t);var e=Ow(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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""===t?[]:Rl.parseStyle(wc(t))}},{key:"setValue",value:function(t){console.log("aaaa",t),this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='elf--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(Tg.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:Dt("$fillList")+Q,value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=jw[i.type],o=Sw[i.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(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(Tg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=xc(Rl.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:ct("add"),value:function(){this.state.images.push(new Rl({image:new nl({angle:90,colorsteps:[new Lu({percent:0,color:"white",index:0}),new Lu({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:yt("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$fillList .fill-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:gt("$fillList .fill-item")+at,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:ht("$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:ct("selectFillPopupTab"),value:function(t,e){var n=jw[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:ut("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,w()({},t,e),n)}},{key:ut("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),n}(Xg);n(66);function Rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cw=function(t){R()(n,t);var e=Rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Ca.z(),y:this.props.y||Ca.z(),width:this.props.width||Ca.z(),height:this.props.height||Ca.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"  \n          label="'.concat(this.$i18n("background.image.position.popup.size"),"\" \n          ref='$size' \n          key='size' \n          value=\"").concat(this.state.size,'" \n          options=').concat(this.variable(["contain","cover","auto"]),'\n          onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:ht("$repeat button"),value:function(t){var e=t.$dt;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Dt("$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:ct("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),n}(sw);function Mw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tw=function(t){R()(n,t);var e=Mw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Dt("$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:"editableProperty",get:function(){return"background-image"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBackgroundImage"),value:function(t,e){this.command("setAttributeForMulti","change background image",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(67);function Vw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ew(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Iw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dw=function(t){R()(n,t);var e=Iw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(Ew({},t))}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:ct("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Ew({},t))}}]),n}(Xg),Lw={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Bw=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){return wc(t)}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){Lw[t]?e=t:pu.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}();n(68);function Aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zw=["border"],Fw={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},Hw=function(t){R()(n,t);var e=Aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Bw.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 Bw.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=Bw.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Dt("$editorArea"),value:function(){var t=this;return zw.map((function(e){var n=Fw[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=\"elf--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:ut("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),n}(Xg);n(69);function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _w=function(t){R()(n,t);var e=Gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:Dt("$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:"editableProperty",get:function(){return"border"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeKeyValue"),value:function(t,e){this.command("setAttributeForMulti","change border",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(70);function Nw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xw=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Yw=function(t){R()(n,t);var e=Nw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:Bw.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 Bw.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=Bw.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Ca.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="elf--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(Xw,"' 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:ut("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),n}(Xg);function Kw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zw=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],qw=Zw.map((function(t){return t.key})),Jw={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Tg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Tg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Tg.repeat," Conic")},Qw=function(t){R()(n,t);var e=Ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Border Image"}},{key:ct("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:ht("$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:Dt("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?Jw[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:ut("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&qw.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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(Zw.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:kt("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:ht("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:ht("$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=fe()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||$a.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=$a.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",Uw(Uw({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(Jw.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(Jw[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:ct("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 qw.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:ht("$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()}}]),n}(Ux);n(71);function tP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eP=[{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"}],nP=eP.map((function(t){return t.key})),rP=function(t){R()(n,t);var e=tP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return is.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='elf--border-radius-editor' ref='$body'></div>"}},{key:ut("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&nP.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(eP.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:xt("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:kt("$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,nP.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"]+"":nP.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:ht("$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()}}]),n}(Xg);function iP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aP=function(t){R()(n,t);var e=iP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:Dt("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:"editableProperty",get:function(){return"border-radius"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBorderRadius"),value:function(t){this.command("setAttributeForMulti","change border radius",this.$selection.packByValue({"border-radius":t}))}}]),n}(Ux);n(72);function oP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cP=[];["margin","padding"].forEach((function(t){cP.push.apply(cP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var sP=function(t){R()(n,t);var e=oP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:"editableProperty",get:function(){return"box-model"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:"getBody",value:function(){return'<div class="property-item elf--box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||Ca.z();return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:Dt("$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:xt("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};cP.forEach((function(n){e[n]=Ca.px(t.getRef("$",n).value)})),this.command("setAttributeForMulti","change padding or margin",this.$selection.packByValue(e))}}]),n}(Ux);n(73);function uP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lP=function(t){R()(n,t);var e=uP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Ks.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Tg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Dt("$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(Tg.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(Tg.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:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:ct("add"),value:function(){this.state.boxShadows.push(new Ks({offsetX:Ca.px(2),offsetY:Ca.px(2),blurRadius:Ca.px(3),spreadRadius:Ca.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:ht("$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:ht("$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){var e=this;this.emit("showBoxShadowPropertyPopup",{changeEvent:function(t,n){var r=e.state.boxShadows[e.selectedIndex];r&&(r.reset(t),e.refresh(),e.modifyBoxShadow())},color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}}]),n}(Xg);function fP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hP=function(t){R()(n,t);var e=fP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:Dt("$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(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:"editableProperty",get:function(){return"box-shadow"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBoxShadow"),value:function(t){this.command("setAttributeForMulti","change box shadow",this.$selection.packByValue({"box-shadow":t}))}}]),n}(Ux);n(74);function pP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yP=function(t){R()(n,t);var e=vP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),spreadRadius:Ca.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='elf--box-shadow-property-popup' ref='$popup'></div>"}},{key:Dt("$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\" \n              ref='$spreadRadius' \n              label='Spread' \n              key='spreadRadius' \n              value=\"").concat(this.state.spreadRadius,"\" \n              onchange='changeRangeEditor' \n            />        \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:ht("$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:jt("$popup .drag-board")+Fg("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(c),this.updateData({offsetX:Ca.px(o),offsetY:Ca.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:ct("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(dP(dP({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:ct("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),n}(sw);function gP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mP=function(t){R()(n,t);var e=gP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Ca("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];return qt(s)&&(s=c),{radius:e,x:c=Ca.parse(c),y:s=Ca.parse(s)}}},{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:At("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jt("$area")+Fg()+Hg(),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=Ca.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Ca.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:ut("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Ca("","closest-side"):r.includes("farthest-side")&&(n=new Ca("","farthest-side")),this.updateData({radius:n})}}}]),n}(Xg);function bP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kP=function(t){R()(n,t);var e=bP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=_t()(e,2),r=n[0],i=n[1],a=nf.parse(r),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=nf.parse(i),p=_t()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=Ca.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),s=o.clone(),u=Ca.percent(100-r.value).toPx(220),l=Ca.percent(100-n.value).toPx(220),f=Ca.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=i.toPx(220),p=Ca.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),d=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(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(s,";top: ").concat(u,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(h,";top: ").concat(p,";'></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(h,";top: ").concat(c,";width: ").concat(Ca.px(l.value-i.value),";height: ").concat(Ca.px(u.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(d," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:At("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ht("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Dt("$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:ut("changeBorderRadius"),value:function(t){var e=_t()(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),c=Ca.percent(a).toPx(220),s=e.toPx(220),u=Ca.percent(a).toPx(220),l=Ca.percent(100-r.value).toPx(220),f=Ca.percent(100-n.value).toPx(220),h=Ca.percent(o).toPx(220),p=i.toPx(220),d=Ca.percent(o).toPx(220);this.refs.$top.css({left:c,top:s}),this.refs.$right.css({left:f,top:h}),this.refs.$bottom.css({left:u,top:l}),this.refs.$left.css({left:p,top:d}),this.refs.$clipArea.css({left:p,top:s,width:Ca.px(f.value-p.value),height:Ca.px(l.value-s.value)}),this.bindData("$clipAreaView")}},{key:jt("$area .clip-area-handle")+Fg("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:Ca.parse(this.$target.css("left")),top:Ca.parse(this.$target.css("top")),width:Ca.parse(this.$target.css("width")),height:Ca.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=Ca.px(i),c=Ca.px(a);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:Ca.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Ca.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:jt("$area .drag-pointer")+Fg(),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=Ca.px(n-this.areaRect.x),a=Ca.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Ca.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Ca.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,c=t.leftRadius,s=t.bottomRadius,u=t.rightRadius,l=[e,n,i,r].join(" "),f=[o,u,s,c].join(" ");return"".concat(l," ").concat(a&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(Xg);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){w()(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}function PP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OP=function(t){R()(n,t);var e=PP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(r,2),a=i[0],o=i[1];return{x:Ca.parse(a).toPx(e),y:Ca.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:Dt("$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(Tg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Tg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:ht("$area")+at,value:function(t){if(qa.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:Ca.px(n-this.areaRect.left),y:Ca.px(r-this.areaRect.top)}),this.refresh()}}},{key:ht("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:ht("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:At("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Dt("$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:ht("$area .drag-pointer")+q+at,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:jt("$area .drag-pointer")+Fg(),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=Ca.px(n-this.areaRect.x),a=Ca.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:Ca.px(n.value+10),y:Ca.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]=wP(wP({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(Xg);function SP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jP=function(t){R()(n,t);var e=SP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];qt(s)&&(s=c),c=Ca.parse(c),s=Ca.parse(s);var u=e.split(" "),l=_t()(u,2),f=l[0],h=l[1];return qt(h)&&(h=f),{radiusX:f=Ca.parse(f),radiusY:h=Ca.parse(h),x:c,y:s}}},{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:At("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jt("$area")+Fg()+Hg(),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=Ca.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Ca.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:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e.clone()))}}]),n}(Xg);n(75);function $P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RP=function(t){R()(n,t);var e=$P(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CircleEditor:mP,InsetEditor:kP,PolygonEditor:OP,EllipseEditor:jP}}},{key:"getTitle",value:function(){return"ClipPath"}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return sf.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='elf--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:Dt("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Dt("$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:ut("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:ct("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(sf.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:ct("hideClipPathPopup"),value:function(){this.hide()}}]),n}(sw);n(76);function CP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MP=["circle","ellipse","inset","polygon","path","svg"],TP=function(t){R()(n,t);var e=CP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='elf--clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(MP.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(Tg.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(Tg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:ht("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:ht("$clippathList .del")+at,value:function(t){var e=this;this.$selection.current&&(this.command("setAttributeForMulti","delete clip-path",this.$selection.packByValue({"clip-path":""})),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:"editableProperty",get:function(){return"clip-path"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:Dt("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:ht("$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("setAttributeForMulti","change clip-path",this.$selection.packByValue({"clip-path":this.refs.$clipPathSelect.value}))),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this,e=this.$selection.current;if(e)switch(sf.parseStyle(e["clip-path"]).type){case"path":var n=e.accumulatedPath(e.clipPathString).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.updatePathInfo({"clip-path":"path(".concat(n.d,")")})},current:e,d:n});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.updatePathInfo(e)}})}}},{key:"updatePathInfo",value:function(t){if(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttributeForMulti","change clip-path",this.$selection.packByValue(t)))}}}]),n}(Ux);n(77);function VP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EP=function(t){R()(n,t);var e=VP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:"checkParentTab",value:function(){return"code"===this.parent.state.selectedIndexValue}},{key:ct("refreshSelectionStyleView","refreshSelection")+U("checkParentTab"),value:function(){this.refresh()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item elf--code-view-item\" ref='$body'></div>\n    "}},{key:Dt("$body")+Q,value:function(){return[this.$editor.html.codeview(this.$selection.current)]}}]),n}(Ux);function IP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DP=function(t){R()(n,t);var e=IP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:At("$bar"),value:function(){var t=this.state.hue;return{style:{left:Ca.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:jt("$container")+Fg("movePointer")+Hg("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})}}]),n}(Xg);function LP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BP=function(t){R()(n,t);var e=LP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{colorbar:pu.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:At("$colorbar"),value:function(){var t=ae(this.state.colorbar);t.a=0;var e=pu.format(t,"rgb");t.a=1;var n=pu.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:At("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Ca.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:jt("$container")+Fg("movePointer")+Hg("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.toFixed(2)})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),n}(Xg);function AP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zP=function(t){R()(n,t);var e=AP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:At("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),n}(Xg);function FP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HP=function(t){R()(n,t);var e=FP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"manager",get:function(){return this.parent.manager}},{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:"hasValue",value:function(t){return""!==t.target.value}},{key:xt("$rgb_r")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_g")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_b")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_a")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$hsl_h")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_s")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_l")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_a")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:vt("$hexCode")+U("hasValue"),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:ht("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:ht("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:ht("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:ht("$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()}}]),n}(Xg);function GP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _P=function(t){R()(n,t);var e=GP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:At("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:At("$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:Ca.px(t),top:Ca.px(e)}}}},{key:jt("$el")+Fg("movePointer")+Hg("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),c=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:c})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),n}(Xg),NP=[{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=NP.length;t<e;t++){var n=NP[t],r=pu.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var XP={colors:NP,checkHueColor:function(t){for(var e,n,r=0;r<NP.length;r++)if(NP[r].start>=t){e=NP[r-1],n=NP[r];break}return e&&n?pu.mix(e,n,(t-e.start)/(n.start-e.start)):NP[0].rgb}};function YP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var UP=function(){function t(){O()(this,t),this.initialize()}return j()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{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}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){"string"==typeof(t=t||"#FF0000")&&(t=pu.parse(t)),this.state.alpha=void 0!==t.a?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=KP(KP({},this.state.hsl),t),this.state.rgb=pu.HSLtoRGB(this.state.hsl),this.state.hsv=pu.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=KP(KP({},this.state.rgb),t),this.state.hsl=pu.RGBtoHSL(this.state.rgb),this.state.hsv=pu.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=KP(KP({},this.state.hsv),t),this.state.rgb=pu.HSVtoRGB(this.state.hsv),this.state.hsl=pu.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return XP.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 pu.format(KP(KP({},e),{},{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}}]),t}();function WP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZP=function(t){R()(n,t);var e=WP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.manager=new UP}},{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:ut("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:DP,Opacity:BP,ColorView:zP,Palette:_P,ColorInformation:HP}}},{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      '}}]),n}(Xg);n(78);function qP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JP=function(t){R()(n,t);var e=qP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact elf--colorpicker-popup"}},{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(){var t=this;return"\n    <div class=\"elf--color-picker-popup\">\n      <div class='box'>\n        <object \n          refClass=\"EmbedColorPicker\" \n          ref='$color' \n          value='".concat(this.state.color,"' \n          onchange=").concat(this.subscribe((function(e){return t.updateData({color:e})}))," \n          onchangeend=").concat(this.subscribe((function(e){return t.updateEndData({color:e})}))," />\n      </div>\n    </div>\n  ")}},{key:Dt("$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:ht("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:ct("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof _g))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:ct("hideColorPickerPopup"),value:function(){this.hide()}}]),n}(sw);function QP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tO=function(t){R()(n,t);var e=QP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ut("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:ut("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)}}]),n}(Xg);function eO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iO=function(t){R()(n,t);var e=rO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return t.$editor.components.createInspector(n).length>0}))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load())}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"getPropertyEditor",value:function(t,e,n,r,i){return te(r)?'\n        <div>  \n          <object refClass="'.concat(r,'" ').concat(Pc(nO(nO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t),key:e})),'>\n            <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n          </object>\n        </div>"):Object.keys(r).map((function(r){return'\n          <div>\n            <object refClass="'.concat(r,'" ').concat(Pc(nO(nO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t).concat(r),key:e})),'>\n              <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n            </object>\n          </div>")})).join("")}},{key:Dt("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":this.$editor.components.createInspector(e).map((function(n,r){return te(n)?"\n          <div class='property-item is-label'> \n            <label class='label string-label'>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item'> \n            ".concat(t.getPropertyEditor(r,n.key,e[n.key]||n.defaultValue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:ut("changeComponentProperty"),value:function(t,e){var n,r=this.$selection.current,i=null===(n=this.$editor.components.createInspector(r).find((function(e){return e.key===t})))||void 0===n?void 0:n.convert,a=i?i(r,t,e):w()({},t,e);this.command("setAttributeForMulti","change component : "+t,this.$selection.packByValue(a))}}]),n}(Ux);n(79);function aO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oO=function(t){R()(n,t);var e=aO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Content"}},{key:ct("refreshSelection","refreshContent")+tt(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item elf--content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:At("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:xt("$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("refreshSelectionStyleView",t)}}}]),n}(Ux),cO=[{key:"style.canvas.background.color",defaultValue:"#ececec",title:"Canvas Background Color",description:"Set canvas background color",type:"color"},{key:"area.width",defaultValue:100,title:"Area Width to find layers fastly",description:"Set area width/height",type:"number"},{key:"store.key",defaultValue:"easylogic.studio",title:"Store Key",description:"Set localStorage key",type:"number"},{key:"set.tool.hand",defaultValue:!1,title:"Hand tool",description:"Hand tool is on",type:"boolean"},{key:"canvas.width",defaultValue:1e4,title:"Default canvas width",description:"Set default canvas width",type:"number"},{key:"canvas.height",defaultValue:1e4,title:"Default canvas height",description:"Set default canvas height",type:"number"},{key:"body.move.ms",defaultValue:30,title:"pointer move delay millisecond",description:"Set delay millisecond to moving pointer in body  ",type:"number"},{key:"debug",defaultValue:!1,title:"debug mode",description:"Set debug mode to on ",type:"boolean"},{key:"fixed.angle",defaultValue:15,title:"fixed angle count",description:"Set fixed angle",type:"number"},{key:"show.ruler",defaultValue:!0,title:"Show ruler",description:"Set ruler visibility to on",type:"boolean"},{key:"show.left.panel",defaultValue:!0,title:"Show left panel",description:"Set left panel visibility to on",type:"boolean"},{key:"show.right.panel",defaultValue:!0,title:"Show right panel",description:"Set right panel visibility to on",type:"boolean"},{key:"snap.distance",defaultValue:3,title:"Snap distance between objects",description:"Set snap distance",type:"number"},{key:"snap.grid",defaultValue:50,title:"Snap grid size between objects",description:"Set snap grid size",type:"number"},{key:"history.delay.ms",defaultValue:1e3,title:"history delay milliseconds",description:"Set history delay time",type:"number"}];function sO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function uO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fO=function(t){R()(n,t);var e=lO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,uO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Tg.rect}},{key:"toCloneObject",value:function(){return uO(uO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Tg.rect}}]),n}(Nb);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}function pO(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){w()(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}function dO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vO=function(t){R()(n,t);var e=dO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,pO({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),n}(fO);function yO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bO=function(t){R()(n,t);var e=mO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,gO({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return gO(gO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),n}(fO);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 xO(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){w()(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}function wO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var PO=function(t){R()(n,t);var e=wO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,xO({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),n}(fO);function OO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $O={};["appearance","border","border-radius","background-image","backdrop-filter","clip-path","pattern","box-shadow","layout","transform","transform-origin","perspective","perspective-origin","backdrop-filter"].forEach((function(t){$O[t]=!0}));var RO=function(t){R()(n,t);var e=jO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,SO({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:"editable",value:function(t){if($O[t])return!1;switch(t){case"svg-item":return!0}return Ta()(V()(n.prototype),"editable",this).call(this,t)}},{key:"toCloneObject",value:function(){return SO(SO({},Ta()(V()(n.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}}]),n}(fO);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 MO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VO=function(t){R()(n,t);var e=TO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,MO({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){Ta()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new _c(this.json.d))}},{key:"setCache",value:function(){Ta()(V()(n.prototype),"setCache",this).call(this),this.cachePath=new _c(this.json.d)}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new _c(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"toCloneObject",value:function(){return MO(MO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{d:this.json.d})}},{key:"getDefaultTitle",value:function(){return"Path"}}]),n}(RO);function EO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function IO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function DO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var LO=function(t){R()(n,t);var e=DO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,IO({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Ca.number(100),textLength:Ca.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).textLength=Ca.parse(t.textLength),t}},{key:"toCloneObject",value:function(){return IO(IO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}}]),n}(RO);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}function AO(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){w()(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}function zO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FO=function(t){R()(n,t);var e=zO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,AO({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Ca.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Ca.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){Ta()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new _c(this.json.d))}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new _c(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).textLength=Ca.parse(t.textLength),t.startOffset=Ca.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return AO(AO({},Ta()(V()(n.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 cm(t.property)})),n=t.filter((function(t){return e=t.property,am[e]||!1;var e})),r=t.filter((function(t){return sm(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}]}}]),n}(RO);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}function GO(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){w()(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}function _O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NO=function(t){R()(n,t);var e=_O(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"is",value:function(){for(var t,e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return!!r.includes("component")||(t=Ta()(V()(n.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}],[{key:"createComponent",value:function(t){var e=t.iconString,r=t.title,i=void 0===r?"Unknown Title":r,a=t.attrs,o=void 0===a?{}:a,c=t.enableHasChildren,s=void 0!==c&&c;return function(t){R()(r,t);var n=_O(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIcon",value:function(){return e||Tg.add}},{key:"getDefaultObject",value:function(){return Ta()(V()(r.prototype),"getDefaultObject",this).call(this,GO({itemType:"NewComponent",name:"New Component"},o))}},{key:"toCloneObject",value:function(){return GO(GO({},Ta()(V()(r.prototype),"toCloneObject",this).call(this)),this.attrs.apply(this,fe()(Object.keys(o))))}},{key:"enableHasChildren",value:function(){return s||!1}},{key:"getDefaultTitle",value:function(){return i}}]),r}(n)}}]),n}(fO);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function KO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UO='\n  <svg>\n    <rect width="100%" height="100%" fill="black" />\n  </svg>\n',WO=function(t){R()(n,t);var e=KO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.auto_awesome}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,YO({itemType:"template",name:"New Template",engine:"dom",template:UO,params:[]},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Template"}},{key:"toCloneObject",value:function(){return YO(YO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("template"))}}]),n}(NO);function ZO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QO,tS=function(t){R()(n,t);var e=JO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,qO({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 qO(qO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("content"))}},{key:"editable",value:function(t){switch(t){case"font":case"font-spacing":case"text-style":case"text-shadow":case"text-fill":case"text-clip":case"background-image":case"box-model":return!0;case"svg-item":case"border":case"border-radius":case"backdrop-filter":case"background-image":case"pattern":case"box-shadow":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Ta()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(fO),eS={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":"Component","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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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":"Full Screen","menu.item.shortcuts.title":"ShortCuts","menu.item.github.title":"Github","menu.item.learn.title":"Learn","menu.item.projects.title":"Projects","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","component.items.chart":"Chart","component.items.plugin":"Plugin","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:(QO={"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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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","menu.item.projects.title":"Projects","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"},w()(QO,"inspector.tab.title.history","History"),w()(QO,"timeline.property.title","Chronologie"),w()(QO,"timeline.property.resize","Drag if you want to resize timeline height."),w()(QO,"timeline.animation.property.title","Animations"),w()(QO,"timeline.play.control.play","Jouer"),w()(QO,"timeline.play.control.pause","Pause"),w()(QO,"timeline.play.control.first","Premier"),w()(QO,"timeline.play.control.prev","Précédent"),w()(QO,"timeline.play.control.next","Suivant"),w()(QO,"timeline.play.control.last","Dernier"),w()(QO,"timeline.play.control.direction","Direction"),w()(QO,"timeline.play.control.speed","Vitesse"),w()(QO,"timeline.play.control.repeat","Répéter"),w()(QO,"timeline.play.control.infinite","Infini"),w()(QO,"timeline.play.control.normal","normal"),w()(QO,"timeline.play.control.alternate","alternatif"),w()(QO,"timeline.play.control.reverse","inverse"),w()(QO,"timeline.play.control.alternate.reverse","inverse alternatif"),w()(QO,"timeline.value.editor.value","Valeur"),w()(QO,"timeline.value.editor.time","Temps"),w()(QO,"timeline.value.editor.timing","Calage temps"),w()(QO,"timeline.value.editor.offset.message","Please input enter key to change time offset."),w()(QO,"svgfilter.popup.title","Filtre SVG"),w()(QO,"css.item.rotate","Rotation"),w()(QO,"css.item.rotateX","Rotation X"),w()(QO,"css.item.rotateY","Rotation Y"),w()(QO,"css.item.rotateZ","Rotation Z"),w()(QO,"css.item.rotate3d","Rotation 3D"),w()(QO,"css.item.skewX","Oblique X"),w()(QO,"css.item.skewY","Oblique Y"),w()(QO,"css.item.translate","Translation"),w()(QO,"css.item.translateX","Translation X"),w()(QO,"css.item.translateY","Translation Y"),w()(QO,"css.item.translateZ","Translation Z"),w()(QO,"css.item.translate3d","Translation 3D"),w()(QO,"css.item.perspective","Perspéctive"),w()(QO,"css.item.scale","Echelle"),w()(QO,"css.item.scaleX","Echelle X"),w()(QO,"css.item.scaleY","Echelle Y"),w()(QO,"css.item.scaleZ","Echelle Z"),w()(QO,"css.item.scale3d","Echelle 3D"),w()(QO,"css.item.matrix","Matrice"),w()(QO,"css.item.matrix3d","Matrice 3D"),w()(QO,"animation.property.title","Animation CSS"),w()(QO,"animation.property.direction","Direction"),w()(QO,"animation.property.play.state","Etat lecture"),w()(QO,"animation.property.fill.mode","Mode remplissage"),w()(QO,"animation.property.delay","Délais"),w()(QO,"animation.property.duration","Durée"),w()(QO,"animation.property.iteration.count","Nombre Itérations"),w()(QO,"animation.property.Select a keyframe","Selectionner une image clé"),w()(QO,"animation.property.popup.title","Animation"),w()(QO,"animation.property.popup.timing.function","Fonction temps"),w()(QO,"animation.property.popup.keyframe","image clé"),w()(QO,"animation.property.popup.direction","Direction"),w()(QO,"animation.property.popup.play.state","Etat lecture"),w()(QO,"animation.property.popup.fill.mode","Mode remplissage"),w()(QO,"animation.property.popup.delay","Délais"),w()(QO,"animation.property.popup.duration","Duréé"),w()(QO,"animation.property.popup.iteration","Itération"),w()(QO,"animation.property.popup.normal","normal"),w()(QO,"animation.property.popup.reverse","inverse"),w()(QO,"animation.property.popup.alternate","alternatif"),w()(QO,"animation.property.popup.alternate-reverse","inverse alternatif"),w()(QO,"animation.property.popup.none","Aucun"),w()(QO,"animation.property.popup.forwards","en avant"),w()(QO,"animation.property.popup.backwards","en arrière"),w()(QO,"animation.property.popup.both","les deux"),w()(QO,"animation.property.popup.Select a keyframe","Selectionner une image clé"),w()(QO,"keyframe.popup.title","image clé"),w()(QO,"code.view.property.title","Vue code"),w()(QO,"svg.filter.editor.tab.filter","Filtrer"),w()(QO,"svg.filter.editor.tab.preset","Pre-rempli"),w()(QO,"svg.filter.editor.tab.asset","Eléments"),w()(QO,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),w()(QO,"svg.filter.editor.SOURCES","SOURCES"),w()(QO,"svg.filter.editor.MODIFIER","MODIFIER"),w()(QO,"svg.filter.editor.LIGHTING","ECLAIRAGE"),w()(QO,"svg.filter.editor.COMBINERS","COMBINER"),w()(QO,"svg.filter.editor.Template","Modèle"),w()(QO,"layout.property.title","Disposition"),w()(QO,"layout.property.flex","Boîte Flex"),w()(QO,"layout.property.grid","Grille"),w()(QO,"layout.property.default","Défaut"),w()(QO,"flex.layout.editor.row","Ligne"),w()(QO,"flex.layout.editor.column","Colonne"),w()(QO,"flex.layout.editor.row-reverse","Inverse ligne"),w()(QO,"flex.layout.editor.column-reverse","Inverse Colonne"),w()(QO,"flex.layout.editor.nowrap","Non-emballé"),w()(QO,"flex.layout.editor.wrap","Emballé (wrap)"),w()(QO,"flex.layout.editor.wrap-reverse","Inverse emballé"),w()(QO,"flex.layout.editor.flex-start","Début"),w()(QO,"flex.layout.editor.flex-end","Fin"),w()(QO,"flex.layout.editor.center","Centrer"),w()(QO,"flex.layout.editor.space-between","Entre"),w()(QO,"flex.layout.editor.space-around","Autour"),w()(QO,"flex.layout.editor.baseline","Base"),w()(QO,"flex.layout.editor.stretch","Etirement"),w()(QO,"flex.layout.editor.direction","Direction"),w()(QO,"flex.layout.editor.justify-content","Justifier"),w()(QO,"flex.layout.editor.align-items","Aligner objets"),w()(QO,"flex.layout.editor.align-content","Aligner contenu"),w()(QO,"flex.layout.item.property.title","Détail Disposition objet"),w()(QO,"flex.layout.item.property.grow","Augmenter Flex"),w()(QO,"flex.layout.item.property.shrink","Réduire Flex"),w()(QO,"flex.layout.item.property.basis","Base Flex"),w()(QO,"flex.layout.item.property.none","Aucun"),w()(QO,"flex.layout.item.property.auto","auto"),w()(QO,"flex.layout.item.property.value","valeur"),w()(QO,"grid.layout.editor.template.columns","Colonne"),w()(QO,"grid.layout.editor.column.gap","Espace Colonne"),w()(QO,"grid.layout.editor.template.rows","Lignes"),w()(QO,"grid.layout.editor.row.gap","Espace lignes"),w()(QO,"grid.box.editor.box.title","Boîte"),w()(QO,"grid.box.editor.type","Type"),w()(QO,"grid.box.editor.repeat","Répéter"),w()(QO,"grid.box.editor.length","Longueur"),w()(QO,"grid.box.editor.none","Aucun"),w()(QO,"grid.box.editor.auto","Auto"),w()(QO,"grid.box.editor.count","Compte"),w()(QO,"grid.box.editor.value","Taille"),w()(QO,"grid.layout.item.property.title","Détail disposition objets"),w()(QO,"grid.layout.item.property.column","Colonne"),w()(QO,"grid.layout.item.property.row","Ligne"),w()(QO,"grid.layout.item.property.start","Début"),w()(QO,"grid.layout.item.property.end","Fin"),w()(QO,"grid.layout.item.property.none","Aucun"),w()(QO,"grid.layout.item.property.value","valeur"),w()(QO,"box.model.property.title","Modèle"),w()(QO,"box.model.property.margin","Marge"),w()(QO,"box.model.property.padding","Espace"),w()(QO,"component.items.canvas","Toile"),w()(QO,"component.items.layer","Objet"),w()(QO,"component.items.3dlayer","Objet 3D"),w()(QO,"component.items.drawing","Dessin"),w()(QO,"component.items.custom","Composant personnalisé"),w()(QO,"component.items.chart","Chart"),w()(QO,"component.items.plugin","Plugin"),w()(QO,"svg.text.property.title","Style SVG Texte"),w()(QO,"svg.text.property.textarea","Zone Texte"),w()(QO,"svg.text.property.size","Taille"),w()(QO,"svg.text.property.weight","Poids"),w()(QO,"svg.text.property.style","Style"),w()(QO,"svg.text.property.anchor","Ancre Texte"),w()(QO,"svg.text.property.family","Famille"),w()(QO,"svg.text.property.length.adjust","Ajusteement longueur"),w()(QO,"svg.text.property.text.length","Ajusteement Texte"),w()(QO,"svg.text.property.start.offset","Décallage départ"),w()(QO,"fill.picker.popup.title","Sélection Fragment SVG"),w()(QO,"gradient.editor.drag.message","Glisser pour déplacer centre."),w()(QO,"draw.manager.tolerance","Tolérance"),w()(QO,"pattern.property.title","Motif"),w()(QO,"pattern.info.popup.title","Info Motif"),w()(QO,"pattern.info.popup.width","Largeur"),w()(QO,"pattern.info.popup.height","Hauteur"),w()(QO,"pattern.info.popup.lineWidth","Largeur ligne"),w()(QO,"pattern.info.popup.lineHeight","Hauteur de ligne"),w()(QO,"pattern.info.popup.rotate","Rotatation"),w()(QO,"pattern.info.popup.blend","Mélange"),w()(QO,"pattern.info.popup.foreColor","Avant"),w()(QO,"pattern.info.popup.backColor","Arrière"),w()(QO,"stroke.dasharray.editor.add","Ajout tiret"),w()(QO,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),QO),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":"아트보드 프리뷰를 삭제 하시겠습니까?","app.confirm.message.custom-component.items.removeCustomComponent":"컴포넌트 프리뷰를 삭제 하시겠습니까?","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":"배우기","menu.item.projects.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":"사용자 정의 컴포넌트","component.items.chart":"차트","component.items.plugin":"플러그인","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 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}};n(80);function nS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rS=function(t){R()(n,t);var e=nS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:ct("refreshSelection","refreshContent")+tt(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"elf--export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(Tg.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(Tg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:ht("$svg"),value:function(){this.emit("downloadSVG")}},{key:ht("$png"),value:function(){this.emit("downloadPNG")}}]),n}(Ux),iS=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oS=function(t){R()(n,t);var e=aS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Dt("$filterSelect"),value:function(){var t=this,e=iS.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(fe()(e),[{title:"-------",value:""}],fe()(n)):fe()(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:Dt("$body"),value:function(){var t=(this.$selection.current||{}).filter;return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="filter" value=\''.concat(t,"' hide-label='true' onchange='changeFilterEditor' />\n      </div>")}},{key:ut("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"filter"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$filterSelect")}}]),n}(Ux);function cS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sS=function(t){R()(n,t);var e=cS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:"editableProperty",get:function(){return"font"}},{key:ct("refreshSelection")+U("checkShow"),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=').concat(this.variable(["normal","italic"]),"\n          icons='title,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <object refClass=\"FontSelectEditor\"  \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:ut("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:ut("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change font attribute",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function uS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lS=function(t){R()(n,t);var e=uS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"editableProperty",get:function(){return"font-spacing"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Ca.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:ut("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Ca.number(e.value)),this.command("setAttributeForMulti","change font spacing : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(81);function fS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pS=["static-gradient","linear-gradient","radial-gradient","image-resource"],dS={"image-resource":Tg.photo},vS={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%"}},yS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],gS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],mS=function(t){R()(n,t);var e=hS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:Qm.parseImage(this.props.value||"transparent")||_m.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:Qm.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='elf--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(Tg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Tg.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(pS.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(dS[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(gS.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(qt(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:kt("$file"),value:function(t){var e=this;this.$selection.currentProject&&fe()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:ht("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");vS[e]&&(this.state.image.reset(vS[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:224,height:150}}},{key:"getFieldValue",value:function(t){return Ca.parse(this.getImageFieldValue(this.state.image,t))}},{key:At("$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:At("$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:At("$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:At("$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:At("$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:jt("$pointerDrawArea circle[data-type]")+Fg("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:Ca.percent((e-a)/r*100),top:Ca.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:ht("$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={};yS.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=Qm.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({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:ut("changeKeyValue"),value:function(t,e){this.state.image.reset(w()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:ct("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:ht("$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:At("$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:At("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:"fillId",get:function(){return this.id+"fill"}},{key:At("$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:Dt("$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(Ca.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:jt("$stepList .step")+Fg(),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(Ca.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(Hu.toColorString(t.colorsteps),")")}},{key:ct("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:ct("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())}}]),n}(Xg);n(82);function bS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wS,PS=function(t){R()(n,t);var e=xS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--gradient-picker-popup\" 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:ct("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Hu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Dt("$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:ut("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:ut("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:ut("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:ct("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:ct("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:ct("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(kS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(sw);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){w()(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}function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $S=function(t){R()(n,t);var e=jS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"initState",value:function(){return{image:_m.create()}}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){var t=this;return se(wS||(wS=Ga()(["\n      <div class=\"elf--gradient-picker-popup\" 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="," />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "])),this.subscribe((function(e){t.trigger("changeColor",e)})))}},{key:ct("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Hu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Dt("$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:ut("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:ut("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:ut("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:ct("showFillPickerPopup"),value:function(t,e){this.show(240),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:ct("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:ct("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(SS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(sw);n(83);function RS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CS=function(t){R()(n,t);var e=RS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:Qm.parseImage(this.props.image||"transparent")}}},{key:"fillId",get:function(){return this.id+"fill"}},{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:Qm.parseImage(t)})}},{key:At("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:At("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:ct("changeFillSingle"),value:function(t,e){this.updateData({image:Qm.parseImage(t)}),this.refresh()}}]),n}(Xg);n(84);function MS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VS=function(t){R()(n,t);var e=TS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:ct("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),n}(Xg),ES=["0deg","45deg","90deg"],IS=["0deg","45deg","90deg"],DS=["0deg","45deg","90deg"],LS=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"linear-gradient(".concat(bc.apply(void 0,ES),", ").concat(Lu.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"linear-gradient(".concat(bc.apply(void 0,IS),", ").concat(Lu.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(bc.apply(void 0,DS),", ").concat(Lu.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Lu.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Lu.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Lu.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){var e=vc(45,55),n=vc(45,55),r=vc(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Lu.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 kc(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Lu.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 kc(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Lu.createRepeatColorStep(10,"10deg"),")")}}))}}];n(85);function BS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AS=LS.map((function(t){return{value:t.key,text:t.title}})),zS=function(t){R()(n,t);var e=BS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Dt("$tools"),value:function(){return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options=').concat(this.variable(AS),' onchange="changePreset"  />\n    ')}},{key:ut("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--gradient-assets-property"}},{key:ct("refreshSelection")+tt(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:yt("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Dt("$gradientList"),value:function(){var t=this,e=LS.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(icon.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:ht("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:Hu.random(),name:"",variable:""})}))}},{key:ht("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}}]),n}(Ux);n(86);function FS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HS=function(t){R()(n,t);var e=FS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--history-list-view\" ref='$body'></div>\n    "}},{key:Dt("$body")+Q,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?Tg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:ct("refreshHistory"),value:function(){this.refresh()}}]),n}(Ux);function GS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XS={},YS=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],KS=function(t){R()(n,t);var e=NS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toStringPropertyCSS",value:function(t,e){return wc(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return XS;var e=[];if(t.pattern)for(var n=kp.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,Rl.parseStyle(wc(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,Rl.parseStyle(wc(t["background-image"]))),e.length?Rl.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=_S(_S({},n),wc(t["flex-layout-item"])):"grid"===e&&(n=_S(_S({},n),wc(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return _S({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return _S({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return t.hasChildren()?{}:this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?w()({},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.hasChildren()||(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 Jt(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",_S(_S(_S({},e),{"will-change":"auto"}),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=_t()(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=_t()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return xc(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return YS.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(""===t.transform)return XS;var e={transform:t.transform};return"rotateZ(0deg)"===e.transform&&delete e.transform,{transform:e.transform}}},{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=sf.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(t.clipPathString,'" /></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;var n=sf.parseStyle(e);switch(n.type){case"path":n.value&&(e="url(#".concat(this.clipPathId(t),")"));break;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(xc(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:xc(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-renderer-type=\"html\" data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>\n").concat(n,"\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="element-item ').concat(a,'" data-id="').concat(r,'" data-title="').concat(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){if(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=qa.createByHTML(i);a&&e.prepend(a)}}}}}]),n}(function(){function t(){O()(this,t)}return j()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function US(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WS=function(t){R()(n,t);var e=US(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function ZS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QS=["","100x100","200x200","300x300","400x300","900x600","1024x762"],tj=function(t){R()(n,t);var e=JS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Tg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(QS.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:ut("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Ca.px(t)})),r=_t()(n,2),i=r[0],a=r[1];this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:i,height:a}))}},{key:ht("$resize"),value:function(){this.$selection.current&&this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:function(t){return t.naturalWidth.clone()},height:function(t){return t.naturalHeight.clone()}}))}},{key:At("$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:Dt("$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:ut("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(qS({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttributeForMulti","change image",this.$selection.packByValue(qS({src:e},n))))}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShow(["image"])}}]),n}(Ux);n(87);function ej(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nj=function(t){R()(n,t);var e=ej(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='elf--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:Dt("$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:kt("$file"),value:function(t){var e=this,n=fe()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:ht("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:ct("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)}}]),n}(Xg);n(88);function rj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ij=function(t){R()(n,t);var e=rj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:Dt("$imageBox")+Q,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:ht("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Ca.px(e.naturalWidth),naturalHeight:Ca.px(e.naturalHeight),width:Ca.px(e.naturalWidth),height:Ca.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:ct("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:ct("hideImageSelectPopup"),value:function(){this.hide()}}]),n}(sw);n(89);function aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oj=function(t){R()(n,t);var e=aj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{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='elf--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:xt("$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:ct("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:ct("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:ct("hideKeyframePopup"),value:function(){this.$el.hide()}}]),n}(sw);n(90);function cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sj=function(t){R()(n,t);var e=cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{key:"getBody",value:function(){return"<div class='elf--keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(Tg.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(Tg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Tg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Tg.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:ht("$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:ht("$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:ht("$keyframeList .del")+at,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:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Dt("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Nf.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:ht("$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:ct("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))}}]),n}(Ux);function uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lj=function(t){R()(n,t);var e=uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ca.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:ct("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){if(qt(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:Dt("$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!qa.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:ht("$offset")+U("isNotOffsetItem")+at,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Ca.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Ff({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:jt("$offset .offset-item")+Fg("moveOffset")+Hg("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Ca.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=Ca.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:ct("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:ct("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=fe()(t)),this.modifyOffset()}}]),n}(Xg);n(91);function fj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hj=function(t){R()(n,t);var e=fj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getBody",value:function(){return"\n      <div class=\"elf--layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:At("$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:Ca.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:Ca.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:Ca.px(r),height:Ca.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 Tg.group;switch(t.itemType){case"artboard":return Tg.artboard;case"circle":return Tg.lens;case"image":return Tg.image;case"text":case"svg-text":return Tg.title;case"svg-textpath":return Tg.text_rotate;case"svg-path":return Tg.pentool;case"cube":return Tg.cube;case"cylinder":return Tg.cylinder;default:return Tg.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),this.$selection.check(a)?"selected":""),c=this.$selection.checkHover(a)?"hovered":"",s=a.name;a.is("text")&&(s=a.text||a.name);var u="";a.hasLayout()&&(u=this.$i18n("layer.tree.property.layout.title."+a.layout));var l=a.isTreeItemHide(),f=Ca.px(20*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(c,"' 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(l,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(u,"' style='padding-left: ").concat(f,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(a.isGroup?Tg.arrow_right:"","</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(s,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Tg.lock:Tg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Tg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Tg.remove2,"</button>                          \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:ct("refreshContent"),value:function(t){this.refresh()}},{key:Dt("$layerList")+Q,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:yt("$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:bt("$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:mt("$layerList .layer-item:not(.".concat("drag-start",")"))+at,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:gt("$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:pt("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t,e){var n=this;if(dd.enter===e.keyCode)this.endInputEditing(t,(function(){var e=t.closest("layer-item").attr("data-layer-id"),r=t.text();n.emit("refreshItemName",e,r)}));else{var r=t.closest("layer-item").attr("data-layer-id"),i=t.text();this.emit("refreshItemName",r,i)}}},{key:dt("$layerList .layer-item .name")+ot,value:function(t){this.modifyDoneInputEditing(t.$dt,t)}},{key:Pt("$layerList .layer-item .name")+at+ot,value:function(t){this.modifyDoneInputEditing(t.$dt,{keyCode:dd.enter})}},{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:ht("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":"#ececec",width:Ca.px(200),height:Ca.px(100)})}},{key:ht("$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.command("refreshSelection")}},{key:ht("$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:ht("$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("setAttributeForMulti","change visible for layer",this.$selection.packByValue({visible:!r.visible},r.id))}},{key:ht("$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:ht("$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("setAttributeForMulti","change lock for layer",this.$selection.packByValue({lock:i},r.id))}},{key:ct("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:ut("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:ct("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:ct("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:ct("refreshLayerTreeView"),value:function(){this.refresh()}},{key:ct("changeItemLayout"),value:function(){this.refresh()}}]),n}(Ux);function pj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yj=function(t){R()(n,t);var e=vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 this.variable(t.split(",").map((function(t){return{value:t,text:e.$i18n("flex.layout.editor."+t)}})))}},{key:"initState",value:function(){return dj({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(dj({},wc(t)))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);function gj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bj=function(t){R()(n,t);var e=mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(wc(t))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);n(92);function kj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xj=function(t){R()(n,t);var e=kj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"elf--flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","auto","value"].map((function(e){return{value:e,text:t.$i18n("flex.layout.item.property.".concat(e))}})))}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Dt("$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),xc({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:ut("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":this.getFlexValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),n}(Ux);n(93);function wj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pj=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,Oj=function(t){R()(n,t);var e=wj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getLayoutItemOptions",value:function(){var t=this;return this.variable("none,auto,repeat,length".split(",").map((function(e){return{value:e,text:t.$i18n("grid.box.editor.".concat(e))}})))}},{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=Pj.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=Aa()(a),c=o[0],s=o.slice(1);n.push({type:"repeat",count:c,value:s.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(Tg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Tg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Dt("$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='elf--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(Tg.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:ht("$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:ht("$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:ht("$add"),value:function(){this.trigger("add")}},{key:ct("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:ut("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()}}]),n}(Xg);function Sj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jj=function(t){R()(n,t);var e=Sj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 Ca.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:Dt("$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:ut("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),n}(Xg);n(94);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 Rj(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$j(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mj=function(t){R()(n,t);var e=Cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return Rj({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(Rj({},wc(t)))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"template",value:function(){return"\n            <div class='elf--grid-layout-editor' ref='$body' ></div>\n        "}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);function Tj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ej=function(t){R()(n,t);var e=Vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(wc(t))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);n(95);function Ij(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dj=function(t){R()(n,t);var e=Ij(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","value"].map((function(e){return{value:e,text:t.$i18n("grid.layout.item.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Dt("$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=wc(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 xc({"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:ut("changeGridItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":this.getGridValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),n}(Ux);n(96);function Lj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bj=function(t){R()(n,t);var e=Lj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["default","flex","grid"].map((function(e){return{value:e,text:t.$i18n("layout.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Dt("$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:ut("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change layout info",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(this.$selection.packByValue(w()({},t,e))),this.command("setAttributeForMulti","change layout type",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.refresh(),n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:"editableProperty",get:function(){return"layout"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux),Aj=[{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)"}]}}];n(97);function zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fj=function(t){R()(n,t);var e=zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=this.variable(Aj.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:ut("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--pattern-assets-property"}},{key:"editableProperty",get:function(){return"pattern"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){}},{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:yt("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Dt("$patternList"),value:function(){var t=this,e=Aj.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=xc(kp.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:ht("$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)}}]),n}(Ux);n(98);function Hj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gj=function(t){R()(n,t);var e=Hj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 kp.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='elf--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(Tg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:Dt("$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(Tg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=kp.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:ct("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Aj.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,kp.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:yt("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$patternList .pattern-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:gt("$patternList .pattern-item")+at,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:ht("$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:ct("changePatternSizeInfo")+tt(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),n}(Xg);function _j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nj=function(t){R()(n,t);var e=_j(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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||Ca.z(),y:this.props.y||Ca.z(),width:this.props.width||Ca.z(),height:this.props.height||Ca.z(),lineWidth:this.props.lineWidth||Ca.px(1),lineHeight:this.props.lineHeight||Ca.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,c=e.backColor,s=e.blendMode,u=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:c,blendMode:s,lineWidth:u,lineHeight:l},this.state.params)}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:Dt("$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:ct("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)}}]),n}(sw),Xj=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"];function Yj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kj=function(t){R()(n,t);var e=Yj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Dt("$patternSelect"),value:function(){var t=this,e=Xj.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return fe()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Dt("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:ut("changePatternEditor"),value:function(t,e){this.command("setAttributeForMulti","change pattern",this.$selection.packByValue({pattern:e}))}},{key:"editableProperty",get:function(){return"pattern"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$patternSelect")}}]),n}(Ux);n(99);function Uj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Uj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Uj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qj=function(t){R()(n,t);var e=Zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:Ca.parse(this.props.x),y:Ca.parse(this.props.y),width:Ca.parse(this.props.width),height:Ca.parse(this.props.height),lineWidth:Ca.parse(this.props.linewidth),lineHeight:Ca.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(Wj({},t))}},{key:At("$miniView"),value:function(){var t=Wj({},this.state);return this.state.width.value>80&&(t.width=Ca.px(80),t.x=Ca.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Ca.px(80),t.y=Ca.px(this.state.y.value/this.state.height.value/80)),{cssText:kp.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='elf--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:ht("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){var t=this;this.emit("showPatternInfoPopup",{changeEvent:function(e){t.updateData(Wj({},e))},data:this.state,instance:this})}}]),n}(Xg);function Jj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qj=function(t){R()(n,t);var e=Jj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Tg.remove,"</button>\n    ")}},{key:ht("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Dt("$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:ut("changePerspective"),value:function(t,e){this.command("setAttributeForMulti","change perspective",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"perspective"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);n(100);function t$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var e$=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],n$=e$.map((function(t){return t.key})),r$={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%"},i$=function(t){R()(n,t);var e=t$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Ca.z(),"perspective-origin-x":Ca.z(),"perspective-origin-y":Ca.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Ca.parse(t[0]),e["perspective-origin-x"]=Ca.parse(t[0]),e["perspective-origin-y"]=Ca.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Ca.parse(t[0]),e["perspective-origin-y"]=Ca.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:ht("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=r$[e].split(" "),r=_t()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Ca.parse(i),this.state["perspective-origin-y"]=Ca.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:ut("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&n$.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(e$.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,n$.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:ht("$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()}}]),n}(Xg);function a$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var o$=function(t){R()(n,t);var e=a$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Tg.remove,"</button>\n    ")}},{key:ht("$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:Dt("$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:"editableProperty",get:function(){return"perspective-origin"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changePerspectiveOrigin"),value:function(t){this.command("setAttributeForMulti","change perspective origin",this.$selection.packByValue({"perspective-origin":t}))}}]),n}(Ux);function c$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var s$=Ca.z(),u$=function(t){R()(n,t);var e=c$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:ct("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"checkChangedValue",value:function(){var t=this.$selection.current;return!!t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate","opacity")}},{key:ct("refreshSelectionStyleView")+U("checkChangedValue")+nt(10),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||s$),this.children.$y.setValue(t.y||s$),this.children.$width.setValue(t.width||s$),this.children.$height.setValue(t.height||s$),this.children.$opacity.setValue(t.opacity||"1");var e=zc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}},{key:"isHideHeader",value:function(){return!0}},{key:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 10px;'>\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=\"-360\"\n              max=\"360\"\n              step=\"1\"\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;if(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),this.children.$opacity.setValue(t.opacity||"1");var e=zc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}}},{key:ut("changRangeEditor"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change position or size",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeRotate"),value:function(t,e){console.log(e),this.command("setAttributeForMulti","change rotate",this.$selection.packByValue({transform:function(t){return zc.rotateZ(t.transform,e)}}))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(101);function l$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var f$=function(t){R()(n,t);var e=l$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return"string"==typeof t?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),n=this.props.value,r=this.props.tabindex;return{splitChar:t,label:this.props.label||"",options:e,value:n,tabIndex:r}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='elf--select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:At("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Dt("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e.value,r=e.text||e.value;""===r?r=t.props["none-value"]?t.props["none-value"]:"":"-"===r&&(r="----------",n="");var i=n===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(n,'">').concat(r,"</option>")}))}},{key:kt("$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)}}]),n}(Xg);function h$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?h$(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var v$=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],y$=function(t){R()(n,t);var e=d$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getBlendList",value:function(){var t=this;return v$.map((function(e){return{value:e,text:t.$i18n("blend.".concat(e))}}))}},{key:"initState",value:function(){return p$(p$({},Ta()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}]),n}(f$);n(102);function g$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var m$=function(t){R()(n,t);var e=g$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='elf--clip-path-editor'></div>\n        "}},{key:Dt(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:ht(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){var t=this;this.emit("showClipPathPopup",{changeEvent:function(e){t.updateData({clippath:e["clip-path"]})},"clip-path":this.state.clippath})}}]),n}(Xg),b$={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=pu.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=pu.parse(t.color),r=pu.parse(e.color);return n.h>r.h?1:-1})),e}},k$=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),x$={title:"material red",key:"material-red",execute:function(){return k$}},w$=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),P$={title:"material pink",key:"material-pink",execute:function(){return w$}},O$=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),S$={title:"material purple",key:"material-purple",execute:function(){return O$}},j$=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),$$={title:"material deep purple",key:"material-deeppurple",execute:function(){return j$}},R$=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),C$={title:"material indigo",key:"material-indigo",execute:function(){return R$}},M$=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),T$={title:"material blue",key:"material-blue",execute:function(){return M$}},V$=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),E$={title:"material light blue",key:"material-lightblue",execute:function(){return V$}},I$=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),D$={title:"material cyan",key:"material-cyan",execute:function(){return I$}},L$=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),B$={title:"material teal",key:"material-teal",execute:function(){return L$}},A$=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),z$={title:"material green",key:"material-green",execute:function(){return A$}},F$=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),H$={title:"material lightgreen",key:"material-lightgreen",execute:function(){return F$}},G$=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),_$={title:"material lime",key:"material-lime",execute:function(){return G$}},N$=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),X$={title:"material yellow",key:"material-yellow",execute:function(){return N$}},Y$=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),K$={title:"material amber",key:"material-amber",execute:function(){return Y$}},U$=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),W$={title:"material orange",key:"material-orange",execute:function(){return U$}},Z$=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),q$={title:"material deep orange",key:"material-deeporange",execute:function(){return Z$}},J$=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),Q$={title:"material brown",key:"material-brown",execute:function(){return J$}},tR=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),eR={title:"material gray",key:"material-gray",execute:function(){return tR}},nR=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),rR={title:"material bluegray",key:"material-bluegray",execute:function(){return nR}},iR=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),aR=[b$,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return iR}},x$,P$,S$,$$,C$,T$,E$,D$,B$,z$,H$,_$,X$,K$,W$,q$,Q$,eR,rR];n(103);function oR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cR=function(t){R()(n,t);var e=oR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"grid",preset:"random",isLoaded:!1,colors:aR}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Dt("$tools"),value:function(){var t=this.variable(this.state.colors.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:ct("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"template",value:function(){return"\n      <div class='elf--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:Dt("$colorList"),value:function(){var t=this,e=this.state.colors.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:ht("$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)}}]),n}(Xg);n(104);function sR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uR=function(t){R()(n,t);var e=sR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:At("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='elf--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:ht("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.refs.$miniView.cssText("background-color: ".concat(e)),t.updateData({color:e})},color:this.state.color})}}]),n}(Xg);n(105);function lR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fR=function(t){R()(n,t);var e=lR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"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='elf--color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","            \n                <div class='color-code' ref=\"$container\">\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:At("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:At("$colorCode"),value:function(){return{value:this.state.value}}},{key:wt("$colorCode"),value:function(t){this.refs.$container.addClass("focused")}},{key:Ot("$colorCode"),value:function(t){this.refs.$container.removeClass("focused")}},{key:ht("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.updateData({value:e})},changeEndEvent:function(e){t.updateEndData({value:e})},color:this.state.value})}},{key:ht("$remove"),value:function(t){this.updateData({value:""})}},{key:xt("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}}]),n}(Xg);n(106);function hR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pR=function(t){R()(n,t);var e=hR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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='elf--css-property-editor ".concat(Oc({"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(Tg.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 Ca.string("");case"offset-distance":return Ca.percent(0);case"rotate":return Ca.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Ca.z()}}},{key:ht("$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="changeKeyValue" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\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=").concat(this.variable(["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=").concat(this.variable(["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=").concat(this.variable(["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      "):"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:ut("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:ut("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:ut("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:ut("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:ut("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:ut("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:ut("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:ut("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:ut("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:ut("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:ut("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:ut("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:Dt("$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(Tg.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(Tg.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:ct("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:ht("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:ht("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),n}(Xg);n(107);function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vR=function(t){R()(n,t);var e=dR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:_o(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=Rc(this.state.currentBezier,150,150),e=Cc(this.state.currentBezier,150,150),n=Rc("ease",30,30),r=Cc("ease",30,30),i=Rc("ease-in",30,30),a=Cc("ease-in",30,30),o=Rc("ease-out",30,30),c=Cc("ease-out",30,30);return"\n            <div class='elf--cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Tg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Tg.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(c,'" 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:At("$bezierCanvas"),value:function(){return{d:Rc(this.state.currentBezier,150,150)}}},{key:At("$bezierCanvasPoint"),value:function(){return{d:Cc(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,No(this.state.currentBezier))}},{key:ht("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Go.length-1:--n;e=Go[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:ht("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Go.length,e=Go[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:ht("$text"),value:function(){var t=fe()(Go[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:ht("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=_o(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=_o(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:Ca.px(r).round(),top:Ca.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Ca.px(r).round(),top:Ca.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=_o(this.state.currentBezier),e=nc(No(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 c=a.y;return c-=i,{x:Xi(o,e),y:c==n?0:Xi(n-c,n)}}},{key:jt("$pointer1")+Fg("movePointer1")+Hg("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:jt("$pointer2")+Fg("movePointer2")+Hg("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:ct("showCubicBezierEditor"),value:function(t){var e=_o(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),n}(Xg);n(108);function yR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],mR=function(t){R()(n,t);var e=yR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=nf.parse(this.props.value),e=_t()(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='elf--direction-editor' ref='$body'></div>"}},{key:ct("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&gR.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(w()({},t,e))}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(gR.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:ht("$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})}}]),n}(Xg);n(109);function bR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wR={blur:Gl.spec,grayscale:Nl.spec,"hue-rotate":Xl.spec,invert:Yl.spec,brightness:Kl.spec,contrast:Ul.spec,"drop-shadow":Jl.spec,opacity:Wl.spec,saturate:Zl.spec,sepia:ql.spec,svg:_l.spec},PR=function(t){R()(n,t);var e=xR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:Hl.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='elf--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(Tg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:Dt("$filterSelect"),value:function(){var t=rm.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(fe()(t),[{title:"-------",value:""}],fe()(e)):fe()(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 wR[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(Tg.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            on-change-value="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=i.svgfilters.map((function(t){return{value:t.id}}))),'\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(this.variable([""].concat(fe()(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(Tg.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:Dt("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:yt("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$filterList .filter-item .title label")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:gt("$filterList .filter-item")+at,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,this.props.key,t,this.props.params)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Hl.parse(kR(kR({},e),{},{type:t}))}},{key:ht("$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,a,o=r.getSVGFilterIndex(null===(i=n.value)||void 0===i||null===(a=i.value)||void 0===a?void 0:a.replace("#",""));this.trigger("openSVGFilterPopup",o)}}},{key:ct("openSVGFilterPopup"),value:function(t){var e=this,n=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:function(t){var n=e.$selection.currentProject;n&&(n.setSVGFilterValue(t.index,{filters:t.filters}),e.emit("refreshSVGFilterAssets"),e.emit("refreshSVGArea"))},index:t,preview:!1,filters:n.filters})}},{key:ct("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:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:ht("$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:ut("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:ut("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(w()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),n}(Xg);function OR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $R=["","Arial","Arial Black","Times New Roman","Times","Courier New","Courier","Verdana","Georgia","Palatino","Garamond","Bookman","Tahoma","Trebuchet MS","Impact","Comic Sans MS","serif","sans-serif","monospace","cursive","fantasy","system-ui"],RR=function(t){R()(n,t);var e=jR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getFontList",value:function(){return $R.map((function(t){return{value:t}}))}},{key:"initState",value:function(){return SR(SR({},Ta()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getFontList()})}}]),n}(f$);n(110);function CR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MR=["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"],TR=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],VR={"image-resource":Tg.photo},ER={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},IR={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%"]},DR=function(t){R()(n,t);var e=CR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:Rl.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:Rl.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='elf--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(Tg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Tg.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(TR.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(VR[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                <object refClass=\"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(this.variable(MR),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:kt("$file"),value:function(t){var e=this;this.$selection.currentProject&&fe()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:ht("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");IR[e]&&(this.state.image.radialPosition=ae(IR[e]),this.refresh(),this.updateData())}},{key:pt("$gradientView")+at,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:jt("$gradientView")+Fg("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=Ca.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Ca.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:ht("$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=Rl.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Ca.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:ut("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:ct("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:ht("$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:At("$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:At("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:At("$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:At("$dragPosition"),value:function(){var t="50%",e="50%";if(ER[this.state.image.type]){var n=_t()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Dt("$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.toLength(),";'>\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:ht("$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(Ca.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:jt("$stepList .step")+Fg(),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.setValue(o,n.width),this.children.$range.setValue(Ca.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(Hu.toColorString(t.colorsteps),")")}},{key:ct("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:ct("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())}}]),n}(Xg);n(111);function LR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BR=function(t){R()(n,t);var e=LR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor elf--list-view-editor' ref='$body'></div>"}},{key:At("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Dt("$body"),value:function(){var t=this;return Object.keys(Tg).map((function(e){var n=Tg[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:ht("$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)}}]),n}(Xg);function AR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zR=function(t){R()(n,t);var e=AR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(t){return+t})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:At("$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:Dt("$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:xt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(Xg);n(112);function FR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HR=function(t){R()(n,t);var e=FR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Ca.parse(this.props.value||Ca.z()),n=this.props.label||"";return Tg[n]&&(n=Tg[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:Dt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=c,l=(+s).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(Oc(w()({"elf--input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},u,!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(l,'" 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(Tg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Ca.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:wt("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:ht("$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 Ca(0,this.children.$unit.getValue()))}},{key:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Ca(e,this.children.$unit.getValue())})}},{key:ut("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(Xg);n(113);function GR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _R=function(t){R()(n,t);var e=GR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Ca.parse(this.props.value||Ca.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:Dt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=o,l=(+s).toString(),f=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),{value:t,text:e}}));return'\n        <div \n            ref="$range"\n            class="'.concat(Oc(w()({"elf--range--editor":!0,"has-label":!!i,compact:!!c,"is-removable":a},u,!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(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" 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(this.variable(f)," onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Tg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Ca.parse(t)})}},{key:wt("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:ht("$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 Ca(0,this.children.$unit.getValue()))}},{key:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Ca(e,this.children.$unit.getValue())})}},{key:xt("$property"),value:function(t){this.trigger("changeRangeValue")}},{key:jt("$property")+Hg(),value:function(){}},{key:"end",value:function(){this.trigger("changeRangeValue")}},{key:ut("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Ca(t,this.children.$unit.getValue())})}},{key:ut("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(Xg);function NR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KR=function(t){R()(n,t);var e=YR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Ca(0,"infinite"):Ca.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return XR(XR({},Ta()(V()(n.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}]),n}(_R);n(114);function UR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WR=function(t){R()(n,t);var e=UR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=_t()(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='elf--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:ut("changeValue"),value:function(t,e){this.updateData(w()({},t,e/this.state.duration),!0)}},{key:jt("$start")+Fg("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Ca.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Ca.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:At("$start"),value:function(){return{"data-info":this.state.start,style:{left:Ca.percent(100*(this.state.start||0))}}}},{key:jt("$end")+Fg("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Ca.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Ca.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Ca.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:At("$end"),value:function(){return{"data-info":this.state.end,style:{left:Ca.percent(100*(this.state.end||1))}}}},{key:At("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Ca.percent(100*t),width:Ca.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=_t()(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)}}]),n}(Xg);n(115);function ZR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qR=function(t){R()(n,t);var e=ZR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Ca.parse(this.props.value||Ca.number(0));t=t.toUnit("number");var e=this.props.label||"";return Tg[e]&&(e=Tg[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:Dt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=c?"compact":"",f=o,h=(+s).toString();return"\n        <div class='elf--number-input-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" 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:Ca.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.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:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),n}(Xg);n(116);function JR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QR=function(t){R()(n,t);var e=JR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Ca.parse(this.props.value||Ca.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:Dt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=o?"is-removable":"",f=c,h=(+s).toString();return"\n        <div class='elf--number-range-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(h,'" 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(Tg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Ca.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Ca.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:Ca.parse(t)})}},{key:wt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:ht("$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:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:xt("$property"),value:function(){this.trigger("changeRangeValue")}},{key:jt("$property")+Hg("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeRangeValue")}},{key:ut("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Ca.number(0)),this.updateData({value:this.state.value.set(t)})}}]),n}(Xg);n(117);function tC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function eC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nC=function(t){R()(n,t);var e=eC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new _c(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 _c(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='elf--path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Dt("$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?tC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},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:xt("$data input[type=number]")+tt(300),value:function(t){this.updateData()}},{key:ht("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=_t()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),n}(Xg);n(118);function rC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iC=function(t){R()(n,t);var e=rC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new wf(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 wf(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='elf--polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Dt("$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:xt("$data input[type=number]")+tt(300),value:function(t){this.updateData()}}]),n}(Xg);n(119);function aC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oC=function(t){R()(n,t);var e=aC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return te(t)?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),n=(this.props.icons||"").split(t).map((function(t){return t.trim()})),r=(this.props.colors||"").split(t).map((function(t){return t.trim()})),i=this.props.value||"";return{label:this.props.label||"",compact:"true"===this.props.compact,options:e,icons:n,colors:r,value:i}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='elf--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:ht("$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:Dt("$options")+Q,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e.value,i=e.text,a=e.text,o="",c=r===t.state.value,s=c?"selected":"";if(""===e.value){i=Tg.close;a="close"}else{var u=t.state.icons[n];Tg[u]&&(o="icon"),a=i,i=Tg[u]||i||u||e.text||e.value}var l=t.state.colors[n],f={};return c&&l&&(f["background-color"]=l),"<div class='select-icon-item ".concat(s," ").concat(o,"' style='").concat(xc(f),"' data-value=\"").concat(r,"\" title='").concat(a,"'>").concat(i,"</div>")}))}},{key:ht("$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)}}]),n}(Xg);n(120);function cC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sC=function(t){R()(n,t);var e=cC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.generateValue(this.props.value||"");return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label,e=!!t;return"\n      <div class='elf--stroke-dasharray-editor'>\n        <div class='tools ".concat(e?"has-label":"","'>\n          ").concat(e?"<label class='label'>".concat(t,"</label>"):"","\n          <label ref='$add'>").concat(Tg.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>      \n        <div ref='$body'></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){Array.isArray(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Dt("$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=\"").concat(t,'" \n            min="0"\n            max="100"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Tg.remove2,"</button>\n        </div>\n      ")}))}},{key:ut("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:ht("$add"),value:function(){this.setState({value:[].concat(fe()(this.state.value),[0])})}},{key:ht("$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)}}]),n}(Xg);n(121);function uC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lC=function(t){R()(n,t);var e=uC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Ca.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='elf--text-area-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:At("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:xt("$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)}}]),n}(Xg);n(122);function fC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hC=function(t){R()(n,t);var e=fC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.value;return"\n            <div class='elf--text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <div>\n                    <input type='text' ref='$text' value=\"").concat(n,'" />\n                </div>\n            </div>\n        ')}},{key:"getValue",value:function(){return this.refs.$text.value}},{key:"setValue",value:function(t){this.refs.$text.val(t),this.setState({value:t},!1)}},{key:At("$text"),value:function(){return{value:this.state.value}}},{key:xt("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(Xg);n(123);function pC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dC=function(t){R()(n,t);var e=pC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(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='elf--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(Tg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:ct("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:Dt("$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(Tg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:ht("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:xt("$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)}}]),n}(Xg),vC=[/\(/gi,/\)/gi],yC="grayscale,matrix,rotateZ,blur,sepia,linear-gradient,radial-gradient,conic-gradient,circle,inset,polygon,rgb".split(",").map((function(t){return new RegExp(t,"gi")})),gC="butt,miter,start,at,black,repeat,lighten,multiply,solid,border-box,visible,absolute,relative,auto".split(",").map((function(t){return new RegExp(t,"gi")}));function mC(t){return gC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="keyword">'.concat(t,"</span>")}))})),yC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="function">'.concat(t,"</span>")}))})),vC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="char">'.concat(t,"</span>")}))})),t}function bC(t){return t.split(";").filter((function(t){return t.trim()})).map((function(t){var e=(t=t.trim()).split(":").map((function(t){return t.trim()})),n=_t()(e,2),r=n[0],i=n[1];return""===i?"":'<div class="block"><strong>'.concat(r,'</strong><span>:&nbsp;</span><span class="value">').concat(mC(i),"</span><span>;</span></div>")})).join("").trim()}var kC=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("html","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("html",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(t){var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}}},{key:"renderSVG",value:function(t,e){var n=this.getRendererInstance(t);return ne(n.renderSVG)?n.renderSVG(t,e||this):this.getDefaultRendererInstance().renderSVG(t,e||this)}},{key:"to",value:function(t,e){var n=this.getRendererInstance(e);if(ne(n[t]))return n[t].call(n,e);var r=this.getDefaultRendererInstance();return ne(r[t])?r[t].call(r,e):void 0}},{key:"toCSS",value:function(t){return this.to("toCSS",t)}},{key:"toNestedCSS",value:function(t){return this.to("toNestedCSS",t)}},{key:"toTransformCSS",value:function(t){return this.to("toTransformCSS",t)}},{key:"toGridLayoutCSS",value:function(t){return this.to("toGridLayoutCSS",t)}},{key:"toLayoutItemCSS",value:function(t){return this.to("toLayoutItemCSS",t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);return ne(n.toStyle)?n.toStyle(t,e||this):this.getDefaultRendererInstance().toStyle(t,e||this)}},{key:"update",value:function(t,e,n){var r=this.getRendererInstance(t);return ne(r.update)?r.update(t,e,n):this.getDefaultRendererInstance().update(t,e,n)}},{key:"codeview",value:function(t){if(!t)return"";var e=t.top,n=bC(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?xc(e.toRootVariableCSS()):"",i=t,a=bC(i?Sc(xc(this.toCSS(i))):""),o=i?this.toNestedCSS(i).map((function(t){var e=t.cssText?t.cssText:xc(t.css);return"".concat(t.selector," { \n    ").concat(bC(Sc(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=i?i.selectors:[];return"\n<div class=''>\n\n".concat(a&&"<div><pre title='CSS'>".concat(a,"</pre></div>"),"\n\n").concat(o.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        ")}}]),t}();function xC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wC=function(t){R()(n,t);var e=xC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=(t.name,t.itemType,n||"div");return"    \n      <".concat(i,' class="element-item artboard" data-id="').concat(r,'">\n        ').concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(i,">\n    ")}},{key:"toBorderCSS",value:function(t){return{}}}]),n}(KS);function PC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OC=function(t){R()(n,t);var e=PC(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(WS);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 jC(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){w()(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}function $C(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RC=["front","back","left","right","top","bottom"],CC=function(t){R()(n,t);var e=$C(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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",jC(jC({},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 jC(jC(jC(jC(jC({},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"],c=jC(jC(jC(jC({},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(xc(c),"\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(RC.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}}]),n}(WS);function MC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TC=function(t){R()(n,t);var e=MC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(WS);function VC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function EC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DC="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),LC={xChannelSelector:!0,yChannelSelector:!0},BC=function(t){R()(n,t);var e=IC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=ga();return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,EC({itemType:"svgfilter",id:e,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter((function(e){return e.id===t.id})).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return"string"==typeof t.in&&(t.in=JSON.parse(t.in)),"string"==typeof t.bound&&(t.bound=JSON.parse(t.bound)),"string"==typeof t.connected&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return EC(EC({},Ta()(V()(n.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(LC).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=""),DC.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,rT[t.type])(t)}}]),n}(Ec);function AC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zC=function(t){R()(n,t);var e=AC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:n.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Ca.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    ')}}]),n}(BC);function FC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zC.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Ca.number(0)}};var HC=function(t){R()(n,t);var e=FC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.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>")}}]),n}(BC);function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HC.spec={};var _C=function(t){R()(n,t);var e=GC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:n.spec.operator.defaultValue,k1:n.spec.k1.defaultValue,k2:n.spec.k2.defaultValue,k3:n.spec.k3.defaultValue,k4:n.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}}]),n}(BC);function NC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_C.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:Ca.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)}};var XC=function(t){R()(n,t);var e=NC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:n.spec.operator.defaultValue,radius:n.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()," />")}}]),n}(BC);function YC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XC.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)}};var KC=function(t){R()(n,t);var e=YC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:n.spec.filterType.defaultValue,baseFrequency:n.spec.baseFrequency.defaultValue,numOctaves:n.spec.numOctaves.defaultValue,seed:n.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=Ca.parse(t.baseFrequency),t.numOctaves=Ca.parse(t.numOctaves),t.seed=Ca.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(Pc({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function UC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KC.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Ca.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Ca.number(0)}};var WC=function(t){R()(n,t);var e=UC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:n.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=Ca.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}}]),n}(BC);function ZC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WC.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Ca.number(0)}};var qC=function(t){R()(n,t);var e=ZC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:n.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()," />")}}]),n}(BC);function JC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qC.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 QC=function(t){R()(n,t);var e=JC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:n.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()," />")}}]),n}(BC);function tM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}QC.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var eM=function(t){R()(n,t);var e=tM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:n.spec.stdDeviationX.defaultValue,stdDeviationY:n.spec.stdDeviationY.defaultValue,edgeMode:n.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=Ca.parse(t.stdDeviationX),t.stdDeviationY=Ca.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()," />")}}]),n}(BC);function nM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}eM.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var rM=function(t){R()(n,t);var e=nM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,color:n.spec.color.defaultValue,opacity:n.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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(Pc({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),n}(BC);function iM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}rM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var aM=function(t){R()(n,t);var e=iM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:n.spec.r.defaultValue,g:n.spec.g.defaultValue,b:n.spec.b.defaultValue,a:n.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=t.split(" "),n=Aa()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=_t()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=_t()(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(Pc(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(Pc(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(Pc(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(Pc(i)," />"),"\n    </feComponentTransfe>")}}]),n}(BC);function oM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}aM.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 cM=function(t){R()(n,t);var e=oM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:n.spec.azimuth.defaultValue,elevation:n.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(Pc({azimuth:e,elevation:n})," />")}}]),n}(BC);function sM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}cM.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var uM=function(t){R()(n,t);var e=sM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,z:n.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(Pc({x:e,y:n,z:r})," />")}}]),n}(BC);function lM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}uM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var fM=function(t){R()(n,t);var e=lM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:n.spec.x.defaultValue,y:n.spec.x.defaultValue,z:n.spec.x.defaultValue,pointsAtX:n.spec.pointsAtX.defaultValue,pointsAtY:n.spec.pointsAtY.defaultValue,pointsAtZ:n.spec.pointsAtZ.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,limitingConeAngle:n.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,c=t.specularExponent,s=t.limitingConeAngle;return"<feSpotLight ".concat(Pc({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:c,limitingConeAngle:s})," />")}}]),n}(BC);function hM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}fM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)}};var vM=function(t){R()(n,t);var e=dM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,diffuseConstant:n.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return pM(pM({},Ta()(V()(n.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(Pc({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}]),n}(BC);function yM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}vM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var bM=function(t){R()(n,t);var e=mM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,specularConstant:n.spec.specularConstant.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return gM(gM({},Ta()(V()(n.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(Pc({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}]),n}(BC);function kM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}bM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var xM=function(t){R()(n,t);var e=kM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:n.spec.dx.defaultValue,dy:n.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(Pc({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function wM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}xM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var PM=function(t){R()(n,t);var e=wM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:n.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(Pc({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),n}(BC);function OM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}PM.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var $M=function(t){R()(n,t);var e=jM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,SM({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),n}(BC);function RM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CM=function(t){R()(n,t);var e=RM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),n}($M);function MM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TM=function(t){R()(n,t);var e=MM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),n}($M);function VM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EM=function(t){R()(n,t);var e=VM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),n}($M);function IM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DM=function(t){R()(n,t);var e=IM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),n}($M);function LM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BM=function(t){R()(n,t);var e=LM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),n}($M);function AM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zM=function(t){R()(n,t);var e=AM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),n}($M);function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HM=function(t){R()(n,t);var e=FM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:n.spec.dx.defaultValue,dy:n.spec.dy.defaultValue,stdDeviation:n.spec.stdDeviation.defaultValue,color:n.spec.color.defaultValue,opacity:n.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(Pc({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function GM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Ca.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var _M=function(t){R()(n,t);var e=GM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:n.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()," />")}}]),n}(BC);function NM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_M.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Ca.number(0)}};var XM=function(t){R()(n,t);var e=NM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:n.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()," />")}}]),n}(BC);function YM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XM.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Ca.number(0)}};var KM=function(t){R()(n,t);var e=YM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),n}(BC);function UM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KM.spec={};var WM=function(t){R()(n,t);var e=UM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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(Pc({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function ZM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var qM=function(t){R()(n,t);var e=ZM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Image",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,src:n.spec.src.defaultValue,alignment:n.spec.alignment.defaultValue,scaleing:n.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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,c=t.scaleing;return"<feImage ".concat(Pc({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.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 eT=["result"],nT=function(t){R()(n,t);var e=tT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,QM({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return eT.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,rT[t.type])(t)}}]),n}(Ec),rT={Image:qM,Tile:WM,Saturate:_M,HueRotate:XM,LuminanceAlpha:KM,DropShadow:HM,SourceGraphic:CM,SourceAlpha:TM,BackgroundImage:EM,BackgroundAlpha:DM,FillPaint:BM,StrokePaint:zM,ComponentTransfer:aM,DistantLight:cM,PointLight:uM,SpotLight:fM,DiffuseLighting:vM,SpecularLighting:bM,Blend:PM,Offset:xM,RotaMatrix:zC,GaussianBlur:eM,Flood:rM,Merge:HC,Composite:_C,Morphology:XC,Turbulence:KC,DisplacementMap:WC,ColorMatrix:qC,ConvolveMatrix:QC},iT={Image:qM.spec,Tile:WM.spec,DropShadow:HM.spec,Saturate:_M.spec,HueRotate:XM.spec,LuminanceAlpha:KM.spec,Offset:xM.spec,ComponentTransfer:aM.spec,SpecularLighting:bM.spec,SpotLight:fM.spec,PointLight:uM.spec,DistantLight:cM.spec,DiffuseLighting:vM.spec,Blend:PM.spec,RotaMatrix:zC.spec,Merge:HC.spec,GaussianBlur:eM.spec,Flood:rM.spec,Morphology:XC.spec,Composite:_C.spec,Turbulence:KC.spec,DisplacementMap:WC.spec,ColorMatrix:qC.spec,ConvolveMatrix:QC.spec};function aT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oT=function(t){R()(n,t);var e=aT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(fe()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n<style type='text/css' data-renderer-type=\"html\" data-id='".concat(t.id,"'>\n    :root {\n        ").concat(xc(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 nT.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")}}]),n}(KS);function cT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sT=function(t){R()(n,t);var e=cT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(WS);function uT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hT=function(t){R()(n,t);var e=fT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(qa.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:"cachedStroke",value:function(t){return t.computed("stroke",(function(t){return Qm.parseImage(t||"black")}))}},{key:"cachedFill",value:function(t){return t.computed("fill",(function(t){return Qm.parseImage(t||"black")}))}},{key:"toFillSVG",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toStrokeSVG",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.strokeId(t))}},{key:"toFillValue",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return pu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,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 lT(lT({},Ta()(V()(n.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)}}]),n}(WS);function pT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dT=function(t){R()(n,t);var e=pT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(t.hasChangedField("width","height","d")&&n.setAttrNS({d:t.d}),t.hasChangedField("fill")&&n.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&n.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&n.setAttrNS({filter:this.toFilterValue(t)}),t.hasChangedField("fill-rule")&&n.setAttrNS({"fill-rule":t["fill-rule"]||"nonezero"})),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    ')}}]),n}(hT);function vT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yT=function(t){R()(n,t);var e=vT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&t.hasChangedField("width","height","d")&&n.attr("d",t.d);var r=e.$("path.guide");r&&t.hasChangedField("width","height","d")&&r.attr("d",t.d);var i=e.$("textPath");i&&(t.hasChangedField("text")&&i.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&i.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&i.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&i.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&i.setAttrNS({filter:this.toFilterValue(t)})),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,'" stroke="rgba(0, 0, 0, 0.5)" fill="none"/>\n      </svg>\n    ')}}]),n}(hT);function gT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mT=function(t){R()(n,t);var e=gT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){e.$("text")&&(t.hasChangedField("text")&&$textPath.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&$textPath.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&$textPath.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&$textPath.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&$textPath.setAttrNS({filter:this.toFilterValue(t)})),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>")}}]),n}(hT),bT={dom:function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t){return t}}]),t}()},kT=function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=bT[t]||bT.dom;return r.compile(e,n)}}]),t}();function xT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wT=function(t){R()(n,t);var e=xT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(!1===t.hasChangedField("x","y","width","height")){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r)}Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return kT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=this.compile(t);return"\n      <div class='element-item template' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <style id="style-').concat(e,'">\n          [data-id="').concat(e,'"] .inner-html {\n            width: 100%; \n            height: 100%;\n            position:relative;\n            display:block;\n            pointer-events: none; \n          }\n\n          [data-id="').concat(e,'"] .inner-html > * {\n            width: 100%; \n            height: 100%;\n          }          \n        </style>\n        <div class="inner-html" data-domdiff-pass="true">\n          ').concat(n,"\n        </div>\n      </div>")}}]),n}(WS);function PT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OT=function(t){R()(n,t);var e=PT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=Ta()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{key:"update",value:function(t,e){var r=e.$(".text-content");if(r){var i=t.content;r.updateDiff(i)}Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.id,n=t.content;return"\n            <div class='element-item text' data-id=\"".concat(e,'">\n                ').concat(this.toDefString(t),'\n                <div class="text-content" tabIndex="-1" data-id="').concat(e,'">').concat(n,"</div>\n            </div>\n        ")}}]),n}(WS);function ST(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jT=function(t){R()(n,t);var e=ST(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=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(c,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>")}},{key:"update",value:function(t,e){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=e.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(WS),$T=function(){function t(e){O()(this,t),this.editor=e}var e,n;return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("json","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("json",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:(n=Fa()(Na.a.mark((function t(e,n){var r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(!(r=this.getRendererInstance(e))){t.next=7;break}return t.next=6,r.render(e,n||this);case 6:return t.abrupt("return",t.sent);case 7:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"getResourceDataURI",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}(),RT=function(){function t(){O()(this,t)}var e,n;return j()(t,[{key:"render",value:(n=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.toCloneObject(e,n);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){var r,i,a,o;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=e.attrs("itemType","name","elementType","type","visible","lock","selected")).referenceId=e.id,r.newTargetId=ya(),i=[],a=0,o=e.layers.length;case 5:if(!(a<o)){t.next=14;break}return t.t0=i,t.next=9,n.render(e.layers[a],n);case 9:t.t1=t.sent,t.t0.push.call(t.t0,t.t1);case 11:a++,t.next=5;break;case 14:return r.layers=i,t.abrupt("return",r);case 16:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}();function CT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function VT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ET(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DT=function(t){R()(r,t);var e,n=IT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=ET,t.t1=ET,t.t2=ET,t.t3={},t.next=6,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 6:return t.t4=t.sent,t.t5=(0,t.t2)(t.t3,t.t4),t.t6=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"),t.t7=(0,t.t1)(t.t5,t.t6),t.t8={},t.t9={selectors:e.selectors.map((function(t){return t.clone()})),svg:e.svg.map((function(t){return t.clone()}))},t.abrupt("return",(0,t.t0)(t.t7,t.t8,t.t9));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=TT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=MT,t.t1=MT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("x","y","width","height"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(RT));function LT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zT=function(t){R()(r,t);var e,n=AT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=BT,t.t1=BT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(DT);function FT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function GT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _T=function(t){R()(r,t);var e,n=GT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=HT,t.t1=HT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("tagName"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(DT);function NT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XT=function(t){R()(n,t);var e=NT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(_T);function YT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function UT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WT=function(t){R()(r,t);var e,n=UT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=KT,t.t1=KT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function ZT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QT=function(t){R()(r,t);var e,n=JT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){var i,a,o;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=e.project,a=i.imageKeys[e.src],o=a.original,t.t0=qT,t.t1=qT,t.t2={},t.next=8,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 8:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5={},t.t6={src:o},t.abrupt("return",(0,t.t0)(t.t4,t.t5,t.t6));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);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){w()(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}function nV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function rV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function oV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uV=function(t){R()(r,t);var e,n=sV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=cV,t.t1=cV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name","description","rootVariable"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=aV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=iV,t.t1=iV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("timeline"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=nV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=eV,t.t1=eV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(RT)));function lV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fV=function(t){R()(n,t);var e=lV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(_T);function hV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vV=function(t){R()(r,t);var e,n=dV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=pV,t.t1=pV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function yV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bV=function(t){R()(r,t);var e,n=mV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=gV,t.t1=gV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("d"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function kV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var PV=function(t){R()(r,t);var e,n=wV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=xV,t.t1=xV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function OV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $V=function(t){R()(r,t);var e,n=jV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=SV,t.t1=SV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function RV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function CV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TV=function(t){R()(r,t);var e,n=MV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=CV,t.t1=CV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("engine","template","params"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function VV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?VV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DV=function(t){R()(r,t);var e,n=IV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=EV,t.t1=EV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("content"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function LV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zV=function(t){R()(r,t);var e,n=AV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=BV,t.t1=BV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T),FV=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("svg","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("svg",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(!t)return"";var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}},{key:"toCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toCSS(t)}},{key:"toTransformCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toTransformCSS(t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.toStyle(t,e||this)}},{key:"update",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.update(t,e)}},{key:"codeview",value: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        ")}}]),t}();function HV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NV=function(t){R()(n,t);var e=_V(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toDefaultCSS",value:function(t){return GV({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.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return GV(GV({},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,c=t.itemType;return"\n\n<svg class='svg-element-item ".concat(c,'\'\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(ne(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(xc(a),';width:100%;height:100%;"></').concat(i,">\n</foreignObject>    \n").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),n}(KS);function XV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YV=function(t){R()(n,t);var e=XV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),n}(NV);function KV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UV=function(t){R()(n,t);var e=KV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(NV);function WV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZV=function(t){R()(n,t);var e=WV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(UV);function qV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JV=function(t){R()(n,t);var e=qV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=e.$("iframe");r&&r.attr("src",t.url||"about:blank"),Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.width,n=t.height,r=(t.id,t.url),i=void 0===r?"about:blank":r,a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n  <foreignObject\n      width="'.concat(e.value,'"\n      height="').concat(n.value,'"\n  >\n      <iframe \n          xmlns="http://www.w3.org/1999/xhtml"\n          width="100%" \n          height="100%" \n          style="border:0px;width:100%;height:100%;pointer-events:none; ').concat(xc(a),'" \n          src="').concat(i,'"\n      ></iframe>\n  </foreignObject>              \n          ')}))}}]),n}(UV);function QV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tE=function(t){R()(n,t);var e=QV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(UV);function eE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nE=function(t){R()(n,t);var e=eE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),n}(NV);function rE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iE=function(t){R()(n,t);var e=rE(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(UV);function aE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oE=function(t){R()(n,t);var e=aE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(qa.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 Qm.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return Qm.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return Qm.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return pu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return Qm.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{}}}]),n}(UV);function cE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lE=function(t){R()(n,t);var e=uE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(sE(sE({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:xc(e.toCSS(t))}))," />\n    ")}))}}]),n}(oE);function fE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dE=function(t){R()(n,t);var e=pE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(hE(hE({"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:xc(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      ")}))}}]),n}(oE);function vE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mE=function(t){R()(n,t);var e=gE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(yE(yE({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:xc(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),n}(oE);function bE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kE=function(t){R()(n,t);var e=bE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r),Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return kT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=t.width,r=t.height,i=this.compile(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" style="width: 100%;height:100%;">\n                    <style id="style-').concat(e,'">\n                    [data-id="').concat(e,'"] .inner-html {\n                        width: 100%; \n                        height: 100%;\n                        position:relative;\n                        display:block;\n                        pointer-events: none; \n                    }\n\n                    [data-id="').concat(e,'"] .inner-html > * {\n                        width: 100%; \n                        height: 100%;\n                    }          \n                    </style>\n                    <div class="inner-html">\n                    ').concat(i,"\n                    </div>\n                </div>\n            </foreignObject>              \n          ")}))}}]),n}(UV);function xE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wE=function(t){R()(n,t);var e=xE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=Ta()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{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(xc(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),n}(UV);function PE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OE=function(t){R()(n,t);var e=PE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=t.poster,s=t.loop,u=t.crossorigin,l=t.autoplay,f=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(c,'"\n                    loop="').concat(s,'"\n                    crossorigin="').concat(u,'"\n                    autoplay="').concat(l,'"\n                    style="').concat(xc(f),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),n}(UV);n(124);function SE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jE=function(t){R()(n,t);var e=SE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{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='elf--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:xt("$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(){Ta()(V()(n.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:ct("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:ct("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),n}(sw);n(125);function $E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RE=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].map((function(t){return{value:t}})),CE=function(t){R()(n,t);var e=$E(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{key:"getBody",value:function(){return"<div class='elf--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\" none-value=\"selector\" options=".concat(this.variable(RE),' />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Tg.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(Tg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:ht("$selectorList .selector-item .del")+at+ot,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:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Dt("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?zb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:yt("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$selectorList .selector-item")+at,value:function(t){}},{key:gt("$selectorList .selector-item")+at,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:ht("$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:ct("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))}}]),n}(Ux);n(126);function ME(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TE=function(t){R()(n,t);var e=ME(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"elf--svgfilter-assets-property"}},{key:ct("refreshSelection")+tt(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:Dt("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return nT.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(Tg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Tg.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Tg.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:ht("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:ga(),filters:[]})}))}},{key:ht("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:ht("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:xt("$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:ht("$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:ct("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:ct("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:ct("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),n}(Ux),VE={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"};n(127);function EE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var IE=Object.keys(VE).map((function(t){return{title:t,values:VE[t]}})),DE=function(t){R()(n,t);var e=EE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:Sa(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='elf--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:At("$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:Dt("$sample"),value:function(){return IE.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:ht("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=IE[e];this.updateData({values:Sa(n.values)}),this.load("$body")}},{key:Dt("$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:xt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(Xg);n(128);function LE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zE=function(t){R()(n,t);var e=AE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return BE({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=Aa()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=_t()(i,2),o=a[0],c=a[1];else if("gamma"===r)var s=_t()(i,3),u=s[0],l=s[1],f=s[2];return{type:r,values:i,slop:o,intercept:c,amplitude:u,exponent:l,offset:f}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Dt("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="SelectEditor"  \n            label="'.concat(r,'" \n            key="type" \n            value="').concat(this.state.type,'" \n            options=').concat(this.variable(["identity","table","discrete","linear","gamma"]),' \n            onchange="changeType" />\n        <div class=\'elf--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\" \n                    label='tableValues' \n                    ref='$values' \n                    key='values' \n                    value=\"").concat(this.state.values.join(" "),'" \n                    onchange=').concat(this.subscribe((function(e,n){t.updateData(w()({},e,n.split(" ")))}))," />\n            </div>\n            <div data-type='linear'>\n                ").concat(["slop","intercept"].map((function(e){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                            />\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"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                                />\n                        </div>                    \n                    ")})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:ct("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(fe()(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(BE({},this.parse(t)))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(Xg),FE={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"}]}]};n(129);function HE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NE=[{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"}]}],XE=[{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 YE(t){switch(t){case"SpecularLighting":return Tg.specular;case"DiffuseLighting":return Tg.diffuse;case"SourceGraphic":case"SourceAlpha":return Tg.image;case"BackgroundImage":case"BackgroundAlpha":return Tg.outline_image;case"Flood":return Tg.palette;case"Image":return Tg.landscape;case"GaussianBlur":return Tg.blur;case"ColorMatrix":return Tg.blur_linear;case"Turbulence":return Tg.waves;case"Saturate":return Tg.vintage;case"HueRotate":return Tg.looks;case"LuminanceAlpha":return Tg.opacity;case"DropShadow":return Tg.shadow;case"Morphology":return Tg.broken_image;case"ConvolveMatrix":return Tg.camera_roll;case"Offset":return Tg.transform;case"Tile":return Tg.view_comfy;case"Blend":return Tg.gradient;case"Composite":return Tg.merge;case"Merge":return Tg.settings_input_component;case"DisplacementMap":return Tg.texture}return""}function KE(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 UE=[45],WE=[20],ZE={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},qE={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(qE).forEach((function(t){qE[t]=qE[t].map((function(t){return t+20}))}));var JE=function(t){R()(n,t);var e=_E(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(jc(NE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(jc(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(YE(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(jc(XE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(jc(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=\'elf--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 scrollbar selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content  scrollbar" 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:ht("$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:yt("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:mt("$connectedLinePanel")+at,value:function(){}},{key:gt("$connectedLinePanel")+at,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=FE[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return iT[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r=this,i="".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(i,"' \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(i,"' \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(i,"' \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 a=t.options;return ne(t.options)&&(a=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(i,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(a,"' \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(i,"' \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(i,"' \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(i,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange=').concat(this.subscribe((function(t,e,n){r.trigger("changeRangeEditor",t,e,n)})),"\n          />\n        </div>\n      "):"FuncFilter"===t.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(i,"' \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(i,"' \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(i,"' \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(Tg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Zt(t,e).join(n)}(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:Dt("$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 nT.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return nT.parse(GE(GE({},e),{},{type:t}))}},{key:ht("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:ht("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:ht("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Dt("$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:jt("$graphPanel .filter-node")+Fg()+Hg(),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=qa.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=ae(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,c=a.y-e.y,s=o+a.width/2,u=c+a.height/2;this.startXY={x:s,y:u}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Dt("$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 bf,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+UE[0],r=t.bound.y+WE[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 c=o.index;return[{x:n,y:r},{x:i.it.bound.x+ZE[a][0],y:i.it.bound.y+qE[a][c]}]}},{key:Dt("$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=KE(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:ht("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=_t()(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=qa.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(c=this.state.filters[+a.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var o=+i.attr("data-index");c.in[o]||(c.setIn(o,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(i.hasClass("out"))(c=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:Ca.px(n.bound.x),top:Ca.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(Oc({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(Tg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(KE(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(YE(e.type),"</div>\n          <div class='in-list'>\n            ").concat(kc(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(Tg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:ut("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:ut("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:ut("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter((function(e){return e.id!=t}));e.forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=t})),e.in=e.in.filter((function(e){return e.id!=t}))})),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:ht("$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)}}]),n}(Xg);n(130);function QE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tI=function(t){R()(n,t);var e=QE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{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='elf--svg-filter-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:Dt("$editor"),value:function(){var t=this;return"\n      <object refClass=\"SVGFilterEditor\" ref='$filter' title='Filter Type' key=\"filter\" onchange=".concat(this.subscribe((function(e,n){t.updateData({filters:n})})),'>\n        <property name="value" valueType="json">').concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:ct("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return nT.parse(t)})),t.preview=!Jt(t.preview)||t.preview,this.setState(t),this.show(1e3)}},{key:ct("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),n}(sw);n(131);function eI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nI=function(t){R()(n,t);var e=eI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='elf--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(Tg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Tg.remove,"</button>\n            </div>\n        ")}},{key:ht("$remove"),value:function(t){this.updateData({value:""})}},{key:ht("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){this.load()}},{key:At("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Dt("$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=_t()(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:kt("$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:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$options")}},{key:ct("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:ct("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),n}(Xg);function rI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iI=function(t){R()(n,t);var e=rI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"editableProperty",get:function(){return"svg-item"}},{key:ct("refreshSelection")+U("checkShow"),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"]||Ca.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Ca.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Ca.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"]))}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return"\n      <div ref='$svgProperty'>\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=').concat(this.variable(["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        \x3c!--<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>--\x3e\n        <div class=\'property-item\'>\n          <object refClass="StrokeDashArrayEditor" label="').concat(this.$i18n("svg.item.property.dashArray"),"\" 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=').concat(this.variable(["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=').concat(this.variable(["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        \x3c!--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--\x3e         \n      </div>\n   \n    ')}},{key:ut("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change svg item property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function aI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oI=function(t){R()(n,t);var e=aI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:ct("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=').concat(this.variable(["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=").concat(this.variable(["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:ut("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change svg text property: ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function cI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sI="none,uppercase:AG,lowercase:ag,capitalize:Ag".split(",").map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),uI="none,underline,overline:O,line-through".split(",").map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),lI=function(t){R()(n,t);var e=cI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"editableProperty",get:function(){return"text-style"}},{key:ct("refreshSelection")+U("checkShow"),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=").concat(this.variable(["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=").concat(this.variable(sI),'\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=").concat(this.variable(uI),"\n          icons=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:ut("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change text property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function fI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hI=function(t){R()(n,t);var e=fI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:Dt("$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=').concat(this.variable(["","text"]),' onchange="changeSelect" />\n    ')}},{key:ut("changeSelect"),value:function(t,e){this.emit("setAttributeForMulti",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"text-clip"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);function pI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dI=function(t){R()(n,t);var e=pI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"editableProperty",get:function(){return"text-fill"}},{key:ct("refreshSelection")+U("checkShow"),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:ut("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:ut("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change text fill",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(132);function vI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yI=function(t){R()(n,t);var e=vI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:this.props.value}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Tg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Dt("$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(Tg.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:ct("add"),value:function(){this.state.textShadows.push(new ju),this.refresh(),this.modifyTextShadow()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:ht("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:ht("$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:ct("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),n}(Xg);function gI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mI=function(t){R()(n,t);var e=gI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Dt("$shadowList"),value:function(){var t=this,e=this.$selection.current||{};return'\n      <object refClass="TextShadowEditor" \n        ref=\'$textshadow\' \n        value="'.concat(this.variable(ju.parseStyle(e["text-shadow"])),'" \n        hide-label="true" \n        onChange=').concat(this.subscribe((function(e){t.command("setAttributeForMulti","change text shadow",t.$selection.packByValue({"text-shadow":e}))})),"\n      />\n    ")}},{key:"editableProperty",get:function(){return"text-shadow"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);n(133);function bI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kI=function(t){R()(n,t);var e=bI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z()}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='elf--text-shadow-property-popup' ref='$popup'></div>"}},{key:Dt("$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:ct("changeShadow"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:jt("$popup .drag-board")+Fg("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.updateData({offsetX:Ca.px(o),offsetY:Ca.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:ct("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:ct("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),n}(sw);n(134);function xI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wI=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],PI={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},OI=function(t){R()(n,t);var e=xI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--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(wI.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(Tg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:ht("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Ca.deg(PI[e]||0);this.$selection.each((function(t){var e=zc.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool",!1)}},{key:At("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:zc.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:At("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:zc.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:pt("$rotateArea"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return zc.remove(t.transform,["rotateX","rotateY"])}})),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool"),this.bindData("$rotateContainer")}},{key:jt("$rotateArea")+Fg("moveRotateXY")+Hg("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=zc.get(t.transform,"rotateX"),n=zc.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Ca.deg(0),rotateY:n?n[0]:Ca.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Ca.deg(-e),r=Ca.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=zc.rotateX(e,Ca.deg(t.rotateX.value+n.value)),e=zc.rotateY(e,Ca.deg(t.rotateY.value+r.value)),t.item.reset({transform:e})})),this.bindData("$rotateContainer"),this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"moveEndRotateXY",value:function(t,e){this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:pt("$handle"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return zc.remove(t.transform,["rotateZ","rotate"])}})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:jt("$handle")+Fg()+Hg(),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=zc.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Ca.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"end",value:function(){this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Ca.deg(Math.floor(pa(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=zc.rotateZ(e,Ca.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:ct("refreshSelection"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView"),value:function(){this.$selection.hasChangedField("transform")&&this.refresh()}}]),n}(Xg);n(135);function SI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RI=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],CI={scale:["X","Y"],skew:["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"]},MI=function(t){R()(n,t);var e=$I(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:zc.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='elf--transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(RI.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(Tg.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":case"skew":return CI[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":case"skew":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-100,max:100,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"skew":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad",editorType:"RangeEditor"};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-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Tg.remove2,'\n            </button>\n          </div>\n        </div>\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),c=o.min,s=o.max,u=o.step,l=o.units;return'\n            <div>\n              <object refClass="RangeEditor"  \n                    ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                    min=\"").concat(c,'" \n                    max="').concat(s,'" \n                    step="').concat(u,'" \n                    label="').concat(a,'"\n                    key="').concat(n,"\" \n                    params='").concat(i,"' \n                    value=\"").concat(e,'" \n                    units="').concat(l,'" \n                    onchange="changeRangeEditor" />\n            </div>')})).join(""),"      \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(Tg.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),c=o.min,s=o.max,u=o.step,l=o.units,f=o.editorType;return'\n              <div>\n                <object refClass="'.concat(void 0===f?"NumberInputEditor":f,"\"  \n                      ref='$range_").concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(c,'" \n                      max="').concat(s,'" \n                      step="').concat(u,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:Dt("$transformList")+Q,value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:"setValue",value:function(t){this.setState({transforms:zc.parseStyle(t)})}},{key:yt("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:mt("$transformList .transform-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:gt("$transformList .transform-item")+at,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[Ca.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Ca.deg(0)];case"translate":return[Ca.z(),Ca.z()];case"translate3d":return[Ca.z(),Ca.z(),Ca.z()];case"scale":return[Ca.number(1),Ca.number(1)];case"skew":return[Ca.deg(0),Ca.deg(0)];case"scaleX":case"scaleY":return[Ca.number(1)];case"matrix":return[Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0)];case"matrix3d":return[Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1)]}return[Ca.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return zc.parse(jI(jI({},e),{},{type:t,value:n}))}},{key:ut("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:ht("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:ht("$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:ut("changeRangeEditor"),value:function(t,e,n){Jt(n)?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),n}(Xg);function TI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],EI=function(t){R()(n,t);var e=TI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isFirstShow",value:function(){return!0}},{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(VI.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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Dt("$body")+Q,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:ut("changeTransformEditor"),value:function(t){var e=this;this.command("setAttributeForMulti","change transform property",this.$selection.packByValue({transform:t})),this.nextTick((function(){e.emit("refreshSelectionTool",!1)}))}},{key:"refresh",value:function(){this.children.$transformEditor.setValue(this.$selection.current.transform)}},{key:"editableProperty",get:function(){return"transform"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+tt(100),value:function(){var t=this.$selection.current;t&&t.hasChangedField("transform")&&this.refresh()}}]),n}(Ux);n(136);function II(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DI=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],LI=DI.map((function(t){return t.key})),BI={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%"},AI=function(t){R()(n,t);var e=II(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Ca.percent(50),"transform-origin-x":Ca.percent(50),"transform-origin-y":Ca.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Ca.parse(t[0]),e["transform-origin-x"]=Ca.parse(t[0]),e["transform-origin-y"]=Ca.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Ca.parse(t[0]),e["transform-origin-y"]=Ca.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:ht("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=BI[e].split(" "),r=_t()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Ca.parse(i),this.state["transform-origin-y"]=Ca.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:ut("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&LI.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Dt("$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(DI.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,LI.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:ht("$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()}}]),n}(Xg);function zI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FI=function(t){R()(n,t);var e=zI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ht("$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:Dt("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:"editableProperty",get:function(){return"transform-origin"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeTransformOrigin"),value:function(t,e){this.command("setAttributeForMulti","change transform-origin",this.$selection.packByValue({"transform-origin":e}))}}]),n}(Ux);function HI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GI=/((cubic-bezier|steps)\(([^\)]*)\))/gi,_I=function(t){R()(n,t);var e=HI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Ca.second(0),timingFunction:"linear",delay:Ca.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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Jx(t,GI);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Ca.parse(e[1]),timingFunction:Qx(e[2],r.matches),delay:Ca.parse(e[3])}:e.length>=3?{name:e[0],duration:Ca.parse(e[1]),delay:Ca.parse(e[2])}:e.length>=1?{name:e[0],duration:Ca.parse(e[1])}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Ec);n(137);function NI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YI=function(t){R()(n,t);var e=XI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{key:"getBody",value:function(){return"<div class='elf--transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(Tg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Dt("$transitionList")+Q,value:function(){var t=this,e=this.$selection.current;return e?_I.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=Rc(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(Tg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:ct("refreshSelection"),value:function(){this.refreshShowIsNot([])}},{key:ht("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add transition",this.$selection.packByValue({transition:function(t){return _I.add(t.transition)}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:ht("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:_I.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=_I.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:ht("$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:ct("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?NI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:_I.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),n}(Ux);n(138);function KI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function WI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZI=["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"].map((function(t){return{value:t,text:t}})),qI=function(t){R()(n,t);var e=WI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Transition"}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=UI(UI({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--transition-property-popup' ref='$popup'></div>"}},{key:Dt("$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:ut("changeTransition"),value:function(t,e){this.updateData(w()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  \n          ref=\'$property\' \n          icon="true" \n          label="Property" \n          key=\'name\' \n          value="'.concat(this.state.data.name,'" \n          options=').concat(this.variable(ZI)," \n          onChange='changeTransition' \n        /> \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:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ut("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ct("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:ct("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),n}(sw);n(139);function JI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QI=function(t){R()(n,t);var e=JI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item elf--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:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:Dt("$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(Tg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Tg.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(Tg.volume_off,"</span>\n            <span data-value='down'>").concat(Tg.volume_down,"</span>\n            <span data-value='up'>").concat(Tg.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:ct("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({currentTime:e}))}},{key:ct("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({playbackRate:e}))}},{key:Tt("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({volume:e}))}},{key:At("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:At("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:ht("$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:ut("changeValue")+tt(100),value:function(t,e){this.state.$video&&this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:ut("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:ct("refreshSelection")+tt(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")}))}}]),n}(Ux),tD=[function(t){cO.forEach((function(e){t.registerConfig(e)}))},function(t){Object.keys(eS).forEach((function(e){t.registerI18nMessage(e,eS[e])}))},function(t){t.registerItem("project",ih),t.registerItem("artboard",Ub),t.registerItem("rect",PO),t.registerItem("circle",vO),t.registerItem("image",bO),t.registerItem("text",tS),t.registerItem("svg-path",VO),t.registerItem("svg-text",LO),t.registerItem("svg-textpath",FO),t.registerItem("template",WO)},function(t){t.registerRendererType("html",new kC(t)),t.registerRenderer("html","project",new oT),t.registerRenderer("html","artboard",new wC),t.registerRenderer("html","rect",new sT),t.registerRenderer("html","circle",new OC),t.registerRenderer("html","image",new TC),t.registerRenderer("html","text",new OT),t.registerRenderer("html","video",new jT),t.registerRenderer("html","svg-path",new dT),t.registerRenderer("html","svg-text",new mT),t.registerRenderer("html","svg-textpath",new yT),t.registerRenderer("html","cube",new CC),t.registerRenderer("html","template",new wT)},function(t){t.registerRendererType("json",new $T(t)),t.registerRenderer("json","project",new uV),t.registerRenderer("json","artboard",new zT),t.registerRenderer("json","rect",new fV),t.registerRenderer("json","circle",new XT),t.registerRenderer("json","image",new QT),t.registerRenderer("json","template",new TV),t.registerRenderer("json","iframe",new WT),t.registerRenderer("json","text",new DV),t.registerRenderer("json","video",new zV),t.registerRenderer("json","svg-path",new bV),t.registerRenderer("json","svg-text",new $V),t.registerRenderer("json","svg-textpath",new PV)},function(t){t.registerRendererType("svg",new FV(t)),t.registerRenderer("svg","project",new nE),t.registerRenderer("svg","artboard",new YV),t.registerRenderer("svg","rect",new iE),t.registerRenderer("svg","circle",new ZV),t.registerRenderer("svg","image",new tE),t.registerRenderer("svg","template",new kE),t.registerRenderer("svg","iframe",new JV),t.registerRenderer("svg","video",new OE),t.registerRenderer("svg","text",new wE),t.registerRenderer("svg","svg-path",new lE),t.registerRenderer("svg","svg-text",new mE),t.registerRenderer("svg","svg-textpath",new dE)},function(t){t.registerElement({IconListViewEditor:BR,TextAreaEditor:lC,TextEditor:hC,ColorSingleEditor:uR,CubicBezierEditor:vR,ClipPathEditor:m$,ColorViewEditor:fR,VarEditor:dC,PathDataEditor:nC,PolygonDataEditor:iC,InputArrayEditor:zR,StrokeDashArrayEditor:sC,NumberInputEditor:qR,NumberRangeEditor:QR,MediaProgressEditor:WR,SelectIconEditor:oC,CSSPropertyEditor:pR,DirectionEditor:mR,IterationCountEditor:KR,GradientEditor:DR,FilterEditor:PR,SelectEditor:f$,BlendSelectEditor:y$,RangeEditor:_R,InputRangeEditor:HR,ColorAssetsEditor:cR,FontSelectEditor:RR})},function(t){t.registerElement({ColorPickerEditor:ZP,EmbedColorPicker:tO}),t.registerMenuItem("popup",{ColorPickerPopup:JP})},function(t){t.registerElement({FillSingleEditor:CS,FillEditor:mS,GradientSingleEditor:VS}),t.registerMenuItem("popup",{FillPickerPopup:$S,GradientPickerPopup:PS})},function(t){t.registerMenuItem("inspector.tab.style",{SVGTextProperty:oI})},function(t){t.registerMenuItem("inspector.tab.style",{FontProperty:sS})},function(t){t.registerMenuItem("inspector.tab.style",{TextProperty:lI})},function(t){t.registerElement({TextShadowEditor:yI}),t.registerMenuItem("inspector.tab.style",{TextShadowProperty:mI}),t.registerMenuItem("popup",{TextShadowPropertyPopup:kI})},function(t){t.registerMenuItem("inspector.tab.style",{FontSpacingProperty:lS})},function(t){t.registerElement({ContentProperty:oO})},function(t){t.registerMenuItem("inspector.tab.style",{TextFillProperty:dI})},function(t){t.registerMenuItem("inspector.tab.style",{TextClipProperty:hI})},function(t){t.registerElement({AlignmentProperty:Zx})},function(t){t.registerMenuItem("inspector.tab.style",{ArtBoardSizeProperty:mw})},function(t){t.registerElement({FlexLayoutEditor:yj,FlexLayoutItemEditor:bj,GridLayoutEditor:Mj,GridLayoutItemEditor:Ej,GridBoxEditor:Oj,GridGapEditor:jj}),t.registerMenuItem("inspector.tab.style",{LayoutProperty:Bj,GridLayoutItemProperty:Dj,FlexLayoutItemProperty:xj})},function(t){t.registerElement({AppearanceProperty:vw})},function(t){t.registerMenuItem("inspector.tab.style",{ComponentProperty:iO})},function(t){t.registerElement({BackgroundImageEditor:$w,BackgroundPositionEditor:Dw}),t.registerMenuItem("inspector.tab.style",{BackgroundImageProperty:Tw}),t.registerMenuItem("popup",{BackgroundImagePositionPopup:Cw})},function(t){t.registerElement({BorderEditor:Hw,BorderValueEditor:Yw}),t.registerMenuItem("inspector.tab.style",{BorderProperty:_w})},function(t){t.registerElement({BorderRadiusEditor:rP}),t.registerMenuItem("inspector.tab.style",{BorderRadiusProperty:aP})},function(t){t.registerMenuItem("inspector.tab.style",{VideoProperty:QI})},function(t){t.registerElement({ImageSelectEditor:nj}),t.registerMenuItem("inspector.tab.style",{ImageProperty:tj}),t.registerMenuItem("popup",{ImageSelectPopup:ij})},function(t){t.registerElement({PatternEditor:Gj,PatternSizeEditor:qj,PatternAssetsProperty:Fj}),t.registerMenuItem("inspector.tab.style",{PatternProperty:Kj}),t.registerMenuItem("popup",{PatternInfoPopup:Nj})},function(t){t.registerElement({SVGFilterAssetsProperty:TE})},function(t){t.registerElement({ColorMatrixEditor:DE,FuncFilterEditor:zE,SVGFilterSelectEditor:nI,SVGFilterEditor:JE}),t.registerMenuItem("inspector.tab.style",{SVGItemProperty:iI}),t.registerMenuItem("popup",{SVGFilterPopup:tI})},function(t){t.registerElement({LayerTreeProperty:hj})},function(t){t.registerElement({BackgroundClipProperty:Pw})},function(t){t.registerElement({BorderImageProperty:Qw})},function(t){t.registerMenuItem("inspector.tab.style",{FilterProperty:oS})},function(t){t.registerMenuItem("inspector.tab.style",{BackdropFilterProperty:xw})},function(t){t.registerElement({BoxShadowEditor:lP}),t.registerMenuItem("inspector.tab.style",{BoxShadowProperty:hP}),t.registerMenuItem("popup",{BoxShadowPropertyPopup:yP})},function(t){t.registerMenuItem("inspector.tab.style",{ClipPathProperty:TP}),t.registerMenuItem("popup",{ClipPathPopup:RP})},function(t){t.registerMenuItem("inspector.tab.style",{BoxModelProperty:sP})},function(t){t.registerElement({PositionProperty:u$})},function(t){t.registerElement({GradientAssetsProperty:zS})},function(t){t.registerElement({RotateEditorView:OI,TransformEditor:MI}),t.registerMenuItem("inspector.tab.style",{TransformProperty:EI})},function(t){t.registerElement({TransformOriginEditor:AI}),t.registerMenuItem("inspector.tab.style",{TransformOriginProperty:FI})},function(t){t.registerMenuItem("inspector.tab.style",{PerspectiveProperty:Qj})},function(t){t.registerElement({PerspectiveOriginEditor:i$}),t.registerMenuItem("inspector.tab.style",{PerspectiveOriginProperty:o$})},function(t){t.registerMenuItem("inspector.tab.style",{ExportProperty:rS})},function(t){t.registerMenuItem("inspector.tab.transition",{TransitionProperty:YI}),t.registerMenuItem("popup",{TransitionPropertyPopup:qI})},function(t){t.registerElement({OffsetEditor:lj}),t.registerMenuItem("inspector.tab.transition",{KeyframeProperty:sj}),t.registerMenuItem("popup",{KeyframePopup:oj})},function(t){t.registerMenuItem("inspector.tab.transition",{AnimationProperty:ow}),t.registerMenuItem("popup",{AnimationPropertyPopup:hw})},function(t){t.registerMenuItem("inspector.tab.transition",{SelectorProperty:CE}),t.registerMenuItem("popup",{SelectorPopup:jE})},function(t){t.registerMenuItem("inspector.tab.code",{CodeViewProperty:EP})},function(t){t.registerMenuItem("inspector.tab.history",{HistoryProperty:HS})}];function eD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nD=function(t){R()(n,t);var e=eD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class=\'object-items\' style="height:100%;">\n        <div>\n          <object refClass="LayerTreeProperty" />\n        </div>\n      </div>\n    '}}]),n}(Xg);n(140);function rD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iD=function(t){R()(i,t);var e,n,r=rD(i);function i(){return O()(this,i),r.apply(this,arguments)}return j()(i,[{key:"template",value:function(){return"\n      <div class='elf--custom-assets'>\n        <div class='custom-assets-tools'>\n          <div class='title'><label>Custom Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addCustomAsset'>".concat(Tg.add,"</button>\n          </div>\n        </div>\n        <div class='elf--asset-list' ref='$list'></div>\n      </div>\n    ")}},{key:Dt("$list"),value:(n=Fa()(Na.a.mark((function t(){var e;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$storageManager.getCustomAssetList();case 2:return e=t.sent,t.abrupt("return",e.map((function(t){return'\n        <div class=\'asset-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.component.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-asset-preview' data-preview-id=\"").concat(t.id,'">').concat(Tg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:ht("$list .remove-asset-preview"),value:(e=Fa()(Na.a.mark((function t(e){var n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeCustomAsset"))){t.next=5;break}return n=e.$dt.data("preview-id"),t.next=4,this.$storageManager.removeCustomAsset(n);case 4:this.refresh();case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})},{key:yt("$list .asset-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/asset",e)}},{key:ht("$addCustomAsset"),value:function(t){var e=this;this.emit("savePNG",function(){var t=Fa()(Na.a.mark((function t(n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.$storageManager.saveCustomAsset(n);case 2:e.refresh();case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}]),i}(Xg);n(141);function aD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oD=function(t){R()(n,t);var e=aD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return'\n      <div class=\'elf--library-items\'>\n        <div>\n          <object label="Search" refClass="TextEditor" key="search" onchange='.concat(this.subscribe((function(e,n){t.broadcast("search",n)}),300)," />\n        </div>\n        ").concat(this.$menuManager.generate("library"),"\n      </div>\n    ")}}]),n}(Xg);function cD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sD=function(t){R()(n,t);var e=cD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='asset-items'>\n        ".concat(this.$menuManager.generate("asset"),"\n      </div>\n    ")}}]),n}(Xg);function uD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lD=function(t){R()(n,t);var e=uD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{AssetItems:sD,LibraryItems:oD,CustomAssets:iD,ObjectItems:nD}}},{key:"initState",value:function(){return{selectedIndexValue:2}}},{key:"template",value:function(){var t=this;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" ref="$header">   \n            <div class="tab-item selected" data-value="2" data-direction="right" data-tooltip="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Tg.layers,"</label>\n            </div>            \n            <div class='tab-item' data-value='3' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.libraries"),'">\n              <label>').concat(Tg.auto_awesome,"</label>\n            </div>                     \n            <div class='tab-item' data-value='5' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Tg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Tg.plugin,"</label>\n            </div>            \n\n            ").concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                  <label>').concat(Tg[t.class.icon]||t.class.icon,"</label>\n                </div>\n              ")})),'\n\n          </div>\n          <div class="tab-body" ref="$body">\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=\'5\'>\n              <object refClass="AssetItems" />            \n              <div class=\'assets\'>\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="CustomAssets" />\n            </div>\n            ').concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                <div class='tab-content' data-value='".concat(r,"'>\n                  ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                  ").concat(t.$menuManager.generate("leftbar.tab.".concat(r)),"\n                </div>\n              ")})),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$header .tab-item:not(.extra-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(Xg);function fD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hD=function(t){R()(n,t);var e=fD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LayerTab:lD,PageSubEditor:Nk,ToolBar:Mx,StatusBar:Bk,Inspector:wk,BodyPanel:ek,PopupManager:gk,KeyboardManager:kk}}},{key:"getPlugins",value:function(){return tD}},{key:"initState",value:function(){return{leftSize:340,rightSize:280,bottomSize:0,lastBottomSize:150}}},{key:"template",value:function(){return"\n      <div class=\"designeditor\">\n        <div class=\"layout-main\">\n          <div class='layout-top' ref='$top'>\n            <object refClass=\"ToolBar\" />\n            <object refClass=\"PageSubEditor\" />\n          </div>\n          <div class=\"layout-middle\" ref='$middle'>      \n            <div class=\"layout-body\" ref='$bodyPanel'>\n              <object refClass=\"BodyPanel\" ref=\"$bodyPanelView\" />\n            </div>                           \n            <div class='layout-left' ref='$leftPanel'>\n              <object refClass='LayerTab' />\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          </div>\n          <object refClass='StatusBar' />\n          <object refClass=\"KeyboardManager\" />                \n        </div>\n        <object refClass=\"PopupManager\" />                      \n      </div>\n    ")}},{key:At("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),{style:{left:t}}}},{key:At("$leftPanel"),value:function(){var t="0px",e=Ca.px(this.state.leftSize),n=Ca.px(this.state.bottomSize);return this.$config.false("show.left.panel")&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:At("$rightPanel"),value:function(){var t="0px",e=Ca.px(this.state.bottomSize);return this.$config.false("show.right.panel")&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:At("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),this.$config.false("show.right.panel")&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:At("$footerPanel"),value:function(){return{style:{height:Ca.px(this.state.bottomSize)}}}},{key:jt("$splitter")+Fg("moveSplitter")+Hg("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Ca.parse(this.refs.$splitter.css("left")).value,this.refs.$splitter.addClass("selected")}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)})}},{key:"moveEndSplitter",value:function(){this.refs.$splitter.removeClass("selected")}},{key:jt("$footerSplitter")+Fg("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Ca.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})}},{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:lt("show.left.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:lt("show.right.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:ct("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:Et("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:mt("$middle")+at,value:function(t){}},{key:gt("$middle")+at,value:function(t){}},{key:ct("toggle.fullscreen"),value:function(){this.$el.toggleFullscreen()}}]),n}(Wg),pD=function(t,e){var n=qa.create(e.container||document.body),r=new t(e,e);return r.render(n),r};function dD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dD(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var yD=vD({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return pD(hD,vD({},t))}},{});window.EasylogicEditor=new yD.createDesignEditor({container:document.getElementById("app"),data:{version:"1.0.0",name:"Sample Project",description:"easylogic studio project ",projects:[{itemType:"project",layers:[{itemType:"rect",x:"0px",y:"0px",width:"100px",height:"100px","background-color":"red"},{itemType:"rect",x:"20px",y:"20px",width:"100px",height:"100px","background-color":"green"},{itemType:"rect",x:"40px",y:"40px",width:"100px",height:"100px","background-color":"blue"}]}]},config:{"style.canvas.background.color":"orange"},plugins:[function(t){t.on("changeValue",(function(t,e){}))}]})}])}));
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 4b9096471..61602abb4 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.e398b874aa6339b677475253fffca031.json" crossorigin="use-credentials" /><link href="/editor.css?486c613b274236b4a692" rel="stylesheet"></head> <body> <div id=app></div> <script type="text/javascript" src="/editor.js?ae9903681e245c72c751"></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.e398b874aa6339b677475253fffca031.json" crossorigin="use-credentials" /><link href="/editor.css?486c613b274236b4a692" rel="stylesheet"></head> <body> <div id=app></div> <script type="text/javascript" src="/editor.js?171f32fe4184d74ed618"></script></body> </html> 
\ No newline at end of file
diff --git a/docs/service-worker.js b/docs/service-worker.js
index f6c3fa702..d6f427827 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 o={uri:location.origin+r.slice(1)};return Promise.all(c.map(r=>{switch(r){case"exports":return i;case"module":return o;default:return e(r)}})).then(e=>{const r=s(...e);return i.default||(i.default=r),i})}))}}define("./service-worker.js",["./workbox-d9851aed"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/./index.html",revision:"4f36b0ee262fb630b568c01e7c6a120e"},{url:"/3a8ca398e6a5c3b83f4de7c60843a9a0.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"/editor.css?486c613b274236b4a692",revision:"5a3a4a820a2c715332e87c5a6d48b504"},{url:"/editor.js?ae9903681e245c72c751",revision:"c954d789098f1625fdc20d5d37bc9e5b"},{url:"/icon.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"}],{})}));
+if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let r=Promise.resolve();return i[e]||(r=new Promise(async r=>{if("document"in self){const i=document.createElement("script");i.src=e,document.head.appendChild(i),i.onload=r}else importScripts(e),r()})),r.then(()=>{if(!i[e])throw new Error(`Module ${e} didn’t register its module`);return i[e]})},r=(r,i)=>{Promise.all(r.map(e)).then(e=>i(1===e.length?e[0]:e))},i={require:Promise.resolve(r)};self.define=(r,s,o)=>{i[r]||(i[r]=Promise.resolve().then(()=>{let i={};const c={uri:location.origin+r.slice(1)};return Promise.all(s.map(r=>{switch(r){case"exports":return i;case"module":return c;default:return e(r)}})).then(e=>{const r=o(...e);return i.default||(i.default=r),i})}))}}define("./service-worker.js",["./workbox-d9851aed"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/./index.html",revision:"990222b100222b21ec4848602f66b67f"},{url:"/3a8ca398e6a5c3b83f4de7c60843a9a0.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"/editor.css?486c613b274236b4a692",revision:"5a3a4a820a2c715332e87c5a6d48b504"},{url:"/editor.js?171f32fe4184d74ed618",revision:"81e193153276259e44d70c88903b2e34"},{url:"/icon.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"}],{})}));
diff --git a/vscode/editor.js b/vscode/editor.js
index 0a6110de6..f8ddb877d 100644
--- a/vscode/editor.js
+++ b/vscode/editor.js
@@ -25,4 +25,4 @@
  *  * /
  * 
  */
-window.EasyLogic=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=142)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},t.exports.default=t.exports,t.exports.__esModule=!0,n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(27);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)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(14).default,i=n(28);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(32);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?(t.exports=i=Reflect.get,t.exports.default=t.exports,t.exports.__esModule=!0):(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}},t.exports.default=t.exports,t.exports.__esModule=!0),i(e,n,a||e)}t.exports=i,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(29),a=n(13),o=n(18);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(30),i=n(19),a=n(13),o=n(31);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=n(33)},function(t,e){function n(t,e,n,r,i,a,o){try{var c=t[a](o),s=c.value}catch(t){return void n(t)}c.done?e(s):Promise.resolve(s).then(r,i)}t.exports=function(t){return function(){var e=this,r=arguments;return new Promise((function(i,a){var o=t.apply(e,r);function c(t){n(o,i,a,c,s,"next",t)}function s(t){n(o,i,a,c,s,"throw",t)}c(void 0)}))}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(19),a=n(13),o=n(18);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);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}},t.exports.default=t.exports,t.exports.__esModule=!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.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=function(t){if("string"!=typeof t)return{};var e,n={},r=(t=t.split("+").join(" ")).match(/(?:[?](?:[^=]+)=(?:[^&#]*)(?:[&](?:[^=]+)=(?:[^&#]*))*(?:[#].*)?)|(?:[#].*)/);if(null===r)return{};e=r[0].substr(1).split(/[&#=]/);for(var i=0;i<e.length;i+=2)n[decodeURIComponent(e[i])]=decodeURIComponent(e[i+1]||"");return n},n=function(e,n){if("object"!==t(e))return"";var r="",i=0,a=Object.keys(e);if(0===a.length)return"";for(a.sort(),n||(r+="?"+a[0]+"="+e[a[0]],i+=1);i<a.length;i+=1)r+="&"+a[i]+"="+e[a[i]];return r},r=function(t){return void 0===t?0:t.match(/^(\d+[smhdw]?)+$/)?function(t){var e,n=0,r={s:1,m:60,h:3600,d:86400,w:604800};e=(t=t.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var i=0;i<e.length;i+=2)n+=parseInt(e[i],10)*r[e[i+1]||"s"];return n}(t):t.match(/^(\d+:?)+$/)?function(t){for(var e=0,n=[1,60,3600,86400,604800],r=t.split(":"),i=0;i<r.length;i++)e+=parseInt(r[i],10)*n[r.length-i-1];return e}(t):0},i=e;function a(){for(var t=0,e=["parseProvider","parse","bind","create"];t<e.length;t++){var n=e[t];this[n]=this[n].bind(this)}this.plugins={}}var o=a;a.prototype.parseProvider=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?(?:[^.]+\.)?(\w+)\./i);return e?e[1]:void 0},a.prototype.parse=function(t){if(void 0!==t){var e,n=this.parseProvider(t),r=this.plugins[n];if(n&&r&&r.parse)return(e=r.parse.call(r,t,i(t)))&&((e=function(t){return t.params&&0===Object.keys(t.params).length&&delete t.params,t}(e)).provider=r.provider),e}},a.prototype.bind=function(t){if(this.plugins[t.provider]=t,t.alternatives)for(var e=0;e<t.alternatives.length;e+=1)this.plugins[t.alternatives[e]]=t},a.prototype.create=function(e){if("object"===t(e)&&"object"===t(e.videoInfo)){var n=e.videoInfo,r=e.params,i=this.plugins[n.provider];return r="internal"===r?n.params:r||{},i&&(e.format=e.format||i.defaultFormat,i.formats.hasOwnProperty(e.format))?i.formats[e.format].apply(i,[n,Object.assign({},r)]):void 0}};var c=new o,s=n;function u(){this.provider="canalplus",this.defaultFormat="embed",this.formats={embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}u.prototype.parseParameters=function(t){return delete t.vid,t},u.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:e.vid};if(n.params=this.parseParameters(e),n.id)return n},u.prototype.createEmbedUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.canalplus.fr/embed/";return e.vid=t.id,n+=s(e)}},c.bind(new u);var l=n;function f(){this.provider="coub",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}f.prototype.parseUrl=function(t){var e=t.match(/(?:embed|view)\/([a-zA-Z\d]+)/i);return e?e[1]:void 0},f.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:e,id:this.parseUrl(t)};if(n.id)return n},f.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=l(n)}},f.prototype.createLongUrl=function(t,e){return this.createUrl("https://coub.com/view/",t,e)},f.prototype.createEmbedUrl=function(t,e){return this.createUrl("//coub.com/embed/",t,e)},c.bind(new f);var h=n,p=r;function d(){this.provider="dailymotion",this.alternatives=["dai"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,image:this.createImageUrl},this.mediaTypes={VIDEO:"video"}}d.prototype.parseParameters=function(t){return this.parseTime(t)},d.prototype.parseTime=function(t){return t.start&&(t.start=p(t.start)),t},d.prototype.parseUrl=function(t){var e=t.match(/(?:\/video|ly)\/([A-Za-z0-9]+)/i);return e?e[1]:void 0},d.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},d.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+h(n)},d.prototype.createShortUrl=function(t,e){return this.createUrl("https://dai.ly/",t,e)},d.prototype.createLongUrl=function(t,e){return this.createUrl("https://dailymotion.com/video/",t,e)},d.prototype.createEmbedUrl=function(t,e){return this.createUrl("https://www.dailymotion.com/embed/video/",t,e)},d.prototype.createImageUrl=function(t,e){return delete e.start,this.createUrl("https://www.dailymotion.com/thumbnail/video/",t,e)},c.bind(new d);var v=n,y=r;function g(){this.provider="twitch",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",STREAM:"stream",CLIP:"clip"}}g.prototype.seperateId=function(t){return{pre:t[0],id:t.substr(1)}},g.prototype.parseChannel=function(t,e){var n=e.channel||e.utm_content||t.channel;return delete e.utm_content,delete e.channel,n},g.prototype.parseUrl=function(t,e,n){var r;return(r=t.match(/(clips\.)?twitch\.tv\/(?:(?:videos\/(\d+))|(\w+)(?:\/clip\/(\w+))?)/i))&&r[2]?e.id="v"+r[2]:n.video?(e.id=n.video,delete n.video):n.clip?(e.id=n.clip,e.isClip=!0,delete n.clip):r&&r[1]&&r[3]?(e.id=r[3],e.isClip=!0):r&&r[3]&&r[4]?(e.channel=r[3],e.id=r[4],e.isClip=!0):r&&r[3]&&(e.channel=r[3]),e},g.prototype.parseMediaType=function(t){var e;return t.id?t.isClip?(e=this.mediaTypes.CLIP,delete t.isClip):e=this.mediaTypes.VIDEO:t.channel&&(e=this.mediaTypes.STREAM),e},g.prototype.parseParameters=function(t){return t.t&&(t.start=y(t.t),delete t.t),t},g.prototype.parse=function(t,e){var n={};return(n=this.parseUrl(t,n,e)).channel=this.parseChannel(n,e),n.mediaType=this.parseMediaType(n),n.params=this.parseParameters(e),n.channel||n.id?n:void 0},g.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)n="https://twitch.tv/"+t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n="https://twitch.tv/videos/"+this.seperateId(t.id).id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n=t.channel?"https://www.twitch.tv/"+t.channel+"/clip/"+t.id:"https://clips.twitch.tv/"+t.id}return n+=v(e)},g.prototype.createEmbedUrl=function(t,e){var n="https://player.twitch.tv/";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)e.channel=t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.video=t.id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n="https://clips.twitch.tv/embed",e.clip=t.id}return n+=v(e)},c.bind(new g);var m=n,b=r;function k(){this.provider="vimeo",this.alternatives=["vimeopro"],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}k.prototype.parseUrl=function(t){var e=t.match(/(?:\/(?:channels\/[\w]+|(?:(?:album\/\d+|groups\/[\w]+)\/)?videos?))?\/(\d+)/i);return e?e[1]:void 0},k.prototype.parseParameters=function(t){return this.parseTime(t)},k.prototype.parseTime=function(t){return t.t&&(t.start=b(t.t),delete t.t),t},k.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},k.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id,i=n.start;return delete n.start,r+=m(n),i&&(r+="#t="+i),r}},k.prototype.createLongUrl=function(t,e){return this.createUrl("https://vimeo.com/",t,e)},k.prototype.createEmbedUrl=function(t,e){return this.createUrl("//player.vimeo.com/video/",t,e)},c.bind(new k);var x=n,w=r;function P(){this.provider="wistia",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl,embedjsonp:this.createEmbedJsonpUrl},this.mediaTypes={VIDEO:"video",EMBEDVIDEO:"embedvideo"}}P.prototype.parseUrl=function(t){var e=t.match(/(?:(?:medias|iframe)\/|wvideo=)([\w-]+)/);return e?e[1]:void 0},P.prototype.parseChannel=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?([^.]*)\.wistia\./),n=e?e[1]:void 0;if("fast"!==n&&"content"!==n)return n},P.prototype.parseParameters=function(t,e){return t.wtime&&(t.start=w(t.wtime),delete t.wtime),t.wvideo===e.id&&delete t.wvideo,t},P.prototype.parseMediaType=function(t){return t.id&&t.channel?this.mediaTypes.VIDEO:t.id?(delete t.channel,this.mediaTypes.EMBEDVIDEO):void 0},P.prototype.parse=function(t,e){var n={id:this.parseUrl(t),channel:this.parseChannel(t)};if(n.params=this.parseParameters(e,n),n.mediaType=this.parseMediaType(n),n.id)return n},P.prototype.createUrl=function(t,e,n){return e.start&&(e.wtime=e.start,delete e.start),n+=x(e)},P.prototype.createLongUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://"+t.channel+".wistia.com/medias/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedUrl=function(t,e){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO)){var n="https://fast.wistia.com/embed/iframe/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedJsonpUrl=function(t){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO))return"https://fast.wistia.com/embed/medias/"+t.id+".jsonp"},c.bind(new P);var O=n;function S(){this.provider="youku",this.defaultFormat="long",this.formats={embed:this.createEmbedUrl,long:this.createLongUrl,flash:this.createFlashUrl,static:this.createStaticUrl},this.mediaTypes={VIDEO:"video"}}S.prototype.parseUrl=function(t){var e=t.match(/(?:(?:embed|sid)\/|v_show\/id_|VideoIDS=)([a-zA-Z0-9]+)/);return e?e[1]:void 0},S.prototype.parseParameters=function(t){return t.VideoIDS&&delete t.VideoIDS,t},S.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:this.parseUrl(t),params:this.parseParameters(e)};if(n.id)return n},S.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=O(n)}},S.prototype.createEmbedUrl=function(t,e){return this.createUrl("http://player.youku.com/embed/",t,e)},S.prototype.createLongUrl=function(t,e){return this.createUrl("http://v.youku.com/v_show/id_",t,e)},S.prototype.createStaticUrl=function(t,e){return this.createUrl("http://static.youku.com/v1.0.0638/v/swf/loader.swf?VideoIDS=",t,e)},S.prototype.createFlashUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.youku.com/player.php/sid/"+t.id+"/v.swf";return n+=O(e)}},c.bind(new S);var j=n,$=r;function R(){this.provider="youtube",this.alternatives=["youtu","ytimg"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,shortImage:this.createShortImageUrl,longImage:this.createLongImageUrl},this.imageQualities={0:"0",1:"1",2:"2",3:"3",DEFAULT:"default",HQDEFAULT:"hqdefault",SDDEFAULT:"sddefault",MQDEFAULT:"mqdefault",MAXRESDEFAULT:"maxresdefault"},this.defaultImageQuality=this.imageQualities.HQDEFAULT,this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist",SHARE:"share",CHANNEL:"channel"}}R.prototype.parseVideoUrl=function(t){var e=t.match(/(?:(?:v|vi|be|videos|embed)\/(?!videoseries)|(?:v|ci)=)([\w-]{11})/i);return e?e[1]:void 0},R.prototype.parseChannelUrl=function(t){var e=t.match(/\/channel\/([\w-]+)/);return e?{id:e[1],mediaType:this.mediaTypes.CHANNEL}:(e=t.match(/\/(?:c|user)\/([\w-]+)/))?{name:e[1],mediaType:this.mediaTypes.CHANNEL}:void 0},R.prototype.parseParameters=function(t,e){return(t.start||t.t)&&(t.start=$(t.start||t.t),delete t.t),t.v===e.id&&delete t.v,t.list===e.id&&delete t.list,t},R.prototype.parseMediaType=function(t){if(t.params.list&&(t.list=t.params.list,delete t.params.list),t.id&&!t.params.ci)t.mediaType=this.mediaTypes.VIDEO;else if(t.list)delete t.id,t.mediaType=this.mediaTypes.PLAYLIST;else{if(!t.params.ci)return;delete t.params.ci,t.mediaType=this.mediaTypes.SHARE}return t},R.prototype.parse=function(t,e){var n=this.parseChannelUrl(t);if(n)return n;var r={params:e,id:this.parseVideoUrl(t)};return r.params=this.parseParameters(e,r),r=this.parseMediaType(r)},R.prototype.createShortUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://youtu.be/"+t.id;return e.start&&(n+="#t="+e.start),n}},R.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.CHANNEL)if(t.id)n+="https://www.youtube.com/channel/"+t.id;else{if(!t.name)return;n+="https://www.youtube.com/c/"+t.name}else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.feature="share",n+="https://www.youtube.com/playlist";else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.v=t.id,n+="https://www.youtube.com/watch";else{if(t.mediaType!==this.mediaTypes.SHARE||!t.id)return;e.ci=t.id,n+="https://www.youtube.com/shared"}return t.list&&(e.list=t.list),n+=j(e),t.mediaType!==this.mediaTypes.PLAYLIST&&r&&(n+="#t="+r),n},R.prototype.createEmbedUrl=function(t,e){var n="https://www.youtube.com/embed";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.listType="playlist";else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="/"+t.id,"1"===e.loop&&(e.playlist=t.id)}return t.list&&(e.list=t.list),n+=j(e)},R.prototype.createImageUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+"/"+(n.imageQuality||this.defaultImageQuality)+".jpg"},R.prototype.createShortImageUrl=function(t,e){return this.createImageUrl("https://i.ytimg.com/vi/",t,e)},R.prototype.createLongImageUrl=function(t,e){return this.createImageUrl("https://img.youtube.com/vi/",t,e)},c.bind(new R);var C=n,M=r;function T(){this.provider="soundcloud",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={TRACK:"track",PLAYLIST:"playlist",APITRACK:"apitrack",APIPLAYLIST:"apiplaylist"}}T.prototype.parseUrl=function(t,e){var n=t.match(/(?:m\.)?soundcloud\.com\/(?:([\w-]+)\/(sets\/)?)([\w-]+)/i);return n?(e.channel=n[1],"playlists"===n[1]||n[2]?e.list=n[3]:e.id=n[3],e):e},T.prototype.parseParameters=function(t){return t.t&&(t.start=M(t.t),delete t.t),t},T.prototype.parseMediaType=function(t){return t.id&&("tracks"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APITRACK):t.mediaType=this.mediaTypes.TRACK),t.list&&("playlists"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APIPLAYLIST):t.mediaType=this.mediaTypes.PLAYLIST),t},T.prototype.parse=function(t,e){var n={};if((n=this.parseUrl(t,n)).params=this.parseParameters(e),(n=this.parseMediaType(n)).id||n.list)return n},T.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.TRACK&&t.id&&t.channel)n="https://soundcloud.com/"+t.channel+"/"+t.id;else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list&&t.channel)n="https://soundcloud.com/"+t.channel+"/sets/"+t.list;else if(t.mediaType===this.mediaTypes.APITRACK&&t.id)n="https://api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;n="https://api.soundcloud.com/playlists/"+t.list}return n+=C(e),r&&(n+="#t="+r),n},T.prototype.createEmbedUrl=function(t,e){var n="https://w.soundcloud.com/player/";if(delete e.start,t.mediaType===this.mediaTypes.APITRACK&&t.id)e.url="https%3A//api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;e.url="https%3A//api.soundcloud.com/playlists/"+t.list}return n+=C(e)},c.bind(new T);var V=n;function E(){this.provider="teachertube",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",CHANNEL:"channel",COLLECTION:"collection",GROUP:"group"}}E.prototype.parse=function(t,e){var n={};n.list=this.parsePlaylist(e),n.params=e;var r=t.match(/\/(audio|video|document|user\/channel|collection|group)\/(?:[\w-]+-)?(\w+)/);if(r)return n.mediaType=this.parseMediaType(r[1]),n.id=r[2],n},E.prototype.parsePlaylist=function(t){if(t["playlist-id"]){var e=t["playlist-id"];return delete t["playlist-id"],e}},E.prototype.parseMediaType=function(t){switch(t){case"audio":return this.mediaTypes.AUDIO;case"video":return this.mediaTypes.VIDEO;case"document":return this.mediaTypes.DOCUMENT;case"user/channel":return this.mediaTypes.CHANNEL;case"collection":return this.mediaTypes.COLLECTION;case"group":return this.mediaTypes.GROUP}},E.prototype.createLongUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/";return t.list&&(e["playlist-id"]=t.list),t.mediaType===this.mediaTypes.CHANNEL?n+="user/channel/":n+=t.mediaType+"/",n+=t.id,n+=V(e)}},E.prototype.createEmbedUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/embed/";if(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.AUDIO)return n+=t.mediaType+"/"+t.id,n+=V(e)}},c.bind(new E);var I=n;function D(){this.provider="tiktok",this.defaultFormat="long",this.formats={long:this.createLongUrl},this.mediaTypes={VIDEO:"video"}}D.prototype.parse=function(t,e){var n={params:e,mediaType:this.mediaTypes.VIDEO},r=t.match(/@([^/]+)\/video\/(\d{19})/);if(r)return n.channel=r[1],n.id=r[2],n},D.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id&&t.channel)return n+="https://www.tiktok.com/@".concat(t.channel,"/video/").concat(t.id),n+=I(e)},c.bind(new D);var L=n;function B(){this.provider="ted",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist"}}return B.prototype.parseUrl=function(t,e){var n=t.match(/\/(talks|playlists\/(\d+))\/([\w-]+)/),r=n?n[1]:void 0;return r?(e.channel=r.split("/")[0],e.id=n[3],"playlists"===e.channel&&(e.list=n[2]),e):e},B.prototype.parseMediaType=function(t){return t.id&&"playlists"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.PLAYLIST),t.id&&"talks"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.VIDEO),t},B.prototype.parse=function(t,e){var n={params:e};if(n=this.parseUrl(t,n),(n=this.parseMediaType(n)).id)return n},B.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n+="https://ted.com/talks/"+t.id;else{if(t.mediaType!==this.mediaTypes.PLAYLIST||!t.id)return;n+="https://ted.com/playlists/"+t.list+"/"+t.id}return n+=L(e)},B.prototype.createEmbedUrl=function(t,e){var n="https://embed.ted.com/";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.id)n+="playlists/"+t.list+"/"+t.id;else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="talks/"+t.id}return n+=L(e)},c.bind(new B),c}()},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){},function(t,e,n){},,,,function(t,e,n){},function(t,e,n){},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},t.exports.default=t.exports,t.exports.__esModule=!0,n(e,r)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){c=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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 c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),o=new P(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 S()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var c=k(o,n);if(c){if(c===l)continue;return c}}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 s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,o),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function f(){}function h(){}function p(){}var d={};d[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(O([])));y&&y!==e&&n.call(y,i)&&(d=y);var g=p.prototype=f.prototype=Object.create(d);function m(t){["next","throw","return"].forEach((function(e){c(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,c){var s=u(t[i],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,o,c)}),(function(t){r("throw",t,o,c)})):e.resolve(f).then((function(t){l.value=t,o(l)}),(function(t){return r("throw",t,o,c)}))}c(s.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 l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;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,l):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}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 P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function O(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:S}}function S(){return{value:void 0,done:!0}}return h.prototype=g.constructor=p,p.constructor=h,h.displayName=c(p,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(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(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),c(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=O,P.prototype={constructor:P,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 c=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(c&&s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!s)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,l):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),l},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),l}},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:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"create",(function(){return fe})),n.d(r,"clone",(function(){return he})),n.d(r,"copy",(function(){return pe})),n.d(r,"fromValues",(function(){return de})),n.d(r,"set",(function(){return ve})),n.d(r,"identity",(function(){return ye})),n.d(r,"transpose",(function(){return ge})),n.d(r,"invert",(function(){return me})),n.d(r,"adjoint",(function(){return be})),n.d(r,"determinant",(function(){return ke})),n.d(r,"multiply",(function(){return xe})),n.d(r,"translate",(function(){return we})),n.d(r,"scale",(function(){return Pe})),n.d(r,"rotate",(function(){return Oe})),n.d(r,"rotateX",(function(){return Se})),n.d(r,"rotateY",(function(){return je})),n.d(r,"rotateZ",(function(){return $e})),n.d(r,"fromTranslation",(function(){return Re})),n.d(r,"fromScaling",(function(){return Ce})),n.d(r,"fromRotation",(function(){return Me})),n.d(r,"fromXRotation",(function(){return Te})),n.d(r,"fromYRotation",(function(){return Ve})),n.d(r,"fromZRotation",(function(){return Ee})),n.d(r,"fromRotationTranslation",(function(){return Ie})),n.d(r,"fromQuat2",(function(){return De})),n.d(r,"getTranslation",(function(){return Le})),n.d(r,"getScaling",(function(){return Be})),n.d(r,"getRotation",(function(){return Ae})),n.d(r,"fromRotationTranslationScale",(function(){return ze})),n.d(r,"fromRotationTranslationScaleOrigin",(function(){return Fe})),n.d(r,"fromQuat",(function(){return He})),n.d(r,"frustum",(function(){return Ge})),n.d(r,"perspective",(function(){return _e})),n.d(r,"perspectiveFromFieldOfView",(function(){return Ne})),n.d(r,"ortho",(function(){return Xe})),n.d(r,"lookAt",(function(){return Ye})),n.d(r,"targetTo",(function(){return Ke})),n.d(r,"str",(function(){return Ue})),n.d(r,"frob",(function(){return We})),n.d(r,"add",(function(){return Ze})),n.d(r,"subtract",(function(){return qe})),n.d(r,"multiplyScalar",(function(){return Je})),n.d(r,"multiplyScalarAndAdd",(function(){return Qe})),n.d(r,"exactEquals",(function(){return tn})),n.d(r,"equals",(function(){return en})),n.d(r,"mul",(function(){return nn})),n.d(r,"sub",(function(){return rn}));var i={};n.r(i),n.d(i,"create",(function(){return an})),n.d(i,"clone",(function(){return on})),n.d(i,"length",(function(){return cn})),n.d(i,"fromValues",(function(){return sn})),n.d(i,"copy",(function(){return un})),n.d(i,"set",(function(){return ln})),n.d(i,"add",(function(){return fn})),n.d(i,"subtract",(function(){return hn})),n.d(i,"multiply",(function(){return pn})),n.d(i,"divide",(function(){return dn})),n.d(i,"ceil",(function(){return vn})),n.d(i,"floor",(function(){return yn})),n.d(i,"min",(function(){return gn})),n.d(i,"max",(function(){return mn})),n.d(i,"round",(function(){return bn})),n.d(i,"scale",(function(){return kn})),n.d(i,"scaleAndAdd",(function(){return xn})),n.d(i,"distance",(function(){return wn})),n.d(i,"squaredDistance",(function(){return Pn})),n.d(i,"squaredLength",(function(){return On})),n.d(i,"negate",(function(){return Sn})),n.d(i,"inverse",(function(){return jn})),n.d(i,"normalize",(function(){return $n})),n.d(i,"dot",(function(){return Rn})),n.d(i,"cross",(function(){return Cn})),n.d(i,"lerp",(function(){return Mn})),n.d(i,"hermite",(function(){return Tn})),n.d(i,"bezier",(function(){return Vn})),n.d(i,"random",(function(){return En})),n.d(i,"transformMat4",(function(){return In})),n.d(i,"transformMat3",(function(){return Dn})),n.d(i,"transformQuat",(function(){return Ln})),n.d(i,"rotateX",(function(){return Bn})),n.d(i,"rotateY",(function(){return An})),n.d(i,"rotateZ",(function(){return zn})),n.d(i,"angle",(function(){return Fn})),n.d(i,"zero",(function(){return Hn})),n.d(i,"str",(function(){return Gn})),n.d(i,"exactEquals",(function(){return _n})),n.d(i,"equals",(function(){return Nn})),n.d(i,"sub",(function(){return Yn})),n.d(i,"mul",(function(){return Kn})),n.d(i,"div",(function(){return Un})),n.d(i,"dist",(function(){return Wn})),n.d(i,"sqrDist",(function(){return Zn})),n.d(i,"len",(function(){return qn})),n.d(i,"sqrLen",(function(){return Jn})),n.d(i,"forEach",(function(){return Qn}));var a={};n.r(a),n.d(a,"create",(function(){return nr})),n.d(a,"identity",(function(){return rr})),n.d(a,"setAxisAngle",(function(){return ir})),n.d(a,"getAxisAngle",(function(){return ar})),n.d(a,"getAngle",(function(){return or})),n.d(a,"multiply",(function(){return cr})),n.d(a,"rotateX",(function(){return sr})),n.d(a,"rotateY",(function(){return ur})),n.d(a,"rotateZ",(function(){return lr})),n.d(a,"calculateW",(function(){return fr})),n.d(a,"exp",(function(){return hr})),n.d(a,"ln",(function(){return pr})),n.d(a,"pow",(function(){return dr})),n.d(a,"slerp",(function(){return vr})),n.d(a,"random",(function(){return yr})),n.d(a,"invert",(function(){return gr})),n.d(a,"conjugate",(function(){return mr})),n.d(a,"fromMat3",(function(){return br})),n.d(a,"fromEuler",(function(){return kr})),n.d(a,"str",(function(){return xr})),n.d(a,"clone",(function(){return Cr})),n.d(a,"fromValues",(function(){return Mr})),n.d(a,"copy",(function(){return Tr})),n.d(a,"set",(function(){return Vr})),n.d(a,"add",(function(){return Er})),n.d(a,"mul",(function(){return Ir})),n.d(a,"scale",(function(){return Dr})),n.d(a,"dot",(function(){return Lr})),n.d(a,"lerp",(function(){return Br})),n.d(a,"length",(function(){return Ar})),n.d(a,"len",(function(){return zr})),n.d(a,"squaredLength",(function(){return Fr})),n.d(a,"sqrLen",(function(){return Hr})),n.d(a,"normalize",(function(){return Gr})),n.d(a,"exactEquals",(function(){return _r})),n.d(a,"equals",(function(){return Nr})),n.d(a,"rotationTo",(function(){return Xr})),n.d(a,"sqlerp",(function(){return Yr})),n.d(a,"setAxes",(function(){return Kr}));var o={};n.r(o),n.d(o,"create",(function(){return Ur})),n.d(o,"clone",(function(){return Wr})),n.d(o,"fromValues",(function(){return Zr})),n.d(o,"copy",(function(){return qr})),n.d(o,"set",(function(){return Jr})),n.d(o,"add",(function(){return Qr})),n.d(o,"subtract",(function(){return ti})),n.d(o,"multiply",(function(){return ei})),n.d(o,"divide",(function(){return ni})),n.d(o,"ceil",(function(){return ri})),n.d(o,"floor",(function(){return ii})),n.d(o,"min",(function(){return ai})),n.d(o,"max",(function(){return oi})),n.d(o,"round",(function(){return ci})),n.d(o,"scale",(function(){return si})),n.d(o,"scaleAndAdd",(function(){return ui})),n.d(o,"distance",(function(){return li})),n.d(o,"squaredDistance",(function(){return fi})),n.d(o,"length",(function(){return hi})),n.d(o,"squaredLength",(function(){return pi})),n.d(o,"negate",(function(){return di})),n.d(o,"inverse",(function(){return vi})),n.d(o,"normalize",(function(){return yi})),n.d(o,"dot",(function(){return gi})),n.d(o,"cross",(function(){return mi})),n.d(o,"lerp",(function(){return bi})),n.d(o,"random",(function(){return ki})),n.d(o,"transformMat2",(function(){return xi})),n.d(o,"transformMat2d",(function(){return wi})),n.d(o,"transformMat3",(function(){return Pi})),n.d(o,"transformMat4",(function(){return Oi})),n.d(o,"rotate",(function(){return Si})),n.d(o,"angle",(function(){return ji})),n.d(o,"zero",(function(){return $i})),n.d(o,"str",(function(){return Ri})),n.d(o,"exactEquals",(function(){return Ci})),n.d(o,"equals",(function(){return Mi})),n.d(o,"len",(function(){return Ti})),n.d(o,"sub",(function(){return Vi})),n.d(o,"mul",(function(){return Ei})),n.d(o,"div",(function(){return Ii})),n.d(o,"dist",(function(){return Di})),n.d(o,"sqrDist",(function(){return Li})),n.d(o,"sqrLen",(function(){return Bi})),n.d(o,"forEach",(function(){return Ai}));var c={};n.r(c),n.d(c,"round",(function(){return zi})),n.d(c,"degreeToRadian",(function(){return Fi})),n.d(c,"div",(function(){return Hi})),n.d(c,"radianToDegree",(function(){return Gi})),n.d(c,"getXInCircle",(function(){return _i})),n.d(c,"getYInCircle",(function(){return Ni})),n.d(c,"getXYInCircle",(function(){return Xi})),n.d(c,"getDist",(function(){return Yi})),n.d(c,"getPointBetweenVerties",(function(){return Ki})),n.d(c,"vertiesMap",(function(){return Ui})),n.d(c,"makeGuidePoint",(function(){return qi})),n.d(c,"getVertiesMaxX",(function(){return Ji})),n.d(c,"getVertiesMaxY",(function(){return Qi})),n.d(c,"getVertiesMinX",(function(){return ta})),n.d(c,"getVertiesCenterX",(function(){return ea})),n.d(c,"getVertiesMinY",(function(){return na})),n.d(c,"getVertiesCenterY",(function(){return ra})),n.d(c,"calculateAngle",(function(){return ia})),n.d(c,"calculateAngleForVec3",(function(){return aa})),n.d(c,"calculateRotationOriginMat4",(function(){return oa})),n.d(c,"calculateMatrix",(function(){return ca})),n.d(c,"calculateMatrixInverse",(function(){return sa})),n.d(c,"calculateAnglePointDistance",(function(){return ua})),n.d(c,"calculateAngle360",(function(){return la})),n.d(c,"uuid",(function(){return ha})),n.d(c,"uuidShort",(function(){return pa})),n.d(c,"cubicBezier",(function(){return ga})),n.d(c,"getGradientLine",(function(){return ma})),n.d(c,"getCenterInTriangle",(function(){return ba})),n.d(c,"normalize",(function(){return xa}));var s={};n.r(s),n.d(s,"format",(function(){return uc})),n.d(s,"hex",(function(){return lc})),n.d(s,"rgb",(function(){return fc})),n.d(s,"hsl",(function(){return hc}));var u={};n.r(u),n.d(u,"randomNumber",(function(){return pc})),n.d(u,"randomByCount",(function(){return dc})),n.d(u,"random",(function(){return vc})),n.d(u,"randomRGBA",(function(){return yc}));var l={};n.r(l),n.d(l,"randomItem",(function(){return gc})),n.d(l,"repeat",(function(){return mc})),n.d(l,"CSS_TO_STRING",(function(){return bc})),n.d(l,"STRING_TO_CSS",(function(){return kc})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return xc})),n.d(l,"OBJECT_TO_CLASS",(function(){return wc})),n.d(l,"TAG_TO_STRING",(function(){return Pc})),n.d(l,"mapjoin",(function(){return Oc})),n.d(l,"isArrayEquals",(function(){return Sc})),n.d(l,"curveToPath",(function(){return jc})),n.d(l,"curveToPointLine",(function(){return $c}));var f={};n.r(f),n.d(f,"ReverseXyz",(function(){return cs})),n.d(f,"ReverseRGB",(function(){return ss})),n.d(f,"XYZtoRGB",(function(){return us})),n.d(f,"LABtoXYZ",(function(){return ls})),n.d(f,"PivotXyz",(function(){return fs})),n.d(f,"XYZtoLAB",(function(){return hs})),n.d(f,"LABtoRGB",(function(){return ps}));var h={};n.r(h),n.d(h,"RGBtoHSV",(function(){return ds})),n.d(h,"RGBtoCMYK",(function(){return vs})),n.d(h,"RGBtoHSL",(function(){return ys})),n.d(h,"c",(function(){return gs})),n.d(h,"gray",(function(){return ms})),n.d(h,"RGBtoSimpleGray",(function(){return bs})),n.d(h,"RGBtoGray",(function(){return ks})),n.d(h,"brightness",(function(){return xs})),n.d(h,"RGBtoYCrCb",(function(){return ws})),n.d(h,"PivotRGB",(function(){return Ps})),n.d(h,"RGBtoXYZ",(function(){return Os})),n.d(h,"RGBtoLAB",(function(){return Ss}));var p={};n.r(p),n.d(p,"HUEtoRGB",(function(){return js})),n.d(p,"HSLtoHSV",(function(){return $s})),n.d(p,"HSLtoRGB",(function(){return Rs}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return Vs})),n.d(d,"isColor",(function(){return Es})),n.d(d,"matches",(function(){return Is})),n.d(d,"convertMatches",(function(){return Ds})),n.d(d,"convertMatchesArray",(function(){return Ls})),n.d(d,"reverseMatches",(function(){return Bs})),n.d(d,"trim",(function(){return zs})),n.d(d,"parse",(function(){return Fs})),n.d(d,"parseGradient",(function(){return Hs}));var v={};n.r(v),n.d(v,"CMYKtoRGB",(function(){return Ks}));var g={};n.r(g),n.d(g,"HSVtoRGB",(function(){return Us})),n.d(g,"HSVtoHSL",(function(){return Ws}));var m={};n.r(m),n.d(m,"YCrCbtoRGB",(function(){return Zs}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return qs})),n.d(b,"interpolateRGBObject",(function(){return Js})),n.d(b,"scale",(function(){return Qs})),n.d(b,"blend",(function(){return tu})),n.d(b,"mix",(function(){return eu})),n.d(b,"contrast",(function(){return nu})),n.d(b,"contrastColor",(function(){return ru})),n.d(b,"gradient",(function(){return iu})),n.d(b,"scaleHSV",(function(){return au})),n.d(b,"scaleH",(function(){return ou})),n.d(b,"scaleS",(function(){return cu})),n.d(b,"scaleV",(function(){return su}));var k=n(5),w=n.n(k),P=(n(25),n(26),n(1)),O=n.n(P),S=n(2),j=n.n(S),$=n(3),R=n.n($),C=n(4),M=n.n(C),T=n(0),V=n.n(T),E=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return" ".concat(e," ").concat(t)},I=/^domevent (.*)/gi,D=/^load (.*)/gi,L=/^bind (.*)/gi,B=/^subscribe (.*)/gi,A="|",z={},F=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"domevent "+[r].concat(e).join(" ")}},H=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return"subscribe "+e.join(A)},G=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E(t,e)},_=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E("after(".concat(t,")"),e)},N=G,X=(G("ArrowUp"),G("ArrowDown"),G("ArrowLeft"),G("ArrowRight"),G("Enter")),Y=(G("Space"),G("Escape")),K=G("isAltKey"),U=(G("isShiftKey"),G("isMetaKey"),G("isCtrlKey"),G("hasMouse"),G("hasTouch"),G("hasPen"),G("self"),G("isMouseLeftButton")),W=(G("isMouseRightButton"),G("fit"),G("passive"),G("domdiff")),Z=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return G("debounce(".concat(t,")"))},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return G("delay(".concat(t,")"))},J=(Z(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return G("throttle(".concat(t,")"))}),Q=G("allTrigger()"),tt=G("selfTrigger()"),et=(G("capture()"),_("preventDefault")),nt=_("stopPropagation"),rt=H,it=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return H.apply(void 0,e.concat([Q]))},at=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return H.apply(void 0,e.concat([tt]))},ot=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];return H.apply(void 0,["config:".concat(t)].concat(n))},ct=F,st=F("click"),ut=F("dblclick"),lt=(F("mousedown"),F("mouseup"),F("mousemove"),F("mouseover"),F("mouseout"),F("mouseenter"),F("mouseleave"),F("touchstart"),F("touchmove"),F("touchend"),F("keydown")),ft=F("keyup"),ht=(F("keypress"),F("drag"),F("dragstart")),pt=F("drop"),dt=F("dragover"),vt=(F("dragenter"),F("dragleave"),F("dragexit"),F("dragout"),F("dragend")),yt=(F("contextmenu"),F("change")),gt=F("input"),mt=F("focus"),bt=(F("focusin"),F("focusout")),kt=F("blur"),xt=(F("paste"),F("resize")),wt=(F("scroll"),F("submit"),function(){return ct("pointerdown").apply(void 0,arguments)+U}),Pt=ct("pointerover"),Ot=(ct("pointerenter"),ct("pointerout")),St=ct("pointermove"),jt=ct("pointerup"),$t=ct("change","input"),Rt=ct("wheel","mousewheel","DOMMouseScroll"),Ct=(F("animationstart"),F("animationend"),F("animationiteration"),F("transitionstart"),F("transitionend")),Mt=(F("transitionrun"),F("transitioncancel"),ct("doubletab")),Tt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},Vt=function(t){return function(){return this.prevState[t]!=this.state[t]}},Et=function(){return!0},It=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"bind "+t};function Dt(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var Lt,Bt={addDomEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeDomEvent: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}}},At=n(7),zt=n.n(At),Ft=n(14),Ht=n.n(Ft);function Gt(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,c){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,c)}),e||300)}}function _t(t,e){var n=void 0;return function(r,i,a,o,c){n||(n=setTimeout((function(){t(r,i,a,o,c),n=null}),e||300))}}function Nt(t,e,n){return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];var o=n.every((function(t){return e[t.target].apply(e,i)}));o&&t.apply(e,i)}}function Xt(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Yt(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function Kt(t){return null==t}function Ut(t){return!1===Kt(t)}function Wt(t){return"boolean"==typeof t}function Zt(t){return"string"==typeof t}function qt(t){return"object"==Ht()(t)&&!Array.isArray(t)&&!Qt(t)&&!Zt(t)&&null!==t}function Jt(t){return"function"==typeof t}function Qt(t){return"number"==typeof t}function te(t){return!function(t){return 0===t}(t)}function ee(t){if(!Kt(t))return JSON.parse(JSON.stringify(t))}var ne=/\<(\w*)([^\>]*)\/\>/gim,re=(Lt={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},w()(Lt,"path",!0),w()(Lt,"polygon",!0),w()(Lt,"polyline",!0),w()(Lt,"use",!0),Lt),ie=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 Jt(r)&&console.log(r),Array.isArray(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(ne,(function(t,e){return re[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))},ae=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=zt()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},oe=n(8),ce=n.n(oe),se=1e-6,ue="undefined"!=typeof Float32Array?Float32Array:Array,le=Math.random;Math.PI;function fe(){var t=new ue(16);return ue!=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 he(t){var e=new ue(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 pe(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 de(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v){var y=new ue(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]=c,y[8]=s,y[9]=u,y[10]=l,y[11]=f,y[12]=h,y[13]=p,y[14]=d,y[15]=v,y}function ve(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=s,t[8]=u,t[9]=l,t[10]=f,t[11]=h,t[12]=p,t[13]=d,t[14]=v,t[15]=y,t}function ye(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 ge(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],c=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]=c}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 me(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15],m=n*c-r*o,b=n*s-i*o,k=n*u-a*o,x=r*s-i*c,w=r*u-a*c,P=i*u-a*s,O=l*v-f*d,S=l*y-h*d,j=l*g-p*d,$=f*y-h*v,R=f*g-p*v,C=h*g-p*y,M=m*C-b*R+k*$+x*j-w*S+P*O;return M?(M=1/M,t[0]=(c*C-s*R+u*$)*M,t[1]=(i*R-r*C-a*$)*M,t[2]=(v*P-y*w+g*x)*M,t[3]=(h*w-f*P-p*x)*M,t[4]=(s*j-o*C-u*S)*M,t[5]=(n*C-i*j+a*S)*M,t[6]=(y*k-d*P-g*b)*M,t[7]=(l*P-h*k+p*b)*M,t[8]=(o*R-c*j+u*O)*M,t[9]=(r*j-n*R-a*O)*M,t[10]=(d*w-v*k+g*m)*M,t[11]=(f*k-l*w-p*m)*M,t[12]=(c*S-o*$-s*O)*M,t[13]=(n*$-r*S+i*O)*M,t[14]=(v*b-d*x-y*m)*M,t[15]=(l*x-f*b+h*m)*M,t):null}function be(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15];return t[0]=c*(h*g-p*y)-f*(s*g-u*y)+v*(s*p-u*h),t[1]=-(r*(h*g-p*y)-f*(i*g-a*y)+v*(i*p-a*h)),t[2]=r*(s*g-u*y)-c*(i*g-a*y)+v*(i*u-a*s),t[3]=-(r*(s*p-u*h)-c*(i*p-a*h)+f*(i*u-a*s)),t[4]=-(o*(h*g-p*y)-l*(s*g-u*y)+d*(s*p-u*h)),t[5]=n*(h*g-p*y)-l*(i*g-a*y)+d*(i*p-a*h),t[6]=-(n*(s*g-u*y)-o*(i*g-a*y)+d*(i*u-a*s)),t[7]=n*(s*p-u*h)-o*(i*p-a*h)+l*(i*u-a*s),t[8]=o*(f*g-p*v)-l*(c*g-u*v)+d*(c*p-u*f),t[9]=-(n*(f*g-p*v)-l*(r*g-a*v)+d*(r*p-a*f)),t[10]=n*(c*g-u*v)-o*(r*g-a*v)+d*(r*u-a*c),t[11]=-(n*(c*p-u*f)-o*(r*p-a*f)+l*(r*u-a*c)),t[12]=-(o*(f*y-h*v)-l*(c*y-s*v)+d*(c*h-s*f)),t[13]=n*(f*y-h*v)-l*(r*y-i*v)+d*(r*h-i*f),t[14]=-(n*(c*y-s*v)-o*(r*y-i*v)+d*(r*s-i*c)),t[15]=n*(c*h-s*f)-o*(r*h-i*f)+l*(r*s-i*c),t}function ke(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],s=t[7],u=t[8],l=t[9],f=t[10],h=t[11],p=t[12],d=t[13],v=t[14],y=t[15];return(e*o-n*a)*(f*y-h*v)-(e*c-r*a)*(l*y-h*d)+(e*s-i*a)*(l*v-f*d)+(n*c-r*o)*(u*y-h*p)-(n*s-i*o)*(u*v-f*p)+(r*s-i*c)*(u*d-l*p)}function xe(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=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*c+x*f+w*v,t[1]=b*i+k*s+x*h+w*y,t[2]=b*a+k*u+x*p+w*g,t[3]=b*o+k*l+x*d+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*c+x*f+w*v,t[5]=b*i+k*s+x*h+w*y,t[6]=b*a+k*u+x*p+w*g,t[7]=b*o+k*l+x*d+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*c+x*f+w*v,t[9]=b*i+k*s+x*h+w*y,t[10]=b*a+k*u+x*p+w*g,t[11]=b*o+k*l+x*d+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*c+x*f+w*v,t[13]=b*i+k*s+x*h+w*y,t[14]=b*a+k*u+x*p+w*g,t[15]=b*o+k*l+x*d+w*m,t}function we(t,e,n){var r,i,a,o,c,s,u,l,f,h,p,d,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],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=c,t[5]=s,t[6]=u,t[7]=l,t[8]=f,t[9]=h,t[10]=p,t[11]=d,t[12]=r*v+c*y+f*g+e[12],t[13]=i*v+s*y+h*g+e[13],t[14]=a*v+u*y+p*g+e[14],t[15]=o*v+l*y+d*g+e[15]),t}function Pe(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 Oe(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m,b,k,x,w,P,O,S,j,$,R=r[0],C=r[1],M=r[2],T=Math.hypot(R,C,M);return T<se?null:(R*=T=1/T,C*=T,M*=T,i=Math.sin(n),o=1-(a=Math.cos(n)),c=e[0],s=e[1],u=e[2],l=e[3],f=e[4],h=e[5],p=e[6],d=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=R*R*o+a,k=C*R*o+M*i,x=M*R*o-C*i,w=R*C*o-M*i,P=C*C*o+a,O=M*C*o+R*i,S=R*M*o+C*i,j=C*M*o-R*i,$=M*M*o+a,t[0]=c*b+f*k+v*x,t[1]=s*b+h*k+y*x,t[2]=u*b+p*k+g*x,t[3]=l*b+d*k+m*x,t[4]=c*w+f*P+v*O,t[5]=s*w+h*P+y*O,t[6]=u*w+p*P+g*O,t[7]=l*w+d*P+m*O,t[8]=c*S+f*j+v*$,t[9]=s*S+h*j+y*$,t[10]=u*S+p*j+g*$,t[11]=l*S+d*j+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function Se(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],c=e[6],s=e[7],u=e[8],l=e[9],f=e[10],h=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+u*r,t[5]=o*i+l*r,t[6]=c*i+f*r,t[7]=s*i+h*r,t[8]=u*i-a*r,t[9]=l*i-o*r,t[10]=f*i-c*r,t[11]=h*i-s*r,t}function je(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[8],l=e[9],f=e[10],h=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-u*r,t[1]=o*i-l*r,t[2]=c*i-f*r,t[3]=s*i-h*r,t[8]=a*r+u*i,t[9]=o*r+l*i,t[10]=c*r+f*i,t[11]=s*r+h*i,t}function $e(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[4],l=e[5],f=e[6],h=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+u*r,t[1]=o*i+l*r,t[2]=c*i+f*r,t[3]=s*i+h*r,t[4]=u*i-a*r,t[5]=l*i-o*r,t[6]=f*i-c*r,t[7]=h*i-s*r,t}function Re(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 Ce(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 Me(t,e,n){var r,i,a,o=n[0],c=n[1],s=n[2],u=Math.hypot(o,c,s);return u<se?null:(o*=u=1/u,c*=u,s*=u,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=c*o*a+s*r,t[2]=s*o*a-c*r,t[3]=0,t[4]=o*c*a-s*r,t[5]=c*c*a+i,t[6]=s*c*a+o*r,t[7]=0,t[8]=o*s*a+c*r,t[9]=c*s*a-o*r,t[10]=s*s*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function Te(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 Ve(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 Ee(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 Ie(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=r+r,s=i+i,u=a+a,l=r*c,f=r*s,h=r*u,p=i*s,d=i*u,v=a*u,y=o*c,g=o*s,m=o*u;return t[0]=1-(p+v),t[1]=f+m,t[2]=h-g,t[3]=0,t[4]=f-m,t[5]=1-(l+v),t[6]=d+y,t[7]=0,t[8]=h+g,t[9]=d-y,t[10]=1-(l+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function De(t,e){var n=new ue(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=r*r+i*i+a*a+o*o;return f>0?(n[0]=2*(c*o+l*r+s*a-u*i)/f,n[1]=2*(s*o+l*i+u*r-c*a)/f,n[2]=2*(u*o+l*a+c*i-s*r)/f):(n[0]=2*(c*o+l*r+s*a-u*i),n[1]=2*(s*o+l*i+u*r-c*a),n[2]=2*(u*o+l*a+c*i-s*r)),Ie(t,e,n),t}function Le(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function Be(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],c=e[6],s=e[8],u=e[9],l=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,c),t[2]=Math.hypot(s,u,l),t}function Ae(t,e){var n=new ue(3);Be(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,c=e[1]*i,s=e[2]*a,u=e[4]*r,l=e[5]*i,f=e[6]*a,h=e[8]*r,p=e[9]*i,d=e[10]*a,v=o+l+d,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(f-p)/y,t[1]=(h-s)/y,t[2]=(c-u)/y):o>l&&o>d?(y=2*Math.sqrt(1+o-l-d),t[3]=(f-p)/y,t[0]=.25*y,t[1]=(c+u)/y,t[2]=(h+s)/y):l>d?(y=2*Math.sqrt(1+l-o-d),t[3]=(h-s)/y,t[0]=(c+u)/y,t[1]=.25*y,t[2]=(f+p)/y):(y=2*Math.sqrt(1+d-o-l),t[3]=(c-u)/y,t[0]=(h+s)/y,t[1]=(f+p)/y,t[2]=.25*y),t}function ze(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=e[3],s=i+i,u=a+a,l=o+o,f=i*s,h=i*u,p=i*l,d=a*u,v=a*l,y=o*l,g=c*s,m=c*u,b=c*l,k=r[0],x=r[1],w=r[2];return t[0]=(1-(d+y))*k,t[1]=(h+b)*k,t[2]=(p-m)*k,t[3]=0,t[4]=(h-b)*x,t[5]=(1-(f+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(p+m)*w,t[9]=(v-g)*w,t[10]=(1-(f+d))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function Fe(t,e,n,r,i){var a=e[0],o=e[1],c=e[2],s=e[3],u=a+a,l=o+o,f=c+c,h=a*u,p=a*l,d=a*f,v=o*l,y=o*f,g=c*f,m=s*u,b=s*l,k=s*f,x=r[0],w=r[1],P=r[2],O=i[0],S=i[1],j=i[2],$=(1-(v+g))*x,R=(p+k)*x,C=(d-b)*x,M=(p-k)*w,T=(1-(h+g))*w,V=(y+m)*w,E=(d+b)*P,I=(y-m)*P,D=(1-(h+v))*P;return t[0]=$,t[1]=R,t[2]=C,t[3]=0,t[4]=M,t[5]=T,t[6]=V,t[7]=0,t[8]=E,t[9]=I,t[10]=D,t[11]=0,t[12]=n[0]+O-($*O+M*S+E*j),t[13]=n[1]+S-(R*O+T*S+I*j),t[14]=n[2]+j-(C*O+V*S+D*j),t[15]=1,t}function He(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,c=r+r,s=i+i,u=n*o,l=r*o,f=r*c,h=i*o,p=i*c,d=i*s,v=a*o,y=a*c,g=a*s;return t[0]=1-f-d,t[1]=l+g,t[2]=h-y,t[3]=0,t[4]=l-g,t[5]=1-u-d,t[6]=p+v,t[7]=0,t[8]=h+y,t[9]=p-v,t[10]=1-u-f,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function Ge(t,e,n,r,i,a,o){var c=1/(n-e),s=1/(i-r),u=1/(a-o);return t[0]=2*a*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*s,t[6]=0,t[7]=0,t[8]=(n+e)*c,t[9]=(i+r)*s,t[10]=(o+a)*u,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*u,t[15]=0,t}function _e(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 Ne(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),c=Math.tan(e.rightDegrees*Math.PI/180),s=2/(o+c),u=2/(i+a);return t[0]=s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=u,t[6]=0,t[7]=0,t[8]=-(o-c)*s*.5,t[9]=(i-a)*u*.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 Xe(t,e,n,r,i,a,o){var c=1/(e-n),s=1/(r-i),u=1/(a-o);return t[0]=-2*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*s,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*u,t[11]=0,t[12]=(e+n)*c,t[13]=(i+r)*s,t[14]=(o+a)*u,t[15]=1,t}function Ye(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d=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(d-k)<se&&Math.abs(v-x)<se&&Math.abs(y-w)<se?ye(t):(l=d-k,f=v-x,h=y-w,i=m*(h*=p=1/Math.hypot(l,f,h))-b*(f*=p),a=b*(l*=p)-g*h,o=g*f-m*l,(p=Math.hypot(i,a,o))?(i*=p=1/p,a*=p,o*=p):(i=0,a=0,o=0),c=f*o-h*a,s=h*i-l*o,u=l*a-f*i,(p=Math.hypot(c,s,u))?(c*=p=1/p,s*=p,u*=p):(c=0,s=0,u=0),t[0]=i,t[1]=c,t[2]=l,t[3]=0,t[4]=a,t[5]=s,t[6]=f,t[7]=0,t[8]=o,t[9]=u,t[10]=h,t[11]=0,t[12]=-(i*d+a*v+o*y),t[13]=-(c*d+s*v+u*y),t[14]=-(l*d+f*v+h*y),t[15]=1,t)}function Ke(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=r[0],s=r[1],u=r[2],l=i-n[0],f=a-n[1],h=o-n[2],p=l*l+f*f+h*h;p>0&&(l*=p=1/Math.sqrt(p),f*=p,h*=p);var d=s*h-u*f,v=u*l-c*h,y=c*f-s*l;return(p=d*d+v*v+y*y)>0&&(d*=p=1/Math.sqrt(p),v*=p,y*=p),t[0]=d,t[1]=v,t[2]=y,t[3]=0,t[4]=f*y-h*v,t[5]=h*d-l*y,t[6]=l*v-f*d,t[7]=0,t[8]=l,t[9]=f,t[10]=h,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function Ue(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 We(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 Ze(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 qe(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 Je(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 Qe(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 tn(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 en(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],c=t[5],s=t[6],u=t[7],l=t[8],f=t[9],h=t[10],p=t[11],d=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],P=e[5],O=e[6],S=e[7],j=e[8],$=e[9],R=e[10],C=e[11],M=e[12],T=e[13],V=e[14],E=e[15];return Math.abs(n-m)<=se*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=se*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=se*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=se*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=se*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(c-P)<=se*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(s-O)<=se*Math.max(1,Math.abs(s),Math.abs(O))&&Math.abs(u-S)<=se*Math.max(1,Math.abs(u),Math.abs(S))&&Math.abs(l-j)<=se*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(f-$)<=se*Math.max(1,Math.abs(f),Math.abs($))&&Math.abs(h-R)<=se*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(p-C)<=se*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-M)<=se*Math.max(1,Math.abs(d),Math.abs(M))&&Math.abs(v-T)<=se*Math.max(1,Math.abs(v),Math.abs(T))&&Math.abs(y-V)<=se*Math.max(1,Math.abs(y),Math.abs(V))&&Math.abs(g-E)<=se*Math.max(1,Math.abs(g),Math.abs(E))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var nn=xe,rn=qe;function an(){var t=new ue(3);return ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function on(t){var e=new ue(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function cn(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function sn(t,e,n){var r=new ue(3);return r[0]=t,r[1]=e,r[2]=n,r}function un(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function ln(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function fn(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function hn(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function pn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function dn(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function vn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function yn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function gn(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 mn(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 bn(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function kn(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function xn(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 wn(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 Pn(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 On(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function Sn(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function jn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function $n(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 Rn(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function Cn(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],c=n[1],s=n[2];return t[0]=i*s-a*c,t[1]=a*o-r*s,t[2]=r*c-i*o,t}function Mn(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 Tn(t,e,n,r,i,a){var o=a*a,c=o*(2*a-3)+1,s=o*(a-2)+a,u=o*(a-1),l=o*(3-2*a);return t[0]=e[0]*c+n[0]*s+r[0]*u+i[0]*l,t[1]=e[1]*c+n[1]*s+r[1]*u+i[1]*l,t[2]=e[2]*c+n[2]*s+r[2]*u+i[2]*l,t}function Vn(t,e,n,r,i,a){var o=1-a,c=o*o,s=a*a,u=c*o,l=3*a*c,f=3*s*o,h=s*a;return t[0]=e[0]*u+n[0]*l+r[0]*f+i[0]*h,t[1]=e[1]*u+n[1]*l+r[1]*f+i[1]*h,t[2]=e[2]*u+n[2]*l+r[2]*f+i[2]*h,t}function En(t,e){e=e||1;var n=2*le()*Math.PI,r=2*le()-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 In(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 Dn(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 Ln(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],c=e[0],s=e[1],u=e[2],l=i*u-a*s,f=a*c-r*u,h=r*s-i*c,p=i*h-a*f,d=a*l-r*h,v=r*f-i*l,y=2*o;return l*=y,f*=y,h*=y,p*=2,d*=2,v*=2,t[0]=c+l+p,t[1]=s+f+d,t[2]=u+h+v,t}function Bn(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 An(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 zn(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 Fn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2],s=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+c*c),u=s&&Rn(t,e)/s;return Math.acos(Math.min(Math.max(u,-1),1))}function Hn(t){return t[0]=0,t[1]=0,t[2]=0,t}function Gn(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function _n(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function Nn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2];return Math.abs(n-a)<=se*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=se*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-c)<=se*Math.max(1,Math.abs(i),Math.abs(c))}var Xn,Yn=hn,Kn=pn,Un=dn,Wn=wn,Zn=Pn,qn=cn,Jn=On,Qn=(Xn=an(),function(t,e,n,r,i,a){var o,c;for(e||(e=3),n||(n=0),c=r?Math.min(r*e+n,t.length):t.length,o=n;o<c;o+=e)Xn[0]=t[o],Xn[1]=t[o+1],Xn[2]=t[o+2],i(Xn,Xn,a),t[o]=Xn[0],t[o+1]=Xn[1],t[o+2]=Xn[2];return t});function tr(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function er(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 ue(4),ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function nr(){var t=new ue(4);return ue!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function rr(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function ir(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 ar(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>se?(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 or(t,e){var n=Lr(t,e);return Math.acos(2*n*n-1)}function cr(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=n[0],s=n[1],u=n[2],l=n[3];return t[0]=r*l+o*c+i*u-a*s,t[1]=i*l+o*s+a*c-r*u,t[2]=a*l+o*u+r*s-i*c,t[3]=o*l-r*c-i*s-a*u,t}function sr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+o*c,t[1]=i*s+a*c,t[2]=a*s-i*c,t[3]=o*s-r*c,t}function ur(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s-a*c,t[1]=i*s+o*c,t[2]=a*s+r*c,t[3]=o*s-i*c,t}function lr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+i*c,t[1]=i*s-r*c,t[2]=a*s+o*c,t[3]=o*s-a*c,t}function fr(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 hr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=Math.exp(a),s=o>0?c*Math.sin(o)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=c*Math.cos(o),t}function pr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=o>0?Math.atan2(o,a)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function dr(t,e,n){return pr(t,e),Dr(t,t,n),hr(t,t),t}function vr(t,e,n,r){var i,a,o,c,s,u=e[0],l=e[1],f=e[2],h=e[3],p=n[0],d=n[1],v=n[2],y=n[3];return(a=u*p+l*d+f*v+h*y)<0&&(a=-a,p=-p,d=-d,v=-v,y=-y),1-a>se?(i=Math.acos(a),o=Math.sin(i),c=Math.sin((1-r)*i)/o,s=Math.sin(r*i)/o):(c=1-r,s=r),t[0]=c*u+s*p,t[1]=c*l+s*d,t[2]=c*f+s*v,t[3]=c*h+s*y,t}function yr(t){var e=le(),n=le(),r=le(),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 gr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,c=o?1/o:0;return t[0]=-n*c,t[1]=-r*c,t[2]=-i*c,t[3]=a*c,t}function mr(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function br(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 kr(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),c=Math.sin(n),s=Math.cos(n),u=Math.sin(r),l=Math.cos(r);return t[0]=a*s*l-o*c*u,t[1]=o*c*l+a*s*u,t[2]=o*s*u-a*c*l,t[3]=o*s*l+a*c*u,t}function xr(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var wr,Pr,Or,Sr,jr,$r,Rr,Cr=function(t){var e=new ue(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},Mr=function(t,e,n,r){var i=new ue(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},Tr=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},Vr=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},Er=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},Ir=cr,Dr=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},Lr=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},Br=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=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]=c+r*(n[3]-c),t},Ar=tr,zr=Ar,Fr=er,Hr=Fr,Gr=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},_r=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},Nr=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],c=e[1],s=e[2],u=e[3];return Math.abs(n-o)<=se*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-c)<=se*Math.max(1,Math.abs(r),Math.abs(c))&&Math.abs(i-s)<=se*Math.max(1,Math.abs(i),Math.abs(s))&&Math.abs(a-u)<=se*Math.max(1,Math.abs(a),Math.abs(u))},Xr=(wr=an(),Pr=sn(1,0,0),Or=sn(0,1,0),function(t,e,n){var r=Rn(e,n);return r<-.999999?(Cn(wr,Pr,e),qn(wr)<1e-6&&Cn(wr,Or,e),$n(wr,wr),ir(t,wr,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(Cn(wr,e,n),t[0]=wr[0],t[1]=wr[1],t[2]=wr[2],t[3]=1+r,Gr(t,t))}),Yr=(Sr=nr(),jr=nr(),function(t,e,n,r,i,a){return vr(Sr,e,i,a),vr(jr,n,r,a),vr(t,Sr,jr,2*a*(1-a)),t}),Kr=($r=new ue(9),ue!=Float32Array&&($r[1]=0,$r[2]=0,$r[3]=0,$r[5]=0,$r[6]=0,$r[7]=0),$r[0]=1,$r[4]=1,$r[8]=1,Rr=$r,function(t,e,n,r){return Rr[0]=n[0],Rr[3]=n[1],Rr[6]=n[2],Rr[1]=r[0],Rr[4]=r[1],Rr[7]=r[2],Rr[2]=-e[0],Rr[5]=-e[1],Rr[8]=-e[2],Gr(t,br(t,Rr))});function Ur(){var t=new ue(2);return ue!=Float32Array&&(t[0]=0,t[1]=0),t}function Wr(t){var e=new ue(2);return e[0]=t[0],e[1]=t[1],e}function Zr(t,e){var n=new ue(2);return n[0]=t,n[1]=e,n}function qr(t,e){return t[0]=e[0],t[1]=e[1],t}function Jr(t,e,n){return t[0]=e,t[1]=n,t}function Qr(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function ti(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function ei(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function ni(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function ri(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function ii(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function ai(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function oi(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function ci(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function si(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function ui(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function li(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function fi(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function hi(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function pi(t){var e=t[0],n=t[1];return e*e+n*n}function di(t,e){return t[0]=-e[0],t[1]=-e[1],t}function vi(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function yi(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 gi(t,e){return t[0]*e[0]+t[1]*e[1]}function mi(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function bi(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 ki(t,e){e=e||1;var n=2*le()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function xi(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 wi(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 Pi(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 Oi(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 Si(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),c=Math.cos(r);return t[0]=i*c-a*o+n[0],t[1]=i*o+a*c+n[1],t}function ji(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),c=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(c,-1),1))}function $i(t){return t[0]=0,t[1]=0,t}function Ri(t){return"vec2("+t[0]+", "+t[1]+")"}function Ci(t,e){return t[0]===e[0]&&t[1]===e[1]}function Mi(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=se*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=se*Math.max(1,Math.abs(r),Math.abs(a))}var Ti=hi,Vi=ti,Ei=ei,Ii=ni,Di=li,Li=fi,Bi=pi,Ai=function(){var t=Ur();return function(e,n,r,i,a,o){var c,s;for(n||(n=2),r||(r=0),s=i?Math.min(i*n+r,e.length):e.length,c=r;c<s;c+=n)t[0]=e[c],t[1]=e[c+1],a(t,t,o),e[c]=t[0],e[c+1]=t[1];return e}}();function zi(t,e){return e=void 0===e?1:e,Math.round(t*e)/e}function Fi(t){return t*(Math.PI/180)}function Hi(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function Gi(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function _i(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(Fi(t))}function Ni(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(Fi(t))}function Xi(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:_i(t,e,n),y:Ni(t,e,r)}}function Yi(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 o.distance([t,e],[n,r])}function Ki(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return i.lerp([],t,e,1+n/i.dist(t,e))}function Ui(t,e){return 1===t.length?[i.transformMat4([],t[0],e)]:2===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e)]:3===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e)]:4===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e)]:5===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e),i.transformMat4([],t[4],e)]:t.map((function(t){return i.transformMat4([],t,e)}))}function Wi(t,e,n,r){return[t,[e[0],t[1],e[2]],n,Math.abs(t[0]-e[0]),r]}function Zi(t,e,n,r){return[[e[0],t[1],t[2]],e,n,Math.abs(t[1]-e[1]),r]}function qi(t,e){var n=t,r=e,a=!1;t[4][0]-e[4][0]>0&&(n=e,r=t,a=!0);var o=i.lerp([],n[1],n[2],.5),c=i.lerp([],r[0],r[3],.5),s=[];return r[0][1]<=o[1]&&o[1]<=r[3][1]?s.push(Wi(o,c,"x",null)):r[0][1]<=n[1][1]?r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(Zi(r[3],[r[3][0],n[1][1],n[1][2]],"y",null)):s.push(Wi(n[1],c,"x",r[3])):n[3][0]<=r[0][0]&&r[0][0]<=n[2][0]?s.push(Zi(n[3],r[0],"y")):r[3][0]<=n[0][0]&&n[0][0]<=r[2][0]?s.push(Zi([r[0][0],n[3][1],n[3][2]],r[0],"y")):r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(Zi(r[3],[r[3][0],n[1][1],n[1][2]],"y")):s.push(Wi(n[2],c,"x",r[0])),s.sort((function(t,e){return t[3]-e[3]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===e)return t;var n=zt()(t,7),r=n[0],i=n[1],a=n[2],o=n[3],c=n[4],s=n[5],u=n[6];return c?[[i[0],c[1],i[2]],[r[0],c[1],r[2]],a,o,[r[0],r[1],c[2]],s,u,e]:[i,r,a,o,c,s,u,e]}([].concat(ce()(s[0]),[t,e]),a)}function Ji(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function Qi(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function ta(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function ea(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 na(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function ra(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 ia(t,e){return Gi(Math.atan2(e,t))}function aa(t,e,n){return ua({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function oa(t,e){var n=r.create();return r.translate(n,n,e),r.rotateZ(n,n,Fi(t)),r.translate(n,n,i.negate([],e)),n}function ca(){for(var t=r.create(),e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.forEach((function(e){r.multiply(t,t,e)})),t}function sa(){return r.invert([],ca.apply(void 0,arguments))}function ua(t,e,n){var r=ia(t.x-e.x,t.y-e.y);return ia(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function la(t,e){return(ia(t,e)+180)%360}var fa=/[xy]/g;function ha(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(fa,(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 pa(){var t=(new Date).getTime();return"idxxxxxxx".replace(fa,(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 da=function(t){return 3*t*t*(1-t)},va=function(t){return 3*t*(1-t)*(1-t)},ya=function(t){return(1-t)*(1-t)*(1-t)};function ga(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*da(t)+a*va(t)+ya(t))}}function ma(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 ba(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var ka=/[\b\t \,\n]/g;function xa(t){return t.trim().split(ka).filter((function(t){return t})).map((function(t){return+t}))}var wa={center:50,top:0,left:0,right:100,bottom:100},Pa=function t(){O()(this,t)};Pa.CENTER="center",Pa.TOP="top",Pa.RIGHT="right",Pa.LEFT="left",Pa.BOTTOM="bottom";var Oa=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Sa=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(O()(this,t),this.value=e,Qt(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return j()(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 Qt(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 Ut(wa[this.value])?t.percent(wa[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(Gi(this.value)):void 0}},{key:"toRad",value:function(){if(this.isRad())return this.clone();if(this.isTurn()){var e=this.toDeg();return t.rad(Fi(e.value))}return this.isDeg()?t.rad(Fi(this.value)):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(zi(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:"isZero",value:function(){return 0===this.value}}],[{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(Zt(e=e||t.number(0))){var n=(e=e.trim()).replace(Oa,"$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 Ut(e.percent)?r=e.percent:Ut(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Ut(e.px)?r=e.px:Ut(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Ut(e.em)?r=e.em:Ut(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Ut(e.deg)?r=e.deg:Ut(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Ut(e.deg)?r=e.turn:Ut(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Ut(e.second)?r=e.second:Ut(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Ut(e.ms)?r=e.ms:Ut(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Ut(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Ut(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Ut(e.str)?r=e.str:Ut(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Sa.auto=Sa.string("auto");var ja=n(6),$a=n.n(ja);function Ra(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ca(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ra(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ra(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ma=function(){return!0};function Ta(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ma,n=[],r=t.layers.length,i=r;i--;){var a=t.layers[i];n.push.apply(n,ce()(Ta(a.ref,e)))}return e(t)&&n.push(t),n}var Va=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return O()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return Jt(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){return t.json[n]!=r&&(t.json[n]=r,e.changed()),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.lastChangedField={},this.lastChangedFieldKeys=[],this.cachedValue={},this.ref}return j()(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:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"renameWithCount",value:function(){var t=this.json.name.split(" ");if(!(t.length<2)){var e=t.pop(),n=+e;Qt(n)&&!1===isNaN(n)?n++:n=e;var r=[].concat(ce()(t),[n]).join(" ");this.reset({name:r})}}},{key:"allLayers",get:function(){return Ta(this.ref)}},{key:"filteredAllLayers",value:function(t){return Ta(this.ref,t)}},{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:"setParent",value:function(t){this.json.parent=t}},{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}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{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:"addCache",value:function(t,e){this.cachedValue[t]=e}},{key:"getCache",value:function(t){return this.cachedValue[t]}},{key:"computed",value:function(t,e){var n="__cachedKey_".concat(t),r="".concat(n,"__parseValue"),i=this.json[t];return this.getCache(t)===i&&this.getCache(r)||(this.addCache(t,i),this.addCache(r,e(i,this.ref))),this.getCache(r)}},{key:"editable",value:function(t){return!0}},{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:"setCache",value:function(){}},{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","name","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){return t.__changedId||(t.__changedId=ha()),this.lastChangedField.__changedId!==t.__changedId&&(this.json=this.convert(Object.assign(this.json,t)),this.lastChangedField=t,this.lastChangedFieldKeys=Object.keys(t),this.changed()),!0}},{key:"hasChangedField",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.lastChangedFieldKeys.includes(e)}))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pa();return Ca({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]=ee(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref||(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:"refreshMatrixCache",value:function(){}},{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){Kt(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&&!Kt(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.renameWithCount(),n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.push(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}}]),t}(),Ea=n(11),Ia=n.n(Ea),Da=n(10),La=n.n(Da),Ba=n(12),Aa=n.n(Ba),za=n(9),Fa=n.n(za),Ha=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 Ga(t){return t.nodeType!==Node.TEXT_NODE&&"true"===t.getAttribute("data-domdiff-pass")}function _a(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Na(t,e,n,r){if(e)if(n){if(Ga(e)||Ga(n));else if(s=e,(c=n).nodeType===Node.TEXT_NODE&&c.textContent!==s.textContent||c.nodeName!==s.nodeName||function(t){return t.nodeType!==Node.TEXT_NODE&&t.getAttribute("refClass")}(n))t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&n.nodeType!==Node.COMMENT_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));for(var i=ce()(new Set(r)),a=0,o=i.length;a<o;a++){var c=i[a];Ha(t,c,e[c],n[c])}}(e,_a(n.attributes),_a(e.attributes));var i=Xa(e),a=Xa(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Na(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,s}var Xa=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Ya(t,e){t=t.el||t,e=e.el||e;for(var n=Xa(t),r=Xa(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Na(t,n[a],r[a],a)}var Ka=function(){function t(e,n,r){if(O()(this,t),"string"!=typeof 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 j()(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 w()({},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(ce()(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){return this.el.classList.toggle(t,e),this}},{key:"html",value:function(t){return void 0===t?this.el.innerHTML:("string"==typeof t?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Ya(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Ya(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Ya(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 ce()(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"string"==typeof t?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return"string"==typeof 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(void 0===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){var n=this;if(void 0!==t&&void 0!==e)0===t.indexOf("--")&&void 0!==e?this.el.style.setProperty(t,e):this.el.style[t]=e;else if(void 0!==t){if("string"==typeof t)return getComputedStyle(this.el)[t];Object.entries(t).forEach((function(t){var e=zt()(t,2),r=e[0],i=e[1];0===r.indexOf("--")&&void 0!==i?n.el.style.setProperty(r,i):n.el.style[r]=i}))}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),c=0;c<a;c++)o[c]=arguments[c];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return void 0===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,"".concat(e,"px"))}},{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(void 0===e)return this.el.value;if(void 0!==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:"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?ce()(this.el.files):[]}},{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:"totalLength",get:function(){return this.el.getTotalLength()}},{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:"firstChild",get:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){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:"toggleFullscreen",value:function(){this.el===document.fullscreenElement?document.exitFullscreen():this.fullscreen()}}],[{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}(),Ua=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};O()(this,t),this.context=e,this.options=n}return j()(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}();function Wa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Za={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},qa={doubletab:"touchend"},Ja={doubletab:!0},Qa=function(t){R()(n,t);var e=Wa(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(I)),this._domEvents.forEach((function(e){return t.parseDomEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach((function(e){t.removeDomEvent(e)})),this.initBindings()}},{key:"removeDomEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Bt.removeDomEvent(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(Ut(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=Ka.create(i);var a=n.runEventCallback(r,t,e);if(Ut(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=Bt.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 Jt(r)&&r?r.call(n,t):!Ut(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 Ka?e.getElement():e}},{key:"getRealEventName",value:function(t){return qa[t]||t}},{key:"getCustomEventName",value:function(t){return Ja[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=ae(r,"after"),o=zt()(a,2),c=o[0],s=o[1],u=ae(r,"before"),l=zt()(u,2),f=l[0],h=l[1],p=ae(r,"debounce"),d=zt()(p,2),v=d[0],y=d[1],g=ae(r,"delay"),m=zt()(g,2),b=m[0],k=m[1],x=ae(r,"throttle"),w=zt()(x,2),P=w[0],O=w[1],S=ae(r,"capture"),j=zt()(S,1)[0],$=[].concat(ce()(i),ce()(c),ce()(f),ce()(b),ce()(v),ce()(P),ce()(j)),R=r.filter((function(t){return-1===$.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:R,captures:j,afterMethods:s,beforeMethods:h,delayMethods:k,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addDomEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;Za[t.eventName]&&(n={passive:!0,capture:n}),Bt.addDomEvent(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:"bindingDomEvent",value:function(t,e,n){var r=Ia()(t),i=r[0],a=r[1],o=r.slice(2),c=this.getDefaultEventObject(i,e);if(c.dom=this.getDefaultDomElement(a),c.delegate=o.join(" "),c.debounceMethods.length)n=Gt(n,+c.debounceMethods[0].target);else if(c.throttleMethods.length){n=_t(n,+c.throttleMethods[0].target)}n=this.makeCustomEventCallback(c,n),this.addDomEvent(c,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:"parseDomEvent",value:function(t){for(var e=this.context,n=t.split(A).map((function(t){return t.trim()})).filter(Boolean),r=n.shift().split("domevent ")[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,c=i.length;o<c;o++)r[0]=i[o],this.bindingDomEvent(r,n,a)}}]),n}(Ua);function to(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eo=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"!==e||"function"!=typeof n?void 0===n?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"htmlDiff"===e?t.updateDiff(n):"svgDiff"===e?t.updateSVGDiff(n):"value"===e?t.val(n):t.attr(e,n):n();else if(Array.isArray(n))t.addClass.apply(t,ce()(n.filter(Boolean)));else if(qt(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],c=n[o];t.toggleClass(o,c)}else t.el.className=n;else"string"!=typeof n&&t.css(n);else t.cssText(n)},no=function(t){R()(n,t);var e=to(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.context.filterProps(L));var i=this._bindMethods.filter((function(t){if(!n.length)return!0;var e=t.split(A),r=zt()(e,2),i=r[0],a=(r[1],i.split(" ")),o=zt()(a,2),c=(o[0],o[1]);return n.indexOf(c)>-1}));i.forEach(function(){var e=La()(Fa.a.mark((function e(r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m;return Fa.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.context[r],a=r.split(A),o=zt()(a,2),r=o[0],c=o[1],s=t.getRef(c),u=Et,""!=s&&"string"==typeof s?u=Vt(s):"function"==typeof s&&(u=s),l=r.split("bind ")[1],f=t.context.refs[l],h="function"==typeof u&&u.call(t.context),!f||!h){e.next=16;break}return e.next=11,i.call.apply(i,[t.context].concat(n));case 11:if(p=e.sent){e.next=14;break}return e.abrupt("return");case 14:for(d=Object.keys(p),v=0,y=d.length;v<y;v++)g=d[v],m=p[g],eo(f,g,m);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),n}(Ua),ro={};function io(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).forEach((function(e){ro[e]||(ro[e]=t[e])}))}var ao,oo,co,so=/[xy]/g;function uo(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(so,(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 lo(){var t=(new Date).getTime();return"idxxxxxxx".replace(so,(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 fo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fo(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function po(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return vo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vo(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){c=!0,a=t},f:function(){try{o||null==n.return||n.return()}finally{if(c)throw a}}}}function vo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var yo=Ka.create("div"),go="[".concat("ref","]"),mo="[".concat("refclass","]"),bo=(new Map,ao={constructor:!0,initState:!0,updateData:!0},w()(ao,"constructor",!0),w()(ao,"initializeProperty",!0),w()(ao,"created",!0),w()(ao,"getRealEventName",!0),w()(ao,"initializeStoreEvent",!0),w()(ao,"destoryStoreEvent",!0),w()(ao,"destroy",!0),w()(ao,"emit",!0),w()(ao,"trigger",!0),w()(ao,"on",!0),w()(ao,"off",!0),w()(ao,"setState",!0),w()(ao,"_reload",!0),w()(ao,"render",!0),w()(ao,"initialize",!0),w()(ao,"afterRender",!0),w()(ao,"components",!0),w()(ao,"getRef",!0),w()(ao,"parseTemplate",!0),w()(ao,"parseProperty",!0),w()(ao,"parseSourceName",!0),w()(ao,"parseComponent",!0),w()(ao,"clean",!0),w()(ao,"refresh",!0),w()(ao,"load",!0),w()(ao,"bindData",!0),w()(ao,"template",!0),w()(ao,"eachChildren",!0),w()(ao,"destroy",!0),w()(ao,"collectProps",!0),w()(ao,"filterProps",!0),w()(ao,"self",!0),w()(ao,"isAltKey",!0),w()(ao,"isCtrlKey",!0),w()(ao,"isShiftKey",!0),w()(ao,"isMetaKey",!0),w()(ao,"preventDefault",!0),w()(ao,"stopPropagation",!0),w()(ao,"bodyMouseMove",!0),w()(ao,"bodyMouseUp",!0),ao),ko=function(){function t(e,n){O()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=uo(),this.__tempVariables=new Map,this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}var e;return j()(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=uo(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=this.components()}},{key:"initializeHandler",value:function(){return[new no(this),new Qa(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(w()({},t,!this.state[t]),e)}},{key:"variable",value:function(t){var e="".concat("__ref__variable:").concat(lo());return this.__tempVariables.set(e,t),e}},{key:"recoverVariable",value:function(t){if(!1===Zt(t))return t;var e=t;return this.__tempVariables.has(t)&&(e=this.__tempVariables.get(t),this.__tempVariables.delete(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(ie(oo||(oo=Aa()(["\n        ","\n      "])),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){Array.isArray(t)&&(t=t.join("")),t=t.trim();for(var n=yo.html(t).children(),r=0,i=n.length;r<i;r++){var a=n[r],o=a.attr("ref");o&&(this.refs[o]=a);for(var c=a.$$(go),s={},u=0,l=c.length;u<l;u++){var f=c[u],h=f.attr("ref");s[h]?console.warn("".concat(o," is duplicated. - ").concat(this.sourceName),this):s[h]=!0,this.refs[h]=f}}return e?yo.createChildrenFragment():n[0]}},{key:"parseProperty",value:function(t){var e,n,r={},i=po(t.el.attributes);try{for(i.s();!(e=i.n()).done;){var a=e.value;r[a.nodeName]=this.recoverVariable(a.nodeValue)}}catch(t){i.e(t)}finally{i.f()}return r.props&&(r=ho(ho({},r),(n=r.props,z[n]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","valueType"),n=zt()(e,3),i=n[0],a=n[1],o=n[2],c=a||t.text();"json"===o&&(c=JSON.parse(c)),r[i]=c})),r}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(ce()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return ro[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$(mo).forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r,i=t.parseProperty(e),a=e.attr("ref"),o=null;if(t.children[a]?(o=t.children[a])._reload(i):(o=new n(t,i),t.children[a||o.id]=o,o.render()),o.renderTarget)null===(r=o.$el)||void 0===r||r.appendTo(o.renderTarget),e.remove();else e.replace(o.$el)}else e.remove()})),Xt(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Xt(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:(e=La()(Fa.a.mark((function t(){var e,n,r,i,a=this,o=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(e=o.length,n=new Array(e),r=0;r<e;r++)n[r]=o[r];return this._loadMethods||(this._loadMethods=this.filterProps(D)),i=this._loadMethods.filter((function(t){var e=t.split("load ")[1].split(A).map((function(t){return t.trim()}))[0];return!n.length||n.indexOf(e)>-1})),t.next=5,i.forEach(function(){var t=La()(Fa.a.mark((function t(e){var r,i,o,c,s,u,l,f,h;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=e.split("load ")[1],i=r.split(A).map((function(t){return t.trim()})),o=Ia()(i),c=o[0],s=(s=o.slice(1)).map((function(t){return t.trim()})),u=Boolean(s.filter((function(t){return W.includes(t)})).length),!a.refs[c]){t.next=11;break}return t.next=7,(l=a[e]).call.apply(l,[a].concat(n));case 7:f=t.sent,Array.isArray(f)&&(f=f.join("")),h=a.parseTemplate(ie(co||(co=Aa()(["",""])),f),!0),u?a.refs[c].htmlDiff(h):a.refs[c].html(h);case 11:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}());case 5:this._afterLoad();case 6:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{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){Jt(t)&&Xt(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&&this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return this.__cachedMethodList||(this.__cachedMethodList=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&Jt(t[n])&&!e[n]}));r.push.apply(r,a)}while(n=Object.getPrototypeOf(n));return r}(this,bo)),this.__cachedMethodList}},{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:"isMouseLeftButton",value:function(t){return 1===t.buttons}},{key:"isMouseRightButton",value:function(t){return 2===t.buttons}},{key:"hasMouse",value:function(t){return"mouse"===t.pointerType}},{key:"hasTouch",value:function(t){return"touch"===t.pointerType}},{key:"hasPen",value:function(t){return"pen"===t.pointerType}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}}]),t}(),xo=function(){function t(e){O()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return j()(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).debug.apply(t,arguments)}},{key:"on",value:function(t,e,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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],u=e;return i>0?u=Gt(e,i):a>0&&(u=_t(e,a)),s.length&&(u=Nt(u,n,s)),this.getCallbacks(t).push({event:t,callback:u,context:n,originalCallback:e,enableAllTrigger:o,enableSelfTrigger:c}),this.debug("add message event",t,n.sourceName),function(){r.off(t,e)}}},{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 c=r[a];c.enableSelfTrigger||(c.enableAllTrigger||c.originalCallback.source!==t)&&c.callback.apply(c.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 c=r[a];c.originalCallback.source===t&&c.callback.apply(c.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",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];Jt(t)?t.apply(void 0,n):this.sendMessage.apply(this,[this.source,t].concat(n))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",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];Jt(t)?t.apply(void 0,n):this.triggerMessage.apply(this,[this.source,t].concat(n))}}]),t}(),wo={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"}};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}var Oo=function(){function t(e){O()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return j()(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?Po(Object(n),!0).forEach((function(e){w()(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}({},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,ce()(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}(),So=new Map,jo=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return So.has(t)}},{key:"get",value:function(t){return So.get(t)}},{key:"set",value:function(t,e){So.size>1e3&&So.clear(),So.set(t,e)}}]),t}(),$o=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(jo.has(t))return jo.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 Sa.parse(t)})):e.map((function(t){return Sa.parse(t)})),jo.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=zt()(a,3),c=o[0],s=o[1],u=o[2];return c=c.toPx(n),s=s.toPx(r),u=u.toPx(i),"".concat(c," ").concat(s," ").concat(u)}}]),t}();function Ro(t,e,n,r,i,a,o,c){var s=((o-i)*(e-a)-(c-a)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e)),u=((n-t)*(e-a)-(r-e)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e));return 0<=s&&s<=1&&0<=u&&u<=1}function Co(){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 c=zt()(a,2),s=c[0],u=c[1],l=zt()(t[(o+1)%i],2),f=l[0],h=l[1];(u>=n&&h<n||u<n&&h>=n)&&e<(f-s)*(n-u)/(h-u)+s&&(r=!r)})),r}function Mo(){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,c){var s=zt()(o,2),u=s[0],l=s[1],f=zt()(t[(c+1)%a],2),h=f[0],p=f[1];return Ro(e,n,r,i,u,l,h,p)}))}function To(){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=zt()(r,2),o=a[0],c=a[1],s=zt()(t[(i+1)%n],2),u=s[0],l=s[1],f=Mo(e,o,c,u,l);return!!f||!!(f=Co(t,e[0][0],e[0][1]))}))}function Vo(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=$o.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 Eo(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=i.lerp([],t[0],t[1],.5),r=i.lerp([],t[2],t[3],.5),a=Ki(r,n,e);return a}function Io(){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.originVerties.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),Vo(e,n,r-e,i-n)}function Do(t){var e=Sa.px(t[0][0]).floor(),n=Sa.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Sa.px(i.dist(t[0],t[1])).floor(),height:Sa.px(i.dist(t[0],t[3])).floor()}}function Lo(t){return Bo(t).filter((function(t,e){return e<4}))}function Bo(t){var 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){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),Vo(e,n,r-e,i-n)}var Ao={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},zo={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)"},Fo=[[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"]],Ho=function(t){return ce()(_o(zo[t]||t))},Go=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=Fo.length;e<n;e++){var r=Fo[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(",")," )")},_o=function(t){if("string"==typeof t){if(Ao[t])return Fo.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},No=function(t,e,n,r){var i=[t,e,n,r];return function(t){return nc(i,t)}},Xo=function(t,e,n){var r=[t,e,n];return function(t){return rc(r,t)}},Yo=function(t,e){var n=[t,e];return function(t){return ic(n,t)}},Ko=function(t,e,n,r,i){var a=e(n),o=Yi(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},Uo=function(t,e,n,r,i,a,o,c){for(var s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,u=No({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}),l=0,f=u(0),h=0;h<=s;h++){var p=h/s,d=u(p);l+=Yi(f.x,f.y,d.x,d.y),f=d}return l},Wo=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=Xo({x:t,y:e},{x:n,y:r},{x:i,y:a}),s=0,u=c(0),l=0;l<=o;l++){var f=l/o,h=c(f);s+=Yi(u.x,u.y,h.x,h.y),u=h}return s},Zo=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++)Ko(n,t,a/e,r,i);var o=1/(2*e),c=n.minT;for(a=0;a<e;a++)Ko(n,t,c-o,r,i),Ko(n,t,c+o,r,i),o/=2;return n.minT}},qo=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Zo(No(t,e,n,r),i)},Jo=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Zo(Xo(t,e,n),r)},Qo=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Zo(Yo(t,e),n)},tc=function(t){if("linear"===t)return Yo(n={x:0,y:0},r={x:1,y:1});var e=_o(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return No(n,r,i,{x:1,y:1})},ec=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},nc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(t[2],t[3],e),a=ec(n,r,e),o=ec(r,i,e);return ec(a,o,e)},rc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e);return ec(n,r,e)},ic=function(t,e){return ec(t[0],t[1],e)},ac=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(t[2],t[3],e),a=ec(n,r,e),o=ec(r,i,e),c=ec(a,o,e);return{first:[t[0],n,a,c],second:[c,o,i,t[3]]}},oc=function(t,e){var n=ec(t[0],t[1],e),r=ec(t[1],t[2],e),i=ec(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},cc=function(t,e){var n=ec(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},sc=function(t){var e=function(t){var e=i.negate([],t[0]),n=i.multiply([],[3,3,3],t[1]),r=i.multiply([],[-3,-3,-3],t[2]),a=t[3],o=i.add([],i.add([],e,n),i.add([],r,a));return i.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=i.multiply([],[-2,-2,-2],t[1]),r=t[2],a=i.add([],i.add([],e,n),r);return i.multiply([],[6,6,6],a)}(t),r=function(t){var e=i.add([],t[1],i.negate([],t[0]));return i.multiply([],[3,3,3],e)}(t),a=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var c=-n[0]/(2*e[0]);0<=c&&c<=1&&a.push(c)}else if(o>0){var s=(-n[0]+Math.sqrt(o))/(2*e[0]),u=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=s&&s<=1&&a.push(s),0<=u&&u<=1&&a.push(u)}var l=n[1]*n[1]-4*e[1]*r[1];if(l<0);else if(0===l){var f=-n[1]/(2*e[1]);0<=f&&f<=1&&a.push(f)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*e[1]),p=(-n[1]-Math.sqrt(l))/(2*e[1]);0<=h&&h<=1&&a.push(h),0<=p&&p<=1&&a.push(p)}return a};function uc(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?lc(t):"rgb"==e?fc(t,n):"hsl"==e?hc(t):t}function lc(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||void 0===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 fc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),void 0!==t)return 1==t.a||void 0===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 hc(t){return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||void 0===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 pc(t,e){return Math.floor(Math.random()*(e-t+1))+t}function dc(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=vc();return e}function vc(){return fc({r:pc(0,255),g:pc(0,255),b:pc(0,255)})}function yc(){return fc({r:pc(0,255),g:pc(0,255),b:pc(0,255),a:pc(0,1e3)/1e3})}function gc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[pc(0,e.length-1)]}function mc(t){return ce()(Array(t))}function bc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Ut(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function kc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=t.split(n).map((function(t){return t.trim()})),i=Ia()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r}function xc(t){return Object.keys(t).map((function(e){return"class"===e&&isObject(t[e])?"".concat(e,'="').concat(wc(t[e]),'"'):Wt(t[e])||Kt(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function wc(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function Pc(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Oc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function Sc(t,e){var n=new Set([].concat(ce()(t),ce()(e)));return n.size===t.length&&n.size===e.length}var jc=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=Ho(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    ")},$c=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=Ho(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 Rc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rc(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Mc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tc=function(t){R()(n,t);var e=Mc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Cc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return bc(this.toCSS())}}]),n}(Va),Vc=new Map,Ec=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return Vc.has(t)}},{key:"get",value:function(t){return Vc.get(t)}},{key:"set",value:function(t,e){Vc.size>1e3&&Vc.clear(),Vc.set(t,e)}}]),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 Dc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lc=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)?|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Bc=function(t){R()(n,t);var e=Dc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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?Ic(Object(n),!0).forEach((function(e){w()(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}({},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 e=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(ce()(e),ce()(i),ce()(r)).map((function(t){return new n(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new n(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"string"==typeof e&&(e=[e]),n.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t,!1).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var r=n.parseStyle(t,!1),i=r.find((function(t){return t.type===e.type}));return i?i.value=e.value:r.push(e),n.join(r)}},{key:"replaceAll",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?s.value=c.value:r.push(c)}return n.join(r)}},{key:"addTransform",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?c.value.forEach((function(t,e){s.value[e].value+=t.value})):r.push(c)}return n.join(r)}},{key:"get",value:function(t,e){var r=n.parseStyle(t,!0);if(r="function"==typeof e?r.find(e):r.find((function(t){return t.type===e})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=n.createRotateKey(t,e,r);return Ec.has(i)||Ec.set(i,n.replace(t,{type:r,value:[e]})),Ec.get(i)}},{key:"rotateZ",value:function(t,e){return n.rotate(t,e,"rotateZ")}},{key:"rotateX",value:function(t,e){return n.rotate(t,e,"rotateX")}},{key:"rotateY",value:function(t,e){return n.rotate(t,e,"rotateY")}},{key:"parseStyle",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(e&&Ec.has(t))return Ec.get(t);var i=t.match(Lc)||[];return i.forEach((function(t,e){var i=t.split("("),a=zt()(i,2),o=a[0],c=a[1],s=(c=c.split(")")[0]).split(",");s=c.includes("matrix")||c.includes("scale")?s.map((function(t){return Sa.number(t.trim())})):s.map((function(t){return Sa.parse(t.trim())})),r[e]=n.parse({type:o,value:s})})),e&&Ec.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var i=r.create(),a=0,o=t.length;a<o;a++){var c=t[a];switch(c.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=c.value;"translate"===c.type?s=[s[0].toPx(e).value,s[1].toPx(n).value,0]:"translateX"===c.type?s=[s[0].toPx(e).value,0,0]:"translateY"===c.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===c.type&&(s=[0,0,s[0].toPx().value]),r.translate(i,i,s);break;case"rotate":case"rotateZ":r.rotateZ(i,i,Fi(c.value[0].value));break;case"rotateX":r.rotateX(i,i,Fi(c.value[0].value));break;case"rotateY":r.rotateY(i,i,Fi(c.value[0].value));break;case"rotate3d":s=c.value;r.rotate(i,i,Fi(c.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":r.scale(i,i,[c.value[0].value,c.value[1].value,1]);break;case"scaleX":r.scale(i,i,[c.value[0].value,1,1]);break;case"scaleY":r.scale(i,i,[1,c.value[0].value,1]);break;case"scaleZ":r.scale(i,i,[1,1,c.value[0].value]);break;case"skewX":var u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,0,0,0,Math.tan(u.value),1,0,0,0,0,1,0,0,0,0,1));break;case"skewY":u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,Math.tan(u.value),0,0,0,1,0,0,0,0,1,0,0,0,0,1));break;case"skew":var l=c.value[0].toDeg().toRad(),f=c.value.length>1?c.value[1].toDeg().toRad():l;r.multiply(i,i,r.fromValues(1,Math.tan(f.value),0,0,Math.tan(l.value),1,0,0,0,0,1,0,0,0,0,1));break;case"matrix":s=[(s=c.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],r.multiply(i,i,s);break;case"matrix3d":s=c.value.map((function(t){return t.value}));r.multiply(i,i,s);break;case"perspective":s=c.value;r.perspective(i,.5*Math.PI,e/n,1,s[0].value)}}return i}},{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(" ")}}]),n}(Tc),Ac=function(){function t(){O()(this,t)}return j()(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,c=e*e,s=n[r],u=n[i],l=r+1;l<i;l++){var f=t.segmentDistance2(n[l].x,n[l].y,s,u);f<=a||(o=l,a=f)}a>c&&(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=ee(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,c=t-n.x,s=e-n.y,u=i*c+a*s;if(0===o)return c*c+s*s;if(u<=0)return c*c+s*s;if(u>=o)return(c=t-r.x)*c+(s=e-r.y)*s;var l=c*a-s*i;return l*l/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}(),zc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Fc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Hc=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";O()(this,t),this.reset(e)}return j()(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(Fc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(zc)||[];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,c=e.values.length;o<c;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:ce()(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 c=zt()(o,2),s=c[0],u=c[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}else if("L"===a){if((w=Ac.getPrevPoint(t,t.length)).curve){var l=zt()(o,2);s=l[0],u=l[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:ee(w.endPoint),curve:!0})}else{var f=zt()(o,2);s=f[0],u=f[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}}else if("Q"===a){var h=zt()(o,4),p=h[0],d=h[1];s=h[2],u=h[3];if((w=Ac.getPrevPoint(t,t.length)).curve){var v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:p,y:d}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:p,y:d};v={x:s,y:u},g={x:s,y:u},y={x:s,y:u};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:s,y:u},g={x:p,y:d},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=zt()(o,2);s=m[0],u=m[1];if((j=segments[e-1])&&"Q"===j.command){var b=zt()(j.values,4),k=(p=b[0],d=b[1],b[2]),x=b[3];(w=Ac.getPrevPoint(t,t.length)).endPoint=Ac.getReversePoint({x:k,y:x},{x:p,y:d});v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Ac.getPrevPoint(t,t.length),P=zt()(o,6),O=(p=P[0],d=P[1],P[2]),S=P[3];v={x:s=P[4],y:u=P[5]},g={x:O,y:S},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:p,y:d})}else if("S"===a){var j,$=zt()(o,2);s=$[0],u=$[1];if((j=segments[e-1])&&"C"===j.command){var R=zt()(j.values,4);O=R[0],S=R[1],k=R[2],x=R[3];(w=Ac.getPrevPoint(t,t.length)).endPoint=Ac.getReversePoint(w.startPoint,w.reversePoint);v={x:s,y:u},y={x:s,y:u},g={x:O,y:S};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Ac.getPrevPoint(t,t.length);var C=Ac.getFirstPoint(t,t.length);Ac.isEqual(w.startPoint,C.startPoint)&&(w.connected=!0,w.endPoint=ee(C.endPoint),C.reversePoint=ee(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 Ut(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(r.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(r.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(r.fromRotation([],Fi(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(r.fromRotation([],Fi(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(r.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(r.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(r.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(r.fromValues(1,Math.tan(Fi(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(r.fromValues(1,Math.tan(Fi(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Fi(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Fi(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,c,s,u=i.values,l=i.command,f=this.segments[a-1];switch(l){case"M":case"L":t=Math.min(t,u[0]),n=Math.max(n,u[0]),e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"V":t=Math.min(t,u[0]),n=Math.max(n,u[0]);break;case"H":e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"C":(o=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0],[u[4],u[5],0]],c=sc(o),s=o.map((function(t){return{x:t[0],y:t[1]}})),c.map((function(t){var e=nc(s,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 h=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0]].map((function(t){return{x:t[0],y:t[1]}})),p=0;p<=1;p+=1e-4){var d=rc(h,p),v=d.x,y=d.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:"d",get:function(){return this.toString()}},{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=i.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=i.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=i.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var a=0,o=n.length;a<o;a+=2){r=i.transformMat4([],[n[a],n[a+1],0],t);e.values[a]=r[0],e.values[a+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(r.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 zi(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,c=t[r-1],s=c.values[c.values.length-2],u=c.values[c.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[s,u]});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],s,u]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],s,u]});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:"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(ce()(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 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 _c(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xc=Sa.z(),Yc=function(t){R()(n,t);var e=Nc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return _c(_c({},$a()(V()(n.prototype),"toCloneObject",this).call(this,t)),this.attrs("x","y","width","height","transform","rotate","rotateZ"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.parse(t.height),t}},{key:"reset",value:function(t){var e=$a()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("x","y","width","height","transform","rotateZ","rotate","transform-origin","perspective","perspective-origin")&&this.refreshMatrixCache(),e}},{key:"setParent",value:function(t){$a()(V()(n.prototype),"setParent",this).call(this,t),this.refreshMatrixCache()}},{key:"refreshMatrixCache",value:function(){this.setCacheItemTransformMatrix(),this.setCacheLocalTransformMatrix(),this.setCacheAccumulatedMatrix(),this.setCacheLocalVerties(),this.setCacheVerties(),this.setCacheGuideVerties(),this.setCacheAreaPosition(),this.layers.forEach((function(t){t.refreshMatrixCache()}))}},{key:"setCacheItemTransformMatrix",value:function(){this._cachedItemTransform=this.getItemTransformMatrix(),this._cachedItemTransformInverse=r.invert([],this._cachedItemTransform)}},{key:"setCacheLocalTransformMatrix",value:function(){this._cachedLocalTransform=this.getLocalTransformMatrix(),this._cachedLocalTransformInverse=r.invert([],this._cachedLocalTransform),this._cachedTransformWithTranslate=this.getTransformWithTranslate(this),this._cachedTransformWithTranslateInverse=r.invert([],this._cachedTransformWithTranslate),this._cachedTransformWithTranslateTranspose=r.transpose([],this._cachedTransformWithTranslate)}},{key:"setCacheAccumulatedMatrix",value:function(){this._cachedAccumulatedMatrix=this.getAccumulatedMatrix(),this._cachedAccumulatedMatrixInverse=r.invert([],this._cachedAccumulatedMatrix)}},{key:"setCacheVerties",value:function(){this._cachedVerties=this.getVerties(),this._cachedVertiesWithoutTransformOrigin=this.rectVerties()}},{key:"setCacheLocalVerties",value:function(){this._cachedLocalVerties=this.getLocalVerties()}},{key:"setCacheGuideVerties",value:function(){this._cachedGuideVerties=this.getGuideVerties()}},{key:"setCacheAreaPosition",value:function(){this._cachedAreaPosition=this.getAreaPosition()}},{key:"localMatrix",get:function(){return this._cachedLocalTransform||this.getLocalTransformMatrix()}},{key:"localMatrixInverse",get:function(){return this._cachedLocalTransformInverse||this.getLocalTransformMatrixInverse()}},{key:"transformWithTranslate",get:function(){return this._cachedTransformWithTranslate||this.getTransformWithTranslate(this)}},{key:"transformWithTranslateToTranspose",get:function(){return this._cachedTransformWithTranslateTranspose||r.transpose([],this.getTransformWithTranslate(this))}},{key:"transformWithTranslateInverse",get:function(){return this._cachedTransformWithTranslateInverse||r.invert([],this.getTransformWithTranslate(this))}},{key:"itemMatrix",get:function(){return this._cachedItemTransform||this.getItemTransformMatrix()}},{key:"itemMatrixInverse",get:function(){return this._cachedItemTransformInverse||this.getItemTransformMatrixInverse()}},{key:"accumulatedMatrix",get:function(){return this._cachedAccumulatedMatrix||this.getAccumulatedMatrix()}},{key:"accumulatedMatrixInverse",get:function(){return this._cachedAccumulatedMatrixInverse||this.getAccumulatedMatrixInverse()}},{key:"verties",get:function(){return this._cachedVerties||this.getVerties()}},{key:"originVerties",get:function(){return this._cachedVertiesWithoutTransformOrigin||this.rectVerties()}},{key:"localVerties",get:function(){return this._cachedLocalVerties||this.getLocalVerties()}},{key:"guideVerties",get:function(){return this._cachedGuideVerties||this.getGuideVerties()}},{key:"areaPosition",get:function(){return this._cachedAreaPosition||this.getAreaPosition()}},{key:"getAreaPosition",value:function(){var t=Bo(this.getVerties());return{column:[Math.ceil(t[0][0]/100),Math.ceil(t[1][0]/100)],row:[Math.ceil(t[0][1]/100),Math.ceil(t[3][1]/100)]}}},{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:"screenX",get:function(){return this.isChild?Sa.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Sa.z()}},{key:"screenY",get:function(){return this.isChild?Sa.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Sa.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Xc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Xc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Xc:this.parent.is("project")||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?Xc:this.parent.is("project")||this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Sa.px(this.offsetX.value+t[0]).round(),y:Sa.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:Sa.px(t[0]-e.width/2),y:Sa.px(t[1]-e.height/2)})}},{key:"setAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:Bc.replaceAll(this.transform,"rotateZ(".concat(Sa.deg(t).round(1e3),")"))})}},{key:"addAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:Bc.addTransform(this.transform,"rotateZ(".concat(Sa.deg(t).round(1e3),")"))})}},{key:"checkInArea",value:function(t){return To(t,this.originVerties)}},{key:"hasPoint",value:function(t,e){return Co(this.originVerties,t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.originVerties.map((function(e){return Co.apply(void 0,[t].concat(ce()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Bc.get(this.json.transform||"","perspective")){var t=$o.parseStyle(this.json["perspective-origin"]),e=zt()(t,2),n=e[0],i=void 0===n?Sa.percent(50):n,a=e[1],o=void 0===a?Sa.percent(50):a,c=this.screenWidth.value,s=this.screenHeight.value;i=i.toPx(c).value,o=o.toPx(s).value;var u=r.create();r.translate(u,u,[i,o,0]);var l=Bc.get(this.json.transform,"perspective");if(l.length)r.multiply(u,u,r.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;r.multiply(u,u,r.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Sa.parse(this.json.perspective).value,1))}return r.translate(u,u,[-i,-o,0]),u}}},{key:"getItemTransformMatrix",value:function(){var t,e=Bc.parseStyle(null===(t=this.json)||void 0===t?void 0:t.transform),n=this.screenWidth.value,r=this.screenHeight.value;return Bc.createTransformMatrix(e,n,r)}},{key:"getItemTransformMatrixInverse",value:function(){return r.invert([],this.getItemTransformMatrix())}},{key:"getLocalTransformMatrix",value:function(){var t=$o.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=r.create();return r.translate(e,e,t),r.multiply(e,e,this.itemMatrix),r.translate(e,e,i.negate([],t)),e}},{key:"getLocalTransformMatrixInverse",value:function(){return r.invert([],this.getLocalTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var a=this.offsetX.value,o=this.offsetY.value,c=i.add([],$o.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),i.negate([],t)),s=r.create();return r.translate(s,s,[a,o,0]),r.translate(s,s,t),r.translate(s,s,c),r.multiply(s,s,this.itemMatrix),r.translate(s,s,i.negate([],c)),s}},{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=r.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,i=e.length;n<i;n++){var a=e[n];if(a.parent&&Jt(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&r.multiply(t,t,o)}var c=a.offsetX.value,s=a.offsetY.value;r.translate(t,t,[c,s,0]),r.multiply(t,t,a.localMatrix)}return t}},{key:"getTransformWithTranslate",value:function(t){t=t||this;var e=r.create(),n=t.offsetX.value,i=t.offsetY.value;return r.translate(e,e,[n,i,0]),r.multiply(e,e,t.localMatrix),e}},{key:"getAccumulatedMatrixInverse",value:function(){return r.invert([],this.getAccumulatedMatrix())}},{key:"getLocalVerties",value:function(t,e){return Vo(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"])}},{key:"getVerties",value:function(t,e){return Ui(Vo(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"selectionVerties",value:function(){return Ui(Vo(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"rectVerties",value:function(){return this.verties.filter((function(t,e){return e<4}))}},{key:"getGuideVerties",value:function(){var t=this.originVerties;return[].concat(ce()(t),[i.lerp([],t[0],t[1],.5),i.lerp([],t[1],t[2],.5),i.lerp([],t[2],t[3],.5),i.lerp([],t[3],t[0],.5)])}},{key:"toRectVerties",get:function(){return Io([this])}},{key:"matrix",get:function(){var t=this.id,e=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%",c=this.parent.accumulatedMatrix,s=this.parent.accumulatedMatrixInverse,u=this.localMatrix,l=this.localMatrixInverse,f=this.itemMatrix,h=this.itemMatrixInverse,p=this.accumulatedMatrix,d=this.accumulatedMatrixInverse,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,g=y.map((function(t){return t[0]})),m=y.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,originVerties:this.originVerties,xList:g,yList:m,directionMatrix:v,parentMatrix:c,parentMatrixInverse:s,localMatrix:u,localMatrixInverse:l,itemMatrix:f,itemMatrixInverse:h,accumulatedMatrix:p,accumulatedMatrixInverse:d}}},{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.d,n=new Hc(e);return n.transformMat4(this.accumulatedMatrix),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new Hc(t);return e.transformMat4(this.accumulatedMatrixInverse),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=ce()(this.checkInAreaForLayers(t));return this.is("artboard")||this.is("project")||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 r.fromTranslation([],$o.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return r.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=ca(this.accumulatedMatrixInverse,t.accumulatedMatrix),n=Bc.fromScale(r.getScaling([],e).map((function(t){return zi(t,1e3)}))),i=r.getRotation([],e),o=[],c=a.getAxisAngle(o,i),s=[{angle:o[0]?Gi(c*o[0]):0,type:"rotateX"},{angle:o[1]?Gi(c*o[1]):0,type:"rotateY"},{angle:o[2]?Gi(c*o[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Sa.deg(t.angle%360).round(1e3),")")})).join(" "),u=Bc.replaceAll(t.transform,"".concat(n," ").concat(s)),l=Bc.parseStyle(u),f=t.screenWidth.value,h=t.screenHeight.value,p=Bc.createTransformMatrix(l,f,h),d=r.getTranslation([],ca(e,sa(t.getTransformOriginMatrix(),p,t.getTransformOriginMatrixInverse()))),v=zt()(d,3),y=v[0],g=v[1];v[2];t.reset({x:Sa.px(y),y:Sa.px(g),transform:u}),t.refreshMatrixCache()}},{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(){}}]),n}(Va);function Kc(t,e){if(Zt(e)){var n=e.split(":"),r=zt()(n,4),i=r[0],a=r[1],o=r[2],c=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(c=parseInt(c,10))*(1/t)}return Qt(e)?e/t:0}function Uc(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 Wc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Uc(t,Kc(t,e)-Kc(t,n))}function Zc(t){var e={id:0,start:0,speed:t.speed||1,elapsed:t.elapsed||0,duration:t.duration||0,iterationStartCount:1,iterationCount:t.iterationCount||Number.MAX_SAFE_INTEGER,direction:t.direction||"normal",log:[],logIndex:0,tick:t.tick||function(){},startCallback:t.start||function(){},endCallback:t.end||function(){},firstCallback:t.first||function(){},lastCallback:t.last||function(){}},n=function(t){return"normal"===e.direction||"reverse"!==e.direction&&("alternate"===e.direction?e.iterationStartCount%2==1:"alternate-reverse"===e.direction?e.iterationStartCount%2==0:void 0)?t:1-t},r=function(t){var r=!1;null===e.start&&(e.start=t,r=!0);var o=t-e.start;e.elapsed+=o*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?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,Qt(t.elapsed)&&(e.elapsed=t.elapsed),Qt(t.speed)&&(e.speed=t.speed),Qt(t.duration)&&(e.duration=t.duration),Qt(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),Zt(t.direction)&&(e.direction=t.direction),Jt(t.tick)&&(e.tick=t.tick),Jt(t.start)&&(e.startCallback=t.start),Jt(t.end)&&(e.endCallback=t.end),Jt(t.first)&&(e.firstCallback=t.first),Jt(t.last)&&(e.lastCallback=t.last),Jt(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 qc(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 Jc(t,e,n){return function(t,e){return n}}function Qc(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 ts(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 es(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=Sa.parse(n),c=Sa.parse(r);return o.unit===c.unit?qc(t,e,o.value,c.value,o.unit):o.equals(c)?Jc(0,0,o):function(n,r){var s=Qc(t,e,o,i,a),u=Qc(t,e,c,i,a);return 0===r?s:1===r?u:ts(t,e,Sa.px(s.value+(u.value-s.value)*n),o.unit,i,a)}}var ns=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Sa.z(),"border-top-left-radius":Sa.z(),"border-top-right-radius":Sa.z(),"border-bottom-right-radius":Sa.z(),"border-bottom-left-radius":Sa.z()},n=t.split(" ").filter((function(t){return Sa.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}(),rs=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 is(t,e,n,r){for(var i=rs(ns.parseStyle(n)),a=rs(ns.parseStyle(r)),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++)c[s]=es(t,e,i[s],a[s]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}var as={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 os={isColorName:function(t){return!!as[t]},getColorByName:function(t){return as[t]}};function cs(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function ss(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function us(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,c=3.2406*i+-1.5372*a+-.4986*o,s=-.9689*i+1.8758*a+.0415*o,u=.0557*i+-.204*a+1.057*o;c=ss(c),s=ss(s),u=ss(u);var l=zi(255*c),f=zi(255*s),h=zi(255*u);return{r:l,g:f,b:h}}function ls(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=cs(i);var c=95.047*(a=cs(a)),s=100*i,u=108.883*(o=cs(o));return{x:c,y:s,z:u}}function fs(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function hs(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=fs(i);var c=116*(a=fs(a))-16,s=500*(i-a),u=200*(a-(o=fs(o)));return{l:c,a:s,b:u}}function ps(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return us(ls(t,e,n))}function ds(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,c=Math.max(i,a,o),s=Math.min(i,a,o),u=c-s,l=0;0==u?l=0:c==i?l=(a-o)/u%6*60:c==a?l=60*((o-i)/u+2):c==o&&(l=60*((i-a)/u+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:u/c,v:c}}function vs(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,c=1-Math.max(i,a,o),s=(1-i-c)/(1-c),u=(1-a-c)/(1-c),l=(1-o-c)/(1-c);return{c:s,m:u,y:l,k:c}}function ys(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),c=Math.min(t,e,n),s=(o+c)/2;if(o==c)i=a=0;else{var u=o-c;switch(a=s>.5?u/(2-o-c):u/(o+c),o){case t:i=(e-n)/u+(e<n?6:0);break;case e:i=(n-t)/u+2;break;case n:i=(t-e)/u+4}i/=6}return{h:zi(360*i),s:zi(100*a),l:zi(100*s)}}function gs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms((t+e+n)/3>90?0:255)}function ms(t){return{r:t,g:t,b:t}}function bs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms(Math.ceil((t+e+n)/3))}function ks(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ms(ws(t,e,n).y)}function xs(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=xs(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ps(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Os(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,c=.4124*(i=Ps(i))+.3576*(a=Ps(a))+.1805*(o=Ps(o)),s=.2126*i+.7152*a+.0722*o,u=.0193*i+.1192*a+.9505*o;return{x:c,y:s,z:u}}function Ss(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return hs(Os(t,e,n))}function js(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 $s(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Rs(t,e,n);return ds(i.r,i.g,i.b)}function Rs(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 c=n<.5?n*(1+e):n+e-n*e,s=2*n-c;i=js(s,c,t+1/3),a=js(s,c,t),o=js(s,c,t-1/3)}return{r:zi(255*i),g:zi(255*a),b:zi(255*o)}}function Cs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ms(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cs(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ts=/(#(?:[\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 Vs(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Es(t){return!!Is(t).length}function Is(t){var e=t.match(Ts),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=os.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 Ds(t){var e=Is(t);return e.forEach((function(e){t=t.replace(e.color,Vs(e))})),{str:t,matches:e}}function Ls(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=Ds(t);return n.str.split(e).map((function(t,e){return t=zs(t),n.matches[e]&&(t=t.replace(Vs(n.matches[e]),n.matches[e].color)),t}))}function Bs(t,e){return e.forEach((function(e){t=t.replace(Vs(e),e.color)})),t}var As=/^\s+|\s+$/g;function zs(t){return t.replace(As,"")}function Fs(t){if(Zt(t)){if(os.isColorName(t)&&(t=os.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),ys(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(zs(r[e])):parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),ys(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(zs(r[e]));return o=Ms(Ms({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),Rs(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(zs(r[e])):parseInt(zs(r[e]),10);return o=Ms(Ms({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),Rs(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=Ms(Ms({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i}),ys(o))}}else if(Qt(t)){var o;if(0<=t&&t<=16777215)return o=Ms(Ms({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),ys(o));if(0<=t&&t<=4294967295)return o=Ms(Ms({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),ys(o))}return t}function Hs(t){Zt(t)&&(t=Ls(t));var e=(t=t.map((function(t){if(Zt(t)){var e=Ds(t),n=zs(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]=Bs(n[0],e.matches),n}if(Array.isArray(t))return t[1]?Zt(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",ce()(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 Gs(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gs(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gs(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ns(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xs=function(t){R()(n,t);var e=Ns(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),spreadRadius:Sa.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return _s(_s({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Sa.parse(t.offsetX),t.offsetY=Sa.parse(t.offsetY),t.blurRadius=Sa.parse(t.blurRadius),t.spreadRadius=Sa.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 n(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Ds(t);return e=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),i=e.filter((function(t){return"inset"===t})),a=e.filter((function(t){return t.includes("@")})).map((function(t){return Bs(t,r.matches)})),o=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return n.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Sa.parse(o[0]||"0px"),offsetY:Sa.parse(o[1]||"0px"),blurRadius:Sa.parse(o[2]||"0px"),spreadRadius:Sa.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Tc);function Ys(t,e,n,r){return function(t,e){return 1===e?r:n}}function Ks(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),c=255*(1-n)*(1-r);return{r:a,g:o,b:c}}function Us(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 c=a*o,s=c*(1-Math.abs(i/60%2-1)),u=o-c,l=[];return 0<=i&&i<60?l=[c,s,0]:60<=i&&i<120?l=[s,c,0]:120<=i&&i<180?l=[0,c,s]:180<=i&&i<240?l=[0,s,c]:240<=i&&i<300?l=[s,0,c]:300<=i&&i<360&&(l=[c,0,s]),{r:zi(255*(l[0]+u)),g:zi(255*(l[1]+u)),b:zi(255*(l[2]+u))}}function Ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Us(t,e,n);return ys(i.r,i.g,i.b)}function Zs(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),c=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(c)}}function qs(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=Js(t,e,n);return uc(i,r)}function Js(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=void 0===t.a?1:t.a,i=void 0===e.a?1:e.a;return{r:zi(t.r+(e.r-t.r)*n),g:zi(t.g+(e.g-t.g)*n),b:zi(t.b+(e.b-t.b)*n),a:zi(r+(i-r)*n,100)}}function Qs(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];"string"==typeof t&&(t=Ls(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(tu(t[i],t[i+1],a/e));return r}function tu(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=Fs(t),a=Fs(e);return qs(i,a,n,r)}function eu(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 tu(t,e,n,r)}function nu(t){return t=Fs(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function ru(t){return nu(t)>=128?"black":"white"}function iu(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Hs(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var c=t[a-1][0],s=t[a][0],u=1==a?t[a][1]:t[a][1]-t[a-1][1],l=a==t.length-1?i:Math.floor(u*r);n=n.concat(Qs([c,s],l),[s]),i-=l}return n}function au(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,c=Fs(t),s=ds(c),u=(a-i)*o/n,l=[],f=1;f<=n;f++)s[e]=Math.abs((o-u*f)/o),l.push(uc(Us(s),r));return l}function ou(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 au(t,"h",e,n,r,i,1)}function cu(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 au(t,"s",e,n,r,i,100)}function su(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 au(t,"v",e,n,r,i,100)}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 lu(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){w()(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}Qs.parula=function(t){return Qs(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},Qs.jet=function(t){return Qs(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},Qs.hsv=function(t){return Qs(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},Qs.hot=function(t){return Qs(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},Qs.pink=function(t){return Qs(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},Qs.bone=function(t){return Qs(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},Qs.copper=function(t){return Qs(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var fu=lu(lu(lu(lu(lu(lu(lu(lu(lu(lu(lu(lu({},u),s),c),b),d),m),h),v),g),p),f),l);function hu(t,e,n,r){var i=fu.parse(n||"rgba(0, 0, 0, 1)"),a=fu.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:qs(i,a,t,"rgb")}}function pu(t,e,n,r){for(var i=Xs.parseStyle(n),a=Xs.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Xs.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Xs.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Ys(0,0,l.inset,f.inset),offsetX:es(t,e,l.offsetX,f.offsetX),offsetY:es(t,e,l.offsetY,f.offsetY),blurRadius:es(t,e,l.blurRadius,f.blurRadius),spreadRadius:es(t,e,l.spreadRadius,f.spreadRadius),color:hu(0,0,l.color,f.color)})}return function(t,e){return Xs.join(c.map((function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}})))}}function du(t,e,n,r){return Ys(0,0,n,r)}var vu=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 yu(){return vu(1,"start")}function gu(){return vu(1,"end")}var mu=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},bu={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 vu(t,e)},"step-start":yu,"step-end":gu,stepStart:yu,stepEnd:gu,"ease-out-elastic":mu,easeOutElastic:mu};function ku(t,e,n,r){var i=Sa.parse(n),a=Sa.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Sa.deg(n):1===e?Sa.deg(r):Sa.deg(n+(r-n)*t).to(i.unit)}}function xu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Pu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ou=function(t){R()(n,t);var e=Pu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return wu(wu({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Sa.parse(t.offsetX),t.offsetY=Sa.parse(t.offsetY),t.blurRadius=Sa.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 n(t)}},{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Ds(t),r=e.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 Bs(t,e.matches)||"black"})),a=r.filter((function(t){return!t.includes("@")}));return n.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Sa.parse(a[0]||"0px"),offsetY:Sa.parse(a[1]||"0px"),blurRadius:Sa.parse(a[2]||"0px")})}));return r}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Tc);function Su(t,e,n,r){for(var i=Ou.parseStyle(n),a=Ou.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Ou.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Ou.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:es(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:es(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:es(t,e,l.blurRadius,f.blurRadius,"radius"),color:hu(0,0,l.color,f.color)})}return function(t,e){return Ou.join(c.map((function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}})))}}function 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 $u(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){w()(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}function Ru(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cu=function(t){R()(n,t);var e=Ru(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $u({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"}}]),n}(Tc);function Mu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Eu=1e10;var Iu=function(t){R()(n,t);var e=Vu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{id:"c"+Eu++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Tu(Tu({},$a()(V()(n.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:"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:"toLength",value:function(t){return Sa.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){$a()(V()(n.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"setValue",value:function(t,e){this.isPx?this.reset({px:e*t/100}):this.isPercent?this.reset({percent:t}):this.isEm&&this.reset({em:e*t/100/16})}}],[{key:"parse",value:function(t){var e=[],r=Ds(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)e.push(new n({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var c=Sa.parse(i[1]),s={unit:c.unit};c.isPercent()?s.percent=c.value:c.isPx()?s.px=c.value:c.isEm()&&(s.em=c.value),e.push(new n(Tu({color:o},s)))}else if(3===i.length){var u=Sa.parse(i[2]),l={unit:u.unit};u.isPercent()?l.percent=u.value:u.isPx()?l.px=u.value:u.isEm()&&(l.em=u.value),e.push(new n(Tu({color:o,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=pc(2,t),i=e/r,a=mc(r).map((function(t,e){return"".concat(fu.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]:Sa.px(1),n=pc(2,t),r=mc(n).map((function(t,n){return"".concat(fu.random()," ").concat(Sa.parse(e).mul(n+1))})).join(",");return r}}]),n}(Va);function Du(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Lu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Du(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Du(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Bu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Au={"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},zu=function(t){R()(n,t);var e=Bu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Lu({itemType:"image-resource",type:"gradient",colorsteps:[]},t)}},{key:"toCloneObject",value:function(){return Lu(Lu({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{colorsteps:this.json.colorsteps.map((function(t){return t.clone()}))})}},{key:"convert",value:function(t){return t.colorsteps[0]instanceof Iu||(t.colorsteps=t.colorsteps.map((function(t){return new Iu(t)}))),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return Kt(Au[t])?t:Au[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 Iu({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 Iu({index:o,color:a,percent:t}))}else for(var c=0,s=r.length-1;c<s;c++){var u=r[c],l=r[c+1];if(u.percent<=t&&t<=l.percent){a=fu.mix(u.color,l.color,(t-u.percent)/(l.percent-u.percent),"rgb");return void this.addColorStep(new Iu({index:u.index+1,color:a,percent:t}))}}}else this.addColorStepList([new Iu({color:e,percent:t,index:0}),new Iu({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:"colorsteps",get:function(){return this.json.colorsteps}},{key:"getColorString",value:function(){var t=this.colorsteps;return n.toColorString(t)}}],[{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 Iu({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),n}(Cu);function Fu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Fu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _u=function(t){R()(n,t);var e=Gu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Iu({color:"red",percent:0,index:0}),new Iu({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return Hu(Hu({},$a()(V()(n.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 n({colorsteps:[new Iu({color:t,percent:0,index:0}),new Iu({color:t,percent:100,index:1})]})}}]),n}(zu);function Nu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Yu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ku=["jpg","jpeg","png","gif","svg"];var Uu=function(t){R()(n,t);var e=Yu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Xu({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Xu(Xu({},$a()(V()(n.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 n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Ku.includes(t)}}]),n}(Cu);function Wu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Zu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function qu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ju={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"},Qu={"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"},tl=function(t){R()(n,t);var e=qu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Zu({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Zu(Zu({},$a()(V()(n.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 Qt(e=this.json.angle||0)&&(e=Ju["".concat(e)]||e),Qt(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 n({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Ds(t),r=0,i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){t.includes("@")?(t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t))):r=Kt(Qu[t])?Sa.parse(t):Sa.deg(+Qu[t])})),new n({angle:r.value,colorsteps:i})}}]),n}(zu);function el(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nl,rl=function(t){R()(n,t);var e=el(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var e=tl.parse(t);return new n({angle:e.angle,colorsteps:e.colorsteps})}}]),n}(tl);function il(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?il(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):il(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ol(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cl=(nl={},w()(nl,"center",!0),w()(nl,"top",!0),w()(nl,"left",!0),w()(nl,"right",!0),w()(nl,"bottom",!0),nl),sl=function(t){R()(n,t);var e=ol(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,al({type:"radial-gradient",radialType:"ellipse",radialPosition:[Pa.CENTER,Pa.CENTER]},t))}},{key:"toCloneObject",value:function(){return al(al({},$a()(V()(n.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=cl[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 e=Ds(t),r="ellipse",i=[Pa.CENTER,Pa.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),a.push.apply(a,Iu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=zt()(o,2);r=c[0],i=c[1]}else r=t;if("string"==typeof i){var s=i.split(" ");if(1===s.length){var u=Sa.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Sa.parse(t);return e.isString()?e.value:e.clone()})))}}})),new n({radialType:r,radialPosition:i,colorsteps:a})}}]),n}(zu);function ul(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ll,fl=function(t){R()(n,t);var e=ul(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var e=sl.parse(t);return new n({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(sl);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 pl(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){w()(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}function dl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vl=(ll={},w()(ll,"center",!0),w()(ll,"top",!0),w()(ll,"left",!0),w()(ll,"right",!0),w()(ll,"bottom",!0),ll),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},gl=function(t){R()(n,t);var e=dl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,pl({type:"conic-gradient",angle:0,radialPosition:[Pa.CENTER,Pa.CENTER]},t))}},{key:"toCloneObject",value:function(){return pl(pl({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:ee(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||Pa.CENTER;i=vl[i]?i:i.join(" "),Ut(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 e=Ds(t),r="0deg",i=[Pa.CENTER,Pa.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Sa.parse(t).toPercent():t})).join(" "),e.matches),a.push.apply(a,Iu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=zt()(o,2);r=c[0],i=c[1]}else r=t;if(Zt(i)){var s=i.split(" ");if(1===s.length){var u=Sa.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Sa.parse(t);return e.isString()?e.value:e})))}Zt(r)&&r.includes("from")&&(r=r.split("from")[1],r=Kt(yl[r])?Sa.parse(r):Sa.deg(+yl[r]))}})),new n({angle:r.value,radialPosition:i,colorsteps:a})}}]),n}(zu);function ml(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bl=function(t){R()(n,t);var e=ml(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Pa.CENTER,Pa.CENTER]})}}],[{key:"parse",value:function(t){var e=gl.parse(t);return new n({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(gl);function kl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pl,Ol=["repeat","no-repeat","repeat-x","repeat-y","round","space"],Sl=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,jl=function(t){R()(n,t);var e=wl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Sa.percent(100),height:Sa.percent(100),x:Sa.percent(0),y:Sa.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return xl(xl(xl({},$a()(V()(n.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=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width&&(t.width=Sa.parse(t.width)),t.height&&(t.height=Sa.parse(t.height)),Zt(t.image)&&(t.image=n.parseImage(t.image)),t}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}},{key:"checkField",value:function(t,e){return"repeat"===t?Ol.includes(e):$a()(V()(n.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){return xl(xl(xl(xl(xl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Yt(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:"createImage",value:function(t){return new Uu({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 _u(xl(xl({},o),{},{colorsteps:n}));case"linear-gradient":return new tl(xl(xl({},o),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new rl(xl(xl({},o),{},{colorsteps:n,angle:r}));case"radial-gradient":return new sl(xl(xl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new fl(xl(xl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new gl(xl(xl({},o),{},{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new bl(xl(xl({},o),{},{colorsteps:n,angle:r,radialPosition:a}))}return new zu}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Ds(t),n=null,r=e.str.match(Sl);return r?(r.forEach((function(t,r){(t=Bs(t,e.matches)).includes("repeating-linear-gradient")?n=rl.parse(t):t.includes("linear-gradient")?n=tl.parse(t):t.includes("repeating-radial-gradient")?n=fl.parse(t):t.includes("radial-gradient")?n=sl.parse(t):t.includes("repeating-conic-gradient")?n=bl.parse(t):t.includes("conic-gradient")?n=gl.parse(t):t.includes("url")&&(n=Uu.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new _u(t);case"linear-gradient":return new tl(t);case"repeating-linear-gradient":return new rl(t);case"radial-gradient":return new sl(t);case"repeating-radial-gradient":return new fl(t);case"conic-gradient":return new gl(t);case"repeating-conic-gradient":return new bl(t);case"image-resource":case"url":return new Uu(t)}}},{key:"parseStyle",value:function(t){var e=[];JSON.stringify(t);if(t["background-image"]){var r=Ds(t["background-image"]);r.str.match(Sl).forEach((function(t,i){var a=null;(t=Bs(t,r.matches)).includes("repeating-linear-gradient")?a=rl.parse(t):t.includes("linear-gradient")?a=tl.parse(t):t.includes("repeating-radial-gradient")?a=fl.parse(t):t.includes("radial-gradient")?a=sl.parse(t):t.includes("repeating-conic-gradient")?a=bl.parse(t):t.includes("conic-gradient")?a=gl.parse(t):t.includes("url")&&(a=Uu.parse(t)),e[i]=new n({type:a.type,image:a})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=t.split(" "),i=zt()(r,2),a=i[0],o=i[1];e[n].width=Sa.parse(a),e[n].height=Sa.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=t.split(" "),i=zt()(r,2),a=i[0],o=i[1];e[n].x=Sa.parse(a),e[n].y=Sa.parse(o)}})),e}},{key:"toPropertyCSS",value:function(t){var e,n={};return t.forEach((function(t){Xt(t.toCSS(),(function(t,e){n[t]||(n[t]=[]),n[t].push(e)}))})),e=n,Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}},{key:"join",value:function(t){return bc(n.toPropertyCSS(t.map((function(t){return n.parse(t)}))))}},{key:"joinCSS",value:function(t){return n.toPropertyCSS(t.map((function(t){return n.parse(t)})))}}]),n}(Tc);function $l(t,e,n,r){var i={cut:Ys(0,0,n.cut,r.cut),percent:qc(t,e,n.percent,r.percent),px:qc(t,e,n.px,r.px),em:qc(t,e,n.em,r.em),unit:du(0,0,n.unit,r.unit),color:hu(0,0,n.color,r.color)};return function(t,e){return new Iu({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 Rl(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 c=n[o],s=r[o];a[o]=c&&s?$l(t,e,c,s):Ys(0,0,c,s)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Cl(t,e,n,r){var i={angle:qc(t,e,n.angle,r.angle),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new tl({angle:i.angle(t,e),colorsteps:n})}}Pl={},w()(Pl,"center",!0),w()(Pl,"top",!0),w()(Pl,"left",!0),w()(Pl,"right",!0),w()(Pl,"bottom",!0);function Ml(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 Tl(t,e,n,r){n.radialPosition[0]=Ml(n.radialPosition[0],"width"),n.radialPosition[1]=Ml(n.radialPosition[1],"height"),r.radialPosition[0]=Ml(r.radialPosition[0],"width"),r.radialPosition[1]=Ml(r.radialPosition[1],"height");var i={radialType:du(0,0,n.radialType,r.radialType),radialPositionX:es(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:es(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new sl({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Vl(t,e,n,r){var i={angle:qc(t,e,n.angle,r.angle),radialPositionX:es(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:es(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Rl(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new gl({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function El(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Ys(0,0,n,r);else if(n.type!=r.type)i.image=Ys(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Cl(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=Cl(t,e,n,r);return function(t,e){var n=i(t,e);return new rl({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=Tl(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=Tl(t,e,n,r);return function(t,e){var n=i(t,e);return new fl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=Vl(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=Vl(t,e,n,r);return function(t,e){var n=i(t,e);return new bl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function Il(t,e,n,r){for(var i=jl.parseStyle(kc(n)),a=jl.parseStyle(kc(r)),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||null,f=a[s]||null;l&&!f?c.push({image:Jc(0,0,l.image),size:Jc(0,0,l.size),width:Jc(0,0,l.width),height:Jc(0,0,l.height),x:Jc(0,0,l.x),y:Jc(0,0,l.y),blendMode:Jc(0,0,l.blendMode),repeat:Jc(0,0,l.repeat)}):!l&&f?c.push({image:Jc(0,0,f.image),size:Jc(0,0,f.size),width:Jc(0,0,f.width),height:Jc(0,0,f.height),x:Jc(0,0,f.x),y:Jc(0,0,f.y),blendMode:Jc(0,0,f.blendMode),repeat:Jc(0,0,f.repeat)}):l&&f&&c.push({image:El(t,e,l.image,f.image),size:du(0,0,l.size,f.size),width:es(t,e,l.width,f.width,"width","self"),height:es(t,e,l.height,f.height,"height","self"),x:es(t,e,l.x,f.x,"width","self"),y:es(t,e,l.y,f.y,"height","self"),blendMode:du(0,0,l.blendMode,f.blendMode),repeat:du(0,0,l.repeat,f.repeat)})}return function(t,e){return jl.join(c.map((function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}})))}}function Dl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ll(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Bl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Al=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia|url)\(([^\)]*)\))/gi,zl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Ll({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=ql[t.type];return e?new e(t):new Hl({value:t.value})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Ds(t);return(r.str.match(Al)||[]).forEach((function(t,i){var a=t.split("("),o=zt()(a,2),c=o[0],s=o[1];if(s=s.split(")")[0],"drop-shadow"===c){var u=s.split(" "),l=u.filter((function(t){return t.includes("@")})).map((function(t){return Bs(t,r.matches)})),f=u.filter((function(t){return!t.includes("@")}));e[i]=n.parse({type:c,offsetX:Sa.parse(f[0]),offsetY:Sa.parse(f[1]),blurRadius:Sa.parse(f[2]),color:l[0]||"rgba(0, 0, 0, 1)"})}else e[i]=n.parse({type:c,value:Sa.parse(s)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(Tc),Fl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(zl);Fl.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Sa.z()};var Hl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(zl);Hl.spec={inputType:"select",defaultValue:""};var Gl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Ll(Ll({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(zl);Gl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var _l=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(zl);_l.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Sa.deg(0)};var Nl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(zl);Nl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var Xl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(zl);Xl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Yl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(zl);Yl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Kl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(zl);Kl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Ul=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(zl);Ul.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(100)};var Wl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(zl);Wl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Sa.percent(0)};var Zl=function(t){R()(n,t);var e=Bl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),n}(zl);Zl.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Sa.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var ql={blur:Fl,grayscale:Gl,"hue-rotate":_l,invert:Nl,brightness:Xl,contrast:Yl,opacity:Kl,saturate:Ul,sepia:Wl,"drop-shadow":Zl,svg:Hl};function Jl(t,e,n,r){var i={type:du(0,0,n.type,r.type),value:Ys(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=es(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=qc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=es(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=es(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=es(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=es(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=hu(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 Ql(t,e,n,r){for(var i=zl.parseStyle(n),a=zl.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s],f=a[s];l&&!f?c.push(Jc(0,0,l)):!l&&f?c.push(Jc(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Ys(0,0,l,f)):c.push(Jl(t,e,l,f))}return function(t,e){return zl.join(c.map((function(n){return n(t,e)})))}}var tf=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Sa.parse(t)})),n=Sa.percent(0),r=Sa.percent(0),i=Sa.percent(0),a=Sa.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 ef(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?ef(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ef(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var af=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,of=function(t){R()(n,t);var e=rf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,nf({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return nf(nf({},$a()(V()(n.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 n(t).toCSS()}},{key:"toString",value:function(t){return n.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new n(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(af)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=zt()(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 Sa("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];return Kt(s)&&(s=c),{radius:e,x:c=Sa.parse(c),y:s=Sa.parse(s)}}},{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=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];Kt(s)&&(s=c),c=Sa.parse(c),s=Sa.parse(s);var u=e.split(" "),l=zt()(u,2),f=l[0],h=l[1];return Kt(h)&&(h=f),{radiusX:f=Sa.parse(f),radiusY:h=Sa.parse(h),x:c,y:s}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=zt()(e,2),r=n[0],i=n[1],a=tf.parse(r),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=tf.parse(i),p=zt()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=zt()(e,2),r=n[0],i=n[1];return{x:Sa.parse(r),y:Sa.parse(i)}}))}}]),n}(Tc);function cf(t,e,n,r){var i=of.parseStyle(n),a=of.parseStyle(r),o={type:Ys(0,0,i.type,i.type),value:Ys(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=of.parseStyleForCircle(i.value),a.value=of.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=Ys(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=es(t,e,n.radius,r.radius,"width","self"),i.x=es(t,e,n.x,r.x,"width","self"),i.y=es(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),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=of.parseStyleForEllipse(i.value),a.value=of.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:es(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:es(t,e,n.radiusY,r.radiusY,"height","self"),x:es(t,e,n.x,r.x,"width","self"),y:es(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=of.parseStyleForInset(i.value),a.value=of.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:qc(t,e,n.top.value,r.top.value,n.top.unit),left:qc(t,e,n.left.value,r.left.value,n.left.unit),right:qc(t,e,n.right.value,r.right.value,n.right.unit),bottom:qc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Ys(0,0,n.round,r.round),topRadius:qc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:qc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:qc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:qc(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),c=i.round(t,e),s=i.topRadius(t,e),u=i.leftRadius(t,e),l=i.bottomRadius(t,e),f=i.rightRadius(t,e),h=[n,r,a,o].join(" "),p=[s,f,l,u].join(" ");return"".concat(h," ").concat(c&&p.trim()?"round ".concat(p):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=of.parseStyleForPolygon(i.value),a.value=of.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 c=n[o],s=r[o];c&&!s?a.push({x:Jc(0,0,c.x),y:Jc(0,0,c.y)}):!c&&s?a.push({x:Jc(0,0,s.x),y:Jc(0,0,s.y)}):a.push({x:es(t,e,c.x,s.x,"width","self"),y:es(t,e,c.y,s.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=of.parseStyleForPath(i.value),a.value=of.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 sf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(es(t,e,s,u,n.type)):a.push(es(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function uf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];if(s&&u)a.push(qc(t,e,s.value,u.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;a.push(qc(t,e,l,f))}}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 Sa.number(t)}))),{type:r,value:n}}}function lf(t,e,n,r){for(var i={type:Ys(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(ku(0,0,s,u)):a.push(ku(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function ff(t,e,n,r){for(var i=Bc.parseStyle(n.trim()),a=Bc.parseStyle(r.trim()),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];if(u&&!l)c.push(Jc(0,0,u));else if(!u&&l)c.push(Jc(0,0,l));else if(u.type!=l.type)c.push(Ys(0,0,u,l));else switch(u.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(sf(t,e,u,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(lf(0,0,u,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(uf(t,e,u,l))}}return function(t,e){return Bc.join(c.map((function(n){return n(t,e)})))}}function hf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Sa.parse(t)})),a=r.split(" ").map((function(t){return Sa.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(es(t,e,u,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function pf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Sa.parse(t)})),a=r.split(" ").map((function(t){return Sa.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(es(t,e,u,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function df(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),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(qc(t,e,u,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function vf(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],c=r[r.length-1],s=0;s<i;s++){var u=n[s],l=r[s];u&&!l?a.push(qc(t,e,u,c)):!u&&l?a.push(qc(t,e,o,l)):a.push(qc(t,e,u,l))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function yf(t,e,n,r){for(var i=new Hc,a=new Hc(n),o=new Hc(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=0;u<c;u++){var l=a.segments[u],f=o.segments[u];l.command===f.command?l.values.length===f.values.length?s.push({command:Jc(0,0,l.command),values:vf(t,e,l.values,f.values)}):s.push({command:Jc(0,0,l.command),values:Jc(0,0,l.values)}):s.push({command:Ys(0,0,l.command,f.command),values:Ys(0,0,l.values,f.values)})}return function(t,e){var n=s.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var gf=function(){function t(){O()(this,t),this.pathArray=[]}return j()(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:"d",get:function(){return this.pathArray.join(" ").trim()}},{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:"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 Hc(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}},{key:"makePathByVerties",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=zt()(e[r],3),o=a[0],c=a[1];a[2];0===r?n.M({x:o,y:c}):n.L({x:o,y:c})}return n.L({x:e[0][0],y:e[0][1]}),n.d}}]),t}();function mf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bf=/[\b\t \,]/g,kf=function(t){R()(n,t);var e=mf(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return O()(this,n),e.call(this,t)}return j()(n,[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;Array.isArray(t)&&(t=t.join(" "));for(var e=t.trim().split(bf).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 gf,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=zt()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new n(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),n}(Hc);function xf(t,e,n,r){for(var i=new kf,a=new kf(n),o=new kf(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=a.segments[a.segments.length-1].x,l=a.segments[a.segments.length-1].y,f=o.segments[o.segments.length-1].x,h=o.segments[o.segments.length-1].y,p=0;p<c;p++){var d=a.segments[p],v=o.segments[p];d&&!v?s.push({x:qc(t,e,d.x,f),y:qc(t,e,d.y,h)}):!d&&v?s.push({x:qc(t,e,u,v.x),y:qc(t,e,l,v.y)}):s.push({x:qc(t,e,d.x,v.x),y:qc(t,e,d.y,v.y)})}return function(t,e){return i.joinPoints(s.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function wf(t,e,n,r){var i={x:qc("","",t,n),y:qc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Pf(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 rc(o,e)}}function Of(t,e,n,r,i,a,o,c){var s=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}];return function(t,e){return nc(s,e)}}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 jf(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){w()(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}function $f(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=zt()(a,4),c=o[0],s=o[1],u=o[2],l=o[3],f={id:c,distance:Sa.parse(s||"0%"),rotateStatus:u||"auto",rotate:Sa.parse(l||"0deg")},h=function(t,e){return{x:x,y:y}},p=0,d=0;if(i){var v=i.searchById(f.id);v&&(p=v.screenX.value,d=v.screenY.value),h=function(t,e,n){var r=function(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=zt()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var c=n,s=zt()(c,2),u=s[0],l=s[1],f=zt()(t.values,2);a=f[0],o=f[1];n=[a+=u,o+=l];break;case"L":var h=n,p=zt()(h,2),d=(u=p[0],l=p[1],zt()(t.values,2));a=d[0],o=d[1];e.push({command:t.command,values:[u,l,a,o],length:Yi(u,l,a,o),interpolate:wf(u,l,a,o)}),n=[a,o];break;case"l":var v=n,y=zt()(v,2),g=(u=y[0],l=y[1],zt()(t.values,2));a=g[0],o=g[1];a+=u,o+=l,e.push({command:t.command,values:[u,l,a,o],length:Yi(u,l,a,o),interpolate:wf(u,l,a,o)}),n=[a,o];break;case"C":var m=n,b=zt()(m,2),k=(u=b[0],l=b[1],zt()(t.values,6)),x=k[0],w=k[1],P=k[2],O=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Uo(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"c":var S=n,j=zt()(S,2),$=(u=j[0],l=j[1],zt()(t.values,6));x=$[0],w=$[1],P=$[2],O=$[3],a=$[4],o=$[5];x+=u,P+=u,a+=u,w+=l,O+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Uo(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"Q":var R=n,C=zt()(R,2),M=(u=C[0],l=C[1],zt()(t.values,4));x=M[0],w=M[1],a=M[2],o=M[3];e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o];break;case"q":var T=n,V=zt()(T,2),E=(u=V[0],l=V[1],zt()(t.values,4));x=E[0],w=E[1],a=E[2],o=E[3];x+=u,a+=u,w+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o];break;case"S":var I=n,D=zt()(I,2),L=(u=D[0],l=D[1],zt()(t.values,4)),B=(P=L[0],O=L[1],a=L[2],o=L[3],e[e.length-1]);if(["C","c","S","s"].includes(B.command)){var A=zt()(B.values,8),z=(A[0],A[1],A[2],A[3],A[4]),F=A[5],H=A[6],G=A[7],_=Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F});x=_.x,w=_.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"s":var N=n,X=zt()(N,2),Y=(u=X[0],l=X[1],zt()(t.values,4));P=Y[0],O=Y[1],a=Y[2],o=Y[3];P+=u,a+=u,O+=l,o+=l;B=e[e.length-1];if(["C","c","S","s"].includes(B.command)){var K=zt()(B.values,8),U=(K[0],K[1],K[2],K[3],z=K[4],F=K[5],H=K[6],G=K[7],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=U.x,w=U.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:Of(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"T":var W=n,Z=zt()(W,2),q=(u=Z[0],l=Z[1],zt()(t.values,2));a=q[0],o=q[1],B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var J=zt()(B.values,6),Q=(J[0],J[1],z=J[2],F=J[3],H=J[4],G=J[5],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=Q.x,w=Q.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,x,w,a,o)}),n=[a,o]}break;case"t":var tt=n,et=zt()(tt,2),nt=(u=et[0],l=et[1],zt()(t.values,2));a=nt[0],o=nt[1];a+=u,o+=l;B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var rt=zt()(B.values,6),it=(rt[0],rt[1],z=rt[2],F=rt[3],H=rt[4],G=rt[5],Ac.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=it.x,w=it.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:Wo(u,l,x,w,a,o),interpolate:Pf(u,l,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}}(new Hc(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=f.distance.toPx(i);(e+=o/i)>1&&(e-=1);var c=a[0];0===e?c=a[0]:1===e&&(c=a[a.length-1]);var s=a.find((function(t){return t.startT<=e&&e<t.endT}));s&&(c=s);var u=(e-c.startT)/(c.endT-c.startT),l=n(u);return jf(jf({},c.interpolate(l,u,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Sa.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),c=h(e,n,r),s={x:c.x+p-a.value,y:c.y+d-o.value};if(t.setScreenX(s.x),t.setScreenY(s.y),"element"===f.rotateStatus);else{var u=c,l=0;n<1&&(l=1/c.totalLength);var v=h(e+l,n+l,r),y=ia(v.x-u.x,v.y-u.y),g=Sa.deg(function(t,e){var n=0;switch(t){case"angle":n=f.rotate.value;break;case"auto angle":n=e+f.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(f.rotateStatus,y));t.reset({transform:Bc.rotate(t.transform,g)})}return s}}function Rf(t,e,n,r){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 Cf(t,e,n,r,i,a){var o=a.$("video").el,c=n.split(":"),s=zt()(c,3),u=s[0],l=(s[1],+(u||0)*+(s[2]||1));return function(e,n){0===n?(o.currentTime=l,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Mf=function(){return function(t,e){}};function Tf(t,e,n,r,i,a,o){var c=i||e;switch(c){case"width":case"x":return es(t,e,n,r,"width");case"height":case"y":return es(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 es(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return qc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return hu(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return du(0,0,n,r);case"rotate":return ku(0,0,n,r)}var s=function(t){switch(t){case"border-radius":return is;case"border":return makeInterpolateBorder;case"box-shadow":return pu;case"text-shadow":return Su;case"background-image":case"BackgroundImageEditor":return Il;case"filter":case"backdrop-filter":return Ql;case"clip-path":return cf;case"transform":return ff;case"transform-origin":return hf;case"perspective-origin":return pf;case"stroke-dasharray":return df;case"d":return yf;case"points":return xf;case"offset-path":return $f;case"text":return Rf;case"playTime":return Cf}}(c);return s?s(t,e,n,r,a,o):Mf}function Vf(t,e,n,r,i,a,o){return Tf(t,e,n,r,i,a,o)}function Ef(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=zt()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=bu[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,ce()(o))}return If(t)}function If(t){var e=tc(t);return function(t){return e(t).y}}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 Lf(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){w()(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 Bf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Af=function(t){R()(n,t);var e=Bf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Sa.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Lf(Lf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).offset=Sa.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(bc(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Lf({checked:!0,value:Sa.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(ce()(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],Lf({},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],Lf({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=Lf(Lf({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new n(t)}}]),n}(Tc);function zf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ff(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Hf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gf=function(t){R()(n,t);var e=Hf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=(t.name,t.selectedType,t.offsets);return Ff(Ff(Ff({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","selectedType")),{},{offsets:e.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 Af(Ff({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(ce()(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 n(t)}},{key:"parseStyle",value:function(t){var e=[],r={};if(t.keyframe){var i=Ds(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),c=Ia()(o),s=c[0],u=c[1],l=c[2],f=c.slice(3).join(" ");r[s]||(r[s]=new n({name:s}),e[a]=s);var h=r[s].offsets.filter((function(t){return t.offset.equals(Sa.parse(u))})),p=null;h.length?p=h[0]:(p=new Af({offset:Sa.parse(u)}),r[s].offsets.push(p)),p.addProperty({key:l,value:Bs(f,i.matches)})}))}return e.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]}))}}]),n}(Tc);function _f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_f(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Xf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}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 Kf(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){w()(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 Uf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wf=function(t){R()(n,t);var e=Uf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Kf({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&$a()(V()(n.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Ut(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 c=Ka.body().$('[data-id="'.concat(t,'"]')),s=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,u=i.keyframes[e+1];t.editor=s,u||(u={time:t.time,value:t.value});var l={layer:a,layerElement:c,property:i.property,isOnlyTime:o.time===u.time,startTime:t.time,endTime:u.time,startValue:t.value,endValue:u.value,timing:t.timing,interpolateFunction:Vf(a,i.property,t.value,u.value,t.editor,r,c),timingFunction:Ef(t.timing)};return l.func=n.makeTimingFunction(l),l})).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){Ut(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(w()({},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){Uc(e.fps,n.time)<e.currentTimecode&&(t=Math.max(n.time,t))})),t}},{key:"getSelectedTimelineNextTime",value:function(){var t=this.getSelectedTimelineLastTime();return this.getKeyframeList((function(e,n){Uc(e.fps,n.time)>e.currentTimecode&&(t=Math.min(n.time,t))})),t}},{key:"setTimelineTitle",value:function(t,e){var n=this.json.timeline.find((function(e){return e.id===t}));n&&(n.title=e)}},{key:"selectTimeline",value:function(t){t?this.json.timeline.forEach((function(e){e.selected=e.id===t})):this.json.timeline.filter((function(t){return t.selected})).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(t){this.json.timeline=this.json.timeline.filter((function(e){return e.id!==t})),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=pa(),r=Kf(Kf({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=Kc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Uc(t,0),totalTimecode:Uc(t,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{key:"setTimelineCurrentTime",value:function(t){var e=this.getSelectedTimeline(),n=e.fps,r=e.totalTimecode;if(e){var i=t,a=t;+i+""===i&&(a=Wc(n,i=+i)),a>r&&(a=r);var o=Kc(n,a);e.currentTime=o,e.currentTimecode=Uc(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(Uc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Wc(e.fps,n)),Kc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Kc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Kc(e.fps,r)}}},{key:"getTimelineObject",value:function(t){var e=this.getSelectedTimeline();if(e)return e.animations.find((function(e){return e.id===t}))}},{key:"addTimelineProperty",value:function(t,e){this.addTimelineLayer(t);var n=this.getTimelineObject(t);n&&(n.properties.filter((function(t){return t.property===e})).length||(n.properties.push({property:e,keyframes:[]}),this.compiledTimingFunction(t,e)))}},{key:"getTimelineProperty",value:function(t,e){var n=this.getSelectedTimeline();if(n){t=t||n.selectedLayerId,e=e||n.selectedProperty;var r=this.getTimelineObject(t);if(r)return r.properties.find((function(t){return t.property===e}))}}},{key:"setSelectedOffset",value:function(t,e,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=t,r.selectedProperty=e,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach((function(t){t.selected=t.time===n})))}},{key:"deleteTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);r&&(r.keyframes=r.keyframes.filter((function(t){return t.id!=n})))}},{key:"removeTimelineProperty",value:function(t,e){var n=this.getTimelineObject(t);n&&(n.properties=n.properties.filter((function(t){return t.property!=e})))}},{key:"removeTimeline",value:function(t){var e=this.getSelectedTimeline();e&&(e.animations=e.animations.filter((function(e){return e.id!=t})))}},{key:"setTimelineKeyframeOffsetTime",value:function(t,e,n,r){var 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&&(Ut(a)&&(o.time=a),Ut(r)&&(o.value=r),Ut(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 c=this.getSelectedTimeline(),s=this.getTimelineProperty(e,n);if(s){var u=a||c.currentTime;if(!s.keyframes.filter((function(t){return t.time===u})).length){r=Kt(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:pa(),layerId:e,property:n,time:u,value:r,timing:i||"linear",editor:o};return s.keyframes.push(l),s.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),c=this.getDefaultPropertyValue(e),s="linear",u="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),c=o[0].value+"",s=o[0].timing+"",u=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:s,editor:u})}}},{key:"getTimelineKeyframe",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find((function(t){return t.time===n}))}},{key:"getTimelineKeyframeById",value:function(t,e,n){var r=this.getTimelineProperty(t,e);if(r)return r.keyframes.find((function(t){return t.id===n}))}},{key:"sortTimelineKeyframe",value:function(t,e){var n=this.getTimelineProperty(t,e);n&&(n.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(t,e))}},{key:"setFps",value:function(t){var e=this.getSelectedTimeline();e&&(e.fps=t,e.currentTimecode=Uc(t,e.currentTime),e.totalTimecode=Uc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return Kf(Kf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{timeline:ee(this.json.timeline)})}}]),n}(function(t){R()(n,t);var e=Xf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Nf({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 Gf(Nf({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(ce()(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=Nf({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return Nf(Nf({},$a()(V()(n.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]=Nf(Nf({},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]=Nf(Nf({},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]=Nf(Nf({},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]=Nf(Nf({},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,n=this.json.svgfilters.map((function(t,e){return{id:t.id,index:e}})).filter((function(e){return e.id===t}));return n.length?null==n||null===(e=n[0])||void 0===e?void 0: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]=Nf(Nf({},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]=Nf(Nf({},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)}}]),n}(Va));function Zf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Jf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qf=Sa.z(),th=Sa.z(),eh=r.create(),nh=function(t){R()(n,t);var e=Jf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"indexed",get:function(){return this.createIndexItemMap(),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:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{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=zt()(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 $a()(V()(n.prototype),"getDefaultObject",this).call(this,qf({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return qf(qf({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","description","rootVariable"))}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return Qf}},{key:"offsetY",get:function(){return th}},{key:"hasLayout",value:function(){return!1}},{key:"getTransformMatrix",value:function(){return r.create()}},{key:"resetMatrix",value:function(t){var e=r.getTranslation([],ca(t.accumulatedMatrix,t.localMatrixInverse)),n=zt()(e,2),i=n[0],a=n[1];t.reset({x:Sa.px(i),y:Sa.px(a)})}},{key:"rectVerties",get:function(){var t;return null!==(t=this.layers)&&void 0!==t&&t.length?Io(this.layers):null}},{key:"accumulatedMatrix",get:function(){return eh}},{key:"accumulatedMatrixInverse",get:function(){return eh}},{key:"contentBox",get:function(){return{left:0,top:0,width:0,height:0}}}]),n}(Wf);function rh(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,rh(t,e))})),(e.id||e.includes(t.id))&&n.push(t),n}var ih=function(){function t(e){var n=this;O()(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=Vo(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Yc({parent:this.currentProject,x:Sa.px(0),y:Sa.px(0),width:Sa.px(0),height:Sa.px(0)}),this.$editor.on("config:bodyEvent",(function(){n.refreshMousePosition()}))}return j()(t,[{key:"refreshMousePosition",value:function(){var t=this.$editor.config,e=this.$editor.viewport.getWorldPosition();this.pos=e,this.column=Math.ceil(e[0]/t.get("area.width")),this.row=Math.ceil(e[1]/t.get("area.width"))}},{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{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:"isLayoutItem",get:function(){var t;return null===(t=this.current)||void 0===t?void 0:t.isLayoutItem()}},{key:"allLayers",get:function(){return this.currentProject.allLayers||[]}},{key:"filteredLayers",get:function(){var t=this;return this.currentProject.filteredAllLayers((function(e){var n=e.areaPosition;if(!n)return!1;var r=n.column,i=n.row;return r[0]<=t.column&&t.column<=r[1]&&i[0]<=t.row&&t.row<=i[1]})).filter((function(e){return e.hasPoint(t.pos[0],t.pos[1])}))}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&(!t.check(e)&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)})))})):[]}},{key:"snapTargetLayersWithSelection",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)}))})):[]}},{key:"selectedArtboards",get:function(){return ce()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"hasChangedField",value:function(){var t;return!!this.current&&(t=this.current).hasChangedField.apply(t,arguments)}},{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:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{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:"reload",value:function(){return this.select.apply(this,ce()(this.itemsByIds(this.ids)))}},{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(Array.isArray(t)?e=t:(Zt(t)||qt(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=rh(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]=ee(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,ce()(rh(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,ce()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,ce()(this.items).concat(ce()(rh(this.project,t))))}},{key:"removeById",value:function(t){var e=t;Zt(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,ce()(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 Co(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.originVerties;if(n.artboard){var i=n.artboard.originVerties;if(Co(i,r[0][0],r[0][1])||To(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return Co(e,r[0][0],r[0][1])||To(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"setRectCache",value:function(){if(this.isEmpty)return this.cachedVerties=[],this.cachedRectVerties=[],this.cachedItemVerties=[],void(this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}})));this.cachedVerties=this.verties,this.cachedRectVerties=Bo(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:"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 this.isEmpty?[]:Io(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Sa.px(t[0][0]),y:Sa.px(t[0][1]),width:Sa.px(i.distance(t[0],t[1])),height:Sa.px(i.distance(t[0],t[3]))}}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"pack",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:"packByValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=[];return null===e?r=this.items:(Zt(e)||Array.isArray(e))&&(r=this.itemsByIds(e)),r.forEach((function(e){n[e.id]={},Object.keys(t).forEach((function(r){n[e.id][r]=Jt(t[r])?t[r].call(t,e):t[r]}))})),n}},{key:"each",value:function(t){Jt(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return Jt(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{key:"reset",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n,r=zt()(t,2),i=r[0],a=r[1];null===(n=e.get(i))||void 0===n||n.reset(a)}))}},{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,ce()(this.copyItems.map((function(t){return t.copy(10)})))),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&&!Kt(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?Co(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return Co(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return Zt(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.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}}]),t}(),ah=function(){function t(e){O()(this,t),this.editor=e,this.components={},this.inspectors={}}return j()(t,[{key:"registerComponent",value:function(t,e){if(this.components[t])throw new Error("It has duplicated item name. "+t);this.components[t]=e}},{key:"registerInspector",value:function(t,e){if(this.inspectors[t])throw new Error("It has duplicated item name. "+t);this.inspectors[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"getInspector",value:function(t){return this.inspectors[t]}},{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)}},{key:"createInspector",value:function(t){var e=this.getInspector(t.itemType);return Jt(e)?e(t)||[]:Jt(t.getProps)&&t.getProps()||[]}}]),t}();function oh(t){t.emit("noneSelectMenu"),t.nextTick((function(){t.emit("refreshAll"),t.emit("refreshSelectionTool")}))}function ch(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ch(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ch(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}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 lh(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){w()(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}function fh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ph,dh={command:"clipboard.paste",execute:(ph=La()(Fa.a.mark((function t(e,n){var r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.selection.length||!e.selection.copyItems.length){t.next=5;break}e.selection.paste(),e.emit("refreshAll"),t.next=9;break;case 5:return t.next=7,navigator.clipboard.readText();case 7:(r=t.sent)&&e.emit("convertPasteText",r);case 9:case"end":return t.stop()}}),t)}))),function(t,e){return ph.apply(this,arguments)})},vh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},yh={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:pa(),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:pa(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function mh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Sa.px(n.naturalWidth),naturalHeight:Sa.px(n.naturalHeight),width:Sa.px(n.naturalWidth),height:Sa.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function bh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xh={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"),mh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,c=Sa.px(i.height.value*a);t.emit("addImage",kh(kh(kh({src:e.id},i),n),{},{width:o,height:c}),r),t.changeMode(Lg),t.emit("afterChangeMode")})))}};function wh(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Sa.px(n.videoWidth),naturalHeight:Sa.px(n.videoHeight),width:Sa.px(n.videoWidth),height:Sa.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 Ph(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Oh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ph(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ph(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sh={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"),wh(e,(function(i){t.emit("addVideo",Oh(Oh({src:e.id},i),n),r),t.changeMode(Lg),t.emit("afterChangeMode")})))}};function jh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){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 $h={command:"dropImageUrl",execute:function(t,e){mh({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?jh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Lg),t.emit("afterChangeMode")}))}},Rh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=pa(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Ch={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 c=o.createImage({id:pa(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),Jt(n)&&n(c.id)}},r.readAsDataURL(e)}},Mh={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:pa(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),Jt(n)&&n(a))},r.readAsDataURL(e)}},Th=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=zt()(r,2),a=(i[0],i[1]),o=a.split(","),c=Ia()(o),s=c[0],u=c.slice(1),l=s.split(";"),f=zt()(l,2),h=f[0],p=f[1];return u=u.join(","),{mimeType:h,local:n&&t.getLink(h,p,u)}}},{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 c=new Blob([a],{type:t});return URL.createObjectURL(c)}return""}}]),t}(),Vh={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Th.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:pa(),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:pa(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function Eh(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 Ih={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Eh("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},Dh=function(t,e){return t.replaceLocalUrltoRealUrl(t.svg.render(e))},Lh={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=Dh(t,e).trim();Eh("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function Bh(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ka.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var Ah={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Dh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;mh({local:i},(function(n,r){Bh(r,(function(n){Eh(n,a),e&&t.emit(e,n)}))}))}}},zh={command:"load.json",execute:function(t,e){0===(e=t.loadResource("projects",[])||e).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),oh(t)}}};function Fh(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var Hh={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Fh(t,(function(r,i){var a;!1===Array.isArray(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")}))}},Gh={command:"setTimelineOffset",debounce:100,execute:function(t,e){Fh(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},_h={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Fh(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")}))}},Nh={command:"removeTimelineProperty",execute:function(t,e,n){Fh(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Xh={command:"deleteTimelineKeyframe",execute:function(t){Fh(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")}))}},Yh={command:"selectTimelineItem",execute:function(t,e){Fh(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Kh={command:"removeTimeline",execute:function(t,e){Fh(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Uh={command:"removeAnimationItem",execute:function(t,e){Fh(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},Wh={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Fh(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")}))}},Zh={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Fh(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},qh={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"),Fh(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Zc({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(Uc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Uc(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(Uc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Jh={command:"prevTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Qh={command:"firstTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},tp={command:"nextTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ep={command:"lastTimelineItem",execute:function(t){Fh(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Uc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},np={command:"addTimelineItem",execute:function(t,e){Fh(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},rp={command:"drop.asset",execute:function(){var t=La()(Fa.a.mark((function t(e,n){var r,i,a=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=a.length>2&&void 0!==a[2]?a[2]:null,!n.color){t.next=5;break}e.emit("addBackgroundColor",n.color,r),t.next=22;break;case 5:if(!n.gradient){t.next=9;break}e.emit("addBackgroundImageGradient",n.gradient,r),t.next=22;break;case 9:if(!n.pattern){t.next=13;break}e.emit("addBackgroundImagePattern",n.pattern,r),t.next=22;break;case 13:if(!n.imageUrl){t.next=17;break}e.emit("addBackgroundImageAsset",n.imageUrl,r),t.next=22;break;case 17:if(!n.asset){t.next=22;break}return t.next=20,e.storageManager.getCustomAsset(n.asset.id);case 20:(i=t.sent)&&e.emit("addArtBoard",i,n.asset.center);case 22:oh(e);case 23:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},ip={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;console.log(n);var r=t.selection.itemsByIds(n);console.log(r);var i={};r.forEach((function(t){var n=jl.parseStyle(kc(t["background-image"]));n.unshift(new jl({image:jl.parseImage(e)})),i[t.id]={"background-image":jl.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},ap={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=jl.parseStyle(kc(t["background-image"]));n.unshift(new jl({image:new Uu({url:e})})),i[t.id]={"background-image":jl.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},op={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")}))}},cp={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},sp={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)}},up={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)}},lp={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)}},fp={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)}},hp=new Map,pp=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return hp.has(t)}},{key:"get",value:function(t){return hp.get(t)}},{key:"set",value:function(t,e){hp.size>1e3&&hp.clear(),hp.set(t,e)}}]),t}();function dp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,mp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,vp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=$p[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;if(pp.has(t))return pp.get(t);var r=Ds(t);return(r.str.match(gp)||[]).forEach((function(t,i){var a=t.split("("),o=zt()(a,2),c=o[0],s=o[1],u=(s=s.split(")")[0]).split(",").map((function(t){return t.trim()})),l=zt()(u,6),f=l[0],h=l[1],p=l[2],d=l[3],v=l[4],y=l[5],g=f.split(" "),m=zt()(g,2),b=m[0],k=m[1],x=h.split(" "),w=zt()(x,2),P=w[0],O=w[1],S=(y||"").split(" "),j=zt()(S,2),$=j[0],R=j[1];e[i]=n.parse({type:c,x:Sa.parse(P),y:Sa.parse(O),width:Sa.parse(b),height:Sa.parse(k),foreColor:Bs(p,r.matches),backColor:Bs(d,r.matches),blendMode:v||"normal",lineWidth:Sa.parse($||"1px"),lineHeight:Sa.parse(R||"1px")})})),pp.set(t,e),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,jl.parseStyle(kc(t.toCSS())))})),jl.joinCSS(e)}}]),n}(Tc),bp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:Sa.z(),y:Sa.z(),width:Sa.px(20),height:Sa.px(20),lineWidth:Sa.px(1),lineHeight:Sa.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).width=Sa.parse(t.width),t.height=Sa.parse(t.height),t.lineWidth=Sa.parse(t.lineWidth),t.lineHeight=Sa.parse(t.lineHeight),t.x=Sa.parse(t.x),t.y=Sa.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,c=t.backColor,s=t.blendMode,u=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(c,", ").concat(s,", ").concat(u," ").concat(l,")")}}]),n}(mp),kp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";\n    ")}}]),n}(bp),xp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,i=t.lineHeight,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";      \n    ")}}]),n}(bp),wp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,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    ")}}]),n}(bp),Pp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(c," ").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(s,";\n    ")}}]),n}(bp),Op=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.lineWidth,a=t.backColor,o=t.foreColor,c=t.blendMode;return a=a||"transparent",o=o||"black","\n    background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0px, ").concat(o," ").concat(i,", ").concat(a," 0px, ").concat(a," 50%);\n    background-size: ").concat(e," ").concat(n,";      \n    background-blend-mode: ").concat(c,";\n  ")}}]),n}(bp),Sp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(bp),jp=function(t){R()(n,t);var e=yp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(bp),$p={check:kp,grid:xp,dot:wp,"cross-dot":Pp,"diagonal-line":Op,"vertical-line":Sp,"horizontal-line":jp},Rp={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:mp.join([].concat(ce()(mp.parseStyle(e)),ce()(mp.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Cp={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.command("setAttributeForMulti","add background color",t.selection.packByValue({"background-color":e},n))}};var Mp={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=ea(e.artboard.verties)-ea(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ea(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ea(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Tp={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=ta(e.artboard.verties)-ta(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ta(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ta(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Vp={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=ra(e.artboard.verties)-ra(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ra(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ra(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Ep={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=Qi(e.artboard.verties)-Qi(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Qi(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Qi(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Ip={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=na(e.artboard.verties)-na(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=na(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=na(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Dp={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=Ji(e.artboard.verties)-Ji(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Ji(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Ji(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Lp={command:"same.width",description:"fit at the same width",execute:function(t){if(console.log(t.selection.isMany),t.selection.isMany){var e=Do(t.selection.verties);t.command("setAttributeForMulti","fit at the same width",t.selection.packByValue({x:e.x,width:e.width}))}}},Bp={command:"same.height",description:"fit at the same height",execute:function(t){var e=t.selection.length;if(1==e);else if(e>1){var n=Do(t.selection.verties);t.command("setAttributeForMulti","fit at the same height",t.selection.packByValue({y:n.y,height:n.height}))}}};var Ap={command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),oh(t)}},zp={command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),oh(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}var Hp={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?Fp(Object(n),!0).forEach((function(e){w()(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}({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")}}}},Gp={command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=ce()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,ce()(i)),t.emit("refreshAll")}}}},_p={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;Sc(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)}},Np={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){var i={};Object.keys(r).forEach((function(t){var n=r[t];i[t]=Jt(n)?n(e):n})),e.reset(i)&&(t.emit("refreshElement",e),t.emit("changeValue",n,i))}))}))}},Xp={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(ce()(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")}))}},Yp={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(ce()(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")}))}};function Kp(){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 Up={command:"history.removeLayer",description:"remove layer",execute:function(t,e,n,r){var i=t.selection.itemsByIds(r||t.selection.ids),a=(i=Kp(i)).map((function(t){return t.id})),o=t.serialize(i);i.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[a],undoValues:o}),t.nextTick((function(){t.selection.removeById(i.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=Kp(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")}))}},Wp={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("setAttributeForMulti",t.selection.packByValue({d:r.scale(1/n.width.value,1/n.height.value).d}))}else{var a=n.invertPath(e.d),o=a.getBBox(),c=n.offsetX.value+o[0][0],s=n.offsetY.value+o[0][1],u=i.distance(o[1],o[0]),l=i.distance(o[3],o[0]);a.translate(-o[0][0],-o[0][1]),t.emit("setAttributeForMulti",t.selection.packByValue({d:a.scale(1/u,1/l).d,x:Sa.px(c),y:Sa.px(s),width:Sa.px(u),height:Sa.px(l)}))}}},Zp={command:"moveLayer",description:"move 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;t.command("setAttributeForMulti","item move down",t.selection.packByValue({x:function(t){return Sa.px(t.offsetX.value+e)},y:function(t){return Sa.px(t.offsetY.value+n)}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},qp={command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e&&t.viewport.moveLayerToCenter(e,void 0,n)}},Jp={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:Sa.px(t.item.offsetX.value+t.dist[0]).round(),y:Sa.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")}))}},Qp={command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=[];n=t.selection.isEmpty?t.selection.currentProject.rectVerties:Io(t.selection.items),t.emit("moveToCenter",n,e)}},td={command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Dh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);mh({local:i},(function(n,r){Bh(r,(function(n){e&&t.emit(e,n)}))}))}}},ed={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))}},nd=n(15),rd=n.n(nd);function id(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ad(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?id(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):id(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var od,cd=(od={openEditor:{command:"open.editor",description:"Open custom editor for item  when doubleclick is fired",execute:function(t){if(!1!==t.selection.isOne){var e=t.selection.current;if(e)if(e.setCache(),e.d)t.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d,changeEvent:function(e){t.emit("updatePathItem",e)}}),t.emit("hideSelectionToolView");else if(e["clip-path"]){var n=of.parseStyle(e["clip-path"]);if("path"===n.type){var r=e.accumulatedPath(e.clipPathString).d,i=r?"modify":"path";t.emit("showPathEditor",i,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(n.d,")")}))},current:e,d:r}),t.emit("hideSelectionToolView")}else"svg"===n.type||t.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue(e))}})}}}},refreshHistory:function(t){t.emit("saveJSON")},convertPasteText:{command:"convertPasteText",execute:function(){var t=La()(Fa.a.mark((function t(e,n){var r,i;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=rd.a.create({videoInfo:rd.a.parse(n),format:"embed",mediaType:"clip"}))&&(i=e.viewport.center,300,200,e.emit("newComponent","iframe",{x:Sa.px(i[0]-150),y:Sa.px(i[1]-100),width:Sa.px(300),height:Sa.px(200),"background-color":"transparent",url:r}));case 2:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},refreshCursor:ed,recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},toggleToolHand:{command:"toggleToolHand",execute:function(t){t.config.toggle("set.tool.hand")}},rotateLayer:{command:"rotateLayer",description:"rotate layer by keydown with matrix ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.command("setAttributeForMulti","change rotate",t.selection.packByValue({transform:function(t){return Bc.addTransform(t.transform,"rotateZ(".concat(Sa.deg(e).round(1e3),")"))}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},historyAddLayer:Yp,historyRemoveLayer:Up,historySetAttributeForMulti:Xp,historyRefreshSelection:_p,historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:Zp,moveLayerForItems:Jp,moveToCenter:qp,moveSelectionToCenter:Qp,groupItem:Hp,ungroupItem:Gp,setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshSelectionStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Cp,addBackgroundImagePattern:Rp,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:sp,segmentMoveUp:up,segmentMoveRight:lp,segmentMoveLeft:fp,changeModeView:cp,removeLayer:op,itemMoveDepthDown:Ap,itemMoveDepthUp:zp,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:rp,addBackgroundImageAsset:ap,addBackgroundImageGradient:ip,addTimelineItem:np,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:ep,nextTimelineItem:tp,firstTimelineItem:Qh,prevTimelineItem:Jh,playTimelineItem:qh,copyTimelineProperty:Zh,addTimelineKeyframe:Wh,removeAnimationItem:Uh,removeTimeline:Kh,selectTimelineItem:Yh,deleteTimelineKeyframe:Xh,removeTimelineProperty:Nh,addTimelineCurrentProperty:_h,setTimelineOffset:Gh,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:Hh,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:zh,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},savePNG:td,downloadPNG:Ah,downloadSVG:Lh,downloadJSON:Ih,updateUriList:Vh,updateImageAssetItem:Ch,updateVideoAssetItem:Mh,addSVGFilterAssetItem:Rh,dropImageUrl:$h,addImageAssetItem:xh,addVideoAssetItem:Sh,updateImage:yh,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:vh,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:dh,clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=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(sh({itemType:"artboard",x:Sa.px(300),y:Sa.px(200),width:Sa.px(375),height:Sa.px(667)},e)));n&&(i.reset({x:Sa.px(0),y:Sa.px(0)}),i.moveByCenter(n)),t.selection.select(i),oh(t)},addCustomComponent: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,i=r.appendChildItem(t.createItem(ad({x:Sa.px(300),y:Sa.px(200),width:Sa.px(375),height:Sa.px(667)},e)));n&&(i.reset({x:Sa.px(0),y:Sa.px(0)}),i.moveByCenter(n)),t.selection.select(i),oh(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){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),oh(t))},addLayerView:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),t.emit("removeGuideLine"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e,n))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(lh({itemType:"project"},e)));t.selection.selectProject(n),oh(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 Hc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","set attribute -d",t.selection.packByValue({d:i},r.id))}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new Hc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","change clip path",t.selection.packByValue({"clip-path":"path(".concat(i,")")},r.id))}},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;"svg-textpath"===e?n=hh(hh({},n),{},{"font-size":Sa.parse(n.height),textLength:"100%",d:gf.makeLine(0,1,1,1)}):"svg-circle"===e?(e="svg-path",n=hh(hh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:gf.makeCircle(0,0,1,1)})):"svg-rect"===e?(e="svg-path",n=hh(hh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:gf.makeRect(0,0,1,1)})):"text"===e?n=hh({width:Sa.px(300),height:Sa.px(50)},n):"artboard"===e&&(n=hh(hh({},n),{},{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(hh({itemType:e},n)),n,r,i),t.changeMode(Lg),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=zt()(r,2),a=i[0],o=i[1];a=Sa.px(+a),o=Sa.px(+o),n.reset({width:a,height:o}),t.selection.select(n),oh(t)}},setAttributeForMulti:Np,sortBottom:Ep,sortCenter:Mp,sortLeft:Tp,sortMiddle:Vp},w()(od,"sortBottom",Ep),w()(od,"sortTop",Ip),w()(od,"sortRight",Dp),w()(od,"sameWidth",Lp),w()(od,"sameHeight",Bp),w()(od,"updatePathItem",Wp),w()(od,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(e.d,")")}))}}),od),sd=function(){function t(e){O()(this,t),this.$editor=e,this.loadCommands()}return j()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(cd).forEach((function(e){Jt(cd[e])?t.registerCommand(e,cd[e]):t.registerCommand(cd[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))};return r.source=t,this.$editor.on(t,r,this,0)}if(qt(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))};return i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),ud={name:void 0};function ld(){return void 0===ud.name&&(-1!=navigator.appVersion.indexOf("Win")?ud.name="win":-1!=navigator.appVersion.indexOf("Mac")?ud.name="mac":-1!=navigator.appVersion.indexOf("X11")?ud.name="linux":ud.name=""),ud.name}var fd=[{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:"Tools",key:"h",command:"toggleToolHand",description:"set hand tool on",when:"CanvasView"},{category:"Layer",key:"Meta+ArrowLeft",command:"rotateLayer",description:"rotate to left",args:[-5],when:"CanvasView"},{category:"Layer",key:"Meta+ArrowRight",command:"rotateLayer",description:"rotate to right",args:[5],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:"Delete",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",win:"ctrl+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],hd={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 pd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pd(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vd(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function yd(t){return hd["".concat(t).toLowerCase()]||t}var gd=function(){function t(e){O()(this,t),this.$editor=e,this.loadShortCuts()}return j()(t,[{key:"getGeneratedKeyCode",value:function(t){return yd(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},fd.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=ld();this.list.push(dd(dd({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||!0)})),this.sort()}},{key:"makeWhenFunction",value:function(t,e){if(Wt(e)&&e)return function(){return!0};var n=this.$editor,r=e.split("|").map((function(t){return t.trim()}));return function(){return r.some((function(t){return t===n.modeView}))}}},{key:"sort",value:function(){var t=this;this.commands={},this.list.forEach((function(e){!1===Array.isArray(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)})),vd(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",yd(o.join("")))}},{key:"makeKeyString",value:function(t){return vd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return vd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return vd(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(n){var r;(r=e.$editor).emit.apply(r,[n.command].concat(ce()(n.args),[t]))}))}}}]),t}(),md=function(){function t(e){O()(this,t),this.editor=e,this.configList=[],this.config=new Map}return j()(t,[{key:"get",value:function(t){var e;!1===this.config.has(t)&&this.config.set(t,null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.defaultValue);return this.config.get(t)}},{key:"set",value:function(t,e){var n=this.config.get(t);n!==e&&(this.config.set(t,e),this.editor.emit("config:"+t,e,n))}},{key:"setAll",value:function(t){var e=this;Object.keys(t).forEach((function(n){e.set(n,t[n])}))}},{key:"getType",value:function(t){var e;return null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.type}},{key:"isType",value:function(t,e){return this.getType(t)===e}},{key:"isBoolean",value:function(t){return this.isType(t,"boolean")}},{key:"toggle",value:function(t){this.isBoolean(t)&&this.set(t,!this.get(t))}},{key:"true",value:function(t){return!0===this.get(t)}},{key:"false",value:function(t){return!1===this.get(t)}},{key:"remove",value:function(t){this.config.delete(t),this.editor.emit("config:"+t)}},{key:"registerConfig",value:function(t){this.config.set(t.key,t.defaultValue),this.configList.push(t)}}]),t}(),bd=function(){function t(e){O()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return j()(t,[{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}},{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){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=performance.now(),i=this.undoHistories[this.undoHistories.length-1],a={message:t,command:e,data:n,time:r};return i&&i.message===t&&r-i.time<this.$editor.config.get("history.delay.ms")?this.undoHistories[this.undoHistories.length-1]=a:(this.undoHistories.push(a),this.currentIndex++,this.undoHistories.length=this.currentIndex+1),this.$editor.emit("refreshHistory",e.command),a}},{key:"map",value:function(t){return[].concat(ce()(this.undoHistories.map(t)),["-"],ce()(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",e.command)}))}}},{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",e.command)}))}}}]),t}(),kd=i.fromValues(0,0,0);function xd(t,e){return Math.abs(t[0]-e[0])<1}function wd(t,e){return Math.abs(t[1]-e[1])<1}var Pd=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;O()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return j()(t,[{key:"dist",get:function(){return this.editor.config.get("snap.distance")||this.snapDistance}},{key:"gridSize",get:function(){return this.editor.config.get("snap.grid")||50}},{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,rectVerties:Lo(t.originVerties)}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties;return ce()(e)}},{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=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=[];return t.forEach((function(t,a){e.forEach((function(e,o){var c=t-e,s=n.gridSize-Math.abs(e)%n.gridSize;Math.abs(c)<=r?i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:c}):Math.abs(s)<=r&&i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:s})}))})),i}},{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.dist,a=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var c=e.checkX(t.xList,a,r)[0],s=e.checkY(t.yList,o,r)[0];n.push(i.fromValues(c?c.dx:0,s?s.dy:0,0))})),n.find((function(t){return te(t[0])||te(t[1])}))||kd}},{key:"checkPoint",value:function(t){var e=this.check([t]);return i.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,a=[],o={},c=0,s=t.length;c<s;c++){n=t[c];var u="".concat(n[0],"_x"),l="".concat(n[1],"_y");o[u]||(o[u]=[]),o[l]||(o[l]=[]);for(var f=0,h=e.length;f<h;f++)xd(n,r=e[f])&&o[u].push([n,r,"x",i.dist(n,r)]),wd(n,r)&&o[l].push([n,r,"y",i.dist(n,r)])}return Object.keys(o).forEach((function(t){if(o[t]&&o[t].length){var e=o[t].sort((function(t,e){return t[3]-e[3]})),n=zt()(e[0],3),r=n[0],i=n[1],c=n[2];a.push([r,i,c])}})),a}},{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}(),Od=function(){function t(e){O()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return j()(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}(),Sd=function(){function t(e){O()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=Vo(0,0,0,0),this.mouse=i.create(),this.scale=1,this.translate=i.create(),this.transformOrigin=i.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return j()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=i.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(i.add([],this.translate,i.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=ca(r.fromTranslation([],this.translate),r.fromTranslation([],this.transformOrigin),r.fromScaling([],[this.scale,this.scale,1]),r.fromTranslation([],i.negate([],this.transformOrigin))),this.matrixInverse=r.invert([],this.matrix),this.scaleMatrix=ca(r.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=r.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=Vo(0,0,this.canvasSize.width,this.canvasSize.height);var e=i.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=i.add([],this.verties[0],[e[0]/2,e[1]/2,0]),a=r.getTranslation([],ca(this.matrix,sa(r.fromTranslation([],n),this.scaleMatrix,r.invert([],r.fromTranslation([],n)))));this.setTranslate(a),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=Vo(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=Ui(this.cachedViewport,this.matrixInverse))}},{key:"getWorldPosition",value:function(t){return t=t||this.editor.config.get("bodyEvent"),this.createWorldPosition(t.clientX,t.clientY)}},{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(i.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(i.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){this.setTransformOriginWithTranslate(i.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=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=i.lerp([],t[0],t[2],.5),a=i.dist(t[0],t[1]),o=i.dist(t[0],t[3]),c=i.lerp([],this.verties[0],this.verties[2],.5),s=i.dist(this.verties[0],this.verties[1]),u=i.dist(this.verties[0],this.verties[3]),l=n?Math.min(s/a,u/o)+e:1;this.setTranslate(i.add([],this.translate,i.subtract([],c,r))),this.setTransformOrigin(r),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{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:"center",get:function(){return this.verties[4]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}},{key:"checkInViewport",value:function(t){var e=zt()(t,3),n=e[0],r=e[1],i=(e[2],this.minX<n&&n<this.maxX),a=this.minY<r&&r<this.maxY;return i&&a}},{key:"applyVertex",value:function(t){return i.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return i.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return Ui(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return Ui(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return Ui(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return Ui(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return Vo(t,e,n,r)}(t,e,n,r))}}]),t}(),jd=function(){function t(e){O()(this,t),this.editor=e,this.customAssetKey="custom-assets"}var e,n,r,i,a;return j()(t,[{key:"getCustomAssetList",value:(a=La()(Fa.a.mark((function t(){var e,n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=!1,n=(this.editor.loadItem(this.customAssetKey)||[]).map((function(t){return t.id||(t.id=ha(),e=!0),t})),!e){t.next=5;break}return t.next=5,this.setCustomAssetList(n);case 5:return t.abrupt("return",n);case 6:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})},{key:"setCustomAssetList",value:(i=La()(Fa.a.mark((function t(e){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem(this.customAssetKey,e);case 1:case"end":return t.stop()}}),t,this)}))),function(t){return i.apply(this,arguments)})},{key:"getCustomAsset",value:(r=La()(Fa.a.mark((function t(e){var n,r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:if(n=t.sent,!(r=n.find((function(t){return t.id===e})))||!r.component){t.next=6;break}return t.abrupt("return",r.component);case 6:return t.abrupt("return",null);case 7:case"end":return t.stop()}}),t,this)}))),function(t){return r.apply(this,arguments)})},{key:"saveCustomAsset",value:(n=La()(Fa.a.mark((function t(){var e,n,r,i,a=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:"",!(n=this.editor.selection.current)){t.next=13;break}return t.next=5,this.getCustomAssetList();case 5:return r=t.sent,t.next=8,this.editor.json.render(n);case 8:return(i=t.sent).x="0px",i.y="0px",t.next=13,this.setCustomAssetList([].concat(ce()(r),[{id:ha(),preview:e,component:i}]));case 13:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:"removeCustomAsset",value:(e=La()(Fa.a.mark((function t(e){var n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:return n=t.sent,t.next=5,this.setCustomAssetList(n.filter((function(t){return t.id!==e})));case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})}]),t}();function $d(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 Rd=$d('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Cd=$d('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Md=$d('<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"/>'),Td=$d('<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"/>'),Vd=$d('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Ed=$d('<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"/>'),Id=$d('<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"/>'),Dd=$d('<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"/>'),Ld=$d('<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"/>'),Bd=$d('<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"/>'),Ad=$d('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),zd=$d('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Fd=$d('<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"/>'),Hd=$d('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Gd=$d('<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"/>'),_d=$d('<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"/>'),Nd=$d('<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"/>'),Xd=$d('<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"/>'),Yd=$d('<path d="M19 13H5v-2h14v2z"/>'),Kd=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Ud=$d('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Wd=$d('<path d="M10 17l5-5-5-5v10z"/>'),Zd=$d('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),qd=$d('<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"/>'),Jd=$d('<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"/>'),Qd=$d('<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"/>'),tv=$d('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),ev=$d('<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"/>'),nv=$d('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),rv=$d('<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"/>'),iv=$d('<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"/>'),av=$d('<path d="M8 5v14l11-7z"/>'),ov=$d('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),cv=$d('<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"/>'),sv=$d('<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"/>'),uv=$d('<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"/>'),lv=$d('<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"/>'),fv=$d('<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"/>'),hv=$d('<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"/>'),pv=$d('<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>'),dv=$d('<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"/>'),vv=$d('<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"/>'),yv=$d('<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"/>'),gv=$d('<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"/>'),mv=$d('<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"/>'),bv=$d('<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"/>'),kv=$d('<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"/>'),xv=$d('<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"/>'),wv=$d('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Pv=$d('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),Ov=$d('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),Sv=$d('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),jv=$d('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),$v=$d('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Rv=$d('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Cv=$d('<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"/>'),Mv=$d('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Tv=$d('<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"/>'),Vv=$d('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Ev=$d('<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" />'),Iv=$d('<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"/>'),Dv=$d('<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"/>'),Lv=$d('<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"/>'),Bv=$d('<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"/>'),Av=$d('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),zv=$d('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Fv=$d('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),Hv=$d('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Gv=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),_v=$d('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Nv=$d('<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"/>'),Xv=$d('<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)"/>'),Yv=$d('<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"/>'),Kv=$d('\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'),Uv=$d('<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"/>'),Wv=$d('<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"/>'),Zv=$d('<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"/>'),qv=$d('<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"/>'),Jv=$d('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),Qv=$d('<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"/>'),ty=$d('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),ey=$d('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),ny=$d('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),ry=$d('<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"/>'),iy=$d('<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"/>'),ay=$d('<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"/>'),oy=$d('<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"/>'),cy=$d('<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"/>'),sy=$d('<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"/>'),uy=$d('<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"/>'),ly=$d('<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"/>'),fy=$d('<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"/>'),hy=$d('<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"/>'),py=$d('<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"/>'),dy=$d('<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"/>'),vy=$d('<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"/>'),yy=$d('<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"/>'),gy=$d('<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"/>'),my=$d('<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"/>'),by=$d('<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"/>'),ky=$d('<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"/>'),xy=$d('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),wy=$d('<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"/>'),Py=$d('<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"/>'),Oy=$d('<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"/>'),Sy=$d('<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"/>'),jy=$d('\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'),$y=$d('<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"/>'),Ry=$d('<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"/>'),Cy=$d('\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'),My=$d('<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"/>'),Ty=$d('<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"/>'),Vy=$d('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Ey=$d('<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"/>'),Iy=$d('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),Dy=$d('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Ly=$d('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),By=$d('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),Ay=$d('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),zy=$d('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Fy=$d('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Hy=$d('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gy=$d('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),_y=$d('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Ny=$d('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Xy=$d('<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"/>'),Yy=$d('<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"/>'),Ky=$d('<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"/>'),Uy=$d('<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"/>'),Wy=$d('\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    '),Zy=$d('\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'),qy=$d('\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    '),Jy=$d('\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    '),Qy=$d('\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'),tg=$d('\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'),eg=$d('<path d="M14 7l-5 5 5 5V7z"/>'),ng=$d('\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=$d('<path d="M10 17l5-5-5-5v10z"/>'),ig=$d('<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"/>'),ag=$d('<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"/>'),og=$d('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),cg=$d('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),sg=$d('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),ug=$d('<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"/>'),lg=$d('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),fg=$d('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),hg=$d('<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"/>'),pg=$d('\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    '),dg=$d('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),vg=$d('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),yg=$d('<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"/>'),gg=$d('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),mg=$d('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),bg=$d('<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"/>'),kg=$d('<path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/>'),xg=$d('<path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/>'),wg=$d('<path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/>'),Pg=$d('<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/>'),Og=$d('<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/>'),Sg=$d('<path d="M18 24h-6.55c-1.08 0-2.14-.45-2.89-1.23l-7.3-7.61 2.07-1.83c.62-.55 1.53-.66 2.26-.27L8 14.34V4.79c0-1.38 1.12-2.5 2.5-2.5.17 0 .34.02.51.05.09-1.3 1.17-2.33 2.49-2.33.86 0 1.61.43 2.06 1.09.29-.12.61-.18.94-.18 1.38 0 2.5 1.12 2.5 2.5v.28c.16-.03.33-.05.5-.05 1.38 0 2.5 1.12 2.5 2.5V20c0 2.21-1.79 4-4 4zM4.14 15.28l5.86 6.1c.38.39.9.62 1.44.62H18c1.1 0 2-.9 2-2V6.15c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V3.42c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V2.51c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V4.79c0-.28-.22-.5-.5-.5s-.5.23-.5.5v12.87l-5.35-2.83-.51.45z"/>'),jg=$d('<path d="M18.85,10.39l1.06-1.06c0.78-0.78,0.78-2.05,0-2.83L18.5,5.09c-0.78-0.78-2.05-0.78-2.83,0l-1.06,1.06L18.85,10.39z M14.61,11.81L7.41,19H6v-1.41l7.19-7.19L14.61,11.81z M13.19,7.56L4,16.76V21h4.24l9.19-9.19L13.19,7.56L13.19,7.56z M19,17.5 c0,2.19-2.54,3.5-5,3.5c-0.55,0-1-0.45-1-1s0.45-1,1-1c1.54,0,3-0.73,3-1.5c0-0.47-0.48-0.87-1.23-1.2l1.48-1.48 C18.32,15.45,19,16.29,19,17.5z M4.58,13.35C3.61,12.79,3,12.06,3,11c0-1.8,1.89-2.63,3.56-3.36C7.59,7.18,9,6.56,9,6 c0-0.41-0.78-1-2-1C5.74,5,5.2,5.61,5.17,5.64C4.82,6.05,4.19,6.1,3.77,5.76C3.36,5.42,3.28,4.81,3.62,4.38C3.73,4.24,4.76,3,7,3 c2.24,0,4,1.32,4,3c0,1.87-1.93,2.72-3.64,3.47C6.42,9.88,5,10.5,5,11c0,0.31,0.43,0.6,1.07,0.86L4.58,13.35z" />');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 Rg(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){w()(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 Cg=Rg(Rg({},{fullscreen:Jd}),{},{draw:jg,pantool:Sg,left_hide:Pg,right_hide:Og,straighten:wg,plugin:xg,auto_awesome:kg,web:bg,navigation:mg,delete_forever:yg,horizontal_rule:gg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return $d('<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:pg,align_horizontal_center:ag,align_horizontal_left:og,align_horizontal_right:cg,align_vertical_bottom:sg,align_vertical_center:ug,align_vertical_top:lg,vertical_distribute:dg,horizontal_distribute:vg,rotate_left:hg,swap_horiz:fg,arrow_right:rg,group:ng,volume_down:Jy,arrowLeft:eg,volume_up:Qy,volume_off:tg,pentool:Zy,launch:Wy,apps:Yy,outline_rect:Ky,outline_circle:Uy,keyboard:Xy,local_movie:Ny,same_height:_y,same_width:Gy,layers:ig,middle:Hy,bottom:Fy,top:zy,right:Ay,center:By,left:Ly,flag:Dy,lens:Iy,local_library:Ey,italic:Vy,strikethrough:Ty,underline:My,cylinder:Cy,text_rotate:Ry,device_hub:$y,control_point:Sy,flip_camera:jy,flipY:Oy,flip:Py,account_tree:xy,format_shapes:wy,merge:by,texture:ky,settings_input_component:my,view_comfy:gy,camera_roll:yy,broken_image:vy,shadow:dy,opacity:py,looks:hy,vintage:fy,waves:ly,blur_linear:uy,blur:sy,landscape:cy,palette:oy,diffuse:ay,specular:iy,photo:ry,near_me:ny,view_list:ey,flash_on:ty,doc:Qv,storage:Jv,archive:qv,file_copy:Zv,gps_fixed:Wv,refresh:Uv,cat:Kv,shuffle:Yv,replay:Xv,speed:Nv,alternate_reverse:_v,alternate:Gv,note:Bv,rect:Lv,circle:Dv,color_lens:Iv,cube:Ev,polygon:Vv,star:Tv,dahaze:Mv,brush:Cv,expand:Rv,list:jv,grid:$v,align_center:wv,align_justify:Pv,align_left:Ov,align_right:Sv,color:xv,size:kv,edit:bv,outline_image:mv,ballot:vv,shape:dv,scatter:pv,transform:hv,gradient:fv,close:lv,build:uv,code:sv,autorenew:cv,play:av,pause:ov,skip_next:Av,skip_prev:zv,fast_forward:Fv,fast_rewind:Hv,filter:iv,input:rv,timer:ev,title:tv,paint:Qd,border_all:qd,border_inner:Jd,check:Zd,video:qy,arrowRight:Wd,screen:Ud,repeat:Kd,remove2:Yd,setting:Xd,image:Nd,artboard:_d,folder:Gd,publish:Hd,add_note:Fd,add:zd,save:Bd,export:Ad,redo:Ld,undo:Dd,lock:Id,lock_open:gv,remove:Vd,copy:Ed,visible:Td,add_box:Md,add_circle:yv,create_folder:Cd,chevron_right:Rd,chevron_left:nv}),Mg=function(){function t(){O()(this,t)}var e;return j()(t,[{key:"load",value:(e=La()(Fa.a.mark((function t(){var e,n,r,i,a,o,c,s=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!Cg[e]){t.next=8;break}for(r=s.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=s[a];return o=Jt(Cg[e])?(n=Cg[e]).call.apply(n,[Cg[e]].concat(i)):Cg[e],c=new Blob([o],{type:"image/svg+xml"}),t.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(c)})));case 8:return t.abrupt("return",e);case 9:case"end":return t.stop()}}),t)}))),function(){return e.apply(this,arguments)})}]),t}(),Tg=function(){function t(e){O()(this,t),this.$editor=e}return j()(t,[{key:"project",get:function(){return this.$editor.selection.currentProject}},{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=Th.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 Array.isArray(t)?t=t.map((function(t){return n.applyAsset(t,e)})):qt(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):Zt(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}}]),t}(),Vg=function(){function t(e){O()(this,t),this.editor=e,this.plugins=[]}var e;return j()(t,[{key:"registerPlugin",value:function(t){this.plugins.push(t)}},{key:"initializePlugin",value:(e=La()(Fa.a.mark((function t(){var e,n=this,r=arguments;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:{},t.next=3,Promise.all(this.plugins.map(function(){var t=La()(Fa.a.mark((function t(r){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,r(n.editor,e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()));case 3:return t.abrupt("return",t.sent);case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})}]),t}(),Eg=function(){function t(e){O()(this,t),this.editor=e,this.renderers={},this.rendererTypes={}}return j()(t,[{key:"getRenderType",value:function(t){return this.renderers[t]||(this.renderers[t]={}),this.renderers[t]}},{key:"registerRenderer",value:function(t,e,n){var r=this.getRenderType(t);if(r[e])throw new Error("It has duplicated renderer name. "+e);r[e]=n}},{key:"registerRendererType",value:function(t,e){if(this.rendererTypes[t])throw new Error("It has duplcated renderer type name. "+name);this.rendererTypes[t]=e}},{key:"getRenderer",value:function(t){return this.rendererTypes[t]}},{key:"getRendererInstance",value:function(t,e){return this.getRenderType(t)[e]}}]),t}(),Ig=function(){function t(e){O()(this,t),this.editor=e,this.menuItems={}}return j()(t,[{key:"registerMenuItem",value:function(t,e){var n=this;this.menuItems[t]||(this.menuItems[t]=[]),Object.keys(e).forEach((function(r){n.menuItems[t].push({refClass:r,class:e[r]})}))}},{key:"getTargetMenuItems",value:function(t){return this.menuItems[t]||[]}},{key:"generate",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.getTargetMenuItems(t).map((function(t){var n=e?'ref="$'.concat(t.refClass,'"'):"";return'<object refClass="'.concat(t.refClass,'" ').concat(n," />")})).join("\n")}}]),t}(),Dg=function(){function t(e){O()(this,t),this.editor=e,this.locales={},this.fallbackLang="en_US"}return j()(t,[{key:"getLang",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t||this.fallbackLang}},{key:"setFallbackLang",value:function(t){this.fallbackLang=t}},{key:"get",value:function(t){var e,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this.getLang(i),o=(null===(e=this.locales[a])||void 0===e?void 0:e[t])||(null===(n=this.locales[this.fallbackLang])||void 0===n?void 0:n[t])||t||void 0;if(Jt(o))return o(r);var c=o;return t===c?t.split(".").pop():(Object.entries(r).forEach((function(t){var e=zt()(t,2),n=e[0],r=e[1];c=c.replace(new RegExp("{".concat(n,"}"),"ig"),r)})),c)}},{key:"hasKey",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=this.getLang(e);return!(!this.locales[n][t]&&!this.locales[this.fallbackLang][t])}},{key:"registerI18nMessage",value:function(t,e){this.locales[t]||(this.locales[t]={}),Object.assign(this.locales[t],e)}}]),t}(),Lg="SELECTION",Bg=function(){function t(){O()(this,t),this.EDITOR_ID=ha(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Lg,this.modeView="CanvasView",this.addComponentType="",this.loadManagers()}return j()(t,[{key:"loadManagers",value:function(){this.store=new xo(this),this.config=new md(this),this.snapManager=new Pd(this),this.commands=new sd(this),this.shortcuts=new gd(this),this.selection=new ih(this),this.timeline=new Oo(this),this.history=new bd(this),this.keyboardManager=new Od(this),this.viewport=new Sd(this),this.storageManager=new jd(this),this.cursorManager=new Mg(this),this.assetManager=new Tg(this),this.menuItemManager=new Ig(this),this.components=new ah(this),this.pluginManager=new Vg(this),this.renderers=new Eg(this),this.i18n=new Dg(this),this.initTheme(),this.initPlugins(),this.initStorage()}},{key:"initStorage",value:function(){this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all"}},{key:"createProject",value:function(){return this.createItem({itemType:"project"})}},{key:"getI18nMessage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.i18n.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return this.i18n.hasKey(t,e||this.locale)}},{key:"initI18nMessage",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"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"initPlugins",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.pluginManager.initializePlugin(t)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return wo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Lg;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(Lg)}},{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:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){var t=this.config.get("bodyEvent");return!t||("pointerup"===t.type||"pointermove"===t.type&&0===t.buttons)}},{key:"isPointerDown",get:function(){return!this.isPointerUp}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}},{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(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var i=n[0],a=n[1],o=n.slice(2);return(t=this.store).on.apply(t,[i,a,this].concat(ce()(o)))}},{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 Zt(t)?e.push(t):Array.isArray(t)&&(e=ce()(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:"storeKey",get:function(){return"__els__.".concat(this.config.get("store.key"))}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),JSON.stringify(e))}},{key:"loadResource",value:function(t){return this.assetManager.revokeResource(window.localStorage.getItem("".concat(this.storeKey,".").concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("".concat(this.storeKey,".").concat(t))||JSON.stringify(""))}},{key:"registerElement",value:function(t){io(t)}},{key:"registerMenuItem",value:function(t,e){this.menuItemManager.registerMenuItem(t,e),this.registerElement(e)}},{key:"registerComponent",value:function(t,e){this.components.registerComponent(t,e)}},{key:"registerItem",value:function(t,e){this.registerComponent(t,e)}},{key:"registerInspector",value:function(t,e){this.components.registerInspector(t,e)}},{key:"registerRenderer",value:function(t,e,n){this.renderers.registerRenderer(t,e,n)}},{key:"registerRendererType",value:function(t,e){this.renderers.registerRendererType(t,e)}},{key:"getRendererInstance",value:function(t,e){return this.renderers.getRendererInstance(t,e)}},{key:"renderer",value:function(t){return this.renderers.getRenderer(t)}},{key:"html",get:function(){return this.renderer("html")}},{key:"svg",get:function(){return this.renderer("svg")}},{key:"json",get:function(){return this.renderer("json")}},{key:"registerCommand",value:function(t){return this.commands.registerCommand(t)}},{key:"registerShortCut",value:function(t){this.shortcuts.registerShortCut(t)}},{key:"registerPlugin",value:function(t){this.pluginManager.registerPlugin(t)}},{key:"registerPluginList",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((function(e){return t.registerPlugin(e)}))}},{key:"registerConfig",value:function(t){this.config.registerConfig(t)}},{key:"registerI18nMessage",value:function(t,e){this.i18n.registerI18nMessage(t,e)}},{key:"registerI18nMessageWithLocale",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n=zt()(t,2),r=n[0],i=n[1];e.registerI18nMessage(r,i)}))}}]),t}(),Ag=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return _("bodyMouseMove ".concat(t))},zg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return _("bodyMouseUp ".concat(t))};function Fg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hg=function(t){R()(n,t);var e=Fg(n);function n(t){var r,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return O()(this,n),(r=e.call(this,t,i)).__UID=new Set,r.created(),r.initialize(),r.initializeStoreEvent(),r}return j()(n,[{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:MULTI_PREFIX,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=ae(t,e),i=zt()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"createLocalCallback",value:function(t,e){var n=e.bind(this);return n.displayName="".concat(this.sourceName,".").concat(t),n.source=this.source,n}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(B).forEach((function(e){var n=t.getRealEventName(e,"subscribe "),r=n.split(A),i=Ia()(r),a=(i[0],i.slice(1)),o=a.map((function(t){return t.trim()})).filter((function(e){return t[e]})).map((function(t){return{target:t}})),c=t.splitMethod(a,"debounce"),s=zt()(c,2),u=s[0],l=s[1],f=t.splitMethod(a,"throttle"),h=zt()(f,2),p=h[0],d=h[1],v=t.splitMethod(a,"allTrigger"),y=zt()(v,2),g=(y[0],y[1]),m=t.splitMethod(a,"selfTrigger"),b=zt()(m,2),k=(b[0],b[1]);n.split(A).filter((function(t){return-1===o.indexOf(t)&&-1===l.indexOf(t)&&-1===g.indexOf(t)&&-1===k.indexOf(t)&&-1===d.indexOf(t)})).map((function(t){return t.trim()})).filter(Boolean).forEach((function(n){if(Jt(t[e])){var r=t.createLocalCallback(n,t[e]);t.$store.on(n,r,t,u,p,g.length,k.length,o)}}))}))}},{key:"destoryStoreSUBSCRIBE",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){$a()(V()(n.prototype),"destroy",this).call(this),this.destoryStoreSUBSCRIBE()}},{key:"rerender",value:function(){$a()(V()(n.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:"broadcast",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];Object.keys(this.children).forEach((function(n){var i;(i=e.children[n]).trigger.apply(i,[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:"subscribe",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="subscribe.".concat(lo()),i=this.createLocalCallback(r,t);return this.$store.on(r,i,this,e,n,!1,!0),r}}]),n}(ko);function Gg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _g=function(t){R()(n,t);var e=Gg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.$editor.registerI18nMessageWithLocale(this.initializeI18nMessage())}},{key:"initializeI18nMessage",value:function(){return{}}},{key:"$editor",get:function(){return this.parent.$editor}},{key:"$store",get:function(){return this.$editor.store||this.parent.$store}},{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 this.$editor.getI18nMessage(t,e,n)}},{key:"$initI18n",value:function(t){return this.$editor.initI18nMessage(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}},{key:"$menuManager",get:function(){return this.$editor.menuItemManager}},{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:"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)}}]),n}(Hg);function Ng(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xg={x:0,y:0},Yg={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Kg=function(t){R()(n,t);var e=Ng(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.$editor.registerPluginList(this.getPlugins()),Array.isArray(this.opt.plugins)&&this.$editor.registerPluginList(this.opt.plugins),this.$editor.initPlugins(),qt(this.opt.config)&&this.$config.setAll(this.opt.config||{})}},{key:"$editor",get:function(){return this.__editorInstance||(this.__editorInstance=new Bg),this.__editorInstance}},{key:"afterRender",value:function(){$a()(V()(n.prototype),"afterRender",this).call(this),this.$el.attr("data-theme",this.$editor.theme),this.$el.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initialize",value:function(){var t;$a()(V()(n.prototype),"initialize",this).call(this),this.__initBodyMoves(),this.emit("load.json",null===(t=this.opt.data)||void 0===t?void 0:t.projects)}},{key:"getPlugins",value:function(){return[]}},{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):Gt(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")||Yg;!(n.x===t.x&&n.y===t.y)&&this.__moves.size&&(this.__moves.forEach((function(n){var r=Yi(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:it("add/body/mousemove"),value:function(t,e,n){this.__moves.add({func:t,context:e,xy:n})}},{key:it("add/body/mouseup"),value:function(t,e,n){this.__ends.add({func:t,context:e,xy:n})}},{key:wt("document"),value:function(t){var e=t.xy||Xg;this.$config.set("bodyEvent",t),this.$config.set("pos",e)}},{key:St("document"),value:function(t){var e=t.xy||Xg;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.__requestId||(this.__requestId=requestAnimationFrame(this.__funcBodyMoves))}},{key:jt("document"),value:function(t){this.$config.set("bodyEvent",t),this.__removeBodyMoves(),cancelAnimationFrame(this.__requestId),this.__requestId=null}},{key:xt("window")+Z(100),value:function(){this.emit("resize.window")}},{key:rt("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:rt("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:rt("changeTheme"),value:function(){this.$el.attr("data-theme",this.$editor.theme)}},{key:rt("changed.locale"),value:function(){this.rerender()}}]),n}(_g);n(34);function Ug(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wg=[],Zg=function(t){R()(n,t);var e=Ug(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(d," ").concat(30-c," L ").concat(d," 30 ")}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(h,'" y="',0,'" dx="0" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(f,"</text>")}return o.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,c=(n[0][0]-i)/a*o,s=(n[2][0]-i)/a*o;return"\n            M ".concat(c," 20 \n            L ").concat(c," 30 \n            L ").concat(s," 30 \n            L ").concat(s," 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,t),n=Math.max.apply(Math,t),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,c=(e-i)/a*o,s=(n-i)/a*o;return"\n            M ".concat(c," 15 \n            L ").concat(c," 20 \n            L ").concat(s," 20 \n            L ").concat(s," 15 \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 Wg=[],this.makeLine(Wg,200,e,n,r,i,10,20,1e4),this.makeLine(Wg,100,e,n,r,i,10,20,200),this.makeLine(Wg,50,e,n,r,i,10,20,100),this.makeLine(Wg,10,e,n,r,i,10,18,50),this.makeLine(Wg,5,e,n,r,i,10,15,10),this.makeLine(Wg,1,e,n,r,i,10,13,5),Wg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Tt("$ruler")+W,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:Tt("$layerRuler")+W,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:rt("updateViewport","refreshSelection"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+J(10),value:function(){this.$selection.current&&(this.$selection.current.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh())}},{key:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(_g);n(35);function qg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Jg=[],Qg=function(t){R()(n,t);var e=qg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(30-c," ").concat(d," L 30 ").concat(d)}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(1,'" y="',h,'" dy="6" dominant-baseline="central" transform="rotate(-90, 1, ').concat(h,')">').concat(f,"</text>")}return o.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,c=(n[0][1]-i)/a*o,s=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(c,"\n            L 30 ").concat(c,"\n            L 30 ").concat(s,"\n            L 20 ").concat(s,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=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 15 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 15 ").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 Jg=[],this.makeLine(Jg,200,e,n,r,i,10,18,1e4),this.makeLine(Jg,100,e,n,r,i,10,18,200),this.makeLine(Jg,50,e,n,r,i,10,18,100),this.makeLine(Jg,10,e,n,r,i,10,18,50),this.makeLine(Jg,5,e,n,r,i,10,15,10),this.makeLine(Jg,1,e,n,r,i,10,14,5),Jg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Tt("$body")+W,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:Tt("$layerRuler")+W,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+J(10),value:function(){var t=this.$selection.current;t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh()}},{key:rt("refreshSelection"),value:function(){this.load("$layerRuler")}},{key:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(_g),tm=function(){function t(){O()(this,t)}return j()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=ce()(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=ce()(t.dataTransfer.files)),[].concat(ce()(e),ce()(n))}}]),t}(),em=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],nm={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},rm={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},am=function(t){return nm[t]||!1},om=function(t){return im[t]||!1};function cm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sm=Ka.create("div"),um=function(t){R()(n,t);var e=cm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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      <style type='text/css' ref='$styleView'></style>\n    </div>\n    "}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.refs.$head=Ka.create(document.head)}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new nh;this.refs.$head.$$('style[data-renderer-type="html"]').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=Ka.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-renderer-type="html"][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:Tt("$svgArea")+W,value:function(){var t=this.$selection.currentProject||{};return this.$editor.html.renderSVG(t)}},{key:rt("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:rt("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:rt("refreshSelection"),value:function(){var t=this.$selection.items.map((function(t){return'[data-id="'.concat(t.id,'"]')})).join(","),e=this.$selection.isMany?"\n      ".concat(t," {\n        box-shadow: 0 0 0 1px #66baff;\n      }\n    "):"";this.refs.$styleView.html(e)}},{key:rt("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Array.isArray(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?Zt(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var c=n[a],s=c.allLayers.map((function(t){return'style[data-renderer-type="html"][data-id="'.concat(t.id,'"]')})).join(",");i.push(s),r.push(this.makeStyle(c))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var u=sm.html(r.join("")).createChildrenFragment();this.refs.$head.append(u)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),n}(_g);n(36);function lm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fm=function(t){R()(n,t);var e=lm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{StyleView:um}}},{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return"\n            <div class='elf--element-view' ref='$body'>\n                <object refClass='StyleView' ref='$styleView' />\n                <div class='canvas-view' ref='$view'></div>\n                ".concat(this.$menuManager.generate("render.view"),"\n            </div>\n        ")}},{key:rt("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:rt("refElement"),value:function(t,e){Jt(e)&&e(this.getElement(t))}},{key:"clearElementAll",value:function(){var t=this;this.$selection.each((function(e){t.clearElement(e.id)}))}},{key:"clearElement",value:function(t){this.state.cachedCurrentElement[t]=void 0}},{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:ut("$view .element-item.text .text-content"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:bt("$view .element-item.text .text-content"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:ft("$view .element-item.text .text-content"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.parent().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){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(hd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(n))return!0;var r=Ka.create(t.target);if(r.hasClass("canvas-view"))return!1;var i=r.closest("element-item");if(!i)return!!this.$editor.isSelectionMode();if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey){var o=this.$selection.currentProject.searchById(a);if(o.is("artboard")&&o.hasChildren())return this.$config.set("set.dragarea.mode",!0),!0}return this.$editor.isSelectionMode()}},{key:ut("$view"),value:function(t){var e=Ka.create(t.target).closest("element-item").attr("data-id"),n=this.$selection.get(e);this.$selection.isOne&&n&&(this.emit("open.editor"),this.emit("removeGuideLine"))}},{key:wt("$view")+N("checkEditMode")+Ag("calculateMovedElement")+zg("calculateEndedElement"),value:function(t){if(this.initMousePoint=this.$viewport.getWorldPosition(t),this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else{var e=this.$selection.hasPoint(this.initMousePoint),n=Ka.create(t.target);if(n.hasClass("canvas-view"))return this.$selection.select(),this.initializeDragSelection(),this.emit("history.refreshSelection"),!1;var r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||!1===this.$selection.check({id:i})&&this.$selection.selectById(i),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);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.initializeDragSelection(),this.emit("history.refreshSelection")}}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"calculateMovedElement",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(!this.$selection.isLayoutItem){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.moveTo(e),this.$selection.changeArtBoard()&&(this.initMousePoint=t,this.$selection.reselect(),this.$snapManager.clear(),this.clearElementAll(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Sa.px(t.x+n[0]).round(1e3),y:Sa.px(t.y+n[1]).round(1e3)}})),this.$selection.reset(r)}},{key:rt("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"calculateEndedElement",value:function(t,e){var n=this.$viewport.getWorldPosition(),r=i.dist(n,this.initMousePoint);if(this.$config.get("set.dragarea.mode"))return this.emit("endDragAreaView"),void this.$config.set("set.dragarea.mode",!1);r<1?this.$selection.current:(this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"))),this.emit("refreshSelectionTool",!0)}},{key:It("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Sa.px(e),height:Sa.px(n)}}}},{key:It("$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,")");return{style:{"transform-origin":"".concat(n[0],"px ").concat(n[1],"px"),transform:i}}}},{key:rt("refreshSelectionStyleView"),value:function(t){var e=this;(t?[t]:this.$selection.items).forEach((function(t){e.updateElement(t)}))}},{key:"updateElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:"updateTimelineElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:rt("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:rt("refreshAllCanvas"),value:function(){this.clearElementAll();var t=this.$selection.currentProject,e=this.$editor.html.render(t,null,this.$editor)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view"),this.trigger("updateAllCanvas",t)}},{key:rt("updateAllCanvas"),value:function(t){var e=this;t.layers.forEach((function(t){e.updateElement(t,e.getElement(t.id)),e.trigger("updateAllCanvas",t)}))}},{key:rt("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));ce()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:rt("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,c=r.height;t.reset({x:Sa.px(i),y:Sa.px(a),width:Sa.px(o),height:Sa.px(c)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:rt("updateViewport"),value:function(){this.bindData("$view")}}]),n}(_g);n(37);function hm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pm=function(t){R()(n,t);var e=hm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return"     \n      <div class='elf--page-tools'>\n        <button type='button' ref='$minus'>".concat(Cg.remove2,"</button>\n        <div class='select'>\n          <object \n            refClass=\"NumberInputEditor\" \n            ref='$scale' \n            min='10' \n            max='240' \n            step=\"1\" \n            key=\"scale\" \n            value=\"").concat(100*this.$viewport.scale,'" \n            onchange=').concat(this.subscribe((function(e,n){t.$viewport.setScale(n/100),t.emit("updateViewport"),t.trigger("updateViewport")}),1e3),"\n        />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Cg.add,"</button>        \n        <button type='button' ref='$center' data-tooltip=\"Move to Center\" data-direction=\"top\">").concat(Cg.gps_fixed,"</button>    \n        <button type='button' ref='$ruler' data-tooltip=\"Toggle Ruler\" data-direction=\"top\">").concat(Cg.straighten,"</button>    \n        <button type='button' ref='$fullscreen' data-tooltip=\"FullScreen Canvas\" data-direction=\"top\">").concat(Cg.fullscreen,"</button>                        \n        <button type='button' ref='$pantool' class=\"").concat(wc({on:this.$config.get("set.tool.hand")}),'" data-tooltip="Hand | H" data-direction="top">').concat(Cg.pantool,"</button>   \n        ").concat(this.$menuManager.generate("page.tools"),"                             \n      </div>\n\n    ")}},{key:rt("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale&&this.children.$scale.setValue(t)}},{key:st("$plus")+et+nt,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:st("$minus")+et+nt,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:st("$center")+et+nt,value:function(){this.emit("moveSelectionToCenter")}},{key:st("$pantool")+et+nt,value:function(){this.$config.toggle("set.tool.hand")}},{key:st("$ruler")+et+nt,value:function(){this.$config.toggle("show.ruler")}},{key:st("$fullscreen")+et+nt,value:function(){this.emit("bodypanel.toggle.fullscreen")}},{key:ot("set.tool.hand"),value:function(){this.refs.$pantool.toggleClass("on",this.$config.get("set.tool.hand"))}}]),n}(_g);n(38);function dm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ym=function(t){R()(n,t);var e=vm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--layer-append-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:"black",fontSize:30,showRectInfo:!1,areaVerties:Vo(0,0,0,0),content:"Insert a text",pathManager:new gf,rect:{},options:{},containerItem:void 0}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:St("$el")+N("checkNotDragStart"),value:function(t){var e=this.$viewport.getWorldPosition(t),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertex=i.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertex=null),this.bindData("$mousePointer")}},{key:wt("$el")+Ag()+zg()+et+nt,value:function(t){this.initMousePoint=this.state.targetPositionVertex?this.state.targetPositionVertex:this.$viewport.getWorldPosition(t),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="";var e=Vo(this.initMousePoint[0],this.initMousePoint[1],0,0);this.state.areaVerties=this.$viewport.applyVerties(e),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"text":case"svg-text":return"\n                <div \n                    class='draw-item' \n                    \n                    style='font-size: 30px;outline: 1px solid blue;white-space:nowrap'\n                >\n                    <p contenteditable=\"true\" style=\"margin:0px;display: inline-block;outline:none;\" ></p>\n                </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(gf.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(gf.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(gf.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            ");default:return"<div class='draw-item' style='outline: 1px solid blue;'></div>"}}},{key:It("$area"),value:function(){var t=Do(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:It("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=Do(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Sa.px(e[2][0]),top:Sa.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||[]).filter(Boolean);return 0!==e.length?'\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    "):void 0}},{key:It("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n]).filter(Boolean)):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,a=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),c=Math.max(n[0],this.initMousePoint[0])-a,s=Math.max(n[1],this.initMousePoint[1])-o;r&&(s=c);var u=Vo(a,o,c,s);this.state.areaVerties=this.$viewport.applyVerties(u),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.content,o=r.fontSize,c=r.areaVerties,s=this.$viewport.applyVertiesInverse(c),u=this.$selection.getArtboardByPoint(s[0]),l=Do(s),f=l.x,h=l.y,p=l.width,d=l.height,v=!0;if(0===p.value&&0===d.value)switch(this.state.type){case"text":a="",d.set(this.state.fontSize),v=!1;break;default:p.set(100),d.set(100)}var y=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({x:f,y:h,width:p,height:d,"background-color":i,content:a,"font-size":o},this.state.options);switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete y["background-color"];break;default:delete y.content}switch(this.state.type){case"image":this.trigger("openImage",y,u);break;case"video":this.trigger("openVideo",y,u);break;case"audio":this.trigger("openAudio",y,u);break;case"text":if(!v){var g=this.state.fontSize/this.$viewport.scale,m=this.refs.$area.$(".draw-item > p");return m.parent().css("height","".concat(g,"px")),m.parent().css("font-size","".concat(g,"px")),m.select(),void m.focus()}y["font-size"]=Sa.px(this.state.fontSize/this.$viewport.scale);default:this.emit("newComponent",this.state.type,y,!0,u)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:rt("showLayerAppendView"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.type=t,this.state.options=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:rt("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:rt("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:lt("document")+N("isShow")+Y+X+et+nt,value:function(t){}},{key:ft("document")+N("isShow")+Y+X+et+nt,value:function(t){switch(this.state.type){case"text":var e=Ka.create(t.target),n=this.state,r=n.fontSize,i=n.areaVerties,a=this.$viewport.applyVertiesInverse(i),o=Do(a),c=o.x,s=o.y,u=e.rect(),l=u.width,f=u.height,h=e.text();if(console.log(h,f),0===h.length)break;var p=this.$viewport.applyScaleVertiesInverse([[l,f,r]]),d=zt()(p,1),v=zt()(d[0],3),y=v[0],g=v[1],m=v[2],b={x:c,y:s,width:Sa.px(y),height:Sa.px(g),content:h.trim(),"font-size":Sa.px(m)},k=this.$selection.getArtboardByPoint(a[0]);this.emit("newComponent",this.state.type,b,!0,k)}this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect"),this.trigger("hideLayerAppendView")}},{key:ft("$el")+N("isShow"),value:function(t){switch(this.state.type){case"text":var e=Ka.create(t.target).rect();e.width,e.height}}},{key:yt("$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:yt("$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:rt("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:rt("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}}]),n}(_g);function gm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var bm=function(){function t(){O()(this,t),this.segmentList=[]}return j()(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(mm(mm({},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(mm(mm({},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?"":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 km(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?km(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):km(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var wm=["startPoint","endPoint","reversePoint"];function Pm(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 Om(t,e,n,r){var i=[],a=wm;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],c=Math.abs(o[e]-n);c<=r&&i.push({dist:c,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function Sm(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 c=a,s=t[c];if(s){if("M"===s.command)i.push({command:"M",values:[s.startPoint]});else{var u=Ac.getPrevPoint(t,a);!1===s.curve?!1===u.curve?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[u.endPoint,s.startPoint]}):!1===u.curve?Ac.isEqual(s.reversePoint,s.startPoint)?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[s.reversePoint,s.startPoint]}):i.push({command:"C",values:[u.endPoint,s.reversePoint,s.startPoint]})}s.close&&i.push({command:"Z"})}}var l=i.map((function(t){return jm(e,n,t,r)})).join(" ");return{d:l}}function jm(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 $m=function(){function t(e){O()(this,t),this.pathEditor=e,this.pathStringManager=new gf,this.guideLineManager=new gf,this.segmentManager=new bm,this.initialize(),this.initializeSelect()}return j()(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:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return ce()(this.state.points)}},{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=i.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){var e=this.transformRect,n=e.x,i=e.y,a=e.width,o=e.height,c=r.create();switch(r.translate(c,c,[n,i,0]),t){case"flipX":r.scale(c,c,[-1,1,1]),r.translate(c,c,[-a,0,0]);break;case"flipY":r.scale(c,c,[1,-1,1]),r.translate(c,c,[0,-o,0]);break;case"flip":r.scale(c,c,[-1,-1,1]),r.translate(c,c,[-a,-o,0])}r.translate(c,c,[-n,-i,0]),this.transformMat4(c)}},{key:"initTransform",value:function(t){this.transformRect=ee(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:ee(t.startPoint),endPoint:ee(t.endPoint),reversePoint:ee(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=Ac.getReversePoint(n.startPoint,a));var c={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(c)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:ee(t),curve:!1,reversePoint:ee(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=Ac.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Ac.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Ac.getNextPoint(i,t));var a=Ac.isFirst(r.segment);if(a){var o=Ac.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ee(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ee(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=zt()(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=ee(n.startPoint),n.endPoint=ee(n.startPoint),"M"===n.command){var r=Ac.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=ee(r.startPoint),r.endPoint=ee(r.startPoint))}else{if((i=Ac.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ee(o.startPoint),o.endPoint=ee(o.startPoint)}else{n.curve=!0;var i,a=Ac.getPrevPoint(e,t);if((i=Ac.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Ac.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ee(n.endPoint),o.reversePoint=ee(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var c=(n.startPoint.x-a.startPoint.x)/3,s=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reversePoint=Ac.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){c=(n.startPoint.x-i.startPoint.x)/3,s=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reverse=Ac.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]=Ac.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],c=o.x,s=o.y,u=n.originalSegment[e],l=u.x,f=u.y,h=Xi(la(c-i,s-a),Yi(l,f,i,a),i,a),p=h.x,d=h.y;n.segment[e]={x:p,y:d}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var a=r.state,o=a.cachedPoints,c=a.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=c.x+e,u=c.y+n,l=Pm(o,"x",s,e,i),f=l.point,h=(e=l.distanceValue,Pm(o,"y",u,n,i)),p=h.point,d=(n=h.distanceValue,{x:c.x+e,y:c.y+n}),v=[];return f&&v.push({startPoint:f,endPoint:d}),p&&v.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:v}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=ee(t.startPoint),e.endPoint=ee(t.endPoint),e.reversePoint=ee(t.reversePoint)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}},{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=Ac.splitPoints(this.state.points),n=Ac.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=ee(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=ee(t.startPoint)),Ac.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,c=this.calculateSnap(a,t,e,3),s=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=s||[],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 u="endPoint"===a?"reversePoint":"endPoint";r.segment[u]=Ac.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},c={x:i,y:a};n.dragPoints&&(c=Ac.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Ac.getPoint(r,e),a=Ac.getPoint(r,n),o=[xm(xm({},i),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},xm(xm({},a),{},{reversePoint:t.second[2]})],c=Ac.getIndex(r,e);return r.splice.apply(r,[c,2].concat(o)),this.state.points=r,c+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Ac.getPoint(r,e),a=Ac.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[xm(xm({},i),{},{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Ac.getIndex(r,e);r.splice.apply(r,[c,1].concat(ce()(o)))}else{o=[xm({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},xm(xm({},a),{},{reversePoint:t.second[1],curve:!0})],c=Ac.getIndex(r,e);r.splice.apply(r,[c,2].concat(ce()(o)))}return this.state.points=r,c+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=Ac.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 Sm(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,c=i,s=la(r-n,a-i)-180,u=Xi(0,20,o,c),l=u.x,f=u.y,h=Xi(s/2,20,o,c),p=(h.x,h.y,Xi(s,20,o,c));this.segmentManager.addDistanceAngle(p,20,20,s,{x:l,y:f},{x:l-20,y:f})}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)):(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint),!1===Ac.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===Ac.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?Ac.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===Ac.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===Ac.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ac.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===Ac.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Ac.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?Ac.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 gf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new gf).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Ac.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new gf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new gf).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new gf).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=Ac.getNextPoint(t,n),o=Ac.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=Om(t,"x",e.x,n),i=Om(t,"y",e.y,n),a=xm({},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),c=o.snapPointList,s=o.moveXY;a.push.apply(a,c),t.moveXY=s,r=s,this.snapPointList=a;var u=e[e.length-1];if(i)if(u){if(u.curve){var l=Ac.getReversePoint(n,r);p=l.x,d=l.y;this.guideLineManager.M(u.startPoint).C(u.endPoint,{x:p,y:d},n),this.segmentManager.addGuideLine(u.startPoint,u.endPoint).addGuideLine(n,{x:p,y:d}).addGuideLine(n,r).addCurvePoint(u.endPoint).addCurvePoint({x:p,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===u.curve){var f=Ac.getReversePoint(n,r);p=f.x,d=f.y;this.guideLineManager.M(u.startPoint).Q({x:p,y:d},n),this.segmentManager.addGuideLine(r,{x:p,y:d}).addPoint(!1,n).addCurvePoint({x:p,y:d}).addCurvePoint(r)}}else{var h=Ac.getReversePoint(n,r),p=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:p,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:p,y:d})}else u&&(u.curve?(this.guideLineManager.M(u.startPoint).Q(u.endPoint,r),this.segmentManager.addGuideLine(u.endPoint,u.startPoint).addCurvePoint(u.endPoint)):u.close||(this.guideLineManager.M(u.startPoint).L(r),this.segmentManager.addPoint(!1,u.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new gf;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:"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 Sm(t,e,n,r).d}}]),t}();function Rm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cm=function(t){R()(n,t);var e=Rm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),n}(zu);function Mm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Em=function(t){R()(n,t);var e=Vm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Tm({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Tm(Tm({},$a()(V()(n.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 e=Ds(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t));else{var a=t.split(" "),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];r.x1=Sa.parse(c),r.y1=Sa.parse(s),r.x2=Sa.parse(u),r.y2=Sa.parse(l),r.spreadMethod=f||"pad"}})),new n(Tm(Tm({},r),{},{colorsteps:i}))}}]),n}(Cm);function Im(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Im(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Im(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bm=function(t){R()(n,t);var e=Lm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Dm({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Dm(Dm({},$a()(V()(n.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,c=e.fr,s=e.spreadMethod;return"\n<radialGradient ".concat(xc({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:c,spreadMethod:s})," >\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 e=Ds(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=Bs(t,e.matches),i.push.apply(i,Iu.parse(t));else{var a=t.split(" "),o=zt()(a,7),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6];r.cx=c,r.cy=s,r.r=u,r.fx=l,r.fy=f,r.fr=h,r.spreadMethod=p||"pad"}})),new n(Dm(Dm({},r),{},{colorsteps:i}))}}]),n}(Cm);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){w()(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}function Fm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hm=function(t){R()(n,t);var e=Fm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Iu({color:"red",percent:0,index:0}),new Iu({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return zm(zm({},$a()(V()(n.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 n({colorsteps:[new Iu({color:t,percent:0,index:0}),new Iu({color:t,percent:100,index:0})]})}}]),n}(Cm);function Gm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xm=["jpg","jpeg","png","gif","svg"];var Ym=function(t){R()(n,t);var e=Nm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,_m({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return _m(_m({},$a()(V()(n.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,c=t.imageHeight,s=t.url,u=[e,n,r,i,a,o,c].join(",").trim();return"url(".concat(s,"#").concat(u,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,c=e.imageWidth,s=e.imageHeight;return"\n  <pattern ".concat(xc({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(xc({x:a,y:o,width:c,height:s,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var e=t.split("(")[1].split(")")[0].trim().split("#"),r=zt()(e,2),i=r[0],a=r[1];if(!a)return new n({url:i});var o=a.split(","),c=zt()(o,7);return new n({patternUnits:c[0],patternWidth:c[1],patternHeight:c[2],imageX:c[3],imageY:c[4],imageWidth:c[5],imageHeight:c[6],url:i})}},{key:"isImageFile",value:function(t){return Xm.includes(t)}}]),n}(Cu);function Km(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Um(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Km(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Km(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Wm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zm=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,qm=function(t){R()(n,t);var e=Wm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.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 Em(Um(Um({},r),{},{colorsteps:n}));case"radial-gradient":return new Bm(Um(Um({},r),{},{colorsteps:n}));default:return new Hm(Um(Um({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Ds(t),n=null,r=e.str.match(Zm);return r?(r.forEach((function(t,r){t=Bs(t,e.matches),n=t.includes("linear")?Em.parse(t):t.includes("radial")?Bm.parse(t):t.includes("url")?Ym.parse(t):Hm.parse(t)})),n):Hm.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Em(t);case"radial-gradient":return new Bm(t);case"image-resource":case"url":return new Ym(t);default:return new Hm(t)}}}]),n}(Tc);n(39);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eb=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],nb=function(t){R()(n,t);var e=tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new Hc}},{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:Sa.z(),screenY:Sa.z(),screenWidth:Sa.z(),screenHeight:Sa.z()}}},{key:rt("changeDrawManager"),value:function(t){this.setState(Qm({},t),!1)}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:ft("document")+N("isShow")+Y+X+et+nt,value:function(){this.trigger("hidePathDrawEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var a=Ac.simply(this.state.points,this.state.tolerance),o=new Hc(gf.makePathByPoints(a)),c=new Hc($m.generatorPathString(o.convertGenerator()));c.transformMat4(this.$viewport.matrixInverse);var s=c.getBBox(),u=i.distance(s[1],s[0]),l=i.distance(s[3],s[0]);c.translate(-s[0][0],-s[0][1]);var f={itemType:"svg-path",x:Sa.px(s[0][0]),y:Sa.px(s[0][1]),width:Sa.px(u),height:Sa.px(l),d:c.scale(1/u,1/l).d,totalLength:this.totalPathLength};eb.forEach((function(t){n.state[t]&&Object.assign(f,w()({},t,n.state[t]))})),e=r.appendChildItem(this.$editor.createItem(f))}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(Qm(Qm({},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:rt("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:rt("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:rt("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:rt("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:"toFillSVG",get:function(){return qm.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return qm.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 qm.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return qm.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}},{key:It("$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(gf.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:rt("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Sa.z(),y:Sa.z(),width:Sa.z(),height:Sa.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:wt("$view")+Ag()+zg(),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")}}]),n}(_g);n(40);function rb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?rb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ab(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function ob(t){var e=zt()(t,2);return{x:e[0],y:e[1]}}var cb=["fill","fill-opacity","stroke","stroke-width"],sb=function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new Hc,this.pathGenerator=new $m(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Sa.z(),screenY:Sa.z(),screenWidth:Sa.z(),screenHeight:Sa.z()}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:ft("document")+N("isShow")+X+et+nt,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:ft("document")+N("isShow")+Y+et+nt,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new Hc(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var a=r.getBBox(),o=i.distance(a[1],a[0]),c=i.distance(a[3],a[0]);r.translate(-a[0][0],-a[0][1]);var s={itemType:"svg-path",x:Sa.px(a[0][0]),y:Sa.px(a[0][1]),width:Sa.px(o),height:Sa.px(c),d:r.scale(1/o,1/c).d,totalLength:this.totalPathLength,fill:"#C4C4C4"};cb.forEach((function(t){e.state[t]&&(s[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(a[0])||n).appendChildItem(this.$editor.createItem(s))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new Hc(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(ib({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:rt("changePathManager"),value:function(t){this.setState(ib(ib({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:rt("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new Hc(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:rt("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:rt("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:rt("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:It("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,canvas:"canvas"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:It("$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:St("$view")+et,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=Ka.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:wt("$view :not(.split-path)")+et+nt+Ag()+zg(),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=Ka.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=zt()(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:Sa.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:Sa.px(t.x+(e<0?e:0)),top:Sa.px(t.y+(n<0?n:0)),width:Sa.px(Math.abs(e)),height:Sa.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 Sa.parse(t)})),e=zt()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Sa.px(n.x.value+n.width.value),n.y2=Sa.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(Yi(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(),Jt(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:rt("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:rt("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:rt("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))}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("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:rt("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new Hc(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new Hc(t);if("C"===n.segments[1].command){var r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2)),ob(n.segments[1].values.slice(2,4)),ob(n.segments[1].values.slice(4,6))],i=qo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return ac(r,i).first[3]}if("Q"===n.segments[1].command){r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2)),ob(n.segments[1].values.slice(2,4))],i=Jo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return oc(r,i).first[2]}if("L"===n.segments[1].command){r=[ob(n.segments[0].values),ob(n.segments[1].values.slice(0,2))],i=Qo.apply(void 0,ce()(r).concat([200]))(e.x,e.y);return cc(r,i).first[1]}return e}},{key:wt("$view .split-path")+Ag()+zg(),value:function(t){this.initRect();var e=new Hc(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=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2)),ob(e.segments[1].values.slice(2,4)),ob(e.segments[1].values.slice(4,6))],a=qo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(ac(i,a))}else if("Q"===e.segments[1].command){i=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2)),ob(e.segments[1].values.slice(2,4))],a=Jo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(oc(i,a))}else if("L"===e.segments[1].command){i=[ob(e.segments[0].values),ob(e.segments[1].values.slice(0,2))],a=Qo.apply(void 0,ce()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(cc(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)}}]),n}(function(t){R()(n,t);var e=ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:ut("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:Mt("$view [data-segment]")+et+q(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),n}(_g))));n(41);function ub(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lb=function(t){R()(n,t);var e=ub(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--hover-view'>\n                <div class='elf--hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:ot("bodyEvent"),value:function(){var t,e=null===(t=this.$selection.filteredLayers.filter((function(t){return!1===t.is("artboard")}))[0])||void 0===t?void 0:t.id;e&&!1!==this.$config.get("hoverView")?this.$selection.setHoverId(e)&&this.renderHoverLayer():(this.$selection.setHoverId(""),this.renderHoverLayer())}},{key:rt("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(""),this.emit("removeGuideLine");else{var e=t[0].verties,n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n),this.emit("refreshGuideLineByTarget",[t[0].verties])}}},{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                />\n        </svg>')}}]),n}(_g);n(42);function fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hb=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,"' />")},pb=function(t,e){var n="".concat(Math.floor(t)),r=13,i=16,a=n.length*r,o=i;return'\n    \n        <rect x="'.concat(e[0]-a/4,'" y="').concat(e[1]-i-2,'" width="').concat(a,'" height="').concat(o,'" rx="2" ry="2" fill="#00a9f4" />\n        <text x="').concat(e[0],'" y="').concat(e[1],'" dy="-5" font-size="16">').concat(n,"</text>\n    ")},db=function(t,e){return hb(t,e)},vb=function(t,e){return hb(t,e)},yb=function(t){return'\n    <path \n        class="base-rect"\n        fill="none"\n        stroke-width="1"\n        stroke="red"\n        stroke-dasharray="2 2"\n        d="'.concat(gf.makeRect(t[0][0],t[0][1],i.dist(t[0],t[1]),i.dist(t[0],t[3])),'\n        " \n    />\n')},gb=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left";return"left"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]+e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"right"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]-e," ").concat(t[1]+e,'\n            " \n        />\n    '):"up"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"down"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '):'\n        <path \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    ')},mb=function(t){R()(n,t);var e=fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <svg class=\'elf--guide-line-view\' ref="$guide" width="100%" height="100%" ></svg>\n            '}},{key:"initState",value:function(){return{list:[]}}},{key:It("$guide"),value:function(){return{svgDiff:"<g>".concat(this.createGuideLine(this.state.list),"</g>")}}},{key:"createGuideLine",value:function(t){for(var e=[],n=[],r=0,a=(t=t.filter(Boolean)).length;r<a;r++){var o=zt()(t[r],8),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6],d=(o[7],Math.floor(l)),v=this.$viewport.applyVertex(c),y=this.$viewport.applyVertex(s),g=void 0;f&&(g=this.$viewport.applyVerties([f])[0]),"x"===u&&(d>0&&e.push(hb(v,y,"dash-line")),g&&e.push(hb(y,g,"dash-line")),d>0&&n.push(pb(d,i.lerp([],v,y,.5)))),"y"===u&&(d>0&&e.push(hb(v,y,"dash-line")),g&&e.push(hb(y,g,"dash-line")),d>0&&n.push(pb(d,i.add([],i.lerp([],v,y,.5),[20,0,0])))),"x"===u&&e.push(db(y,v)),"y"===u&&e.push(vb(y,v)),this.state.hasVerties&&(e.push(gb(v,3,"vertex")),e.push(gb(y,3,"vertex"))),h&&(this.$selection.isOne&&this.$editor.isPointerDown||this.$selection.isMany&&!this.$editor.isPointerMove)&&e.push(yb(this.$viewport.applyVerties(h))),p&&e.push(yb(this.$viewport.applyVerties(p)))}return[].concat(e,n).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState({list:t,hasVerties:e})}},{key:rt("removeGuideLine","refreshSelection"),value:function(){this.removeGuideLine()}},{key:rt("refreshGuideLineByTarget"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.refreshSmartGuides(t)}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:"refreshSmartGuides",value:function(t){if(!this.$selection.isEmpty){var e,n=Bo(this.$selection.verties);if(t)e=t.map((function(t){return Bo(t)}));else{var r=this.$selection.snapTargetLayers.map((function(t){var e=Bo(t.verties);return{targetVerties:e,dist:i.dist(e[4],n[4])}}));r.sort((function(t,e){return t.dist-e.dist})),e=r.map((function(t){return t.targetVerties}))}var a=e.map((function(t){return qi(n,t)}));a.sort((function(t,e){return t[3]-e[3]}));var o=[a[0],a[1]].filter(Boolean);this.setGuideLine(o)}}},{key:"refreshSmartGuidesForVerties",value:function(){var t=this.$snapManager.findGuide(this.$selection.verties);this.setGuideLine(t,!0)}},{key:rt("refreshSelectionStyleView"),value:function(){!this.$selection.hasChangedField("d","clip-path")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refreshSmartGuidesForVerties()}}]),n}(_g);n(43);function bb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kb=function(t){R()(n,t);var e=bb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='elf--selection-info-view'></div>"}},{key:wt("$el [data-artboard-title-id]")+U+Ag("calculateMovedElement")+zg("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.getWorldPosition(t);var e=t.$dt.attr("data-artboard-title-id");this.$selection.selectById(e),t.altKey&&(this.$selection.selectAfterCopy(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),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.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));this.emit("selectionToolView.moveTo",n),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.refresh()}))}},{key:rt("refreshItemName"),value:function(t,e){var n;this.emit("setAttributeForMulti",w()({},t,{name:e})),null===(n=this.$el.$("[data-artboard-title-id='".concat(t,"']")))||void 0===n||n.text(e)}},{key:"calculateEndedElement",value:function(t,e){this.command("setAttributeForMulti","move item",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}},{key:rt("updateViewport"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView"),value:function(){this.$selection.current&&this.$selection.current.is("artboard")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refresh()}},{key:Tt("$el")+W,value:function(){var t=this;return this.$selection.currentProject.artboards.map((function(e){return{title:e.name,id:e.id,rect:[t.$viewport.applyVertex(e.verties[0]),t.$viewport.applyVertex(e.verties[1])]}})).map((function(e){return t.makeArtboardTitleArea(e)}))}},{key:"makeArtboardTitleArea",value:function(t){return'\n            <div class="artboard-title is-not-drag-area" \n                 data-artboard-title-id="'.concat(t.id,'" \n                 style="left: ').concat(t.rect[0][0],"px;top:").concat(t.rect[0][1],'px;"\n            >').concat(t.title,"</div>")}}]),n}(_g);function xb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Pb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ob=function(t){R()(n,t);var e=Pb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Tt("$el"),value:function(){var t=this;if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var n=e.parent,r=n.screenX,i=n.screenY,a=n.width,o=n.height,c=this.$editor.html.toGridLayoutCSS(n);return"<div style='".concat(bc(wb({position:"absolute",left:r,top:i,width:a,height:o,border:"1px solid black"},c)),"'>\n                ").concat(n.layers.map((function(e){var n=t.$editor.html.toLayoutItemCSS(e);return"<div style='".concat(bc(wb(wb({},n),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:rt("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:rt("updateViewport"),value:function(){this.refresh()}}]),n}(_g);n(20);function Sb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jb=function(t){R()(n,t);var e=Sb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView"></div>            \n        '}},{key:"checkSelectionArea",value:function(t){var e=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(e))return!0}},{key:"checkEditMode",value:function(t){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(hd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);return this.inSelection=!1,this.$selection.hasPoint(n)?(this.inSelection=!0,this.$selection.current.is("artboard")&&this.$selection.current.hasChildren()?(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1),!0):(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0),!0)):(this.mouseOverItem=this.$selection.filteredLayers[0],this.mouseOverItem?(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0)):(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1)),!0)}},{key:wt("$dragAreaView")+N("checkEditMode")+Ag("movePointer")+zg("moveEndPointer"),value:function(t){if(this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else if(this.$config.get("set.move.mode"))if(this.initMousePoint=this.$viewport.getWorldPosition(),this.mouseOverItem=this.$selection.filteredLayers[0],t.altKey)!1===this.$selection.isEmpty&&this.$selection.hasPoint(this.initMousePoint)&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(this.mouseOverItem){var e=this.mouseOverItem.id;if(t.shiftKey)this.$selection.toggleById(e);else if(!1===this.$selection.check({id:e})){var n=this.$selection.currentProject.searchById(e);n&&n.is("artboard")&&n.hasChildren()||this.$selection.selectById(e)}}this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"movePointer",value:function(t,e){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(this.$config.get("set.move.mode")){if(this.$selection.isLayoutItem)return;var n=this.$viewport.getWorldPosition(),r=i.floor([],i.subtract([],n,this.initMousePoint));this.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){var e=t.verties.map((function(t){return i.add([],t,n)})),a=i.subtract([],i.transformMat4([],e[0],t.parentMatrixInverse),i.transformMat4([],t.verties[0],t.parentMatrixInverse));r[t.id]={x:Sa.px(t.x+a[0]).round(1e3),y:Sa.px(t.y+a[1]).round(1e3)}})),this.$selection.reset(r)}},{key:rt("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"moveEndPointer",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("endDragAreaView");else if(this.$config.get("set.move.mode")){var t=this.$viewport.getWorldPosition();if(i.floor([],i.subtract([],t,this.initMousePoint))<1){if(this.$selection.current.isSVG())return this.emit("open.editor"),void this.emit("removeGuideLine")}else this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"));this.emit("refreshSelectionTool",!0)}this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!1)}}]),n}(_g);function $b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rb=function(t){R()(n,t);var e=$b(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Sa.z(),y:Sa.z(),width:Sa.px(1e4),height:Sa.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView" style="pointer-events:none;">\n                <div class=\'drag-area-rect\' ref=\'$dragAreaRect\'></div>\n            </div>            \n        '}},{key:rt("drawAreaView"),value:function(t){this.refs.$dragAreaRect.css(t)}},{key:rt("initDrawAreaView"),value:function(){this.refs.$dragAreaRect.css({left:Sa.px(-1e4),top:Sa.z(),width:Sa.z(),height:Sa.z()})}},{key:rt("startDragAreaView"),value:function(){this.initMousePoint=this.$viewport.getWorldPosition(),this.$config.set("hoverView",!1),this.dragRect={left:Sa.px(this.initMousePoint[0]),top:Sa.px(this.initMousePoint[1]),width:Sa.z(),height:Sa.z()},this.trigger("drawAreaView",this.dragRect)}},{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:rt("moveDragAreaView"),value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));t.shiftKey&&(n[1]=n[0]);var r=i.floor([],this.initMousePoint),a=i.floor([],i.add([],this.initMousePoint,n)),o=Bo([this.$viewport.applyVertex(r),this.$viewport.applyVertex(a)]);if(this.dragRect={left:Sa.px(o[0][0]),top:Sa.px(o[0][1]),width:Sa.px(Math.abs(o[1][0]-o[0][0])),height:Sa.px(Math.abs(o[3][1]-o[0][1]))},this.trigger("drawAreaView",this.dragRect),this.$editor.isSelectionMode()){var c=this.dragRect,s=c.left,u=c.top,l=c.width,f=c.height,h={x:s.value,y:u.value,width:l.value,height:f.value};if(this.$selection.currentProject){var p,d=this.getSelectedItems(h,Lo([r,a]));(p=this.$selection).select.apply(p,ce()(d))&&(this.emit("refreshSelection"),this.emit("refreshSelectionTool",!0))}}}},{key:rt("endDragAreaView"),value:function(){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.$config.set("hoverView",!0),0===e[0]&&0===e[1]&&this.$selection.empty(),this.trigger("initDrawAreaView"),this.$selection.reselect(),this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),this.emit("removeGuideLine")}}]),n}(_g);n(21);function Cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mb={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"},Tb=function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:rt("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:rt("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:wt("$pointerRect .rotate-pointer")+Ag("rotateVertex")+zg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.verties=ee(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),r=4===this.rotateTargetNumber?Eo(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(aa(r,this.verties[4],n));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);if(n){var r=Bc.addTransform(e.transform,"rotateZ(".concat(Sa.deg(a).round(1e3),")"));if(t.$config.get("bodyEvent").shiftKey){var i=Bc.get(r,"rotateZ");if(i[0]){var o=i[0].value-i[0].value%t.$config.get("fixed.angle");r=Bc.rotateZ(r,Sa.deg(o))}}n.reset({transform:r})}})),this.state.dragging=!0,this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform"))}},{key:"rotateEndVertex",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","change rotate",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=la(r[0],r[1]),o=Math.floor(a)-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:Pt("$pointerRect .rotate-pointer")+N("checkPointerIsNotMoved"),value:function(t){this.refreshRotatePointerIcon(t)}},{key:Pt("$pointerRect .pointer")+N("checkPointerIsNotMoved"),value:function(t){this.refreshPointerIcon(t)}},{key:Ot("$pointerRect .pointer,.rotate-pointer")+N("checkPointerIsNotMoved"),value:function(t){this.emit("recoverCursor")}},{key:wt("$pointerRect .pointer")+Ag("moveVertex")+zg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=Mb["".concat(e)];this.initMousePoint=this.$viewport.getWorldPosition(t),this.state.moveType=n,this.state.moveTarget=e,this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.subtract([],$o.scale(a,e,n),t);return sa(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Sa.px(e[0]+(n<0?n:0)),y:Sa.px(e[1]+(r<0?r:0)),width:Sa.px(Math.abs(n)),height:Sa.px(Math.abs(r))})}},{key:"moveDirectionVertex",value:function(t,e,n,i,a){var o=ca(t.directionMatrix[i],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),c=r.getTranslation([],o);this.moveItem(this.$selection.get(t.id),c,e,n)}},{key:"moveBottomRightVertex",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=zt()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var c=n.width+a,s=n.height+o;e.moveDirectionVertex(n,c,s,"to top left",[0,0,0])}))}},{key:"moveTopRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom left",[0,c,0])}}},{key:"moveTopLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom right",[o,c,0])}}},{key:"moveTopVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,o,c,"to top right",[o,0,0])}}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType?this.moveBottomVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.pack("x","y","width","height"))}))}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)}))),n=i.add([],t,e),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Sa.px(t.x+n[0]),y:Sa.px(t.y+n[1])}})),this.$selection.reset(r)}},{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.$selection.isEmpty){var t=this.$selection.verties,e=this.$selection.selectionVerties,n=r.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var i=this.createRenderPointers.apply(this,ce()(this.state.renderPointerList));if(i){var a=i.line,o=i.point,c=i.size;this.refs.$pointerRect.updateDiff(a+o+c)}}}},{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,a="";if(!(r&&r.is("artboard"))){var o=i.lerp([],t[0],t[1],.5);a+="\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(a,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.$selection.current.width.value,l=this.$selection.current.height.value,f=i.subtract([],c.data.start,c.data.end),h=la(f[0],f[1])+90,p="".concat(zi(u,100)," x ").concat(zi(l,100));if(this.state.isRotate){var d=Bc.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(zi(d[0].value,1e3),"°"))}return'\n            <div \n                data-layout="'.concat(this.$selection.current.layout,"\"\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(t,e,n){var r=this.$selection.current,a=this.$editor.isPointerMove;if(!r||!r.is("text")||0!==r.width.value||0!==r.height.value){var o=r&&r.is("artboard"),c=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),s=Sa.deg(la(c[0],c[1])+90).round(1e3),u=Eo(t,34),l=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,u,n[0]),size:this.createSize(t),point:[o?void 0:this.createRotatePointer(e[0],0),o?void 0:this.createRotatePointer(e[1],1),o?void 0:this.createRotatePointer(e[2],2),o?void 0:this.createRotatePointer(e[3],3),o?void 0:this.createRotatePointer(u,4,"center center"),a?void 0:this.createPointer(t[0],1,s),a?void 0:this.createPointer(t[1],2,s),a?void 0:this.createPointer(t[2],3,s),a?void 0:this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20||a?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11,s),l<20||a?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12,s),l<20||a?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13,s),l<20||a?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14,s)].join("")}}}},{key:"checkShow",value:function(){return!(!this.$selection.isOne||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:rt("refreshSelectionStyleView")+N("checkShow"),value:function(){this.renderPointers()}},{key:rt("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:rt("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:rt("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:rt("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),n}(_g));function Vb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Eb=function(t){R()(n,t);var e=Vb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGroup",get:function(){return Boolean(this.layers.length)}},{key:"isLayoutItem",value:function(){return this.parent.hasLayout()}},{key:"hasLayout",value:function(){return"default"!==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}}]),n}(Yc);function Ib(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Ib(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ib(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bb=function(t){R()(n,t);var e=Lb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Db({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Db(Db({},$a()(V()(n.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 n(t)}}]),n}(Tc);function Ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ab(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hb={};["appearance","position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","border-radius","border","box-shadow","clip-path","color","perspective-origin","transform-origin","transform-style","perspective","mix-blend-mode","overflow","opacity","flex-layout","grid-layout","animation","transition","pattern"].forEach((function(t){Hb[t]=!0}));var Gb=function(t){R()(n,t);var e=Fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,zb({position:"absolute",x:Sa.z(),y:Sa.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Sa.px(300),height:Sa.px(300),color:"black",overflow:"visible",opacity:1,"z-index":Sa.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 zb(zb(zb({},$a()(V()(n.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","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:"editable",value:function(t){if("border"==t&&this.hasChildren())return!1;switch(t){case"svg-item":case"box-model":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Boolean(Hb[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 Bb(zb({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(ce()(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():Sa.z(),y:this.json.y?this.json.y.clone():Sa.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Sa.px(t.x.value+t.width.value),t.y2=Sa.px(t.y.value+t.height.value),t}},{key:"reset",value:function(t){var e=$a()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("clip-path")&&this.setClipPathCache(),e}},{key:"setClipPathCache",value:function(){var t=of.parseStyle(this.json["clip-path"]);"path"===t.type&&(this.cacheClipPath=new Hc(t.value.trim()))}},{key:"setCache",value:function(){$a()(V()(n.prototype),"setCache",this).call(this),this.setClipPathCache()}},{key:"clipPathString",get:function(){if(this.cacheClipPath||this.setClipPathCache(),this.cacheClipPath)return this.cacheClipPath.clone().scaleTo(this.json.width.value,this.json.height.value)}}]),n}(Eb);function _b(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_b(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Xb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yb=function(t){R()(n,t);var e=Xb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,Nb({itemType:"artboard",name:"New ArtBoard",width:Sa.px(1e3),height:Sa.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return Nb(Nb({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Cg.artboard}},{key:"editable",value:function(t){switch(t){case"border":case"border-radius":case"backdrop-filter":case"box-shadow":case"clip-path":return!1;case"artboard-size":case"layout":return!0}return $a()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(Gb);function Kb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ub={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"},Wb=function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:rt("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:rt("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:wt("$pointerRect .rotate-pointer")+Ag("rotateVertex")+zg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.verties=this.groupItem.verties,this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),a=4===this.rotateTargetNumber?Eo(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(aa(a,this.verties[4],n));this.$config.get("bodyEvent").shiftKey&&(o-=o%this.$config.get("fixed.angle")),this.localAngle=this.angle+o,this.groupItem.reset({transform:Bc.rotateZ(this.groupItem.transform,Sa.deg(this.localAngle))});var c=oa(o,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=Ui(e.verties,r.multiply([],e.parentMatrixInverse,c)),a=Eo(n,34),o=ia(a[0]-n[4][0],a[1]-n[4][1])-270,s=i.transformMat4([],n[0],oa(-o,n[4])),u=t.$selection.get(e.id);u&&u.reset({x:Sa.px(s[0]),y:Sa.px(s[1]),transform:Bc.rotateZ(e.transform,Sa.deg(o))})})),this.state.dragging=!0,this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform"))}},{key:"rotateEndVertex",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=la(r[0],r[1]),o=Math.floor(a)-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:Pt("$pointerRect .rotate-pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.refreshRotatePointerIcon(t)}},{key:Pt("$pointerRect .pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.refreshPointerIcon(t)}},{key:Ot("$pointerRect .pointer,.rotate-pointer")+N("checkPointerIsNotMoved")+et,value:function(t){this.emit("recoverCursor")}},{key:wt("$pointerRect .pointer")+et+Ag("moveVertex")+zg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=Ub["".concat(e)],this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.initMatrix(!0),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.add([],$o.scale(a,e,n),i.negate([],t));return sa(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Sa.px(t[0]+(e<0?e:0)).round(1e3),y:Sa.px(t[1]+(n<0?n:0)).round(1e3),width:Sa.px(Math.abs(e)).round(1e3),height:Sa.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=sa(r.fromTranslation([],e[4]),t.itemMatrix,r.fromTranslation([],i.negate([],e[4]))),c=i.transformMat4([],e[0],o),s=zt()(c,2),u=s[0],l=s[1],f=i.distance(e[0],e[1]),h=i.distance(e[0],e[3]),p=this.$selection.get(t.id);p&&p.reset({x:Sa.px(u+n),y:Sa.px(l+a),width:Sa.px(f),height:Sa.px(h)})}},{key:"recoverItemForGroup",value:function(t,e,n){var i=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,c=t.accumulatedMatrix,s=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var u=ca(t.parentMatrixInverse,c,r.fromTranslation([],[a,o,0]),r.fromScaling([],[e,n,1]),s),l=Ui(t.verties,u);i.moveItemForGroup(t,l)}))}},{key:"moveBottomRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,c=e.height+a;this.moveDirectionVertex(e,0,0,o,c,"to top left",[0,0,0])}},{key:"moveTopRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,0,a,o,c,"to bottom left",[0,c,0])}},{key:"moveDirectionVertex",value:function(t,e,n,i,a,o,c){var s=i/t.width,u=a/t.height;if(s>=0&&u>=0){var l=ca(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(c,i,a,t.originalTransformOrigin,t.itemMatrix)),f=r.getTranslation([],l);this.moveGroupItem(f,i,a),this.recoverItemForGroup(t,s,u,e,n)}}},{key:"moveTopVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,i,a,o,c,"to bottom right",[o,c,0])}},{key:"moveLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=zt()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=zt()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=zt()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,i,0,o,c,"to top right",[o,0,0])}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to bottom left"===this.state.moveType?this.moveBottomLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType&&this.moveBottomVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.state.dragging=!1,this.initMatrix(!0),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.pack("x","y","width","height","transform"))}))}},{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:"item",get:function(){var t=this.verties||Vo(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new Yb),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Sa.px(t[0][0]),y:Sa.px(t[0][1]),width:Sa.px(i.dist(t[0],t[1])),height:Sa.px(i.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=ee(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.state.dragging?this.groupItem.verties:this.$selection.verties,e=this.groupItem.selectionVerties();if(0!==t.length){this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,ce()(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,n){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){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=i.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=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.groupItem.width.value,l=this.groupItem.height.value,f=i.subtract([],c.data.start,c.data.end),h=la(f[0],f[1])+90,p="".concat(zi(u,100)," x ").concat(zi(l,100));if(this.state.isRotate){var d=Bc.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(t,e){var n=this.$editor.isPointerMove,r=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),a=Sa.deg(la(r[0],r[1])-90).round(1e3),o=Eo(t,30),c=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,o),size:this.createSize(t),point:[this.createRotatePointer(e[0],0,"bottom right"),this.createRotatePointer(e[1],1,"bottom left"),this.createRotatePointer(e[2],2,"top left"),this.createRotatePointer(e[3],3,"top right"),this.createRotatePointer(o,4,"center center"),n?void 0:this.createPointer(t[0],1,a),n?void 0:this.createPointer(t[1],2,a),n?void 0:this.createPointer(t[2],3,a),n?void 0:this.createPointer(t[3],4,a),c<20||n?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11),c<20||n?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12),c<20||n?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13),c<20||n?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14)].join("")}}},{key:"checkShow",value:function(){return!(!this.$selection.isMany||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:rt("refreshSelectionStyleView")+N("checkShow"),value:function(){this.renderPointers()}},{key:rt("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:rt("hideSelectionToolView"),value:function(){}},{key:rt("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:rt("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:rt("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:rt("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),n}(_g));n(44);function Zb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qb=function(t){R()(r,t);var e,n=Zb(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"components",value:function(){return{SelectionToolView:Tb,GroupSelectionToolView:Wb,PageTools:pm,GridLayoutLineView:Ob,DragAreaRectView:Rb,HTMLRenderView:fm,SelectionInfoView:kb,LayerAppendView:ym,PathEditorView:sb,PathDrawView:nb,HoverView:lb,GuideLineView:mb,DragAreaView:jb}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.nextTick((function(){t.trigger("resizeCanvas"),t.emit("moveSelectionToCenter",!1),t.refreshCursor()}))}},{key:"template",value:function(){return"\n      <div class='elf--page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view' ref=\"$pageView\">\n          <div class='page-lock scrollbar' ref='$lock'>            \n            <object refClass=\"DragAreaView\" ref=\"$dragAreaView\" />               \n            <object refClass='HTMLRenderView' ref='$elementView' />                                        \n            <object refClass='SelectionToolView' ref='$selectionTool' />\n            <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n            <object refClass=\"DragAreaRectView\" ref=\"$dragAreaRectView\" />                  \n            <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />            \n            <object refClass='SelectionInfoView' ref='$selectionInfoView' />                                                            \n            <object refClass='GuideLineView' ref='$guideLineView' />            \n            <object refClass='HoverView' ref='$hoverView' />     \n            <object refClass='LayerAppendView' ref='$objectAddView' />       \n            <object refClass='PathEditorView' ref='$pathEditorView' />                 \n            <object refClass='PathDrawView' ref='$pathDrawView' />            \n          </div>\n        </div>\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:It("$pageView"),value:function(){return{style:{"--elf--canvas-background-color":this.$config.get("style.canvas.background.color")}}}},{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(t){return!!this.$config.get("set.tool.hand")||this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(hd.space))}},{key:wt("$lock")+N("checkSpace")+Ag("movePan")+zg("moveEndPan"),value:function(t){this.startMovePan()}},{key:ot("set.tool.hand"),value:function(t){t?(this.startMovePan(),this.emit("refreshCursor","grab")):(this.emit("recoverCursor","auto"),this.emit("addStatusBarMessage",""))}},{key:"startMovePan",value:function(){this.lastDist=i.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n;this.emit("refreshCursor","grabbing");var r=i.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,ce()(i.transformMat4([],i.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:"refreshCursor",value:function(){!1===this.$config.get("set.tool.hand")?(this.emit("refreshCursor","auto"),this.emit("addStatusBarMessage","")):this.emit("refreshCursor","grab")}},{key:"moveEndPan",value:function(){this.refreshCursor()}},{key:It("$container"),value:(e=La()(Fa.a.mark((function t(){var e,n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(ce()(this.state.cursorArgs||[])));case 2:return n=t.sent,t.abrupt("return",{style:{cursor:n}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{key:dt("$lock")+et,value:function(){}},{key:pt("$lock")+et,value:function(t){var e=this.$viewport.getWorldPosition(t);if(t.dataTransfer.getData("text/asset"))this.emit("drop.asset",{asset:{id:t.dataTransfer.getData("text/asset"),center:e}});else{tm.getAllDropItems(t);var n=Ka.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:Rt("$lock")+et,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),[Dt(e,24),Dt(n,24),0]}(t),r=zt()(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 c=-2.5*i,s=-2.5*a;this.$viewport.pan(-c/this.$viewport.scale,-s/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:rt("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:rt("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"))}}]),r}(_g);n(45);function Jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qb=function(t){R()(n,t);var e=Jb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CanvasView:qb,VerticalRuler:Qg,HorizontalRuler:Zg}}},{key:"template",value:function(){return"\n      <div class=\"elf--body-panel\">\n        <object refClass='HorizontalRuler' />\n        <object refClass='VerticalRuler' />\n        <object refClass='CanvasView' />        \n      </div>\n    "}},{key:It("$el"),value:function(){return{class:"elf--body-panel ".concat(this.$config.get("show.ruler")?"ruler":"")}}},{key:ot("show.ruler"),value:function(){this.refresh()}},{key:rt("bodypanel.toggle.fullscreen"),value:function(){this.refs.$el.toggleFullscreen()}}]),n}(_g);n(46);function tk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ek=function(t){R()(n,t);var e=tk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='elf--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(Cg.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:st("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}}]),n}(_g);n(47);function nk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rk=function(t){R()(n,t);var e=nk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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:rt("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.layers.map((function(e){return t.makeStyle(e)})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(this.$editor.html.renderSVG(e),"\n").concat(this.$editor.html.render(e),"\n        ");this.refs.$html.text(r);var i=e.layers.map((function(e){return t.$editor.svg.render(e)}));this.refs.$svgimage.text(i.join("\n\n")),this.refs.$svgimagePreview.html(Ka.createByHTML("<div>".concat(i.map((function(t){return"<div>".concat(t,"</div>")})).join(""),"</div>")))}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"makeHTML",value:function(t){return this.$editor.html.render(t)}},{key:st("$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))}}]),n}(ek);io({ExportWindow:rk});n(48);function ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ak=new Set;fd.forEach((function(t){ak.add(t.category)}));var ok={};ak.forEach((function(t){fd.filter((function(e){return e.category===t})).forEach((function(t){ok[t.category]||(ok[t.category]=[]),ok[t.category].push(t)}))}));var ck={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},sk=ld(),uk=function(t){R()(n,t);var e=ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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(ck[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(sk,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(ok).map((function(e){return t.getTemplateForCategory(e,ok[e])})).join(""),"\n        </div>\n        ")}},{key:rt("showShortcutWindow"),value:function(){this.show()}}]),n}(ek);io({ShortcutWindow:uk});n(49);function lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fk=function(t){R()(n,t);var e=lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--project-window"}},{key:"getTitle",value:function(){return"Project Manager"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="project-container">\n            <div class="project-menu left">\n                Project Menu\n            </div>\n            <div class="project-list right">\n                Project List\n            </div>\n        </div>\n        '}},{key:rt("open.projects"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){this.$selection.currentProject}}]),n}(ek);io({ProjectWindow:fk});n(50);function hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pk=function(t){R()(n,t);var e=hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--notification-view'>\n            </div>\n        "}},{key:Ct("$el"),value:function(t){Ka.create(t.target).remove()}},{key:st("$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]:1e3;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(Cg.close,"</span>\n        </div>\n    ")}},{key:rt("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1e3,i=Ka.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),n}(_g);function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vk=function(t){R()(n,t);var e=dk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{NotificationView:pk}}},{key:"template",value:function(){return"\n      <div class=\"popup-manger\">\n        <object refClass='ExportWindow' />\n        <object refClass='ProjectWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n        ".concat(this.$menuManager.generate("popup"),"\n      </div>\n    ")}}]),n}(_g);function yk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gk=["TEXTAREA","INPUT","SELECT"],mk=function(t){R()(n,t);var e=yk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class="keyboard-manager"></div>\n    '}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!gk.includes(e)&&"true"!==Ka.create(t.target).attr("contenteditable")}},{key:lt("document")+N("isNotFormElement")+et,value:function(t){this.emit("keymap.keydown",t)}},{key:ft("document")+N("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),n}(_g);function bk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kk=function(t){R()(n,t);var e=bk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{selectedIndexValue:"style"}}},{key:"template",value:function(){var t=this;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="style" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Cg.palette,'</label>\n              </div>         \n              <div class="tab-item" data-value="transition" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Cg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="code" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Cg.code,"</label>\n              </div>          \n\n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                  <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                    <label>').concat(Cg[t.class.icon]||t.class.icon,"</label>\n                  </div>\n                ")})),'\n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="style">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                <object refClass="AppearanceProperty" />                                   \n\n                ').concat(this.$menuManager.generate("inspector.tab.style"),"                             \n                <div class='empty'></div>\n              </div>     \n              <div class='tab-content scrollbar' data-value='transition'>\n                ").concat(this.$menuManager.generate("inspector.tab.transition"),'              \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="code">\n                ').concat(this.$menuManager.generate("inspector.tab.code"),"                            \n                <div class='empty'></div>                           \n              </div>       \n            \n              \n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                  <div class='tab-content' data-value='".concat(r,"'>\n                    ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                    ").concat(t.$menuManager.generate("inspector.tab.".concat(r)),"\n                  </div>\n                ")})),"              \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$header .tab-item:not(.empty-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(_g);function xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wk=function(t){R()(n,t);var e=xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"locales",get:function(){return Object.keys(this.$editor.i18n.locales)}},{key:"template",value:function(){var t=this,e=this.locales.map((function(e){return{text:t.$i18n("app.lang.".concat(e)),value:e}}));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(this.variable(e),'\n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:at("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),n}(_g);function Pk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ok=["dark","light"],Sk=function(t){R()(n,t);var e=Pk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=Ok.map((function(e){return{value:e,text:t.$i18n("app.theme.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.theme,'" \n                        onchange=').concat(this.subscribe((function(e,n){return t.emit("switchTheme",n)})),"\n                    /> \n                </div>\n            </div>\n        ")}}]),n}(_g);function jk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $k=function(t){R()(n,t);var e=jk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){return{value:e,text:t.$i18n("app.layout.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:at("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),n}(_g);function Rk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ck=function(t){R()(n,t);var e=Rk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{version:"0.10.72"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),n}(_g);n(51);function Mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tk=function(t){R()(n,t);var e=Mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button class="elf--switch-left-panel" data-tooltip="Toggle left panel" data-direction="top left">'.concat(Cg.left_hide,"</button>\n        ")}},{key:st(),value:function(){this.$config.toggle("show.left.panel")}}]),n}(_g);n(52);function Vk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ek=function(t){R()(n,t);var e=Vk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <button class="elf--switch-right-panel" data-tooltip="Toggle right panel" data-direction="top right">'.concat(Cg.right_hide,"</button>\n        ")}},{key:st(),value:function(){this.$config.toggle("show.right.panel")}}]),n}(_g);n(53);function Ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dk=function(t){R()(n,t);var e=Ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LanguageSelector:wk,ThemeSwitcher:Sk,LayoutSelector:$k,VersionView:Ck,SwitchLeftPanel:Tk,SwitchRightPanel:Ek}}},{key:"template",value:function(){return"\n            <div class='elf--status-bar'>\n                <div class='tool-view left' ref='$leftTool'>\n                    <object refClass=\"SwitchLeftPanel\" />\n                    ".concat(this.$menuManager.generate("statusbar.left"),"                    \n                </div>            \n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$rightTool'>\n                    ").concat(this.$menuManager.generate("statusbar.right"),'\n                    <object refClass="LayoutSelector" />\n                    <object refClass="ThemeSwitcher" />\n                    <object refClass="LanguageSelector" />\n                    <object refClass="VersionView" />\n                    <object refClass="SwitchRightPanel" />                    \n                </div>\n            </div>\n        ')}},{key:"initState",value:function(){return{msg:""}}},{key:It("$msg"),value:function(){return{text:this.state.msg}}},{key:rt("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),n}(_g);n(54);function Lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bk=function(t){R()(n,t);var e=Lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:rt("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"]||Sa.number(1)))}},{key:rt("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='elf--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=').concat(this.variable(["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=').concat(this.variable(["miter","bevel","round"]),'\n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:at("changeValue"),value:function(t,e,n){this.updateData(w()({},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:rt("changePathManager"),value:function(t){this.setState({mode:t})}},{key:rt("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:rt("hideDrawManager"),value:function(){this.$el.hide()}}]),n}(_g);n(55);function Ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zk={"segment-move":"modify",modify:"modify",path:"path"},Fk=function(t){R()(n,t);var e=Ak(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:rt("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"]||Sa.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Sa.number(1)))}},{key:"template",value:function(){return"\n      <div class='elf--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(Cg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Cg.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(Cg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Cg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Cg.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(Cg.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:rt("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("setAttributeForMulti","change color assets",this.$selection.packByValue({stroke:e})))}},{key:at("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change path",this.$selection.packByValue(w()({},t,e))),this.updateData(w()({},t,e))}},{key:It("$mode"),value:function(){return{"data-selected-value":zk[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:st("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:st("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:st("$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:rt("changePathManager"),value:function(t){this.setState({mode:t})}},{key:rt("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:rt("hidePathManager"),value:function(){this.$el.hide()}}]),n}(_g);n(56);function Hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gk=function(t){R()(n,t);var e=Hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{PathManager:Fk,DrawManager:Bk}}},{key:"template",value:function(){return"\n      <div class='elf--page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n      </div>\n    "}}]),n}(_g);function _k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nk=function(t){R()(n,t);var e=_k(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'elf--menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'data-tooltip="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n            data-direction="').concat(this.getDirection(),'"\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Cg[this.getIconString()]||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:st(),value:function(t){this.clickButton(t)}},{key:"getDirection",value:function(){return this.props.direction||""}}],[{key:"createMenuItem",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){R()(r,e);var n=_k(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIconString",value:function(){return t.iconString||"add_box"}},{key:"getTitle",value:function(){return t.title||"New Item"}},{key:"isHideTitle",value:function(){return t.isHideTitle||!0}},{key:"clickButton",value:function(e){t.clickButton(e)}},{key:"getDirection",value:function(){return t.direction}}]),r}(n)}}]),n}(_g);function Xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yk=function(t){R()(n,t);var e=Xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.$el.$(".icon").css("transform","rotate(-30deg)")}},{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:rt("addLayerView"),value:function(t){this.setSelected("select"===t)}},{key:rt("refreshSelection"),value:function(){this.setSelected(this.$selection.isEmpty)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Kk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uk=function(t){R()(n,t);var e=Kk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"isHideTitle",value:function(){return!0}},{key:rt("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),n}(Nk);function Wk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddArtboard:Uk});var Zk=function(t){R()(n,t);var e=Wk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("rect"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddRect:Zk});var Jk=function(t){R()(n,t);var e=qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("circle"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddCircle:Jk});var tx=function(t){R()(n,t);var e=Qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("text"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddText:tx});var nx=function(t){R()(n,t);var e=ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function rx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddImage:nx});var ix=function(t){R()(n,t);var e=rx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"draw"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ax(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddDrawPath:ix});var ox=function(t){R()(n,t);var e=ax(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:rt("addLayerView"),value:function(t){this.setSelected("path"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddPath:ox});var sx=function(t){R()(n,t);var e=cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"RectPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function ux(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddSVGRect:sx});var lx=function(t){R()(n,t);var e=ux(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"CirclePath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function fx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}io({AddSVGCircle:lx});var hx=function(t){R()(n,t);var e=fx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);n(57);function px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dx=function(t){R()(n,t);var e=px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{SelectTool:Yk,AddArtboard:Uk,AddRect:Zk,AddCircle:Jk,AddText:tx,AddImage:nx,AddDrawPath:ix,AddPath:ox,AddSVGRect:sx,AddSVGCircle:lx,AddSVGTextPath:hx}}},{key:"template",value:function(){return"\n      <div class='elf--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              \x3c!--object refClass='AddVideo' /--\x3e\n              ").concat(this.$menuManager.generate("tool.menu.css"),"\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              ").concat(this.$menuManager.generate("tool.menu.svg"),"              \n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:rt("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:rt("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:st("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),n}(_g);function vx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yx=function(t){R()(n,t);var e=vx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.projects.title")}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("open.projects")}}]),n}(Nk);function gx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mx=function(t){R()(n,t);var e=gx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kx=function(t){R()(n,t);var e=bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wx=function(t){R()(n,t);var e=xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ox=function(t){R()(n,t);var e=Px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);function Sx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jx=function(t){R()(n,t);var e=Sx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){var e=this;this.emit("saveJSON"),this.nextTick((function(){e.emit("notify","alert","Save","Save the content on localStorage",2e3)}))}},{key:"isHideTitle",value:function(){return!0}}]),n}(Nk);n(58);function $x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rx=function(t){R()(n,t);var e=$x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{Projects:yx,Fullscreen:mx,KeyBoard:kx,ExportView:wx,Download:Ox,Save:jx,PageSubEditor:Gk,ToolMenu:dx}}},{key:"template",value:function(){return"\n            <div class='elf--tool-bar'>\n                <div class='logo-item'>\n                    <label class='logo'></label>\n                </div>                 \n                <div class='left'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"Projects\" />\n                                <object refClass=\"Fullscreen\" />      \n                                ".concat(this.$menuManager.generate("toolbar.left"),"\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n                <div class='center'>\n                    <object refClass=\"ToolMenu\" />\n                    <object refClass='PageSubEditor' />  \n                </div>\n                <div class='right'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"KeyBoard\" />        \n                                <object refClass=\"ExportView\" />\n                                <object refClass=\"Download\" />\n                                <object refClass=\"Save\" />   \n                                ").concat(this.$menuManager.generate("toolbar.right"),"                             \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ")}}]),n}(_g);function Cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mx=function(t){R()(n,t);var e=Cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Tx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vx=function(t){R()(n,t);var e=Tx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ix=function(t){R()(n,t);var e=Ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Dx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lx=function(t){R()(n,t);var e=Dx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function Bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ax=function(t){R()(n,t);var e=Bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);function zx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fx=function(t){R()(n,t);var e=zx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),n}(Nk);function Hx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gx=function(t){R()(n,t);var e=Hx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){console.log(t),this.emit("same.width")}}]),n}(Nk);function _x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nx=function(t){R()(n,t);var e=_x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Nk);n(59);function Xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yx=function(t){R()(n,t);var e=Xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='elf--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                </label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body ").concat(this.getBodyClassName(),"'>").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:"getBodyClassName",value:function(){return""}},{key:"getKeyframeProperty",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:st("$el .property-body .add-timeline-property")+et+nt,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:st("$el .property-title .add-timeline-property")+et+nt,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&&(Jt(t)&&t()||!Jt(t)&&t.includes(n.itemType))?(this.show(),e&&this.refresh()):this.hide()}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}},{key:"editableProperty",get:function(){return""}},{key:"checkShow",value:function(){return this.$selection.current&&this.$selection.current.editable(this.editableProperty)?(this.show(),!0):(this.hide(),!1)}}]),n}(_g);n(60);function Kx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ux=function(t){R()(n,t);var e=Kx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LeftAlign:Ix,CenterAlign:Vx,RightAlign:Ax,TopAlign:Nx,MiddleAlign:Lx,BottomAlign:Mx,SameWidth:Gx,SameHeight:Fx}}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="elf--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" direction="bottom" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),n}(Yx);function Wx(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Zx(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,Wx(e))})),{str:t,matches:n}}function qx(t,e){return e.forEach((function(e){t=t.replace(Wx(e),e.parsedString)})),t}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){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tw=/((cubic-bezier|steps)\(([^\)]*)\))/gi,ew=function(t){R()(n,t);var e=Qx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Sa.second(0),timingFunction:"linear",delay:Sa.second(0),iterationCount:Sa.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).duration=Sa.parse(t.duration),t.iterationCount=Sa.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?Jx(Object(n),!0).forEach((function(e){w()(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}({},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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Zx(t,tw);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Sa.parse(e[0]),timingFunction:qx(e[1],r.matches),delay:Sa.parse(e[2]),iterationCount:"infinite"===e[3]?Sa.string("infinite"):Sa.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Sa.parse(e[0]),timingFunction:qx(e[1],r.matches),delay:Sa.parse(e[2]),name:e[3]}:e.length>=1?{duration:Sa.parse(e[0]),name:e[1]}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Tc);n(61);function nw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iw=function(t){R()(n,t);var e=rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(Cg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Tt("$animationList")+W,value:function(){var t=this,e=this.$selection.current;return e?ew.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=jc(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(Cg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Cg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Cg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:st("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add animation property",this.$selection.packByValue({animation:function(t){return ew.add(t.animation,{name:null})}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:st("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:ew.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:st("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=ew.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:ew.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=ew.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:st("$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:rt("changeAnimationPropertyPopup"),value:function(t){var e=this;this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.command("setAttributeForMulti","change animation property",this.$selection.packByValue({animation:function(t){return ew.replace(t.animation,e.selectedIndex,e.currentAnimation)}})),this.refresh()))}}]),n}(Yx);n(62);function aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ow=function(t){R()(n,t);var e=aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--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(Cg.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n            \x3c!--<div class='popup-resizer' ref='$resizer'></div> --\x3e\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:st("$close"),value:function(){this.$el.hide()}},{key:wt("$title")+Ag("movePopupTitle")+zg("endPopupTitle"),value:function(){this.x=Sa.parse(this.$el.css("left")),this.y=Sa.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Sa.px(this.x.value+t),r=Sa.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?Sa.parse(r):Sa.px(110),o="auto"!==i?Sa.parse(i):Sa.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:rt("hidePropertyPopup"),value:function(){this.hide()}},{key:wt("$resizer")+Ag("moveResizer"),value:function(t){this.width=Sa.parse(this.$el.css("width")),this.height=Sa.parse(this.$el.css("height"))}},{key:"moveResizer",value:function(t,e){this.$el.css({width:Sa.px(Math.min(this.width.value+t,1e3)),height:Sa.px(Math.min(this.height.value+e,700))})}}]),n}(_g);n(63);function cw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lw=function(t){R()(n,t);var e=uw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=sw(sw({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--animation-property-popup' ref='$popup'></div>"}},{key:Tt("$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:Tt("$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:yt("$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:at("changeSelect"),value:function(t,e){this.updateData(w()({},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:at("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Sa.number(e.value):Sa.string(e.unit)),this.updateData(w()({},t,e))}},{key:at("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:rt("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:rt("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),n}(ow);function fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hw=["visible","hidden","scroll","auto"],pw=function(t){R()(n,t);var e=fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return this.variable(hw.map((function(e){return{value:e,text:t.$i18n("background.color.property.overflow.".concat(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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" \n          ref='$color' \n          label=\"".concat(this.$i18n("background.color.property.color"),"\" \n          key='background-color' \n          onchange=\"changeColor\" \n        />\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:at("changeColor"),value:function(t,e){this.command("setAttributeForMulti","change background color",this.$selection.packByValue(w()({},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:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"appearance"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx),dw=[{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"}]}]}];n(64);function vw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yw=function(t){R()(n,t);var e=vw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--artboard-size-list"}},{key:"editableProperty",get:function(){return"artboard-size"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=dw.map((function(t,e){return{category:t.category,index:e}}));return'\n      <object refClass="SelectEditor"  \n        ref=\'$select\' \n        value="'.concat(t[0].category,'" \n        options=').concat(this.variable(t.map((function(t){return t.category})))," \n        onchange='changeSizeIndex'\n      />\n    ")}},{key:at("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;dw.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:st("$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:Tt("$list")+W,value:function(){var t=this;return dw[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),n}(Yx),gw=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function mw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bw=function(t){R()(n,t);var e=mw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBodyClassName",value:function(){return"no-padding"}},{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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Tt("$filterSelect"),value:function(){var t=this,e=gw.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(ce()(e),[{title:"-------",value:""}],ce()(n)):ce()(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:Tt("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="backdrop-filter" value=\''.concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />\n      </div>\n    ")}},{key:at("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change backdrop filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"backdrop-filter"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);function kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xw=function(t){R()(n,t);var e=kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:Tt("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'\n      <object refClass="SelectEditor"  \n          ref=\'$1\' \n          key=\'background-clip\' \n          icon="true" \n          value="'.concat(t,'" \n          options=').concat(this.variable(["","paddinb-box","border-box","content-box","text"]),' \n          onchange="changeSelect" \n      />')}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change background clip",this.$selection.packByValue(w()({},t,e)))}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),n}(Yx);n(65);function ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pw={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Cg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Cg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Cg.repeat," Conic")},Ow={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"},Sw=function(t){R()(n,t);var e=ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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""===t?[]:jl.parseStyle(kc(t))}},{key:"setValue",value:function(t){console.log("aaaa",t),this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='elf--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(Cg.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:Tt("$fillList")+W,value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=Ow[i.type],o=Pw[i.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(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(Cg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=bc(jl.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:rt("add"),value:function(){this.state.images.push(new jl({image:new tl({angle:90,colorsteps:[new Iu({percent:0,color:"white",index:0}),new Iu({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:ht("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$fillList .fill-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:pt("$fillList .fill-item")+et,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:st("$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:rt("selectFillPopupTab"),value:function(t,e){var n=Ow[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:at("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,w()({},t,e),n)}},{key:at("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),n}(_g);n(66);function jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $w=function(t){R()(n,t);var e=jw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Sa.z(),y:this.props.y||Sa.z(),width:this.props.width||Sa.z(),height:this.props.height||Sa.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"  \n          label="'.concat(this.$i18n("background.image.position.popup.size"),"\" \n          ref='$size' \n          key='size' \n          value=\"").concat(this.state.size,'" \n          options=').concat(this.variable(["contain","cover","auto"]),'\n          onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:st("$repeat button"),value:function(t){var e=t.$dt;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Tt("$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:rt("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),n}(ow);function Rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cw=function(t){R()(n,t);var e=Rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Tt("$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:"editableProperty",get:function(){return"background-image"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBackgroundImage"),value:function(t,e){this.command("setAttributeForMulti","change background image",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(67);function Mw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Vw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ew=function(t){R()(n,t);var e=Vw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(Tw({},t))}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:rt("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Tw({},t))}}]),n}(_g),Iw={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Dw=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){return kc(t)}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){Iw[t]?e=t:fu.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}();n(68);function Lw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bw=["border"],Aw={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},zw=function(t){R()(n,t);var e=Lw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Dw.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 Dw.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=Dw.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Tt("$editorArea"),value:function(){var t=this;return Bw.map((function(e){var n=Aw[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=\"elf--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:at("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),n}(_g);n(69);function Fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hw=function(t){R()(n,t);var e=Fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:Tt("$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:"editableProperty",get:function(){return"border"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeKeyValue"),value:function(t,e){this.command("setAttributeForMulti","change border",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(70);function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _w=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Nw=function(t){R()(n,t);var e=Gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:Dw.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 Dw.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=Dw.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Sa.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="elf--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(_w,"' 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:at("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),n}(_g);function Xw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uw=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],Ww=Uw.map((function(t){return t.key})),Zw={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Cg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Cg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Cg.repeat," Conic")},qw=function(t){R()(n,t);var e=Kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Border Image"}},{key:rt("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:st("$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:Tt("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?Zw[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:at("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&Ww.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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Uw.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:yt("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:st("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:st("$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=ce()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Pa.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Pa.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",Yw(Yw({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(Zw.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(Zw[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:rt("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 Ww.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:st("$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()}}]),n}(Yx);n(71);function Jw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qw=[{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"}],tP=Qw.map((function(t){return t.key})),eP=function(t){R()(n,t);var e=Jw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return ns.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='elf--border-radius-editor' ref='$body'></div>"}},{key:at("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&tP.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Qw.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:gt("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:yt("$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,tP.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"]+"":tP.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:st("$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()}}]),n}(_g);function nP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rP=function(t){R()(n,t);var e=nP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:Tt("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:"editableProperty",get:function(){return"border-radius"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBorderRadius"),value:function(t){this.command("setAttributeForMulti","change border radius",this.$selection.packByValue({"border-radius":t}))}}]),n}(Yx);n(72);function iP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aP=[];["margin","padding"].forEach((function(t){aP.push.apply(aP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var oP=function(t){R()(n,t);var e=iP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:"editableProperty",get:function(){return"box-model"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:"getBody",value:function(){return'<div class="property-item elf--box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||Sa.z();return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:Tt("$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:gt("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};aP.forEach((function(n){e[n]=Sa.px(t.getRef("$",n).value)})),this.command("setAttributeForMulti","change padding or margin",this.$selection.packByValue(e))}}]),n}(Yx);n(73);function cP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sP=function(t){R()(n,t);var e=cP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Xs.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Cg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Tt("$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(Cg.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(Cg.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:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:rt("add"),value:function(){this.state.boxShadows.push(new Xs({offsetX:Sa.px(2),offsetY:Sa.px(2),blurRadius:Sa.px(3),spreadRadius:Sa.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:st("$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:st("$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){var e=this;this.emit("showBoxShadowPropertyPopup",{changeEvent:function(t,n){var r=e.state.boxShadows[e.selectedIndex];r&&(r.reset(t),e.refresh(),e.modifyBoxShadow())},color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}}]),n}(_g);function uP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lP=function(t){R()(n,t);var e=uP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:Tt("$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(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:"editableProperty",get:function(){return"box-shadow"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeBoxShadow"),value:function(t){this.command("setAttributeForMulti","change box shadow",this.$selection.packByValue({"box-shadow":t}))}}]),n}(Yx);n(74);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 hP(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){w()(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}function pP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dP=function(t){R()(n,t);var e=pP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z(),spreadRadius:Sa.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='elf--box-shadow-property-popup' ref='$popup'></div>"}},{key:Tt("$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\" \n              ref='$spreadRadius' \n              label='Spread' \n              key='spreadRadius' \n              value=\"").concat(this.state.spreadRadius,"\" \n              onchange='changeRangeEditor' \n            />        \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:st("$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:wt("$popup .drag-board")+Ag("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(c),this.updateData({offsetX:Sa.px(o),offsetY:Sa.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:rt("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(hP(hP({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:rt("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),n}(ow);function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yP=function(t){R()(n,t);var e=vP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Sa("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];return Kt(s)&&(s=c),{radius:e,x:c=Sa.parse(c),y:s=Sa.parse(s)}}},{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:It("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:wt("$area")+Ag()+zg(),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=Sa.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Sa.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:at("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Sa("","closest-side"):r.includes("farthest-side")&&(n=new Sa("","farthest-side")),this.updateData({radius:n})}}}]),n}(_g);function gP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mP=function(t){R()(n,t);var e=gP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=zt()(e,2),r=n[0],i=n[1],a=tf.parse(r),o=zt()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=tf.parse(i),p=zt()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=Sa.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),s=o.clone(),u=Sa.percent(100-r.value).toPx(220),l=Sa.percent(100-n.value).toPx(220),f=Sa.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=i.toPx(220),p=Sa.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),d=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(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(s,";top: ").concat(u,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(h,";top: ").concat(p,";'></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(h,";top: ").concat(c,";width: ").concat(Sa.px(l.value-i.value),";height: ").concat(Sa.px(u.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(d," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:It("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:st("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Tt("$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:at("changeBorderRadius"),value:function(t){var e=zt()(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),c=Sa.percent(a).toPx(220),s=e.toPx(220),u=Sa.percent(a).toPx(220),l=Sa.percent(100-r.value).toPx(220),f=Sa.percent(100-n.value).toPx(220),h=Sa.percent(o).toPx(220),p=i.toPx(220),d=Sa.percent(o).toPx(220);this.refs.$top.css({left:c,top:s}),this.refs.$right.css({left:f,top:h}),this.refs.$bottom.css({left:u,top:l}),this.refs.$left.css({left:p,top:d}),this.refs.$clipArea.css({left:p,top:s,width:Sa.px(f.value-p.value),height:Sa.px(l.value-s.value)}),this.bindData("$clipAreaView")}},{key:wt("$area .clip-area-handle")+Ag("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:Sa.parse(this.$target.css("left")),top:Sa.parse(this.$target.css("top")),width:Sa.parse(this.$target.css("width")),height:Sa.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=Sa.px(i),c=Sa.px(a);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:Sa.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Sa.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:wt("$area .drag-pointer")+Ag(),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=Sa.px(n-this.areaRect.x),a=Sa.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Sa.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Sa.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,c=t.leftRadius,s=t.bottomRadius,u=t.rightRadius,l=[e,n,i,r].join(" "),f=[o,u,s,c].join(" ");return"".concat(l," ").concat(a&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(_g);function bP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wP=function(t){R()(n,t);var e=xP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(r,2),a=i[0],o=i[1];return{x:Sa.parse(a).toPx(e),y:Sa.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:Tt("$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(Cg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Cg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:st("$area")+et,value:function(t){if(Ka.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:Sa.px(n-this.areaRect.left),y:Sa.px(r-this.areaRect.top)}),this.refresh()}}},{key:st("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:st("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:It("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Tt("$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:st("$area .drag-pointer")+K+et,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:wt("$area .drag-pointer")+Ag(),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=Sa.px(n-this.areaRect.x),a=Sa.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:Sa.px(n.value+10),y:Sa.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]=kP(kP({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(_g);function PP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OP=function(t){R()(n,t);var e=PP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=zt()(a,2),c=o[0],s=o[1];Kt(s)&&(s=c),c=Sa.parse(c),s=Sa.parse(s);var u=e.split(" "),l=zt()(u,2),f=l[0],h=l[1];return Kt(h)&&(h=f),{radiusX:f=Sa.parse(f),radiusY:h=Sa.parse(h),x:c,y:s}}},{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:It("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:wt("$area")+Ag()+zg(),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=Sa.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Sa.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:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e.clone()))}}]),n}(_g);n(75);function SP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jP=function(t){R()(n,t);var e=SP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CircleEditor:yP,InsetEditor:mP,PolygonEditor:wP,EllipseEditor:OP}}},{key:"getTitle",value:function(){return"ClipPath"}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return of.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='elf--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:Tt("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Tt("$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:at("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:rt("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(of.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:rt("hideClipPathPopup"),value:function(){this.hide()}}]),n}(ow);n(76);function $P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RP=["circle","ellipse","inset","polygon","path","svg"],CP=function(t){R()(n,t);var e=$P(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='elf--clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(RP.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(Cg.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(Cg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:st("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:st("$clippathList .del")+et,value:function(t){var e=this;this.$selection.current&&(this.command("setAttributeForMulti","delete clip-path",this.$selection.packByValue({"clip-path":""})),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:"editableProperty",get:function(){return"clip-path"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:Tt("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:st("$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("setAttributeForMulti","change clip-path",this.$selection.packByValue({"clip-path":this.refs.$clipPathSelect.value}))),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this,e=this.$selection.current;if(e)switch(of.parseStyle(e["clip-path"]).type){case"path":var n=e.accumulatedPath(e.clipPathString).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.updatePathInfo({"clip-path":"path(".concat(n.d,")")})},current:e,d:n});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.updatePathInfo(e)}})}}},{key:"updatePathInfo",value:function(t){if(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttributeForMulti","change clip-path",this.$selection.packByValue(t)))}}}]),n}(Yx);n(77);function MP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TP=function(t){R()(n,t);var e=MP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:"checkParentTab",value:function(){return"code"===this.parent.state.selectedIndexValue}},{key:rt("refreshSelectionStyleView","refreshSelection")+N("checkParentTab"),value:function(){this.refresh()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item elf--code-view-item\" ref='$body'></div>\n    "}},{key:Tt("$body")+W,value:function(){return[this.$editor.html.codeview(this.$selection.current)]}}]),n}(Yx);function VP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EP=function(t){R()(n,t);var e=VP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:It("$bar"),value:function(){var t=this.state.hue;return{style:{left:Sa.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:wt("$container")+Ag("movePointer")+zg("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})}}]),n}(_g);function IP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DP=function(t){R()(n,t);var e=IP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{colorbar:fu.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:It("$colorbar"),value:function(){var t=ee(this.state.colorbar);t.a=0;var e=fu.format(t,"rgb");t.a=1;var n=fu.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:It("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Sa.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:wt("$container")+Ag("movePointer")+zg("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.toFixed(2)})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),n}(_g);function LP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BP=function(t){R()(n,t);var e=LP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:It("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),n}(_g);function AP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zP=function(t){R()(n,t);var e=AP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"manager",get:function(){return this.parent.manager}},{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:"hasValue",value:function(t){return""!==t.target.value}},{key:gt("$rgb_r")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_g")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_b")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$rgb_a")+N("hasValue"),value:function(t){this.changeRgbColor()}},{key:gt("$hsl_h")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_s")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_l")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:gt("$hsl_a")+N("hasValue"),value:function(t){this.changeHslColor()}},{key:ft("$hexCode")+N("hasValue"),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:st("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:st("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:st("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:st("$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()}}]),n}(_g);function FP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HP=function(t){R()(n,t);var e=FP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:It("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:It("$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:Sa.px(t),top:Sa.px(e)}}}},{key:wt("$el")+Ag("movePointer")+zg("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),c=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:c})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),n}(_g),GP=[{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=GP.length;t<e;t++){var n=GP[t],r=fu.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var _P={colors:GP,checkHueColor:function(t){for(var e,n,r=0;r<GP.length;r++)if(GP[r].start>=t){e=GP[r-1],n=GP[r];break}return e&&n?fu.mix(e,n,(t-e.start)/(n.start-e.start)):GP[0].rgb}};function NP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var YP=function(){function t(){O()(this,t),this.initialize()}return j()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{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}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){"string"==typeof(t=t||"#FF0000")&&(t=fu.parse(t)),this.state.alpha=void 0!==t.a?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=XP(XP({},this.state.hsl),t),this.state.rgb=fu.HSLtoRGB(this.state.hsl),this.state.hsv=fu.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=XP(XP({},this.state.rgb),t),this.state.hsl=fu.RGBtoHSL(this.state.rgb),this.state.hsv=fu.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=XP(XP({},this.state.hsv),t),this.state.rgb=fu.HSVtoRGB(this.state.hsv),this.state.hsl=fu.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return _P.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 fu.format(XP(XP({},e),{},{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}}]),t}();function KP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UP=function(t){R()(n,t);var e=KP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.manager=new YP}},{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:at("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:EP,Opacity:DP,ColorView:BP,Palette:HP,ColorInformation:zP}}},{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      '}}]),n}(_g);n(78);function WP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZP=function(t){R()(n,t);var e=WP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact elf--colorpicker-popup"}},{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(){var t=this;return"\n    <div class=\"elf--color-picker-popup\">\n      <div class='box'>\n        <object \n          refClass=\"EmbedColorPicker\" \n          ref='$color' \n          value='".concat(this.state.color,"' \n          onchange=").concat(this.subscribe((function(e){return t.updateData({color:e})}))," \n          onchangeend=").concat(this.subscribe((function(e){return t.updateEndData({color:e})}))," />\n      </div>\n    </div>\n  ")}},{key:Tt("$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:st("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:rt("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof Hg))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:rt("hideColorPickerPopup"),value:function(){this.hide()}}]),n}(ow);function qP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JP=function(t){R()(n,t);var e=qP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:at("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:at("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)}}]),n}(_g);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}function tO(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){w()(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}function eO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nO=function(t){R()(n,t);var e=eO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return t.$editor.components.createInspector(n).length>0}))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load())}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"getPropertyEditor",value:function(t,e,n,r,i){return Zt(r)?'\n        <div>  \n          <object refClass="'.concat(r,'" ').concat(xc(tO(tO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t),key:e})),'>\n            <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n          </object>\n        </div>"):Object.keys(r).map((function(r){return'\n          <div>\n            <object refClass="'.concat(r,'" ').concat(xc(tO(tO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t).concat(r),key:e})),'>\n              <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n            </object>\n          </div>")})).join("")}},{key:Tt("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":this.$editor.components.createInspector(e).map((function(n,r){return Zt(n)?"\n          <div class='property-item is-label'> \n            <label class='label string-label'>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item'> \n            ".concat(t.getPropertyEditor(r,n.key,e[n.key]||n.defaultValue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:at("changeComponentProperty"),value:function(t,e){var n,r=this.$selection.current,i=null===(n=this.$editor.components.createInspector(r).find((function(e){return e.key===t})))||void 0===n?void 0:n.convert,a=i?i(r,t,e):w()({},t,e);this.command("setAttributeForMulti","change component : "+t,this.$selection.packByValue(a))}}]),n}(Yx);n(79);function rO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iO=function(t){R()(n,t);var e=rO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Content"}},{key:rt("refreshSelection","refreshContent")+Z(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item elf--content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:It("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:gt("$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("refreshSelectionStyleView",t)}}}]),n}(Yx),aO=[{key:"style.canvas.background.color",defaultValue:"#ececec",title:"Canvas Background Color",description:"Set canvas background color",type:"color"},{key:"area.width",defaultValue:100,title:"Area Width to find layers fastly",description:"Set area width/height",type:"number"},{key:"store.key",defaultValue:"easylogic.studio",title:"Store Key",description:"Set localStorage key",type:"number"},{key:"set.tool.hand",defaultValue:!1,title:"Hand tool",description:"Hand tool is on",type:"boolean"},{key:"canvas.width",defaultValue:1e4,title:"Default canvas width",description:"Set default canvas width",type:"number"},{key:"canvas.height",defaultValue:1e4,title:"Default canvas height",description:"Set default canvas height",type:"number"},{key:"body.move.ms",defaultValue:30,title:"pointer move delay millisecond",description:"Set delay millisecond to moving pointer in body  ",type:"number"},{key:"debug",defaultValue:!1,title:"debug mode",description:"Set debug mode to on ",type:"boolean"},{key:"fixed.angle",defaultValue:15,title:"fixed angle count",description:"Set fixed angle",type:"number"},{key:"show.ruler",defaultValue:!0,title:"Show ruler",description:"Set ruler visibility to on",type:"boolean"},{key:"show.left.panel",defaultValue:!0,title:"Show left panel",description:"Set left panel visibility to on",type:"boolean"},{key:"show.right.panel",defaultValue:!0,title:"Show right panel",description:"Set right panel visibility to on",type:"boolean"},{key:"snap.distance",defaultValue:3,title:"Snap distance between objects",description:"Set snap distance",type:"number"},{key:"snap.grid",defaultValue:50,title:"Snap grid size between objects",description:"Set snap grid size",type:"number"},{key:"history.delay.ms",defaultValue:1e3,title:"history delay milliseconds",description:"Set history delay time",type:"number"}];function oO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uO=function(t){R()(n,t);var e=sO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,cO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Cg.rect}},{key:"toCloneObject",value:function(){return cO(cO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Cg.rect}}]),n}(Gb);function lO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pO=function(t){R()(n,t);var e=hO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,fO({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),n}(uO);function dO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gO=function(t){R()(n,t);var e=yO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,vO({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return vO(vO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),n}(uO);function mO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xO=function(t){R()(n,t);var e=kO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,bO({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),n}(uO);function wO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PO(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){w()(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}function OO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SO={};["appearance","border","border-radius","background-image","backdrop-filter","clip-path","pattern","box-shadow","layout","transform","transform-origin","perspective","perspective-origin","backdrop-filter"].forEach((function(t){SO[t]=!0}));var jO=function(t){R()(n,t);var e=OO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,PO({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:"editable",value:function(t){if(SO[t])return!1;switch(t){case"svg-item":return!0}return $a()(V()(n.prototype),"editable",this).call(this,t)}},{key:"toCloneObject",value:function(){return PO(PO({},$a()(V()(n.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}}]),n}(uO);function $O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$O(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function CO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MO=function(t){R()(n,t);var e=CO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,RO({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){$a()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new Hc(this.json.d))}},{key:"setCache",value:function(){$a()(V()(n.prototype),"setCache",this).call(this),this.cachePath=new Hc(this.json.d)}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new Hc(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"toCloneObject",value:function(){return RO(RO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),{},{d:this.json.d})}},{key:"getDefaultTitle",value:function(){return"Path"}}]),n}(jO);function TO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function VO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?TO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):TO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function EO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var IO=function(t){R()(n,t);var e=EO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,VO({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Sa.number(100),textLength:Sa.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).textLength=Sa.parse(t.textLength),t}},{key:"toCloneObject",value:function(){return VO(VO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}}]),n}(jO);function DO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function LO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?DO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):DO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function BO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AO=function(t){R()(n,t);var e=BO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,LO({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Sa.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Sa.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){$a()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new Hc(this.json.d))}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new Hc(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"convert",value:function(t){return(t=$a()(V()(n.prototype),"convert",this).call(this,t)).textLength=Sa.parse(t.textLength),t.startOffset=Sa.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return LO(LO({},$a()(V()(n.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 am(t.property)})),n=t.filter((function(t){return e=t.property,rm[e]||!1;var e})),r=t.filter((function(t){return om(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}]}}]),n}(jO);function zO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GO=function(t){R()(n,t);var e=HO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"is",value:function(){for(var t,e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return!!r.includes("component")||(t=$a()(V()(n.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}],[{key:"createComponent",value:function(t){var e=t.iconString,r=t.title,i=void 0===r?"Unknown Title":r,a=t.attrs,o=void 0===a?{}:a,c=t.enableHasChildren,s=void 0!==c&&c;return function(t){R()(r,t);var n=HO(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIcon",value:function(){return e||Cg.add}},{key:"getDefaultObject",value:function(){return $a()(V()(r.prototype),"getDefaultObject",this).call(this,FO({itemType:"NewComponent",name:"New Component"},o))}},{key:"toCloneObject",value:function(){return FO(FO({},$a()(V()(r.prototype),"toCloneObject",this).call(this)),this.attrs.apply(this,ce()(Object.keys(o))))}},{key:"enableHasChildren",value:function(){return s||!1}},{key:"getDefaultTitle",value:function(){return i}}]),r}(n)}}]),n}(uO);function _O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function NO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_O(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function XO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YO='\n  <svg>\n    <rect width="100%" height="100%" fill="black" />\n  </svg>\n',KO=function(t){R()(n,t);var e=XO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.auto_awesome}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,NO({itemType:"template",name:"New Template",engine:"dom",template:YO,params:[]},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Template"}},{key:"toCloneObject",value:function(){return NO(NO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("template"))}}]),n}(GO);function UO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?UO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qO,JO=function(t){R()(n,t);var e=ZO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Cg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,WO({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 WO(WO({},$a()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("content"))}},{key:"editable",value:function(t){switch(t){case"font":case"font-spacing":case"text-style":case"text-shadow":case"text-fill":case"text-clip":case"background-image":case"box-model":return!0;case"svg-item":case"border":case"border-radius":case"backdrop-filter":case"background-image":case"pattern":case"box-shadow":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return $a()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(uO),QO={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":"Component","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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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":"Full Screen","menu.item.shortcuts.title":"ShortCuts","menu.item.github.title":"Github","menu.item.learn.title":"Learn","menu.item.projects.title":"Projects","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","component.items.chart":"Chart","component.items.plugin":"Plugin","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:(qO={"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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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","menu.item.projects.title":"Projects","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"},w()(qO,"inspector.tab.title.history","History"),w()(qO,"timeline.property.title","Chronologie"),w()(qO,"timeline.property.resize","Drag if you want to resize timeline height."),w()(qO,"timeline.animation.property.title","Animations"),w()(qO,"timeline.play.control.play","Jouer"),w()(qO,"timeline.play.control.pause","Pause"),w()(qO,"timeline.play.control.first","Premier"),w()(qO,"timeline.play.control.prev","Précédent"),w()(qO,"timeline.play.control.next","Suivant"),w()(qO,"timeline.play.control.last","Dernier"),w()(qO,"timeline.play.control.direction","Direction"),w()(qO,"timeline.play.control.speed","Vitesse"),w()(qO,"timeline.play.control.repeat","Répéter"),w()(qO,"timeline.play.control.infinite","Infini"),w()(qO,"timeline.play.control.normal","normal"),w()(qO,"timeline.play.control.alternate","alternatif"),w()(qO,"timeline.play.control.reverse","inverse"),w()(qO,"timeline.play.control.alternate.reverse","inverse alternatif"),w()(qO,"timeline.value.editor.value","Valeur"),w()(qO,"timeline.value.editor.time","Temps"),w()(qO,"timeline.value.editor.timing","Calage temps"),w()(qO,"timeline.value.editor.offset.message","Please input enter key to change time offset."),w()(qO,"svgfilter.popup.title","Filtre SVG"),w()(qO,"css.item.rotate","Rotation"),w()(qO,"css.item.rotateX","Rotation X"),w()(qO,"css.item.rotateY","Rotation Y"),w()(qO,"css.item.rotateZ","Rotation Z"),w()(qO,"css.item.rotate3d","Rotation 3D"),w()(qO,"css.item.skewX","Oblique X"),w()(qO,"css.item.skewY","Oblique Y"),w()(qO,"css.item.translate","Translation"),w()(qO,"css.item.translateX","Translation X"),w()(qO,"css.item.translateY","Translation Y"),w()(qO,"css.item.translateZ","Translation Z"),w()(qO,"css.item.translate3d","Translation 3D"),w()(qO,"css.item.perspective","Perspéctive"),w()(qO,"css.item.scale","Echelle"),w()(qO,"css.item.scaleX","Echelle X"),w()(qO,"css.item.scaleY","Echelle Y"),w()(qO,"css.item.scaleZ","Echelle Z"),w()(qO,"css.item.scale3d","Echelle 3D"),w()(qO,"css.item.matrix","Matrice"),w()(qO,"css.item.matrix3d","Matrice 3D"),w()(qO,"animation.property.title","Animation CSS"),w()(qO,"animation.property.direction","Direction"),w()(qO,"animation.property.play.state","Etat lecture"),w()(qO,"animation.property.fill.mode","Mode remplissage"),w()(qO,"animation.property.delay","Délais"),w()(qO,"animation.property.duration","Durée"),w()(qO,"animation.property.iteration.count","Nombre Itérations"),w()(qO,"animation.property.Select a keyframe","Selectionner une image clé"),w()(qO,"animation.property.popup.title","Animation"),w()(qO,"animation.property.popup.timing.function","Fonction temps"),w()(qO,"animation.property.popup.keyframe","image clé"),w()(qO,"animation.property.popup.direction","Direction"),w()(qO,"animation.property.popup.play.state","Etat lecture"),w()(qO,"animation.property.popup.fill.mode","Mode remplissage"),w()(qO,"animation.property.popup.delay","Délais"),w()(qO,"animation.property.popup.duration","Duréé"),w()(qO,"animation.property.popup.iteration","Itération"),w()(qO,"animation.property.popup.normal","normal"),w()(qO,"animation.property.popup.reverse","inverse"),w()(qO,"animation.property.popup.alternate","alternatif"),w()(qO,"animation.property.popup.alternate-reverse","inverse alternatif"),w()(qO,"animation.property.popup.none","Aucun"),w()(qO,"animation.property.popup.forwards","en avant"),w()(qO,"animation.property.popup.backwards","en arrière"),w()(qO,"animation.property.popup.both","les deux"),w()(qO,"animation.property.popup.Select a keyframe","Selectionner une image clé"),w()(qO,"keyframe.popup.title","image clé"),w()(qO,"code.view.property.title","Vue code"),w()(qO,"svg.filter.editor.tab.filter","Filtrer"),w()(qO,"svg.filter.editor.tab.preset","Pre-rempli"),w()(qO,"svg.filter.editor.tab.asset","Eléments"),w()(qO,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),w()(qO,"svg.filter.editor.SOURCES","SOURCES"),w()(qO,"svg.filter.editor.MODIFIER","MODIFIER"),w()(qO,"svg.filter.editor.LIGHTING","ECLAIRAGE"),w()(qO,"svg.filter.editor.COMBINERS","COMBINER"),w()(qO,"svg.filter.editor.Template","Modèle"),w()(qO,"layout.property.title","Disposition"),w()(qO,"layout.property.flex","Boîte Flex"),w()(qO,"layout.property.grid","Grille"),w()(qO,"layout.property.default","Défaut"),w()(qO,"flex.layout.editor.row","Ligne"),w()(qO,"flex.layout.editor.column","Colonne"),w()(qO,"flex.layout.editor.row-reverse","Inverse ligne"),w()(qO,"flex.layout.editor.column-reverse","Inverse Colonne"),w()(qO,"flex.layout.editor.nowrap","Non-emballé"),w()(qO,"flex.layout.editor.wrap","Emballé (wrap)"),w()(qO,"flex.layout.editor.wrap-reverse","Inverse emballé"),w()(qO,"flex.layout.editor.flex-start","Début"),w()(qO,"flex.layout.editor.flex-end","Fin"),w()(qO,"flex.layout.editor.center","Centrer"),w()(qO,"flex.layout.editor.space-between","Entre"),w()(qO,"flex.layout.editor.space-around","Autour"),w()(qO,"flex.layout.editor.baseline","Base"),w()(qO,"flex.layout.editor.stretch","Etirement"),w()(qO,"flex.layout.editor.direction","Direction"),w()(qO,"flex.layout.editor.justify-content","Justifier"),w()(qO,"flex.layout.editor.align-items","Aligner objets"),w()(qO,"flex.layout.editor.align-content","Aligner contenu"),w()(qO,"flex.layout.item.property.title","Détail Disposition objet"),w()(qO,"flex.layout.item.property.grow","Augmenter Flex"),w()(qO,"flex.layout.item.property.shrink","Réduire Flex"),w()(qO,"flex.layout.item.property.basis","Base Flex"),w()(qO,"flex.layout.item.property.none","Aucun"),w()(qO,"flex.layout.item.property.auto","auto"),w()(qO,"flex.layout.item.property.value","valeur"),w()(qO,"grid.layout.editor.template.columns","Colonne"),w()(qO,"grid.layout.editor.column.gap","Espace Colonne"),w()(qO,"grid.layout.editor.template.rows","Lignes"),w()(qO,"grid.layout.editor.row.gap","Espace lignes"),w()(qO,"grid.box.editor.box.title","Boîte"),w()(qO,"grid.box.editor.type","Type"),w()(qO,"grid.box.editor.repeat","Répéter"),w()(qO,"grid.box.editor.length","Longueur"),w()(qO,"grid.box.editor.none","Aucun"),w()(qO,"grid.box.editor.auto","Auto"),w()(qO,"grid.box.editor.count","Compte"),w()(qO,"grid.box.editor.value","Taille"),w()(qO,"grid.layout.item.property.title","Détail disposition objets"),w()(qO,"grid.layout.item.property.column","Colonne"),w()(qO,"grid.layout.item.property.row","Ligne"),w()(qO,"grid.layout.item.property.start","Début"),w()(qO,"grid.layout.item.property.end","Fin"),w()(qO,"grid.layout.item.property.none","Aucun"),w()(qO,"grid.layout.item.property.value","valeur"),w()(qO,"box.model.property.title","Modèle"),w()(qO,"box.model.property.margin","Marge"),w()(qO,"box.model.property.padding","Espace"),w()(qO,"component.items.canvas","Toile"),w()(qO,"component.items.layer","Objet"),w()(qO,"component.items.3dlayer","Objet 3D"),w()(qO,"component.items.drawing","Dessin"),w()(qO,"component.items.custom","Composant personnalisé"),w()(qO,"component.items.chart","Chart"),w()(qO,"component.items.plugin","Plugin"),w()(qO,"svg.text.property.title","Style SVG Texte"),w()(qO,"svg.text.property.textarea","Zone Texte"),w()(qO,"svg.text.property.size","Taille"),w()(qO,"svg.text.property.weight","Poids"),w()(qO,"svg.text.property.style","Style"),w()(qO,"svg.text.property.anchor","Ancre Texte"),w()(qO,"svg.text.property.family","Famille"),w()(qO,"svg.text.property.length.adjust","Ajusteement longueur"),w()(qO,"svg.text.property.text.length","Ajusteement Texte"),w()(qO,"svg.text.property.start.offset","Décallage départ"),w()(qO,"fill.picker.popup.title","Sélection Fragment SVG"),w()(qO,"gradient.editor.drag.message","Glisser pour déplacer centre."),w()(qO,"draw.manager.tolerance","Tolérance"),w()(qO,"pattern.property.title","Motif"),w()(qO,"pattern.info.popup.title","Info Motif"),w()(qO,"pattern.info.popup.width","Largeur"),w()(qO,"pattern.info.popup.height","Hauteur"),w()(qO,"pattern.info.popup.lineWidth","Largeur ligne"),w()(qO,"pattern.info.popup.lineHeight","Hauteur de ligne"),w()(qO,"pattern.info.popup.rotate","Rotatation"),w()(qO,"pattern.info.popup.blend","Mélange"),w()(qO,"pattern.info.popup.foreColor","Avant"),w()(qO,"pattern.info.popup.backColor","Arrière"),w()(qO,"stroke.dasharray.editor.add","Ajout tiret"),w()(qO,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),qO),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":"아트보드 프리뷰를 삭제 하시겠습니까?","app.confirm.message.custom-component.items.removeCustomComponent":"컴포넌트 프리뷰를 삭제 하시겠습니까?","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":"배우기","menu.item.projects.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":"사용자 정의 컴포넌트","component.items.chart":"차트","component.items.plugin":"플러그인","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 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}};n(80);function tS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eS=function(t){R()(n,t);var e=tS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:rt("refreshSelection","refreshContent")+Z(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"elf--export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(Cg.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(Cg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:st("$svg"),value:function(){this.emit("downloadSVG")}},{key:st("$png"),value:function(){this.emit("downloadPNG")}}]),n}(Yx),nS=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function rS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iS=function(t){R()(n,t);var e=rS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Tt("$filterSelect"),value:function(){var t=this,e=nS.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(ce()(e),[{title:"-------",value:""}],ce()(n)):ce()(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:Tt("$body"),value:function(){var t=(this.$selection.current||{}).filter;return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="filter" value=\''.concat(t,"' hide-label='true' onchange='changeFilterEditor' />\n      </div>")}},{key:at("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"filter"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$filterSelect")}}]),n}(Yx);function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oS=function(t){R()(n,t);var e=aS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:"editableProperty",get:function(){return"font"}},{key:rt("refreshSelection")+N("checkShow"),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=').concat(this.variable(["normal","italic"]),"\n          icons='title,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <object refClass=\"FontSelectEditor\"  \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:at("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:at("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change font attribute",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function cS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sS=function(t){R()(n,t);var e=cS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"editableProperty",get:function(){return"font-spacing"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Sa.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:at("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Sa.number(e.value)),this.command("setAttributeForMulti","change font spacing : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(81);function uS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fS=["static-gradient","linear-gradient","radial-gradient","image-resource"],hS={"image-resource":Cg.photo},pS={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%"}},dS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],vS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],yS=function(t){R()(n,t);var e=lS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:qm.parseImage(this.props.value||"transparent")||Hm.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:qm.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='elf--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(Cg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Cg.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(fS.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(hS[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(vS.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(Kt(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:yt("$file"),value:function(t){var e=this;this.$selection.currentProject&&ce()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:st("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");pS[e]&&(this.state.image.reset(pS[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:224,height:150}}},{key:"getFieldValue",value:function(t){return Sa.parse(this.getImageFieldValue(this.state.image,t))}},{key:It("$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:It("$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:It("$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:It("$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:It("$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:wt("$pointerDrawArea circle[data-type]")+Ag("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:Sa.percent((e-a)/r*100),top:Sa.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:st("$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={};dS.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=qm.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uS(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:at("changeKeyValue"),value:function(t,e){this.state.image.reset(w()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:rt("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:st("$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:It("$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:It("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:"fillId",get:function(){return this.id+"fill"}},{key:It("$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:Tt("$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(Sa.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:wt("$stepList .step")+Ag(),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(Sa.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(zu.toColorString(t.colorsteps),")")}},{key:rt("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:rt("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())}}]),n}(_g);n(82);function gS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kS,xS=function(t){R()(n,t);var e=bS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--gradient-picker-popup\" 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:rt("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof zu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Tt("$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:at("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:at("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:at("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:rt("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:rt("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:rt("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(mS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(ow);function wS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SS=function(t){R()(n,t);var e=OS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"initState",value:function(){return{image:Hm.create()}}},{key:"initialize",value:function(){$a()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){var t=this;return ie(kS||(kS=Aa()(["\n      <div class=\"elf--gradient-picker-popup\" 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="," />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "])),this.subscribe((function(e){t.trigger("changeColor",e)})))}},{key:rt("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof zu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Tt("$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:at("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:at("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:at("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:rt("showFillPickerPopup"),value:function(t,e){this.show(240),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:rt("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:rt("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(PS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(ow);n(83);function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $S=function(t){R()(n,t);var e=jS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:qm.parseImage(this.props.image||"transparent")}}},{key:"fillId",get:function(){return this.id+"fill"}},{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:qm.parseImage(t)})}},{key:It("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:It("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:rt("changeFillSingle"),value:function(t,e){this.updateData({image:qm.parseImage(t)}),this.refresh()}}]),n}(_g);n(84);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}function CS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MS=function(t){R()(n,t);var e=CS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RS(Object(n),!0).forEach((function(e){w()(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}({},t))}},{key:It("$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='elf--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:st("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:rt("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),n}(_g),TS=["0deg","45deg","90deg"],VS=["0deg","45deg","90deg"],ES=["0deg","45deg","90deg"],IS=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"linear-gradient(".concat(gc.apply(void 0,TS),", ").concat(Iu.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"linear-gradient(".concat(gc.apply(void 0,VS),", ").concat(Iu.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(gc.apply(void 0,ES),", ").concat(Iu.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Iu.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Iu.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Iu.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return mc(t).map((function(t){var e=pc(45,55),n=pc(45,55),r=pc(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Iu.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 mc(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Iu.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 mc(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Iu.createRepeatColorStep(10,"10deg"),")")}}))}}];n(85);function DS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var LS=IS.map((function(t){return{value:t.key,text:t.title}})),BS=function(t){R()(n,t);var e=DS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Tt("$tools"),value:function(){return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options=').concat(this.variable(LS),' onchange="changePreset"  />\n    ')}},{key:at("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--gradient-assets-property"}},{key:rt("refreshSelection")+Z(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:ht("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Tt("$gradientList"),value:function(){var t=this,e=IS.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(icon.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:st("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:zu.random(),name:"",variable:""})}))}},{key:st("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}}]),n}(Yx);n(86);function AS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zS=function(t){R()(n,t);var e=AS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--history-list-view\" ref='$body'></div>\n    "}},{key:Tt("$body")+W,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?Cg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:rt("refreshHistory"),value:function(){this.refresh()}}]),n}(Yx);function FS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function GS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _S={},NS=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],XS=function(t){R()(n,t);var e=GS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toStringPropertyCSS",value:function(t,e){return kc(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return _S;var e=[];if(t.pattern)for(var n=mp.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,jl.parseStyle(kc(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,jl.parseStyle(kc(t["background-image"]))),e.length?jl.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=HS(HS({},n),kc(t["flex-layout-item"])):"grid"===e&&(n=HS(HS({},n),kc(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return HS({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return HS({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return t.hasChildren()?{}:this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?w()({},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.hasChildren()||(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 Ut(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",HS(HS(HS({},e),{"will-change":"auto"}),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=zt()(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=zt()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return bc(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return NS.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(""===t.transform)return _S;var e={transform:t.transform};return"rotateZ(0deg)"===e.transform&&delete e.transform,{transform:e.transform}}},{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=of.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(t.clipPathString,'" /></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;var n=of.parseStyle(e);switch(n.type){case"path":n.value&&(e="url(#".concat(this.clipPathId(t),")"));break;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(bc(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:bc(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-renderer-type=\"html\" data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>\n").concat(n,"\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="element-item ').concat(a,'" data-id="').concat(r,'" data-title="').concat(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){if(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=Ka.createByHTML(i);a&&e.prepend(a)}}}}}]),n}(function(){function t(){O()(this,t)}return j()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function YS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KS=function(t){R()(n,t);var e=YS(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(XS);function US(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?US(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):US(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qS=["","100x100","200x200","300x300","400x300","900x600","1024x762"],JS=function(t){R()(n,t);var e=ZS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Cg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(qS.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:at("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Sa.px(t)})),r=zt()(n,2),i=r[0],a=r[1];this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:i,height:a}))}},{key:st("$resize"),value:function(){this.$selection.current&&this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:function(t){return t.naturalWidth.clone()},height:function(t){return t.naturalHeight.clone()}}))}},{key:It("$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:Tt("$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:at("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(WS({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttributeForMulti","change image",this.$selection.packByValue(WS({src:e},n))))}},{key:rt("refreshSelection")+Z(100),value:function(){this.refreshShow(["image"])}}]),n}(Yx);n(87);function QS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tj=function(t){R()(n,t);var e=QS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='elf--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:Tt("$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:yt("$file"),value:function(t){var e=this,n=ce()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:st("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:rt("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)}}]),n}(_g);n(88);function ej(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nj=function(t){R()(n,t);var e=ej(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:Tt("$imageBox")+W,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:st("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Sa.px(e.naturalWidth),naturalHeight:Sa.px(e.naturalHeight),width:Sa.px(e.naturalWidth),height:Sa.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:rt("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:rt("hideImageSelectPopup"),value:function(){this.hide()}}]),n}(ow);n(89);function rj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ij=function(t){R()(n,t);var e=rj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{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='elf--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:gt("$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:rt("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:rt("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:rt("hideKeyframePopup"),value:function(){this.$el.hide()}}]),n}(ow);n(90);function aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oj=function(t){R()(n,t);var e=aj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{key:"getBody",value:function(){return"<div class='elf--keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(Cg.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(Cg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Cg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Cg.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:st("$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:st("$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:st("$keyframeList .del")+et,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:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Tt("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Gf.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:st("$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:rt("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))}}]),n}(Yx);function cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sj=function(t){R()(n,t);var e=cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Sa.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:rt("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){if(Kt(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:Tt("$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!Ka.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:st("$offset")+N("isNotOffsetItem")+et,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Sa.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Af({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:wt("$offset .offset-item")+Ag("moveOffset")+zg("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Sa.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=Sa.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:rt("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:rt("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=ce()(t)),this.modifyOffset()}}]),n}(_g);n(91);function uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lj=function(t){R()(n,t);var e=uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getBody",value:function(){return"\n      <div class=\"elf--layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:It("$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:Sa.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:Sa.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:Sa.px(r),height:Sa.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 Cg.group;switch(t.itemType){case"artboard":return Cg.artboard;case"circle":return Cg.lens;case"image":return Cg.image;case"text":case"svg-text":return Cg.title;case"svg-textpath":return Cg.text_rotate;case"svg-path":return Cg.pentool;case"cube":return Cg.cube;case"cylinder":return Cg.cylinder;default:return Cg.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),this.$selection.check(a)?"selected":""),c=this.$selection.checkHover(a)?"hovered":"",s=a.name;a.is("text")&&(s=a.text||a.name);var u="";a.hasLayout()&&(u=this.$i18n("layer.tree.property.layout.title."+a.layout));var l=a.isTreeItemHide(),f=Sa.px(20*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(c,"' 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(l,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(u,"' style='padding-left: ").concat(f,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(a.isGroup?Cg.arrow_right:"","</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(s,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Cg.lock:Cg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Cg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Cg.remove2,"</button>                          \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:rt("refreshContent"),value:function(t){this.refresh()}},{key:Tt("$layerList")+W,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:ht("$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:vt("$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:dt("$layerList .layer-item:not(.".concat("drag-start",")"))+et,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:pt("$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:ut("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t,e){var n=this;if(hd.enter===e.keyCode)this.endInputEditing(t,(function(){var e=t.closest("layer-item").attr("data-layer-id"),r=t.text();n.emit("refreshItemName",e,r)}));else{var r=t.closest("layer-item").attr("data-layer-id"),i=t.text();this.emit("refreshItemName",r,i)}}},{key:lt("$layerList .layer-item .name")+nt,value:function(t){this.modifyDoneInputEditing(t.$dt,t)}},{key:bt("$layerList .layer-item .name")+et+nt,value:function(t){this.modifyDoneInputEditing(t.$dt,{keyCode:hd.enter})}},{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:st("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":"#ececec",width:Sa.px(200),height:Sa.px(100)})}},{key:st("$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.command("refreshSelection")}},{key:st("$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:st("$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("setAttributeForMulti","change visible for layer",this.$selection.packByValue({visible:!r.visible},r.id))}},{key:st("$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:st("$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("setAttributeForMulti","change lock for layer",this.$selection.packByValue({lock:i},r.id))}},{key:rt("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:at("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:rt("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:rt("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:rt("refreshLayerTreeView"),value:function(){this.refresh()}},{key:rt("changeItemLayout"),value:function(){this.refresh()}}]),n}(Yx);function fj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dj=function(t){R()(n,t);var e=pj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 this.variable(t.split(",").map((function(t){return{value:t,text:e.$i18n("flex.layout.editor."+t)}})))}},{key:"initState",value:function(){return hj({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(hj({},kc(t)))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);function vj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gj=function(t){R()(n,t);var e=yj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(kc(t))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);n(92);function mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bj=function(t){R()(n,t);var e=mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"elf--flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","auto","value"].map((function(e){return{value:e,text:t.$i18n("flex.layout.item.property.".concat(e))}})))}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Tt("$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),bc({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:at("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":this.getFlexValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),n}(Yx);n(93);function kj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xj=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,wj=function(t){R()(n,t);var e=kj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getLayoutItemOptions",value:function(){var t=this;return this.variable("none,auto,repeat,length".split(",").map((function(e){return{value:e,text:t.$i18n("grid.box.editor.".concat(e))}})))}},{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=xj.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=Ia()(a),c=o[0],s=o.slice(1);n.push({type:"repeat",count:c,value:s.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(Cg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Cg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Tt("$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='elf--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(Cg.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:st("$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:st("$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:st("$add"),value:function(){this.trigger("add")}},{key:rt("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:at("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()}}]),n}(_g);function Pj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Oj=function(t){R()(n,t);var e=Pj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 Sa.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:Tt("$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:at("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),n}(_g);n(94);function Sj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Sj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rj=function(t){R()(n,t);var e=$j(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return jj({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(jj({},kc(t)))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"template",value:function(){return"\n            <div class='elf--grid-layout-editor' ref='$body' ></div>\n        "}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);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 Mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tj=function(t){R()(n,t);var e=Mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(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){w()(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}({},kc(this.props.value))}},{key:"setValue",value:function(t){this.setState(kc(t))}},{key:"getValue",value:function(){return bc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Tt("$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:at("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(_g);n(95);function Vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ej=function(t){R()(n,t);var e=Vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","value"].map((function(e){return{value:e,text:t.$i18n("grid.layout.item.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Tt("$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=kc(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 bc({"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:at("changeGridItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":this.getGridValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:rt("refreshSelection")+Z(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),n}(Yx);n(96);function Ij(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dj=function(t){R()(n,t);var e=Ij(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["default","flex","grid"].map((function(e){return{value:e,text:t.$i18n("layout.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Tt("$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:at("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change layout info",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(this.$selection.packByValue(w()({},t,e))),this.command("setAttributeForMulti","change layout type",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.refresh(),n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:"editableProperty",get:function(){return"layout"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx),Lj=[{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)"}]}}];n(97);function Bj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Aj=function(t){R()(n,t);var e=Bj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=this.variable(Lj.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:at("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--pattern-assets-property"}},{key:"editableProperty",get:function(){return"pattern"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){}},{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:ht("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Tt("$patternList"),value:function(){var t=this,e=Lj.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=bc(mp.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:st("$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)}}]),n}(Yx);n(98);function zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fj=function(t){R()(n,t);var e=zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 mp.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='elf--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(Cg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:Tt("$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(Cg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=mp.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:rt("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Lj.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,mp.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:st("$add"),value:function(){this.trigger("add")}},{key:ht("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$patternList .pattern-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:pt("$patternList .pattern-item")+et,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:st("$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:rt("changePatternSizeInfo")+Z(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),n}(_g);function Hj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gj=function(t){R()(n,t);var e=Hj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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||Sa.z(),y:this.props.y||Sa.z(),width:this.props.width||Sa.z(),height:this.props.height||Sa.z(),lineWidth:this.props.lineWidth||Sa.px(1),lineHeight:this.props.lineHeight||Sa.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,c=e.backColor,s=e.blendMode,u=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:c,blendMode:s,lineWidth:u,lineHeight:l},this.state.params)}},{key:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:Tt("$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:rt("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)}}]),n}(ow),_j=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"];function Nj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xj=function(t){R()(n,t);var e=Nj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Tt("$patternSelect"),value:function(){var t=this,e=_j.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return ce()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Tt("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:at("changePatternEditor"),value:function(t,e){this.command("setAttributeForMulti","change pattern",this.$selection.packByValue({pattern:e}))}},{key:"editableProperty",get:function(){return"pattern"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$patternSelect")}}]),n}(Yx);n(99);function Yj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Kj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wj=function(t){R()(n,t);var e=Uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:Sa.parse(this.props.x),y:Sa.parse(this.props.y),width:Sa.parse(this.props.width),height:Sa.parse(this.props.height),lineWidth:Sa.parse(this.props.linewidth),lineHeight:Sa.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(Kj({},t))}},{key:It("$miniView"),value:function(){var t=Kj({},this.state);return this.state.width.value>80&&(t.width=Sa.px(80),t.x=Sa.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Sa.px(80),t.y=Sa.px(this.state.y.value/this.state.height.value/80)),{cssText:mp.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='elf--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:st("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){var t=this;this.emit("showPatternInfoPopup",{changeEvent:function(e){t.updateData(Kj({},e))},data:this.state,instance:this})}}]),n}(_g);function Zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qj=function(t){R()(n,t);var e=Zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Cg.remove,"</button>\n    ")}},{key:st("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Tt("$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:at("changePerspective"),value:function(t,e){this.command("setAttributeForMulti","change perspective",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"perspective"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);n(100);function Jj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qj=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],t$=Qj.map((function(t){return t.key})),e$={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%"},n$=function(t){R()(n,t);var e=Jj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Sa.z(),"perspective-origin-x":Sa.z(),"perspective-origin-y":Sa.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Sa.parse(t[0]),e["perspective-origin-x"]=Sa.parse(t[0]),e["perspective-origin-y"]=Sa.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Sa.parse(t[0]),e["perspective-origin-y"]=Sa.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:st("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=e$[e].split(" "),r=zt()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Sa.parse(i),this.state["perspective-origin-y"]=Sa.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:at("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&t$.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(Qj.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,t$.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:st("$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()}}]),n}(_g);function r$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var i$=function(t){R()(n,t);var e=r$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Cg.remove,"</button>\n    ")}},{key:st("$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:Tt("$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:"editableProperty",get:function(){return"perspective-origin"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changePerspectiveOrigin"),value:function(t){this.command("setAttributeForMulti","change perspective origin",this.$selection.packByValue({"perspective-origin":t}))}}]),n}(Yx);function a$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var o$=Sa.z(),c$=function(t){R()(n,t);var e=a$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:rt("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"checkChangedValue",value:function(){var t=this.$selection.current;return!!t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate","opacity")}},{key:rt("refreshSelectionStyleView")+N("checkChangedValue")+J(10),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||o$),this.children.$y.setValue(t.y||o$),this.children.$width.setValue(t.width||o$),this.children.$height.setValue(t.height||o$),this.children.$opacity.setValue(t.opacity||"1");var e=Bc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}},{key:"isHideHeader",value:function(){return!0}},{key:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 10px;'>\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=\"-360\"\n              max=\"360\"\n              step=\"1\"\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;if(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),this.children.$opacity.setValue(t.opacity||"1");var e=Bc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}}},{key:at("changRangeEditor"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change position or size",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:at("changeRotate"),value:function(t,e){console.log(e),this.command("setAttributeForMulti","change rotate",this.$selection.packByValue({transform:function(t){return Bc.rotateZ(t.transform,e)}}))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(101);function s$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var u$=function(t){R()(n,t);var e=s$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return"string"==typeof t?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),n=this.props.value,r=this.props.tabindex;return{splitChar:t,label:this.props.label||"",options:e,value:n,tabIndex:r}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='elf--select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:It("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Tt("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e.value,r=e.text||e.value;""===r?r=t.props["none-value"]?t.props["none-value"]:"":"-"===r&&(r="----------",n="");var i=n===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(n,'">').concat(r,"</option>")}))}},{key:yt("$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)}}]),n}(_g);function l$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?l$(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function h$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var p$=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],d$=function(t){R()(n,t);var e=h$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getBlendList",value:function(){var t=this;return p$.map((function(e){return{value:e,text:t.$i18n("blend.".concat(e))}}))}},{key:"initState",value:function(){return f$(f$({},$a()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}]),n}(u$);n(102);function v$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var y$=function(t){R()(n,t);var e=v$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='elf--clip-path-editor'></div>\n        "}},{key:Tt(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:st(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){var t=this;this.emit("showClipPathPopup",{changeEvent:function(e){t.updateData({clippath:e["clip-path"]})},"clip-path":this.state.clippath})}}]),n}(_g),g$={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=fu.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=fu.parse(t.color),r=fu.parse(e.color);return n.h>r.h?1:-1})),e}},m$=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),b$={title:"material red",key:"material-red",execute:function(){return m$}},k$=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),x$={title:"material pink",key:"material-pink",execute:function(){return k$}},w$=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),P$={title:"material purple",key:"material-purple",execute:function(){return w$}},O$=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),S$={title:"material deep purple",key:"material-deeppurple",execute:function(){return O$}},j$=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),$$={title:"material indigo",key:"material-indigo",execute:function(){return j$}},R$=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),C$={title:"material blue",key:"material-blue",execute:function(){return R$}},M$=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),T$={title:"material light blue",key:"material-lightblue",execute:function(){return M$}},V$=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),E$={title:"material cyan",key:"material-cyan",execute:function(){return V$}},I$=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),D$={title:"material teal",key:"material-teal",execute:function(){return I$}},L$=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),B$={title:"material green",key:"material-green",execute:function(){return L$}},A$=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),z$={title:"material lightgreen",key:"material-lightgreen",execute:function(){return A$}},F$=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),H$={title:"material lime",key:"material-lime",execute:function(){return F$}},G$=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),_$={title:"material yellow",key:"material-yellow",execute:function(){return G$}},N$=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),X$={title:"material amber",key:"material-amber",execute:function(){return N$}},Y$=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),K$={title:"material orange",key:"material-orange",execute:function(){return Y$}},U$=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),W$={title:"material deep orange",key:"material-deeporange",execute:function(){return U$}},Z$=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),q$={title:"material brown",key:"material-brown",execute:function(){return Z$}},J$=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Q$={title:"material gray",key:"material-gray",execute:function(){return J$}},tR=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),eR={title:"material bluegray",key:"material-bluegray",execute:function(){return tR}},nR=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),rR=[g$,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return nR}},b$,x$,P$,S$,$$,C$,T$,E$,D$,B$,z$,H$,_$,X$,K$,W$,q$,Q$,eR];n(103);function iR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aR=function(t){R()(n,t);var e=iR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"grid",preset:"random",isLoaded:!1,colors:rR}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Tt("$tools"),value:function(){var t=this.variable(this.state.colors.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:rt("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"template",value:function(){return"\n      <div class='elf--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:Tt("$colorList"),value:function(){var t=this,e=this.state.colors.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:st("$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)}}]),n}(_g);n(104);function oR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cR=function(t){R()(n,t);var e=oR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:It("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='elf--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:st("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.refs.$miniView.cssText("background-color: ".concat(e)),t.updateData({color:e})},color:this.state.color})}}]),n}(_g);n(105);function sR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uR=function(t){R()(n,t);var e=sR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"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='elf--color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","            \n                <div class='color-code' ref=\"$container\">\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:It("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:It("$colorCode"),value:function(){return{value:this.state.value}}},{key:mt("$colorCode"),value:function(t){this.refs.$container.addClass("focused")}},{key:kt("$colorCode"),value:function(t){this.refs.$container.removeClass("focused")}},{key:st("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.updateData({value:e})},changeEndEvent:function(e){t.updateEndData({value:e})},color:this.state.value})}},{key:st("$remove"),value:function(t){this.updateData({value:""})}},{key:gt("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}}]),n}(_g);n(106);function lR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fR=function(t){R()(n,t);var e=lR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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='elf--css-property-editor ".concat(wc({"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(Cg.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 Sa.string("");case"offset-distance":return Sa.percent(0);case"rotate":return Sa.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Sa.z()}}},{key:st("$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="changeKeyValue" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\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=").concat(this.variable(["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=").concat(this.variable(["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=").concat(this.variable(["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      "):"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:at("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:at("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:at("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:at("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:at("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:at("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:at("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:at("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:at("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:at("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:at("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:at("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:at("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:Tt("$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(Cg.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(Cg.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:rt("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:st("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:st("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),n}(_g);n(107);function hR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pR=function(t){R()(n,t);var e=hR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:Ho(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=jc(this.state.currentBezier,150,150),e=$c(this.state.currentBezier,150,150),n=jc("ease",30,30),r=$c("ease",30,30),i=jc("ease-in",30,30),a=$c("ease-in",30,30),o=jc("ease-out",30,30),c=$c("ease-out",30,30);return"\n            <div class='elf--cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Cg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Cg.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(c,'" 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:It("$bezierCanvas"),value:function(){return{d:jc(this.state.currentBezier,150,150)}}},{key:It("$bezierCanvasPoint"),value:function(){return{d:$c(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,Go(this.state.currentBezier))}},{key:st("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Fo.length-1:--n;e=Fo[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:st("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Fo.length,e=Fo[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:st("$text"),value:function(){var t=ce()(Fo[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:st("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=Ho(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=Ho(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:Sa.px(r).round(),top:Sa.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Sa.px(r).round(),top:Sa.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=Ho(this.state.currentBezier),e=tc(Go(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 c=a.y;return c-=i,{x:Hi(o,e),y:c==n?0:Hi(n-c,n)}}},{key:wt("$pointer1")+Ag("movePointer1")+zg("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:wt("$pointer2")+Ag("movePointer2")+zg("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:rt("showCubicBezierEditor"),value:function(t){var e=Ho(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),n}(_g);n(108);function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],yR=function(t){R()(n,t);var e=dR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=tf.parse(this.props.value),e=zt()(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='elf--direction-editor' ref='$body'></div>"}},{key:rt("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&vR.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(w()({},t,e))}},{key:Tt("$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(Cg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Cg.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(vR.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:st("$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})}}]),n}(_g);n(109);function gR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function bR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kR={blur:Fl.spec,grayscale:Gl.spec,"hue-rotate":_l.spec,invert:Nl.spec,brightness:Xl.spec,contrast:Yl.spec,"drop-shadow":Zl.spec,opacity:Kl.spec,saturate:Ul.spec,sepia:Wl.spec,svg:Hl.spec},xR=function(t){R()(n,t);var e=bR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:zl.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='elf--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(Cg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:Tt("$filterSelect"),value:function(){var t=em.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(ce()(t),[{title:"-------",value:""}],ce()(e)):ce()(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 kR[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(Cg.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            on-change-value="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=i.svgfilters.map((function(t){return{value:t.id}}))),'\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(this.variable([""].concat(ce()(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(Cg.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:Tt("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:ht("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$filterList .filter-item .title label")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:pt("$filterList .filter-item")+et,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,this.props.key,t,this.props.params)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return zl.parse(mR(mR({},e),{},{type:t}))}},{key:st("$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,a,o=r.getSVGFilterIndex(null===(i=n.value)||void 0===i||null===(a=i.value)||void 0===a?void 0:a.replace("#",""));this.trigger("openSVGFilterPopup",o)}}},{key:rt("openSVGFilterPopup"),value:function(t){var e=this,n=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:function(t){var n=e.$selection.currentProject;n&&(n.setSVGFilterValue(t.index,{filters:t.filters}),e.emit("refreshSVGFilterAssets"),e.emit("refreshSVGArea"))},index:t,preview:!1,filters:n.filters})}},{key:rt("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:st("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:st("$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:at("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:at("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(w()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),n}(_g);function wR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SR=["","Arial","Arial Black","Times New Roman","Times","Courier New","Courier","Verdana","Georgia","Palatino","Garamond","Bookman","Tahoma","Trebuchet MS","Impact","Comic Sans MS","serif","sans-serif","monospace","cursive","fantasy","system-ui"],jR=function(t){R()(n,t);var e=OR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getFontList",value:function(){return SR.map((function(t){return{value:t}}))}},{key:"initState",value:function(){return PR(PR({},$a()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getFontList()})}}]),n}(u$);n(110);function $R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RR=["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"],CR=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],MR={"image-resource":Cg.photo},TR={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},VR={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%"]},ER=function(t){R()(n,t);var e=$R(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:jl.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:jl.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='elf--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(Cg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Cg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Cg.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(CR.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(MR[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                <object refClass=\"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(this.variable(RR),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:yt("$file"),value:function(t){var e=this;this.$selection.currentProject&&ce()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:st("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");VR[e]&&(this.state.image.radialPosition=ee(VR[e]),this.refresh(),this.updateData())}},{key:ut("$gradientView")+et,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:wt("$gradientView")+Ag("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=Sa.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Sa.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:st("$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=jl.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Sa.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:at("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:rt("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:st("$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:It("$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:It("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:It("$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:It("$dragPosition"),value:function(){var t="50%",e="50%";if(TR[this.state.image.type]){var n=zt()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Tt("$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.toLength(),";'>\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:st("$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(Sa.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:wt("$stepList .step")+Ag(),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.setValue(o,n.width),this.children.$range.setValue(Sa.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(zu.toColorString(t.colorsteps),")")}},{key:rt("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:rt("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())}}]),n}(_g);n(111);function IR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DR=function(t){R()(n,t);var e=IR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor elf--list-view-editor' ref='$body'></div>"}},{key:It("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Tt("$body"),value:function(){var t=this;return Object.keys(Cg).map((function(e){var n=Cg[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:st("$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)}}]),n}(_g);function LR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BR=function(t){R()(n,t);var e=LR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(t){return+t})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:It("$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:Tt("$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:gt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(_g);n(112);function AR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zR=function(t){R()(n,t);var e=AR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Sa.parse(this.props.value||Sa.z()),n=this.props.label||"";return Cg[n]&&(n=Cg[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:Tt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=c,l=(+s).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(wc(w()({"elf--input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},u,!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(l,'" 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(Cg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Sa.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:mt("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:st("$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 Sa(0,this.children.$unit.getValue()))}},{key:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Sa(e,this.children.$unit.getValue())})}},{key:at("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(_g);n(113);function FR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HR=function(t){R()(n,t);var e=FR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Sa.parse(this.props.value||Sa.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:Tt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=o,l=(+s).toString(),f=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),{value:t,text:e}}));return'\n        <div \n            ref="$range"\n            class="'.concat(wc(w()({"elf--range--editor":!0,"has-label":!!i,compact:!!c,"is-removable":a},u,!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(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" 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(this.variable(f)," onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Cg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Sa.parse(t)})}},{key:mt("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:st("$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 Sa(0,this.children.$unit.getValue()))}},{key:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Sa(e,this.children.$unit.getValue())})}},{key:gt("$property"),value:function(t){this.trigger("changeRangeValue")}},{key:wt("$property")+zg(),value:function(){}},{key:"end",value:function(){this.trigger("changeRangeValue")}},{key:at("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Sa(t,this.children.$unit.getValue())})}},{key:at("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(_g);function GR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _R(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XR=function(t){R()(n,t);var e=NR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Sa(0,"infinite"):Sa.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return _R(_R({},$a()(V()(n.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}]),n}(HR);n(114);function YR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KR=function(t){R()(n,t);var e=YR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=zt()(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='elf--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:at("changeValue"),value:function(t,e){this.updateData(w()({},t,e/this.state.duration),!0)}},{key:wt("$start")+Ag("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Sa.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Sa.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:It("$start"),value:function(){return{"data-info":this.state.start,style:{left:Sa.percent(100*(this.state.start||0))}}}},{key:wt("$end")+Ag("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Sa.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Sa.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Sa.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:It("$end"),value:function(){return{"data-info":this.state.end,style:{left:Sa.percent(100*(this.state.end||1))}}}},{key:It("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Sa.percent(100*t),width:Sa.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=zt()(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)}}]),n}(_g);n(115);function UR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WR=function(t){R()(n,t);var e=UR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Sa.parse(this.props.value||Sa.number(0));t=t.toUnit("number");var e=this.props.label||"";return Cg[e]&&(e=Cg[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:Tt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=c?"compact":"",f=o,h=(+s).toString();return"\n        <div class='elf--number-input-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" 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:Sa.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.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:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),n}(_g);n(116);function ZR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qR=function(t){R()(n,t);var e=ZR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Sa.parse(this.props.value||Sa.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:Tt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=o?"is-removable":"",f=c,h=(+s).toString();return"\n        <div class='elf--number-range-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(h,'" 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(Cg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Sa.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Sa.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:Sa.parse(t)})}},{key:mt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:kt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:st("$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:gt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:gt("$property"),value:function(){this.trigger("changeRangeValue")}},{key:wt("$property")+zg("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeRangeValue")}},{key:at("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Sa.number(0)),this.updateData({value:this.state.value.set(t)})}}]),n}(_g);n(117);function JR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tC=function(t){R()(n,t);var e=QR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new Hc(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 Hc(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='elf--path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Tt("$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?JR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JR(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:gt("$data input[type=number]")+Z(300),value:function(t){this.updateData()}},{key:st("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=zt()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),n}(_g);n(118);function eC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nC=function(t){R()(n,t);var e=eC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new kf(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 kf(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='elf--polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Tt("$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:gt("$data input[type=number]")+Z(300),value:function(t){this.updateData()}}]),n}(_g);n(119);function rC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iC=function(t){R()(n,t);var e=rC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return Zt(t)?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),n=(this.props.icons||"").split(t).map((function(t){return t.trim()})),r=(this.props.colors||"").split(t).map((function(t){return t.trim()})),i=this.props.value||"";return{label:this.props.label||"",compact:"true"===this.props.compact,options:e,icons:n,colors:r,value:i}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='elf--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:st("$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:Tt("$options")+W,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e.value,i=e.text,a=e.text,o="",c=r===t.state.value,s=c?"selected":"";if(""===e.value){i=Cg.close;a="close"}else{var u=t.state.icons[n];Cg[u]&&(o="icon"),a=i,i=Cg[u]||i||u||e.text||e.value}var l=t.state.colors[n],f={};return c&&l&&(f["background-color"]=l),"<div class='select-icon-item ".concat(s," ").concat(o,"' style='").concat(bc(f),"' data-value=\"").concat(r,"\" title='").concat(a,"'>").concat(i,"</div>")}))}},{key:st("$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)}}]),n}(_g);n(120);function aC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oC=function(t){R()(n,t);var e=aC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.generateValue(this.props.value||"");return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label,e=!!t;return"\n      <div class='elf--stroke-dasharray-editor'>\n        <div class='tools ".concat(e?"has-label":"","'>\n          ").concat(e?"<label class='label'>".concat(t,"</label>"):"","\n          <label ref='$add'>").concat(Cg.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>      \n        <div ref='$body'></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){Array.isArray(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Tt("$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=\"").concat(t,'" \n            min="0"\n            max="100"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Cg.remove2,"</button>\n        </div>\n      ")}))}},{key:at("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:st("$add"),value:function(){this.setState({value:[].concat(ce()(this.state.value),[0])})}},{key:st("$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)}}]),n}(_g);n(121);function cC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sC=function(t){R()(n,t);var e=cC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Sa.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='elf--text-area-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:It("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:gt("$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)}}]),n}(_g);n(122);function uC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lC=function(t){R()(n,t);var e=uC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.value;return"\n            <div class='elf--text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <div>\n                    <input type='text' ref='$text' value=\"").concat(n,'" />\n                </div>\n            </div>\n        ')}},{key:"getValue",value:function(){return this.refs.$text.value}},{key:"setValue",value:function(t){this.refs.$text.val(t),this.setState({value:t},!1)}},{key:It("$text"),value:function(){return{value:this.state.value}}},{key:gt("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(_g);n(123);function fC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hC=function(t){R()(n,t);var e=fC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=zt()(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='elf--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(Cg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:rt("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:Tt("$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(Cg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:st("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:gt("$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)}}]),n}(_g),pC=[/\(/gi,/\)/gi],dC="grayscale,matrix,rotateZ,blur,sepia,linear-gradient,radial-gradient,conic-gradient,circle,inset,polygon,rgb".split(",").map((function(t){return new RegExp(t,"gi")})),vC="butt,miter,start,at,black,repeat,lighten,multiply,solid,border-box,visible,absolute,relative,auto".split(",").map((function(t){return new RegExp(t,"gi")}));function yC(t){return vC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="keyword">'.concat(t,"</span>")}))})),dC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="function">'.concat(t,"</span>")}))})),pC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="char">'.concat(t,"</span>")}))})),t}function gC(t){return t.split(";").filter((function(t){return t.trim()})).map((function(t){var e=(t=t.trim()).split(":").map((function(t){return t.trim()})),n=zt()(e,2),r=n[0],i=n[1];return""===i?"":'<div class="block"><strong>'.concat(r,'</strong><span>:&nbsp;</span><span class="value">').concat(yC(i),"</span><span>;</span></div>")})).join("").trim()}var mC=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("html","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("html",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(t){var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}}},{key:"renderSVG",value:function(t,e){var n=this.getRendererInstance(t);return Jt(n.renderSVG)?n.renderSVG(t,e||this):this.getDefaultRendererInstance().renderSVG(t,e||this)}},{key:"to",value:function(t,e){var n=this.getRendererInstance(e);if(Jt(n[t]))return n[t].call(n,e);var r=this.getDefaultRendererInstance();return Jt(r[t])?r[t].call(r,e):void 0}},{key:"toCSS",value:function(t){return this.to("toCSS",t)}},{key:"toNestedCSS",value:function(t){return this.to("toNestedCSS",t)}},{key:"toTransformCSS",value:function(t){return this.to("toTransformCSS",t)}},{key:"toGridLayoutCSS",value:function(t){return this.to("toGridLayoutCSS",t)}},{key:"toLayoutItemCSS",value:function(t){return this.to("toLayoutItemCSS",t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);return Jt(n.toStyle)?n.toStyle(t,e||this):this.getDefaultRendererInstance().toStyle(t,e||this)}},{key:"update",value:function(t,e,n){var r=this.getRendererInstance(t);return Jt(r.update)?r.update(t,e,n):this.getDefaultRendererInstance().update(t,e,n)}},{key:"codeview",value:function(t){if(!t)return"";var e=t.top,n=gC(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?bc(e.toRootVariableCSS()):"",i=t,a=gC(i?Pc(bc(this.toCSS(i))):""),o=i?this.toNestedCSS(i).map((function(t){var e=t.cssText?t.cssText:bc(t.css);return"".concat(t.selector," { \n    ").concat(gC(Pc(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=i?i.selectors:[];return"\n<div class=''>\n\n".concat(a&&"<div><pre title='CSS'>".concat(a,"</pre></div>"),"\n\n").concat(o.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        ")}}]),t}();function bC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kC=function(t){R()(n,t);var e=bC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=(t.name,t.itemType,n||"div");return"    \n      <".concat(i,' class="element-item artboard" data-id="').concat(r,'">\n        ').concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(i,">\n    ")}},{key:"toBorderCSS",value:function(t){return{}}}]),n}(XS);function xC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wC=function(t){R()(n,t);var e=xC(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function PC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function SC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jC=["front","back","left","right","top","bottom"],$C=function(t){R()(n,t);var e=SC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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",OC(OC({},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 OC(OC(OC(OC(OC({},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"],c=OC(OC(OC(OC({},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(bc(c),"\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(jC.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}}]),n}(KS);function RC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CC=function(t){R()(n,t);var e=RC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(KS);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 TC(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){w()(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}function VC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EC="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),IC={xChannelSelector:!0,yChannelSelector:!0},DC=function(t){R()(n,t);var e=VC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=pa();return $a()(V()(n.prototype),"getDefaultObject",this).call(this,TC({itemType:"svgfilter",id:e,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter((function(e){return e.id===t.id})).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return"string"==typeof t.in&&(t.in=JSON.parse(t.in)),"string"==typeof t.bound&&(t.bound=JSON.parse(t.bound)),"string"==typeof t.connected&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return TC(TC({},$a()(V()(n.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(IC).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=""),EC.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,eT[t.type])(t)}}]),n}(Tc);function LC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BC=function(t){R()(n,t);var e=LC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:n.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Sa.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    ')}}]),n}(DC);function AC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}BC.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Sa.number(0)}};var zC=function(t){R()(n,t);var e=AC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.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>")}}]),n}(DC);function FC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zC.spec={};var HC=function(t){R()(n,t);var e=FC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:n.spec.operator.defaultValue,k1:n.spec.k1.defaultValue,k2:n.spec.k2.defaultValue,k3:n.spec.k3.defaultValue,k4:n.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}}]),n}(DC);function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HC.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:Sa.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)}};var _C=function(t){R()(n,t);var e=GC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:n.spec.operator.defaultValue,radius:n.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()," />")}}]),n}(DC);function NC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_C.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)}};var XC=function(t){R()(n,t);var e=NC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:n.spec.filterType.defaultValue,baseFrequency:n.spec.baseFrequency.defaultValue,numOctaves:n.spec.numOctaves.defaultValue,seed:n.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=Sa.parse(t.baseFrequency),t.numOctaves=Sa.parse(t.numOctaves),t.seed=Sa.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(xc({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function YC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XC.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Sa.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Sa.number(0)}};var KC=function(t){R()(n,t);var e=YC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:n.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=Sa.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}}]),n}(DC);function UC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KC.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Sa.number(0)}};var WC=function(t){R()(n,t);var e=UC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:n.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()," />")}}]),n}(DC);function ZC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WC.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 qC=function(t){R()(n,t);var e=ZC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:n.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()," />")}}]),n}(DC);function JC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qC.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var QC=function(t){R()(n,t);var e=JC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:n.spec.stdDeviationX.defaultValue,stdDeviationY:n.spec.stdDeviationY.defaultValue,edgeMode:n.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=Sa.parse(t.stdDeviationX),t.stdDeviationY=Sa.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()," />")}}]),n}(DC);function tM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}QC.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var eM=function(t){R()(n,t);var e=tM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,color:n.spec.color.defaultValue,opacity:n.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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(xc({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),n}(DC);function nM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}eM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var rM=function(t){R()(n,t);var e=nM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:n.spec.r.defaultValue,g:n.spec.g.defaultValue,b:n.spec.b.defaultValue,a:n.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=t.split(" "),n=Ia()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=zt()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=zt()(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(xc(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(xc(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(xc(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(xc(i)," />"),"\n    </feComponentTransfe>")}}]),n}(DC);function iM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}rM.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 aM=function(t){R()(n,t);var e=iM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:n.spec.azimuth.defaultValue,elevation:n.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(xc({azimuth:e,elevation:n})," />")}}]),n}(DC);function oM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}aM.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var cM=function(t){R()(n,t);var e=oM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,z:n.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(xc({x:e,y:n,z:r})," />")}}]),n}(DC);function sM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}cM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var uM=function(t){R()(n,t);var e=sM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:n.spec.x.defaultValue,y:n.spec.x.defaultValue,z:n.spec.x.defaultValue,pointsAtX:n.spec.pointsAtX.defaultValue,pointsAtY:n.spec.pointsAtY.defaultValue,pointsAtZ:n.spec.pointsAtZ.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,limitingConeAngle:n.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,c=t.specularExponent,s=t.limitingConeAngle;return"<feSpotLight ".concat(xc({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:c,limitingConeAngle:s})," />")}}]),n}(DC);function lM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?lM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}uM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)}};var pM=function(t){R()(n,t);var e=hM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,diffuseConstant:n.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return fM(fM({},$a()(V()(n.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(xc({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}]),n}(DC);function dM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}pM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var gM=function(t){R()(n,t);var e=yM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,specularConstant:n.spec.specularConstant.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return vM(vM({},$a()(V()(n.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(xc({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}]),n}(DC);function mM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}gM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Sa.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var bM=function(t){R()(n,t);var e=mM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:n.spec.dx.defaultValue,dy:n.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(xc({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function kM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}bM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var xM=function(t){R()(n,t);var e=kM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:n.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(xc({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),n}(DC);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}function PM(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){w()(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}function OM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}xM.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var SM=function(t){R()(n,t);var e=OM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,PM({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),n}(DC);function jM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $M=function(t){R()(n,t);var e=jM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),n}(SM);function RM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CM=function(t){R()(n,t);var e=RM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),n}(SM);function MM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TM=function(t){R()(n,t);var e=MM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),n}(SM);function VM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EM=function(t){R()(n,t);var e=VM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),n}(SM);function IM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DM=function(t){R()(n,t);var e=IM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),n}(SM);function LM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BM=function(t){R()(n,t);var e=LM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),n}(SM);function AM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zM=function(t){R()(n,t);var e=AM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:n.spec.dx.defaultValue,dy:n.spec.dy.defaultValue,stdDeviation:n.spec.stdDeviation.defaultValue,color:n.spec.color.defaultValue,opacity:n.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(xc({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Sa.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Sa.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var HM=function(t){R()(n,t);var e=FM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:n.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()," />")}}]),n}(DC);function GM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HM.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Sa.number(0)}};var _M=function(t){R()(n,t);var e=GM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:n.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()," />")}}]),n}(DC);function NM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_M.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Sa.number(0)}};var XM=function(t){R()(n,t);var e=NM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),n}(DC);function YM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XM.spec={};var KM=function(t){R()(n,t);var e=YM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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(xc({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);function UM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)}};var WM=function(t){R()(n,t);var e=UM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return $a()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Image",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,src:n.spec.src.defaultValue,alignment:n.spec.alignment.defaultValue,scaleing:n.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=Sa.parse(t.x),t.y=Sa.parse(t.y),t.width=Sa.parse(t.width),t.height=Sa.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,c=t.scaleing;return"<feImage ".concat(xc({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}]),n}(DC);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 qM(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){w()(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}function JM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Sa.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 QM=["result"],tT=function(t){R()(n,t);var e=JM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return $a()(V()(n.prototype),"getDefaultObject",this).call(this,qM({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return QM.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,eT[t.type])(t)}}]),n}(Tc),eT={Image:WM,Tile:KM,Saturate:HM,HueRotate:_M,LuminanceAlpha:XM,DropShadow:zM,SourceGraphic:$M,SourceAlpha:CM,BackgroundImage:TM,BackgroundAlpha:EM,FillPaint:DM,StrokePaint:BM,ComponentTransfer:rM,DistantLight:aM,PointLight:cM,SpotLight:uM,DiffuseLighting:pM,SpecularLighting:gM,Blend:xM,Offset:bM,RotaMatrix:BC,GaussianBlur:QC,Flood:eM,Merge:zC,Composite:HC,Morphology:_C,Turbulence:XC,DisplacementMap:KC,ColorMatrix:WC,ConvolveMatrix:qC},nT={Image:WM.spec,Tile:KM.spec,DropShadow:zM.spec,Saturate:HM.spec,HueRotate:_M.spec,LuminanceAlpha:XM.spec,Offset:bM.spec,ComponentTransfer:rM.spec,SpecularLighting:gM.spec,SpotLight:uM.spec,PointLight:cM.spec,DistantLight:aM.spec,DiffuseLighting:pM.spec,Blend:xM.spec,RotaMatrix:BC.spec,Merge:zC.spec,GaussianBlur:QC.spec,Flood:eM.spec,Morphology:_C.spec,Composite:HC.spec,Turbulence:XC.spec,DisplacementMap:KC.spec,ColorMatrix:WC.spec,ConvolveMatrix:qC.spec};function rT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iT=function(t){R()(n,t);var e=rT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=zt()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(ce()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n<style type='text/css' data-renderer-type=\"html\" data-id='".concat(t.id,"'>\n    :root {\n        ").concat(bc(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 tT.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")}}]),n}(XS);function aT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oT=function(t){R()(n,t);var e=aT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function cT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lT=function(t){R()(n,t);var e=uT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ka.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:"cachedStroke",value:function(t){return t.computed("stroke",(function(t){return qm.parseImage(t||"black")}))}},{key:"cachedFill",value:function(t){return t.computed("fill",(function(t){return qm.parseImage(t||"black")}))}},{key:"toFillSVG",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toStrokeSVG",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.strokeId(t))}},{key:"toFillValue",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return fu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,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 sT(sT({},$a()(V()(n.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)}}]),n}(KS);function fT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hT=function(t){R()(n,t);var e=fT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(t.hasChangedField("width","height","d")&&n.setAttrNS({d:t.d}),t.hasChangedField("fill")&&n.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&n.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&n.setAttrNS({filter:this.toFilterValue(t)}),t.hasChangedField("fill-rule")&&n.setAttrNS({"fill-rule":t["fill-rule"]||"nonezero"})),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    ')}}]),n}(lT);function pT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dT=function(t){R()(n,t);var e=pT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&t.hasChangedField("width","height","d")&&n.attr("d",t.d);var r=e.$("path.guide");r&&t.hasChangedField("width","height","d")&&r.attr("d",t.d);var i=e.$("textPath");i&&(t.hasChangedField("text")&&i.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&i.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&i.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&i.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&i.setAttrNS({filter:this.toFilterValue(t)})),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,'" stroke="rgba(0, 0, 0, 0.5)" fill="none"/>\n      </svg>\n    ')}}]),n}(lT);function vT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yT=function(t){R()(n,t);var e=vT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){e.$("text")&&(t.hasChangedField("text")&&$textPath.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&$textPath.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&$textPath.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&$textPath.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&$textPath.setAttrNS({filter:this.toFilterValue(t)})),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>")}}]),n}(lT),gT={dom:function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t){return t}}]),t}()},mT=function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=gT[t]||gT.dom;return r.compile(e,n)}}]),t}();function bT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kT=function(t){R()(n,t);var e=bT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(!1===t.hasChangedField("x","y","width","height")){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r)}$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return mT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=this.compile(t);return"\n      <div class='element-item template' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <style id="style-').concat(e,'">\n          [data-id="').concat(e,'"] .inner-html {\n            width: 100%; \n            height: 100%;\n            position:relative;\n            display:block;\n            pointer-events: none; \n          }\n\n          [data-id="').concat(e,'"] .inner-html > * {\n            width: 100%; \n            height: 100%;\n          }          \n        </style>\n        <div class="inner-html" data-domdiff-pass="true">\n          ').concat(n,"\n        </div>\n      </div>")}}]),n}(KS);function xT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wT=function(t){R()(n,t);var e=xT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=$a()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{key:"update",value:function(t,e){var r=e.$(".text-content");if(r){var i=t.content;r.updateDiff(i)}$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.id,n=t.content;return"\n            <div class='element-item text' data-id=\"".concat(e,'">\n                ').concat(this.toDefString(t),'\n                <div class="text-content" tabIndex="-1" data-id="').concat(e,'">').concat(n,"</div>\n            </div>\n        ")}}]),n}(KS);function PT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OT=function(t){R()(n,t);var e=PT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=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(c,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>")}},{key:"update",value:function(t,e){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=e.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(KS),ST=function(){function t(e){O()(this,t),this.editor=e}var e,n;return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("json","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("json",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:(n=La()(Fa.a.mark((function t(e,n){var r;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(!(r=this.getRendererInstance(e))){t.next=7;break}return t.next=6,r.render(e,n||this);case 6:return t.abrupt("return",t.sent);case 7:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"getResourceDataURI",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}(),jT=function(){function t(){O()(this,t)}var e,n;return j()(t,[{key:"render",value:(n=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.toCloneObject(e,n);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){var r,i,a,o;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=e.attrs("itemType","name","elementType","type","visible","lock","selected")).referenceId=e.id,r.newTargetId=ha(),i=[],a=0,o=e.layers.length;case 5:if(!(a<o)){t.next=14;break}return t.t0=i,t.next=9,n.render(e.layers[a],n);case 9:t.t1=t.sent,t.t0.push.call(t.t0,t.t1);case 11:a++,t.next=5;break;case 14:return r.layers=i,t.abrupt("return",r);case 16:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}();function $T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function RT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$T(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function CT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function MT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ET=function(t){R()(r,t);var e,n=VT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=TT,t.t1=TT,t.t2=TT,t.t3={},t.next=6,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 6:return t.t4=t.sent,t.t5=(0,t.t2)(t.t3,t.t4),t.t6=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"),t.t7=(0,t.t1)(t.t5,t.t6),t.t8={},t.t9={selectors:e.selectors.map((function(t){return t.clone()})),svg:e.svg.map((function(t){return t.clone()}))},t.abrupt("return",(0,t.t0)(t.t7,t.t8,t.t9));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=CT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=RT,t.t1=RT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("x","y","width","height"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(jT));function IT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BT=function(t){R()(r,t);var e,n=LT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=DT,t.t1=DT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(ET);function AT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?AT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):AT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function FT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HT=function(t){R()(r,t);var e,n=FT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=zT,t.t1=zT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("tagName"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(ET);function GT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _T=function(t){R()(n,t);var e=GT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(HT);function NT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KT=function(t){R()(r,t);var e,n=YT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=XT,t.t1=XT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function UT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ZT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qT=function(t){R()(r,t);var e,n=ZT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){var i,a,o;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=e.project,a=i.imageKeys[e.src],o=a.original,t.t0=WT,t.t1=WT,t.t2={},t.next=8,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 8:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5={},t.t6={src:o},t.abrupt("return",(0,t.t0)(t.t4,t.t5,t.t6));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function JT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?JT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function eV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function iV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function oV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cV=function(t){R()(r,t);var e,n=oV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=aV,t.t1=aV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name","description","rootVariable"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=rV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=nV,t.t1=nV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("timeline"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=tV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=QT,t.t1=QT,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(jT)));function sV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uV=function(t){R()(n,t);var e=sV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(HT);function lV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function hV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pV=function(t){R()(r,t);var e,n=hV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=fV,t.t1=fV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function dV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gV=function(t){R()(r,t);var e,n=yV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=vV,t.t1=vV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("d"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function mV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function kV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xV=function(t){R()(r,t);var e,n=kV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=bV,t.t1=bV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function wV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function OV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var SV=function(t){R()(r,t);var e,n=OV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=PV,t.t1=PV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(pV);function jV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $V(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function RV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CV=function(t){R()(r,t);var e,n=RV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=$V,t.t1=$V,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("engine","template","params"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function MV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function VV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EV=function(t){R()(r,t);var e,n=VV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=TV,t.t1=TV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("content"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT);function IV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BV=function(t){R()(r,t);var e,n=LV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=La()(Fa.a.mark((function t(e,n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=DV,t.t1=DV,t.t2={},t.next=5,$a()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(HT),AV=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("svg","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("svg",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(!t)return"";var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}},{key:"toCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toCSS(t)}},{key:"toTransformCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toTransformCSS(t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.toStyle(t,e||this)}},{key:"update",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.update(t,e)}},{key:"codeview",value: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        ")}}]),t}();function zV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GV=function(t){R()(n,t);var e=HV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toDefaultCSS",value:function(t){return FV({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.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return FV(FV({},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,c=t.itemType;return"\n\n<svg class='svg-element-item ".concat(c,'\'\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(Jt(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(bc(a),';width:100%;height:100%;"></').concat(i,">\n</foreignObject>    \n").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),n}(XS);function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NV=function(t){R()(n,t);var e=_V(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(bc(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),n}(GV);function XV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YV=function(t){R()(n,t);var e=XV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(GV);function KV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UV=function(t){R()(n,t);var e=KV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(YV);function WV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZV=function(t){R()(n,t);var e=WV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=e.$("iframe");r&&r.attr("src",t.url||"about:blank"),$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.width,n=t.height,r=(t.id,t.url),i=void 0===r?"about:blank":r,a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n  <foreignObject\n      width="'.concat(e.value,'"\n      height="').concat(n.value,'"\n  >\n      <iframe \n          xmlns="http://www.w3.org/1999/xhtml"\n          width="100%" \n          height="100%" \n          style="border:0px;width:100%;height:100%;pointer-events:none; ').concat(bc(a),'" \n          src="').concat(i,'"\n      ></iframe>\n  </foreignObject>              \n          ')}))}}]),n}(YV);function qV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JV=function(t){R()(n,t);var e=qV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(bc(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),$a()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(YV);function QV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tE=function(t){R()(n,t);var e=QV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),n}(GV);function eE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nE=function(t){R()(n,t);var e=eE(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(YV);function rE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iE=function(t){R()(n,t);var e=rE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ka.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 qm.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qm.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qm.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return fu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qm.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{}}}]),n}(YV);function aE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function oE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?aE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):aE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sE=function(t){R()(n,t);var e=cE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(oE(oE({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:bc(e.toCSS(t))}))," />\n    ")}))}}]),n}(iE);function uE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hE=function(t){R()(n,t);var e=fE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(lE(lE({"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:bc(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      ")}))}}]),n}(iE);function pE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yE=function(t){R()(n,t);var e=vE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(dE(dE({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:bc(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),n}(iE);function gE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mE=function(t){R()(n,t);var e=gE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r),$a()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return mT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=t.width,r=t.height,i=this.compile(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" style="width: 100%;height:100%;">\n                    <style id="style-').concat(e,'">\n                    [data-id="').concat(e,'"] .inner-html {\n                        width: 100%; \n                        height: 100%;\n                        position:relative;\n                        display:block;\n                        pointer-events: none; \n                    }\n\n                    [data-id="').concat(e,'"] .inner-html > * {\n                        width: 100%; \n                        height: 100%;\n                    }          \n                    </style>\n                    <div class="inner-html">\n                    ').concat(i,"\n                    </div>\n                </div>\n            </foreignObject>              \n          ")}))}}]),n}(YV);function bE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kE=function(t){R()(n,t);var e=bE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=$a()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{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(bc(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),n}(YV);function xE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wE=function(t){R()(n,t);var e=xE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=t.poster,s=t.loop,u=t.crossorigin,l=t.autoplay,f=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(c,'"\n                    loop="').concat(s,'"\n                    crossorigin="').concat(u,'"\n                    autoplay="').concat(l,'"\n                    style="').concat(bc(f),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),n}(YV);n(124);function PE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OE=function(t){R()(n,t);var e=PE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{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='elf--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:gt("$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(){$a()(V()(n.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:rt("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:rt("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),n}(ow);n(125);function SE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jE=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].map((function(t){return{value:t}})),$E=function(t){R()(n,t);var e=SE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{key:"getBody",value:function(){return"<div class='elf--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\" none-value=\"selector\" options=".concat(this.variable(jE),' />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Cg.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(Cg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:st("$selectorList .selector-item .del")+et+nt,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:rt("refreshSelection")+Z(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Tt("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?Bb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:ht("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:dt("$selectorList .selector-item")+et,value:function(t){}},{key:pt("$selectorList .selector-item")+et,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:st("$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:rt("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))}}]),n}(Yx);n(126);function RE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CE=function(t){R()(n,t);var e=RE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"elf--svgfilter-assets-property"}},{key:rt("refreshSelection")+Z(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:Tt("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return tT.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(Cg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Cg.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Cg.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:st("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:pa(),filters:[]})}))}},{key:st("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:st("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:gt("$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:st("$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:rt("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:rt("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:rt("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),n}(Yx),ME={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"};n(127);function TE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VE=Object.keys(ME).map((function(t){return{title:t,values:ME[t]}})),EE=function(t){R()(n,t);var e=TE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:xa(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='elf--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:It("$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:Tt("$sample"),value:function(){return VE.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:st("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=VE[e];this.updateData({values:xa(n.values)}),this.load("$body")}},{key:Tt("$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:gt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(_g);n(128);function IE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?IE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function LE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BE=function(t){R()(n,t);var e=LE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return DE({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=Ia()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=zt()(i,2),o=a[0],c=a[1];else if("gamma"===r)var s=zt()(i,3),u=s[0],l=s[1],f=s[2];return{type:r,values:i,slop:o,intercept:c,amplitude:u,exponent:l,offset:f}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Tt("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="SelectEditor"  \n            label="'.concat(r,'" \n            key="type" \n            value="').concat(this.state.type,'" \n            options=').concat(this.variable(["identity","table","discrete","linear","gamma"]),' \n            onchange="changeType" />\n        <div class=\'elf--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\" \n                    label='tableValues' \n                    ref='$values' \n                    key='values' \n                    value=\"").concat(this.state.values.join(" "),'" \n                    onchange=').concat(this.subscribe((function(e,n){t.updateData(w()({},e,n.split(" ")))}))," />\n            </div>\n            <div data-type='linear'>\n                ").concat(["slop","intercept"].map((function(e){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                            />\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"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                                />\n                        </div>                    \n                    ")})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:rt("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(ce()(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(DE({},this.parse(t)))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(_g),AE={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"}]}]};n(129);function zE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function FE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function HE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GE=[{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"}]}],_E=[{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 NE(t){switch(t){case"SpecularLighting":return Cg.specular;case"DiffuseLighting":return Cg.diffuse;case"SourceGraphic":case"SourceAlpha":return Cg.image;case"BackgroundImage":case"BackgroundAlpha":return Cg.outline_image;case"Flood":return Cg.palette;case"Image":return Cg.landscape;case"GaussianBlur":return Cg.blur;case"ColorMatrix":return Cg.blur_linear;case"Turbulence":return Cg.waves;case"Saturate":return Cg.vintage;case"HueRotate":return Cg.looks;case"LuminanceAlpha":return Cg.opacity;case"DropShadow":return Cg.shadow;case"Morphology":return Cg.broken_image;case"ConvolveMatrix":return Cg.camera_roll;case"Offset":return Cg.transform;case"Tile":return Cg.view_comfy;case"Blend":return Cg.gradient;case"Composite":return Cg.merge;case"Merge":return Cg.settings_input_component;case"DisplacementMap":return Cg.texture}return""}function XE(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 YE=[45],KE=[20],UE={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},WE={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(WE).forEach((function(t){WE[t]=WE[t].map((function(t){return t+20}))}));var ZE=function(t){R()(n,t);var e=HE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(Oc(GE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(Oc(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(NE(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(Oc(_E,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(Oc(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=\'elf--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 scrollbar selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content  scrollbar" 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:st("$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:ht("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:dt("$connectedLinePanel")+et,value:function(){}},{key:pt("$connectedLinePanel")+et,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=AE[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return nT[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r=this,i="".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(i,"' \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(i,"' \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(i,"' \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 a=t.options;return Jt(t.options)&&(a=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(i,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(a,"' \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(i,"' \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(i,"' \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(i,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange=').concat(this.subscribe((function(t,e,n){r.trigger("changeRangeEditor",t,e,n)})),"\n          />\n        </div>\n      "):"FuncFilter"===t.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(i,"' \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(i,"' \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(i,"' \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(Cg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Yt(t,e).join(n)}(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:Tt("$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 tT.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return tT.parse(FE(FE({},e),{},{type:t}))}},{key:st("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:st("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:st("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Tt("$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:wt("$graphPanel .filter-node")+Ag()+zg(),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=Ka.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=ee(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,c=a.y-e.y,s=o+a.width/2,u=c+a.height/2;this.startXY={x:s,y:u}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Tt("$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 gf,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+YE[0],r=t.bound.y+KE[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 c=o.index;return[{x:n,y:r},{x:i.it.bound.x+UE[a][0],y:i.it.bound.y+WE[a][c]}]}},{key:Tt("$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=XE(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:st("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=zt()(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=Ka.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(c=this.state.filters[+a.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var o=+i.attr("data-index");c.in[o]||(c.setIn(o,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(i.hasClass("out"))(c=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:Sa.px(n.bound.x),top:Sa.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(wc({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(Cg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(XE(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(NE(e.type),"</div>\n          <div class='in-list'>\n            ").concat(mc(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(Cg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:at("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:at("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:at("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter((function(e){return e.id!=t}));e.forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=t})),e.in=e.in.filter((function(e){return e.id!=t}))})),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:st("$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)}}]),n}(_g);n(130);function qE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JE=function(t){R()(n,t);var e=qE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{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='elf--svg-filter-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:Tt("$editor"),value:function(){var t=this;return"\n      <object refClass=\"SVGFilterEditor\" ref='$filter' title='Filter Type' key=\"filter\" onchange=".concat(this.subscribe((function(e,n){t.updateData({filters:n})})),'>\n        <property name="value" valueType="json">').concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:rt("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return tT.parse(t)})),t.preview=!Ut(t.preview)||t.preview,this.setState(t),this.show(1e3)}},{key:rt("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),n}(ow);n(131);function QE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tI=function(t){R()(n,t);var e=QE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='elf--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(Cg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Cg.remove,"</button>\n            </div>\n        ")}},{key:st("$remove"),value:function(t){this.updateData({value:""})}},{key:st("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){this.load()}},{key:It("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Tt("$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=zt()(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:yt("$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:rt("refreshSVGArea")+Z(1e3),value:function(){this.load("$options")}},{key:rt("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:rt("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),n}(_g);function eI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nI=function(t){R()(n,t);var e=eI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"editableProperty",get:function(){return"svg-item"}},{key:rt("refreshSelection")+N("checkShow"),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"]||Sa.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Sa.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Sa.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"]))}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return"\n      <div ref='$svgProperty'>\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=').concat(this.variable(["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        \x3c!--<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>--\x3e\n        <div class=\'property-item\'>\n          <object refClass="StrokeDashArrayEditor" label="').concat(this.$i18n("svg.item.property.dashArray"),"\" 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=').concat(this.variable(["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=').concat(this.variable(["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        \x3c!--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--\x3e         \n      </div>\n   \n    ')}},{key:at("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change svg item property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function rI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iI=function(t){R()(n,t);var e=rI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:rt("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=').concat(this.variable(["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=").concat(this.variable(["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:at("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change svg text property: ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function aI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oI="none,uppercase:AG,lowercase:ag,capitalize:Ag".split(",").map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),cI="none,underline,overline:O,line-through".split(",").map((function(t){var e=t.split(":"),n=zt()(e,2);return{value:n[0],text:n[1]}})),sI=function(t){R()(n,t);var e=aI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"editableProperty",get:function(){return"text-style"}},{key:rt("refreshSelection")+N("checkShow"),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=").concat(this.variable(["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=").concat(this.variable(oI),'\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=").concat(this.variable(cI),"\n          icons=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:at("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change text property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);function uI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lI=function(t){R()(n,t);var e=uI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:Tt("$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=').concat(this.variable(["","text"]),' onchange="changeSelect" />\n    ')}},{key:at("changeSelect"),value:function(t,e){this.emit("setAttributeForMulti",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"text-clip"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);function fI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hI=function(t){R()(n,t);var e=fI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"editableProperty",get:function(){return"text-fill"}},{key:rt("refreshSelection")+N("checkShow"),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:at("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:at("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change text fill",this.$selection.packByValue(w()({},t,e)))}}]),n}(Yx);n(132);function pI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dI=function(t){R()(n,t);var e=pI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:this.props.value}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Cg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Tt("$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(Cg.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:rt("add"),value:function(){this.state.textShadows.push(new Ou),this.refresh(),this.modifyTextShadow()}},{key:st("$add"),value:function(){this.trigger("add")}},{key:st("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:st("$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:rt("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),n}(_g);function vI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yI=function(t){R()(n,t);var e=vI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Cg.add,"</button>")}},{key:st("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Tt("$shadowList"),value:function(){var t=this,e=this.$selection.current||{};return'\n      <object refClass="TextShadowEditor" \n        ref=\'$textshadow\' \n        value="'.concat(this.variable(Ou.parseStyle(e["text-shadow"])),'" \n        hide-label="true" \n        onChange=').concat(this.subscribe((function(e){t.command("setAttributeForMulti","change text shadow",t.$selection.packByValue({"text-shadow":e}))})),"\n      />\n    ")}},{key:"editableProperty",get:function(){return"text-shadow"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}}]),n}(Yx);n(133);function gI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mI=function(t){R()(n,t);var e=gI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Sa.z(),offsetY:Sa.z(),blurRadius:Sa.z()}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='elf--text-shadow-property-popup' ref='$popup'></div>"}},{key:Tt("$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:rt("changeShadow"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:wt("$popup .drag-board")+Ag("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.updateData({offsetX:Sa.px(o),offsetY:Sa.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:rt("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:rt("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),n}(ow);n(134);function bI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kI=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],xI={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},wI=function(t){R()(n,t);var e=bI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--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(kI.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(Cg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:st("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Sa.deg(xI[e]||0);this.$selection.each((function(t){var e=Bc.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool",!1)}},{key:It("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Bc.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:It("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Bc.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:ut("$rotateArea"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return Bc.remove(t.transform,["rotateX","rotateY"])}})),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool"),this.bindData("$rotateContainer")}},{key:wt("$rotateArea")+Ag("moveRotateXY")+zg("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=Bc.get(t.transform,"rotateX"),n=Bc.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Sa.deg(0),rotateY:n?n[0]:Sa.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Sa.deg(-e),r=Sa.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Bc.rotateX(e,Sa.deg(t.rotateX.value+n.value)),e=Bc.rotateY(e,Sa.deg(t.rotateY.value+r.value)),t.item.reset({transform:e})})),this.bindData("$rotateContainer"),this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"moveEndRotateXY",value:function(t,e){this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:ut("$handle"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return Bc.remove(t.transform,["rotateZ","rotate"])}})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:wt("$handle")+Ag()+zg(),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=Bc.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Sa.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"end",value:function(){this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Sa.deg(Math.floor(ua(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Bc.rotateZ(e,Sa.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:rt("refreshSelection"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView"),value:function(){this.$selection.hasChangedField("transform")&&this.refresh()}}]),n}(_g);n(135);function PI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?PI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):PI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function SI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jI=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],$I={scale:["X","Y"],skew:["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"]},RI=function(t){R()(n,t);var e=SI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Bc.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='elf--transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(jI.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(Cg.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":case"skew":return $I[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":case"skew":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-100,max:100,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"skew":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad",editorType:"RangeEditor"};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-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Cg.remove2,'\n            </button>\n          </div>\n        </div>\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),c=o.min,s=o.max,u=o.step,l=o.units;return'\n            <div>\n              <object refClass="RangeEditor"  \n                    ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                    min=\"").concat(c,'" \n                    max="').concat(s,'" \n                    step="').concat(u,'" \n                    label="').concat(a,'"\n                    key="').concat(n,"\" \n                    params='").concat(i,"' \n                    value=\"").concat(e,'" \n                    units="').concat(l,'" \n                    onchange="changeRangeEditor" />\n            </div>')})).join(""),"      \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(Cg.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),c=o.min,s=o.max,u=o.step,l=o.units,f=o.editorType;return'\n              <div>\n                <object refClass="'.concat(void 0===f?"NumberInputEditor":f,"\"  \n                      ref='$range_").concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(c,'" \n                      max="').concat(s,'" \n                      step="').concat(u,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:Tt("$transformList")+W,value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:"setValue",value:function(t){this.setState({transforms:Bc.parseStyle(t)})}},{key:ht("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:dt("$transformList .transform-item")+et,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(ce()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:pt("$transformList .transform-item")+et,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[Sa.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Sa.deg(0)];case"translate":return[Sa.z(),Sa.z()];case"translate3d":return[Sa.z(),Sa.z(),Sa.z()];case"scale":return[Sa.number(1),Sa.number(1)];case"skew":return[Sa.deg(0),Sa.deg(0)];case"scaleX":case"scaleY":return[Sa.number(1)];case"matrix":return[Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0)];case"matrix3d":return[Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(0),Sa.number(1)]}return[Sa.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Bc.parse(OI(OI({},e),{},{type:t,value:n}))}},{key:at("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:st("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:st("$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:at("changeRangeEditor"),value:function(t,e,n){Ut(n)?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),n}(_g);function CI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],TI=function(t){R()(n,t);var e=CI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isFirstShow",value:function(){return!0}},{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(MI.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(Cg.add,"</button>\n    ")}},{key:st("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Tt("$body")+W,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:at("changeTransformEditor"),value:function(t){var e=this;this.command("setAttributeForMulti","change transform property",this.$selection.packByValue({transform:t})),this.nextTick((function(){e.emit("refreshSelectionTool",!1)}))}},{key:"refresh",value:function(){this.children.$transformEditor.setValue(this.$selection.current.transform)}},{key:"editableProperty",get:function(){return"transform"}},{key:rt("refreshSelection")+N("checkShow"),value:function(){this.refresh()}},{key:rt("refreshSelectionStyleView")+Z(100),value:function(){var t=this.$selection.current;t&&t.hasChangedField("transform")&&this.refresh()}}]),n}(Yx);n(136);function VI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EI=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],II=EI.map((function(t){return t.key})),DI={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%"},LI=function(t){R()(n,t);var e=VI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Sa.percent(50),"transform-origin-x":Sa.percent(50),"transform-origin-y":Sa.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Sa.parse(t[0]),e["transform-origin-x"]=Sa.parse(t[0]),e["transform-origin-y"]=Sa.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Sa.parse(t[0]),e["transform-origin-y"]=Sa.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:st("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=DI[e].split(" "),r=zt()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Sa.parse(i),this.state["transform-origin-y"]=Sa.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:at("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&II.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Tt("$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(EI.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,II.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:st("$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()}}]),n}(_g);function BI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AI=function(t){R()(n,t);var e=BI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:st("$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:Tt("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:"editableProperty",get:function(){return"transform-origin"}},{key:rt("refreshSelection")+Z(100)+N("checkShow"),value:function(){this.refresh()}},{key:at("changeTransformOrigin"),value:function(t,e){this.command("setAttributeForMulti","change transform-origin",this.$selection.packByValue({"transform-origin":e}))}}]),n}(Yx);function zI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FI=/((cubic-bezier|steps)\(([^\)]*)\))/gi,HI=function(t){R()(n,t);var e=zI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Sa.second(0),timingFunction:"linear",delay:Sa.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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Zx(t,FI);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Sa.parse(e[1]),timingFunction:qx(e[2],r.matches),delay:Sa.parse(e[3])}:e.length>=3?{name:e[0],duration:Sa.parse(e[1]),delay:Sa.parse(e[2])}:e.length>=1?{name:e[0],duration:Sa.parse(e[1])}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Tc);n(137);function GI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NI=function(t){R()(n,t);var e=_I(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{key:"getBody",value:function(){return"<div class='elf--transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(Cg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Tt("$transitionList")+W,value:function(){var t=this,e=this.$selection.current;return e?HI.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=jc(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(Cg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:rt("refreshSelection"),value:function(){this.refreshShowIsNot([])}},{key:st("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add transition",this.$selection.packByValue({transition:function(t){return HI.add(t.transition)}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:st("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:HI.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=HI.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:st("$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:rt("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?GI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:HI.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),n}(Yx);n(138);function XI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function YI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?XI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function KI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UI=["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"].map((function(t){return{value:t,text:t}})),WI=function(t){R()(n,t);var e=KI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Transition"}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=YI(YI({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--transition-property-popup' ref='$popup'></div>"}},{key:Tt("$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:at("changeTransition"),value:function(t,e){this.updateData(w()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  \n          ref=\'$property\' \n          icon="true" \n          label="Property" \n          key=\'name\' \n          value="'.concat(this.state.data.name,'" \n          options=').concat(this.variable(UI)," \n          onChange='changeTransition' \n        /> \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:at("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e))}},{key:at("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:rt("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:rt("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),n}(ow);n(139);function ZI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qI=function(t){R()(n,t);var e=ZI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item elf--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:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:Tt("$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(Cg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Cg.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(Cg.volume_off,"</span>\n            <span data-value='down'>").concat(Cg.volume_down,"</span>\n            <span data-value='up'>").concat(Cg.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:rt("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({currentTime:e}))}},{key:rt("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({playbackRate:e}))}},{key:$t("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({volume:e}))}},{key:It("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:It("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:st("$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:at("changeValue")+Z(100),value:function(t,e){this.state.$video&&this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:at("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:at("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:rt("refreshSelection")+Z(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")}))}}]),n}(Yx),JI=[function(t){aO.forEach((function(e){t.registerConfig(e)}))},function(t){Object.keys(QO).forEach((function(e){t.registerI18nMessage(e,QO[e])}))},function(t){t.registerItem("project",nh),t.registerItem("artboard",Yb),t.registerItem("rect",xO),t.registerItem("circle",pO),t.registerItem("image",gO),t.registerItem("text",JO),t.registerItem("svg-path",MO),t.registerItem("svg-text",IO),t.registerItem("svg-textpath",AO),t.registerItem("template",KO)},function(t){t.registerRendererType("html",new mC(t)),t.registerRenderer("html","project",new iT),t.registerRenderer("html","artboard",new kC),t.registerRenderer("html","rect",new oT),t.registerRenderer("html","circle",new wC),t.registerRenderer("html","image",new CC),t.registerRenderer("html","text",new wT),t.registerRenderer("html","video",new OT),t.registerRenderer("html","svg-path",new hT),t.registerRenderer("html","svg-text",new yT),t.registerRenderer("html","svg-textpath",new dT),t.registerRenderer("html","cube",new $C),t.registerRenderer("html","template",new kT)},function(t){t.registerRendererType("json",new ST(t)),t.registerRenderer("json","project",new cV),t.registerRenderer("json","artboard",new BT),t.registerRenderer("json","rect",new uV),t.registerRenderer("json","circle",new _T),t.registerRenderer("json","image",new qT),t.registerRenderer("json","template",new CV),t.registerRenderer("json","iframe",new KT),t.registerRenderer("json","text",new EV),t.registerRenderer("json","video",new BV),t.registerRenderer("json","svg-path",new gV),t.registerRenderer("json","svg-text",new SV),t.registerRenderer("json","svg-textpath",new xV)},function(t){t.registerRendererType("svg",new AV(t)),t.registerRenderer("svg","project",new tE),t.registerRenderer("svg","artboard",new NV),t.registerRenderer("svg","rect",new nE),t.registerRenderer("svg","circle",new UV),t.registerRenderer("svg","image",new JV),t.registerRenderer("svg","template",new mE),t.registerRenderer("svg","iframe",new ZV),t.registerRenderer("svg","video",new wE),t.registerRenderer("svg","text",new kE),t.registerRenderer("svg","svg-path",new sE),t.registerRenderer("svg","svg-text",new yE),t.registerRenderer("svg","svg-textpath",new hE)},function(t){t.registerElement({IconListViewEditor:DR,TextAreaEditor:sC,TextEditor:lC,ColorSingleEditor:cR,CubicBezierEditor:pR,ClipPathEditor:y$,ColorViewEditor:uR,VarEditor:hC,PathDataEditor:tC,PolygonDataEditor:nC,InputArrayEditor:BR,StrokeDashArrayEditor:oC,NumberInputEditor:WR,NumberRangeEditor:qR,MediaProgressEditor:KR,SelectIconEditor:iC,CSSPropertyEditor:fR,DirectionEditor:yR,IterationCountEditor:XR,GradientEditor:ER,FilterEditor:xR,SelectEditor:u$,BlendSelectEditor:d$,RangeEditor:HR,InputRangeEditor:zR,ColorAssetsEditor:aR,FontSelectEditor:jR})},function(t){t.registerElement({ColorPickerEditor:UP,EmbedColorPicker:JP}),t.registerMenuItem("popup",{ColorPickerPopup:ZP})},function(t){t.registerElement({FillSingleEditor:$S,FillEditor:yS,GradientSingleEditor:MS}),t.registerMenuItem("popup",{FillPickerPopup:SS,GradientPickerPopup:xS})},function(t){t.registerMenuItem("inspector.tab.style",{SVGTextProperty:iI})},function(t){t.registerMenuItem("inspector.tab.style",{FontProperty:oS})},function(t){t.registerMenuItem("inspector.tab.style",{TextProperty:sI})},function(t){t.registerElement({TextShadowEditor:dI}),t.registerMenuItem("inspector.tab.style",{TextShadowProperty:yI}),t.registerMenuItem("popup",{TextShadowPropertyPopup:mI})},function(t){t.registerMenuItem("inspector.tab.style",{FontSpacingProperty:sS})},function(t){t.registerElement({ContentProperty:iO})},function(t){t.registerMenuItem("inspector.tab.style",{TextFillProperty:hI})},function(t){t.registerMenuItem("inspector.tab.style",{TextClipProperty:lI})},function(t){t.registerElement({AlignmentProperty:Ux})},function(t){t.registerMenuItem("inspector.tab.style",{ArtBoardSizeProperty:yw})},function(t){t.registerElement({FlexLayoutEditor:dj,FlexLayoutItemEditor:gj,GridLayoutEditor:Rj,GridLayoutItemEditor:Tj,GridBoxEditor:wj,GridGapEditor:Oj}),t.registerMenuItem("inspector.tab.style",{LayoutProperty:Dj,GridLayoutItemProperty:Ej,FlexLayoutItemProperty:bj})},function(t){t.registerElement({AppearanceProperty:pw})},function(t){t.registerMenuItem("inspector.tab.style",{ComponentProperty:nO})},function(t){t.registerElement({BackgroundImageEditor:Sw,BackgroundPositionEditor:Ew}),t.registerMenuItem("inspector.tab.style",{BackgroundImageProperty:Cw}),t.registerMenuItem("popup",{BackgroundImagePositionPopup:$w})},function(t){t.registerElement({BorderEditor:zw,BorderValueEditor:Nw}),t.registerMenuItem("inspector.tab.style",{BorderProperty:Hw})},function(t){t.registerElement({BorderRadiusEditor:eP}),t.registerMenuItem("inspector.tab.style",{BorderRadiusProperty:rP})},function(t){t.registerMenuItem("inspector.tab.style",{VideoProperty:qI})},function(t){t.registerElement({ImageSelectEditor:tj}),t.registerMenuItem("inspector.tab.style",{ImageProperty:JS}),t.registerMenuItem("popup",{ImageSelectPopup:nj})},function(t){t.registerElement({PatternEditor:Fj,PatternSizeEditor:Wj,PatternAssetsProperty:Aj}),t.registerMenuItem("inspector.tab.style",{PatternProperty:Xj}),t.registerMenuItem("popup",{PatternInfoPopup:Gj})},function(t){t.registerElement({SVGFilterAssetsProperty:CE})},function(t){t.registerElement({ColorMatrixEditor:EE,FuncFilterEditor:BE,SVGFilterSelectEditor:tI,SVGFilterEditor:ZE}),t.registerMenuItem("inspector.tab.style",{SVGItemProperty:nI}),t.registerMenuItem("popup",{SVGFilterPopup:JE})},function(t){t.registerElement({LayerTreeProperty:lj})},function(t){t.registerElement({BackgroundClipProperty:xw})},function(t){t.registerElement({BorderImageProperty:qw})},function(t){t.registerMenuItem("inspector.tab.style",{FilterProperty:iS})},function(t){t.registerMenuItem("inspector.tab.style",{BackdropFilterProperty:bw})},function(t){t.registerElement({BoxShadowEditor:sP}),t.registerMenuItem("inspector.tab.style",{BoxShadowProperty:lP}),t.registerMenuItem("popup",{BoxShadowPropertyPopup:dP})},function(t){t.registerMenuItem("inspector.tab.style",{ClipPathProperty:CP}),t.registerMenuItem("popup",{ClipPathPopup:jP})},function(t){t.registerMenuItem("inspector.tab.style",{BoxModelProperty:oP})},function(t){t.registerElement({PositionProperty:c$})},function(t){t.registerElement({GradientAssetsProperty:BS})},function(t){t.registerElement({RotateEditorView:wI,TransformEditor:RI}),t.registerMenuItem("inspector.tab.style",{TransformProperty:TI})},function(t){t.registerElement({TransformOriginEditor:LI}),t.registerMenuItem("inspector.tab.style",{TransformOriginProperty:AI})},function(t){t.registerMenuItem("inspector.tab.style",{PerspectiveProperty:qj})},function(t){t.registerElement({PerspectiveOriginEditor:n$}),t.registerMenuItem("inspector.tab.style",{PerspectiveOriginProperty:i$})},function(t){t.registerMenuItem("inspector.tab.style",{ExportProperty:eS})},function(t){t.registerMenuItem("inspector.tab.transition",{TransitionProperty:NI}),t.registerMenuItem("popup",{TransitionPropertyPopup:WI})},function(t){t.registerElement({OffsetEditor:sj}),t.registerMenuItem("inspector.tab.transition",{KeyframeProperty:oj}),t.registerMenuItem("popup",{KeyframePopup:ij})},function(t){t.registerMenuItem("inspector.tab.transition",{AnimationProperty:iw}),t.registerMenuItem("popup",{AnimationPropertyPopup:lw})},function(t){t.registerMenuItem("inspector.tab.transition",{SelectorProperty:$E}),t.registerMenuItem("popup",{SelectorPopup:OE})},function(t){t.registerMenuItem("inspector.tab.code",{CodeViewProperty:TP})},function(t){t.registerMenuItem("inspector.tab.history",{HistoryProperty:zS})}];function QI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tD=function(t){R()(n,t);var e=QI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class=\'object-items\' style="height:100%;">\n        <div>\n          <object refClass="LayerTreeProperty" />\n        </div>\n      </div>\n    '}}]),n}(_g);n(140);function eD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nD=function(t){R()(i,t);var e,n,r=eD(i);function i(){return O()(this,i),r.apply(this,arguments)}return j()(i,[{key:"template",value:function(){return"\n      <div class='elf--custom-assets'>\n        <div class='custom-assets-tools'>\n          <div class='title'><label>Custom Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addCustomAsset'>".concat(Cg.add,"</button>\n          </div>\n        </div>\n        <div class='elf--asset-list' ref='$list'></div>\n      </div>\n    ")}},{key:Tt("$list"),value:(n=La()(Fa.a.mark((function t(){var e;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$storageManager.getCustomAssetList();case 2:return e=t.sent,t.abrupt("return",e.map((function(t){return'\n        <div class=\'asset-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.component.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-asset-preview' data-preview-id=\"").concat(t.id,'">').concat(Cg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:st("$list .remove-asset-preview"),value:(e=La()(Fa.a.mark((function t(e){var n;return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeCustomAsset"))){t.next=5;break}return n=e.$dt.data("preview-id"),t.next=4,this.$storageManager.removeCustomAsset(n);case 4:this.refresh();case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})},{key:ht("$list .asset-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/asset",e)}},{key:st("$addCustomAsset"),value:function(t){var e=this;this.emit("savePNG",function(){var t=La()(Fa.a.mark((function t(n){return Fa.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.$storageManager.saveCustomAsset(n);case 2:e.refresh();case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}]),i}(_g);n(141);function rD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iD=function(t){R()(n,t);var e=rD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return'\n      <div class=\'elf--library-items\'>\n        <div>\n          <object label="Search" refClass="TextEditor" key="search" onchange='.concat(this.subscribe((function(e,n){t.broadcast("search",n)}),300)," />\n        </div>\n        ").concat(this.$menuManager.generate("library"),"\n      </div>\n    ")}}]),n}(_g);function aD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oD=function(t){R()(n,t);var e=aD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='asset-items'>\n        ".concat(this.$menuManager.generate("asset"),"\n      </div>\n    ")}}]),n}(_g);function cD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sD=function(t){R()(n,t);var e=cD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{AssetItems:oD,LibraryItems:iD,CustomAssets:nD,ObjectItems:tD}}},{key:"initState",value:function(){return{selectedIndexValue:2}}},{key:"template",value:function(){var t=this;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" ref="$header">   \n            <div class="tab-item selected" data-value="2" data-direction="right" data-tooltip="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Cg.layers,"</label>\n            </div>            \n            <div class='tab-item' data-value='3' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.libraries"),'">\n              <label>').concat(Cg.auto_awesome,"</label>\n            </div>                     \n            <div class='tab-item' data-value='5' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Cg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Cg.plugin,"</label>\n            </div>            \n\n            ").concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                  <label>').concat(Cg[t.class.icon]||t.class.icon,"</label>\n                </div>\n              ")})),'\n\n          </div>\n          <div class="tab-body" ref="$body">\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=\'5\'>\n              <object refClass="AssetItems" />            \n              <div class=\'assets\'>\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="CustomAssets" />\n            </div>\n            ').concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                <div class='tab-content' data-value='".concat(r,"'>\n                  ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                  ").concat(t.$menuManager.generate("leftbar.tab.".concat(r)),"\n                </div>\n              ")})),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:st("$header .tab-item:not(.extra-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(_g);function uD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lD=function(t){R()(n,t);var e=uD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LayerTab:sD,PageSubEditor:Gk,ToolBar:Rx,StatusBar:Dk,Inspector:kk,BodyPanel:Qb,PopupManager:vk,KeyboardManager:mk}}},{key:"getPlugins",value:function(){return JI}},{key:"initState",value:function(){return{leftSize:340,rightSize:280,bottomSize:0,lastBottomSize:150}}},{key:"template",value:function(){return"\n      <div class=\"designeditor\">\n        <div class=\"layout-main\">\n          <div class='layout-top' ref='$top'>\n            <object refClass=\"ToolBar\" />\n            <object refClass=\"PageSubEditor\" />\n          </div>\n          <div class=\"layout-middle\" ref='$middle'>      \n            <div class=\"layout-body\" ref='$bodyPanel'>\n              <object refClass=\"BodyPanel\" ref=\"$bodyPanelView\" />\n            </div>                           \n            <div class='layout-left' ref='$leftPanel'>\n              <object refClass='LayerTab' />\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          </div>\n          <object refClass='StatusBar' />\n          <object refClass=\"KeyboardManager\" />                \n        </div>\n        <object refClass=\"PopupManager\" />                      \n      </div>\n    ")}},{key:It("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),{style:{left:t}}}},{key:It("$leftPanel"),value:function(){var t="0px",e=Sa.px(this.state.leftSize),n=Sa.px(this.state.bottomSize);return this.$config.false("show.left.panel")&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:It("$rightPanel"),value:function(){var t="0px",e=Sa.px(this.state.bottomSize);return this.$config.false("show.right.panel")&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:It("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),this.$config.false("show.right.panel")&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:It("$footerPanel"),value:function(){return{style:{height:Sa.px(this.state.bottomSize)}}}},{key:wt("$splitter")+Ag("moveSplitter")+zg("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Sa.parse(this.refs.$splitter.css("left")).value,this.refs.$splitter.addClass("selected")}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)})}},{key:"moveEndSplitter",value:function(){this.refs.$splitter.removeClass("selected")}},{key:wt("$footerSplitter")+Ag("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Sa.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})}},{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:ot("show.left.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:ot("show.right.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:rt("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:Ct("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:dt("$middle")+et,value:function(t){}},{key:pt("$middle")+et,value:function(t){}},{key:rt("toggle.fullscreen"),value:function(){this.$el.toggleFullscreen()}}]),n}(Kg),fD=function(t,e){var n=Ka.create(e.container||document.body),r=new t(e,e);return r.render(n),r};function hD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hD(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.default=pD({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return fD(lD,pD({},t))}},{})}]);
\ No newline at end of file
+window.EasyLogic=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=142)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},t.exports.default=t.exports,t.exports.__esModule=!0,n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(27);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)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(14).default,i=n(28);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(32);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?(t.exports=i=Reflect.get,t.exports.default=t.exports,t.exports.__esModule=!0):(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}},t.exports.default=t.exports,t.exports.__esModule=!0),i(e,n,a||e)}t.exports=i,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(29),a=n(13),o=n(18);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(30),i=n(19),a=n(13),o=n(31);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=n(33)},function(t,e){function n(t,e,n,r,i,a,o){try{var c=t[a](o),s=c.value}catch(t){return void n(t)}c.done?e(s):Promise.resolve(s).then(r,i)}t.exports=function(t){return function(){var e=this,r=arguments;return new Promise((function(i,a){var o=t.apply(e,r);function c(t){n(o,i,a,c,s,"next",t)}function s(t){n(o,i,a,c,s,"throw",t)}c(void 0)}))}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(16),i=n(19),a=n(13),o=n(18);t.exports=function(t){return r(t)||i(t)||a(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);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}},t.exports.default=t.exports,t.exports.__esModule=!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.default=t.exports,t.exports.__esModule=!0):(t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.default=t.exports,t.exports.__esModule=!0),n(e)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){t.exports=function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=function(t){if("string"!=typeof t)return{};var e,n={},r=(t=t.split("+").join(" ")).match(/(?:[?](?:[^=]+)=(?:[^&#]*)(?:[&](?:[^=]+)=(?:[^&#]*))*(?:[#].*)?)|(?:[#].*)/);if(null===r)return{};e=r[0].substr(1).split(/[&#=]/);for(var i=0;i<e.length;i+=2)n[decodeURIComponent(e[i])]=decodeURIComponent(e[i+1]||"");return n},n=function(e,n){if("object"!==t(e))return"";var r="",i=0,a=Object.keys(e);if(0===a.length)return"";for(a.sort(),n||(r+="?"+a[0]+"="+e[a[0]],i+=1);i<a.length;i+=1)r+="&"+a[i]+"="+e[a[i]];return r},r=function(t){return void 0===t?0:t.match(/^(\d+[smhdw]?)+$/)?function(t){var e,n=0,r={s:1,m:60,h:3600,d:86400,w:604800};e=(t=t.replace(/([smhdw])/g," $1 ").trim()).split(" ");for(var i=0;i<e.length;i+=2)n+=parseInt(e[i],10)*r[e[i+1]||"s"];return n}(t):t.match(/^(\d+:?)+$/)?function(t){for(var e=0,n=[1,60,3600,86400,604800],r=t.split(":"),i=0;i<r.length;i++)e+=parseInt(r[i],10)*n[r.length-i-1];return e}(t):0},i=e;function a(){for(var t=0,e=["parseProvider","parse","bind","create"];t<e.length;t++){var n=e[t];this[n]=this[n].bind(this)}this.plugins={}}var o=a;a.prototype.parseProvider=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?(?:[^.]+\.)?(\w+)\./i);return e?e[1]:void 0},a.prototype.parse=function(t){if(void 0!==t){var e,n=this.parseProvider(t),r=this.plugins[n];if(n&&r&&r.parse)return(e=r.parse.call(r,t,i(t)))&&((e=function(t){return t.params&&0===Object.keys(t.params).length&&delete t.params,t}(e)).provider=r.provider),e}},a.prototype.bind=function(t){if(this.plugins[t.provider]=t,t.alternatives)for(var e=0;e<t.alternatives.length;e+=1)this.plugins[t.alternatives[e]]=t},a.prototype.create=function(e){if("object"===t(e)&&"object"===t(e.videoInfo)){var n=e.videoInfo,r=e.params,i=this.plugins[n.provider];return r="internal"===r?n.params:r||{},i&&(e.format=e.format||i.defaultFormat,i.formats.hasOwnProperty(e.format))?i.formats[e.format].apply(i,[n,Object.assign({},r)]):void 0}};var c=new o,s=n;function u(){this.provider="canalplus",this.defaultFormat="embed",this.formats={embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}u.prototype.parseParameters=function(t){return delete t.vid,t},u.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:e.vid};if(n.params=this.parseParameters(e),n.id)return n},u.prototype.createEmbedUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.canalplus.fr/embed/";return e.vid=t.id,n+=s(e)}},c.bind(new u);var l=n;function f(){this.provider="coub",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}f.prototype.parseUrl=function(t){var e=t.match(/(?:embed|view)\/([a-zA-Z\d]+)/i);return e?e[1]:void 0},f.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:e,id:this.parseUrl(t)};if(n.id)return n},f.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=l(n)}},f.prototype.createLongUrl=function(t,e){return this.createUrl("https://coub.com/view/",t,e)},f.prototype.createEmbedUrl=function(t,e){return this.createUrl("//coub.com/embed/",t,e)},c.bind(new f);var h=n,p=r;function d(){this.provider="dailymotion",this.alternatives=["dai"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,image:this.createImageUrl},this.mediaTypes={VIDEO:"video"}}d.prototype.parseParameters=function(t){return this.parseTime(t)},d.prototype.parseTime=function(t){return t.start&&(t.start=p(t.start)),t},d.prototype.parseUrl=function(t){var e=t.match(/(?:\/video|ly)\/([A-Za-z0-9]+)/i);return e?e[1]:void 0},d.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},d.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+h(n)},d.prototype.createShortUrl=function(t,e){return this.createUrl("https://dai.ly/",t,e)},d.prototype.createLongUrl=function(t,e){return this.createUrl("https://dailymotion.com/video/",t,e)},d.prototype.createEmbedUrl=function(t,e){return this.createUrl("https://www.dailymotion.com/embed/video/",t,e)},d.prototype.createImageUrl=function(t,e){return delete e.start,this.createUrl("https://www.dailymotion.com/thumbnail/video/",t,e)},c.bind(new d);var v=n,y=r;function g(){this.provider="twitch",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",STREAM:"stream",CLIP:"clip"}}g.prototype.seperateId=function(t){return{pre:t[0],id:t.substr(1)}},g.prototype.parseChannel=function(t,e){var n=e.channel||e.utm_content||t.channel;return delete e.utm_content,delete e.channel,n},g.prototype.parseUrl=function(t,e,n){var r;return(r=t.match(/(clips\.)?twitch\.tv\/(?:(?:videos\/(\d+))|(\w+)(?:\/clip\/(\w+))?)/i))&&r[2]?e.id="v"+r[2]:n.video?(e.id=n.video,delete n.video):n.clip?(e.id=n.clip,e.isClip=!0,delete n.clip):r&&r[1]&&r[3]?(e.id=r[3],e.isClip=!0):r&&r[3]&&r[4]?(e.channel=r[3],e.id=r[4],e.isClip=!0):r&&r[3]&&(e.channel=r[3]),e},g.prototype.parseMediaType=function(t){var e;return t.id?t.isClip?(e=this.mediaTypes.CLIP,delete t.isClip):e=this.mediaTypes.VIDEO:t.channel&&(e=this.mediaTypes.STREAM),e},g.prototype.parseParameters=function(t){return t.t&&(t.start=y(t.t),delete t.t),t},g.prototype.parse=function(t,e){var n={};return(n=this.parseUrl(t,n,e)).channel=this.parseChannel(n,e),n.mediaType=this.parseMediaType(n),n.params=this.parseParameters(e),n.channel||n.id?n:void 0},g.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)n="https://twitch.tv/"+t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n="https://twitch.tv/videos/"+this.seperateId(t.id).id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n=t.channel?"https://www.twitch.tv/"+t.channel+"/clip/"+t.id:"https://clips.twitch.tv/"+t.id}return n+=v(e)},g.prototype.createEmbedUrl=function(t,e){var n="https://player.twitch.tv/";if(t.mediaType===this.mediaTypes.STREAM&&t.channel)e.channel=t.channel;else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.video=t.id,e.start&&(e.t=e.start+"s",delete e.start);else{if(t.mediaType!==this.mediaTypes.CLIP||!t.id)return;n="https://clips.twitch.tv/embed",e.clip=t.id}return n+=v(e)},c.bind(new g);var m=n,b=r;function k(){this.provider="vimeo",this.alternatives=["vimeopro"],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video"}}k.prototype.parseUrl=function(t){var e=t.match(/(?:\/(?:channels\/[\w]+|(?:(?:album\/\d+|groups\/[\w]+)\/)?videos?))?\/(\d+)/i);return e?e[1]:void 0},k.prototype.parseParameters=function(t){return this.parseTime(t)},k.prototype.parseTime=function(t){return t.t&&(t.start=b(t.t),delete t.t),t},k.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,params:this.parseParameters(e),id:this.parseUrl(t)};return n.id?n:void 0},k.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id,i=n.start;return delete n.start,r+=m(n),i&&(r+="#t="+i),r}},k.prototype.createLongUrl=function(t,e){return this.createUrl("https://vimeo.com/",t,e)},k.prototype.createEmbedUrl=function(t,e){return this.createUrl("//player.vimeo.com/video/",t,e)},c.bind(new k);var x=n,w=r;function P(){this.provider="wistia",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl,embedjsonp:this.createEmbedJsonpUrl},this.mediaTypes={VIDEO:"video",EMBEDVIDEO:"embedvideo"}}P.prototype.parseUrl=function(t){var e=t.match(/(?:(?:medias|iframe)\/|wvideo=)([\w-]+)/);return e?e[1]:void 0},P.prototype.parseChannel=function(t){var e=t.match(/(?:(?:https?:)?\/\/)?([^.]*)\.wistia\./),n=e?e[1]:void 0;if("fast"!==n&&"content"!==n)return n},P.prototype.parseParameters=function(t,e){return t.wtime&&(t.start=w(t.wtime),delete t.wtime),t.wvideo===e.id&&delete t.wvideo,t},P.prototype.parseMediaType=function(t){return t.id&&t.channel?this.mediaTypes.VIDEO:t.id?(delete t.channel,this.mediaTypes.EMBEDVIDEO):void 0},P.prototype.parse=function(t,e){var n={id:this.parseUrl(t),channel:this.parseChannel(t)};if(n.params=this.parseParameters(e,n),n.mediaType=this.parseMediaType(n),n.id)return n},P.prototype.createUrl=function(t,e,n){return e.start&&(e.wtime=e.start,delete e.start),n+=x(e)},P.prototype.createLongUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://"+t.channel+".wistia.com/medias/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedUrl=function(t,e){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO)){var n="https://fast.wistia.com/embed/iframe/"+t.id;return this.createUrl(t,e,n)}},P.prototype.createEmbedJsonpUrl=function(t){if(t.id&&(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.EMBEDVIDEO))return"https://fast.wistia.com/embed/medias/"+t.id+".jsonp"},c.bind(new P);var O=n;function S(){this.provider="youku",this.defaultFormat="long",this.formats={embed:this.createEmbedUrl,long:this.createLongUrl,flash:this.createFlashUrl,static:this.createStaticUrl},this.mediaTypes={VIDEO:"video"}}S.prototype.parseUrl=function(t){var e=t.match(/(?:(?:embed|sid)\/|v_show\/id_|VideoIDS=)([a-zA-Z0-9]+)/);return e?e[1]:void 0},S.prototype.parseParameters=function(t){return t.VideoIDS&&delete t.VideoIDS,t},S.prototype.parse=function(t,e){var n={mediaType:this.mediaTypes.VIDEO,id:this.parseUrl(t),params:this.parseParameters(e)};if(n.id)return n},S.prototype.createUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO){var r=t+e.id;return r+=O(n)}},S.prototype.createEmbedUrl=function(t,e){return this.createUrl("http://player.youku.com/embed/",t,e)},S.prototype.createLongUrl=function(t,e){return this.createUrl("http://v.youku.com/v_show/id_",t,e)},S.prototype.createStaticUrl=function(t,e){return this.createUrl("http://static.youku.com/v1.0.0638/v/swf/loader.swf?VideoIDS=",t,e)},S.prototype.createFlashUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="http://player.youku.com/player.php/sid/"+t.id+"/v.swf";return n+=O(e)}},c.bind(new S);var j=n,$=r;function R(){this.provider="youtube",this.alternatives=["youtu","ytimg"],this.defaultFormat="long",this.formats={short:this.createShortUrl,long:this.createLongUrl,embed:this.createEmbedUrl,shortImage:this.createShortImageUrl,longImage:this.createLongImageUrl},this.imageQualities={0:"0",1:"1",2:"2",3:"3",DEFAULT:"default",HQDEFAULT:"hqdefault",SDDEFAULT:"sddefault",MQDEFAULT:"mqdefault",MAXRESDEFAULT:"maxresdefault"},this.defaultImageQuality=this.imageQualities.HQDEFAULT,this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist",SHARE:"share",CHANNEL:"channel"}}R.prototype.parseVideoUrl=function(t){var e=t.match(/(?:(?:v|vi|be|videos|embed)\/(?!videoseries)|(?:v|ci)=)([\w-]{11})/i);return e?e[1]:void 0},R.prototype.parseChannelUrl=function(t){var e=t.match(/\/channel\/([\w-]+)/);return e?{id:e[1],mediaType:this.mediaTypes.CHANNEL}:(e=t.match(/\/(?:c|user)\/([\w-]+)/))?{name:e[1],mediaType:this.mediaTypes.CHANNEL}:void 0},R.prototype.parseParameters=function(t,e){return(t.start||t.t)&&(t.start=$(t.start||t.t),delete t.t),t.v===e.id&&delete t.v,t.list===e.id&&delete t.list,t},R.prototype.parseMediaType=function(t){if(t.params.list&&(t.list=t.params.list,delete t.params.list),t.id&&!t.params.ci)t.mediaType=this.mediaTypes.VIDEO;else if(t.list)delete t.id,t.mediaType=this.mediaTypes.PLAYLIST;else{if(!t.params.ci)return;delete t.params.ci,t.mediaType=this.mediaTypes.SHARE}return t},R.prototype.parse=function(t,e){var n=this.parseChannelUrl(t);if(n)return n;var r={params:e,id:this.parseVideoUrl(t)};return r.params=this.parseParameters(e,r),r=this.parseMediaType(r)},R.prototype.createShortUrl=function(t,e){if(t.id&&t.mediaType===this.mediaTypes.VIDEO){var n="https://youtu.be/"+t.id;return e.start&&(n+="#t="+e.start),n}},R.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.CHANNEL)if(t.id)n+="https://www.youtube.com/channel/"+t.id;else{if(!t.name)return;n+="https://www.youtube.com/c/"+t.name}else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.feature="share",n+="https://www.youtube.com/playlist";else if(t.mediaType===this.mediaTypes.VIDEO&&t.id)e.v=t.id,n+="https://www.youtube.com/watch";else{if(t.mediaType!==this.mediaTypes.SHARE||!t.id)return;e.ci=t.id,n+="https://www.youtube.com/shared"}return t.list&&(e.list=t.list),n+=j(e),t.mediaType!==this.mediaTypes.PLAYLIST&&r&&(n+="#t="+r),n},R.prototype.createEmbedUrl=function(t,e){var n="https://www.youtube.com/embed";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list)e.listType="playlist";else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="/"+t.id,"1"===e.loop&&(e.playlist=t.id)}return t.list&&(e.list=t.list),n+=j(e)},R.prototype.createImageUrl=function(t,e,n){if(e.id&&e.mediaType===this.mediaTypes.VIDEO)return t+e.id+"/"+(n.imageQuality||this.defaultImageQuality)+".jpg"},R.prototype.createShortImageUrl=function(t,e){return this.createImageUrl("https://i.ytimg.com/vi/",t,e)},R.prototype.createLongImageUrl=function(t,e){return this.createImageUrl("https://img.youtube.com/vi/",t,e)},c.bind(new R);var C=n,M=r;function T(){this.provider="soundcloud",this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={TRACK:"track",PLAYLIST:"playlist",APITRACK:"apitrack",APIPLAYLIST:"apiplaylist"}}T.prototype.parseUrl=function(t,e){var n=t.match(/(?:m\.)?soundcloud\.com\/(?:([\w-]+)\/(sets\/)?)([\w-]+)/i);return n?(e.channel=n[1],"playlists"===n[1]||n[2]?e.list=n[3]:e.id=n[3],e):e},T.prototype.parseParameters=function(t){return t.t&&(t.start=M(t.t),delete t.t),t},T.prototype.parseMediaType=function(t){return t.id&&("tracks"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APITRACK):t.mediaType=this.mediaTypes.TRACK),t.list&&("playlists"===t.channel?(delete t.channel,delete t.params.url,t.mediaType=this.mediaTypes.APIPLAYLIST):t.mediaType=this.mediaTypes.PLAYLIST),t},T.prototype.parse=function(t,e){var n={};if((n=this.parseUrl(t,n)).params=this.parseParameters(e),(n=this.parseMediaType(n)).id||n.list)return n},T.prototype.createLongUrl=function(t,e){var n="",r=e.start;if(delete e.start,t.mediaType===this.mediaTypes.TRACK&&t.id&&t.channel)n="https://soundcloud.com/"+t.channel+"/"+t.id;else if(t.mediaType===this.mediaTypes.PLAYLIST&&t.list&&t.channel)n="https://soundcloud.com/"+t.channel+"/sets/"+t.list;else if(t.mediaType===this.mediaTypes.APITRACK&&t.id)n="https://api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;n="https://api.soundcloud.com/playlists/"+t.list}return n+=C(e),r&&(n+="#t="+r),n},T.prototype.createEmbedUrl=function(t,e){var n="https://w.soundcloud.com/player/";if(delete e.start,t.mediaType===this.mediaTypes.APITRACK&&t.id)e.url="https%3A//api.soundcloud.com/tracks/"+t.id;else{if(t.mediaType!==this.mediaTypes.APIPLAYLIST||!t.list)return;e.url="https%3A//api.soundcloud.com/playlists/"+t.list}return n+=C(e)},c.bind(new T);var V=n;function E(){this.provider="teachertube",this.alternatives=[],this.defaultFormat="long",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",CHANNEL:"channel",COLLECTION:"collection",GROUP:"group"}}E.prototype.parse=function(t,e){var n={};n.list=this.parsePlaylist(e),n.params=e;var r=t.match(/\/(audio|video|document|user\/channel|collection|group)\/(?:[\w-]+-)?(\w+)/);if(r)return n.mediaType=this.parseMediaType(r[1]),n.id=r[2],n},E.prototype.parsePlaylist=function(t){if(t["playlist-id"]){var e=t["playlist-id"];return delete t["playlist-id"],e}},E.prototype.parseMediaType=function(t){switch(t){case"audio":return this.mediaTypes.AUDIO;case"video":return this.mediaTypes.VIDEO;case"document":return this.mediaTypes.DOCUMENT;case"user/channel":return this.mediaTypes.CHANNEL;case"collection":return this.mediaTypes.COLLECTION;case"group":return this.mediaTypes.GROUP}},E.prototype.createLongUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/";return t.list&&(e["playlist-id"]=t.list),t.mediaType===this.mediaTypes.CHANNEL?n+="user/channel/":n+=t.mediaType+"/",n+=t.id,n+=V(e)}},E.prototype.createEmbedUrl=function(t,e){if(t.id){var n="https://www.teachertube.com/embed/";if(t.mediaType===this.mediaTypes.VIDEO||t.mediaType===this.mediaTypes.AUDIO)return n+=t.mediaType+"/"+t.id,n+=V(e)}},c.bind(new E);var I=n;function D(){this.provider="tiktok",this.defaultFormat="long",this.formats={long:this.createLongUrl},this.mediaTypes={VIDEO:"video"}}D.prototype.parse=function(t,e){var n={params:e,mediaType:this.mediaTypes.VIDEO},r=t.match(/@([^/]+)\/video\/(\d{19})/);if(r)return n.channel=r[1],n.id=r[2],n},D.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id&&t.channel)return n+="https://www.tiktok.com/@".concat(t.channel,"/video/").concat(t.id),n+=I(e)},c.bind(new D);var L=n;function B(){this.provider="ted",this.formats={long:this.createLongUrl,embed:this.createEmbedUrl},this.mediaTypes={VIDEO:"video",PLAYLIST:"playlist"}}return B.prototype.parseUrl=function(t,e){var n=t.match(/\/(talks|playlists\/(\d+))\/([\w-]+)/),r=n?n[1]:void 0;return r?(e.channel=r.split("/")[0],e.id=n[3],"playlists"===e.channel&&(e.list=n[2]),e):e},B.prototype.parseMediaType=function(t){return t.id&&"playlists"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.PLAYLIST),t.id&&"talks"===t.channel&&(delete t.channel,t.mediaType=this.mediaTypes.VIDEO),t},B.prototype.parse=function(t,e){var n={params:e};if(n=this.parseUrl(t,n),(n=this.parseMediaType(n)).id)return n},B.prototype.createLongUrl=function(t,e){var n="";if(t.mediaType===this.mediaTypes.VIDEO&&t.id)n+="https://ted.com/talks/"+t.id;else{if(t.mediaType!==this.mediaTypes.PLAYLIST||!t.id)return;n+="https://ted.com/playlists/"+t.list+"/"+t.id}return n+=L(e)},B.prototype.createEmbedUrl=function(t,e){var n="https://embed.ted.com/";if(t.mediaType===this.mediaTypes.PLAYLIST&&t.id)n+="playlists/"+t.list+"/"+t.id;else{if(t.mediaType!==this.mediaTypes.VIDEO||!t.id)return;n+="talks/"+t.id}return n+=L(e)},c.bind(new B),c}()},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){},function(t,e,n){},,,,function(t,e,n){},function(t,e,n){},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},t.exports.default=t.exports,t.exports.__esModule=!0,n(e,r)}t.exports=n,t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(t){c=!0,i=t}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(17);t.exports=function(t){if(Array.isArray(t))return r(t)},t.exports.default=t.exports,t.exports.__esModule=!0},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.")},t.exports.default=t.exports,t.exports.__esModule=!0},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},t.exports.default=t.exports,t.exports.__esModule=!0},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 c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(t){c=function(t,e,n){return t[e]=n}}function s(t,e,n,r){var i=e&&e.prototype instanceof f?e:f,a=Object.create(i.prototype),o=new P(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 S()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var c=k(o,n);if(c){if(c===l)continue;return c}}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 s=u(t,e,n);if("normal"===s.type){if(r=n.done?"completed":"suspendedYield",s.arg===l)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r="completed",n.method="throw",n.arg=s.arg)}}}(t,n,o),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function f(){}function h(){}function p(){}var d={};d[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(O([])));y&&y!==e&&n.call(y,i)&&(d=y);var g=p.prototype=f.prototype=Object.create(d);function m(t){["next","throw","return"].forEach((function(e){c(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,c){var s=u(t[i],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,o,c)}),(function(t){r("throw",t,o,c)})):e.resolve(f).then((function(t){l.value=t,o(l)}),(function(t){return r("throw",t,o,c)}))}c(s.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 l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;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,l):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}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 P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function O(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:S}}function S(){return{value:void 0,done:!0}}return h.prototype=g.constructor=p,p.constructor=h,h.displayName=c(p,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(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(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),c(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=O,P.prototype={constructor:P,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 c=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(c&&s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!s)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,l):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),l},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),l}},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:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n.r(e);var r={};n.r(r),n.d(r,"create",(function(){return ve})),n.d(r,"clone",(function(){return ye})),n.d(r,"copy",(function(){return ge})),n.d(r,"fromValues",(function(){return me})),n.d(r,"set",(function(){return be})),n.d(r,"identity",(function(){return ke})),n.d(r,"transpose",(function(){return xe})),n.d(r,"invert",(function(){return we})),n.d(r,"adjoint",(function(){return Pe})),n.d(r,"determinant",(function(){return Oe})),n.d(r,"multiply",(function(){return Se})),n.d(r,"translate",(function(){return je})),n.d(r,"scale",(function(){return $e})),n.d(r,"rotate",(function(){return Re})),n.d(r,"rotateX",(function(){return Ce})),n.d(r,"rotateY",(function(){return Me})),n.d(r,"rotateZ",(function(){return Te})),n.d(r,"fromTranslation",(function(){return Ve})),n.d(r,"fromScaling",(function(){return Ee})),n.d(r,"fromRotation",(function(){return Ie})),n.d(r,"fromXRotation",(function(){return De})),n.d(r,"fromYRotation",(function(){return Le})),n.d(r,"fromZRotation",(function(){return Be})),n.d(r,"fromRotationTranslation",(function(){return Ae})),n.d(r,"fromQuat2",(function(){return ze})),n.d(r,"getTranslation",(function(){return Fe})),n.d(r,"getScaling",(function(){return He})),n.d(r,"getRotation",(function(){return Ge})),n.d(r,"fromRotationTranslationScale",(function(){return _e})),n.d(r,"fromRotationTranslationScaleOrigin",(function(){return Ne})),n.d(r,"fromQuat",(function(){return Xe})),n.d(r,"frustum",(function(){return Ye})),n.d(r,"perspective",(function(){return Ke})),n.d(r,"perspectiveFromFieldOfView",(function(){return Ue})),n.d(r,"ortho",(function(){return We})),n.d(r,"lookAt",(function(){return Ze})),n.d(r,"targetTo",(function(){return qe})),n.d(r,"str",(function(){return Je})),n.d(r,"frob",(function(){return Qe})),n.d(r,"add",(function(){return tn})),n.d(r,"subtract",(function(){return en})),n.d(r,"multiplyScalar",(function(){return nn})),n.d(r,"multiplyScalarAndAdd",(function(){return rn})),n.d(r,"exactEquals",(function(){return an})),n.d(r,"equals",(function(){return on})),n.d(r,"mul",(function(){return cn})),n.d(r,"sub",(function(){return sn}));var i={};n.r(i),n.d(i,"create",(function(){return un})),n.d(i,"clone",(function(){return ln})),n.d(i,"length",(function(){return fn})),n.d(i,"fromValues",(function(){return hn})),n.d(i,"copy",(function(){return pn})),n.d(i,"set",(function(){return dn})),n.d(i,"add",(function(){return vn})),n.d(i,"subtract",(function(){return yn})),n.d(i,"multiply",(function(){return gn})),n.d(i,"divide",(function(){return mn})),n.d(i,"ceil",(function(){return bn})),n.d(i,"floor",(function(){return kn})),n.d(i,"min",(function(){return xn})),n.d(i,"max",(function(){return wn})),n.d(i,"round",(function(){return Pn})),n.d(i,"scale",(function(){return On})),n.d(i,"scaleAndAdd",(function(){return Sn})),n.d(i,"distance",(function(){return jn})),n.d(i,"squaredDistance",(function(){return $n})),n.d(i,"squaredLength",(function(){return Rn})),n.d(i,"negate",(function(){return Cn})),n.d(i,"inverse",(function(){return Mn})),n.d(i,"normalize",(function(){return Tn})),n.d(i,"dot",(function(){return Vn})),n.d(i,"cross",(function(){return En})),n.d(i,"lerp",(function(){return In})),n.d(i,"hermite",(function(){return Dn})),n.d(i,"bezier",(function(){return Ln})),n.d(i,"random",(function(){return Bn})),n.d(i,"transformMat4",(function(){return An})),n.d(i,"transformMat3",(function(){return zn})),n.d(i,"transformQuat",(function(){return Fn})),n.d(i,"rotateX",(function(){return Hn})),n.d(i,"rotateY",(function(){return Gn})),n.d(i,"rotateZ",(function(){return _n})),n.d(i,"angle",(function(){return Nn})),n.d(i,"zero",(function(){return Xn})),n.d(i,"str",(function(){return Yn})),n.d(i,"exactEquals",(function(){return Kn})),n.d(i,"equals",(function(){return Un})),n.d(i,"sub",(function(){return Zn})),n.d(i,"mul",(function(){return qn})),n.d(i,"div",(function(){return Jn})),n.d(i,"dist",(function(){return Qn})),n.d(i,"sqrDist",(function(){return tr})),n.d(i,"len",(function(){return er})),n.d(i,"sqrLen",(function(){return nr})),n.d(i,"forEach",(function(){return rr}));var a={};n.r(a),n.d(a,"create",(function(){return or})),n.d(a,"identity",(function(){return cr})),n.d(a,"setAxisAngle",(function(){return sr})),n.d(a,"getAxisAngle",(function(){return ur})),n.d(a,"getAngle",(function(){return lr})),n.d(a,"multiply",(function(){return fr})),n.d(a,"rotateX",(function(){return hr})),n.d(a,"rotateY",(function(){return pr})),n.d(a,"rotateZ",(function(){return dr})),n.d(a,"calculateW",(function(){return vr})),n.d(a,"exp",(function(){return yr})),n.d(a,"ln",(function(){return gr})),n.d(a,"pow",(function(){return mr})),n.d(a,"slerp",(function(){return br})),n.d(a,"random",(function(){return kr})),n.d(a,"invert",(function(){return xr})),n.d(a,"conjugate",(function(){return wr})),n.d(a,"fromMat3",(function(){return Pr})),n.d(a,"fromEuler",(function(){return Or})),n.d(a,"str",(function(){return Sr})),n.d(a,"clone",(function(){return Er})),n.d(a,"fromValues",(function(){return Ir})),n.d(a,"copy",(function(){return Dr})),n.d(a,"set",(function(){return Lr})),n.d(a,"add",(function(){return Br})),n.d(a,"mul",(function(){return Ar})),n.d(a,"scale",(function(){return zr})),n.d(a,"dot",(function(){return Fr})),n.d(a,"lerp",(function(){return Hr})),n.d(a,"length",(function(){return Gr})),n.d(a,"len",(function(){return _r})),n.d(a,"squaredLength",(function(){return Nr})),n.d(a,"sqrLen",(function(){return Xr})),n.d(a,"normalize",(function(){return Yr})),n.d(a,"exactEquals",(function(){return Kr})),n.d(a,"equals",(function(){return Ur})),n.d(a,"rotationTo",(function(){return Wr})),n.d(a,"sqlerp",(function(){return Zr})),n.d(a,"setAxes",(function(){return qr}));var o={};n.r(o),n.d(o,"create",(function(){return Jr})),n.d(o,"clone",(function(){return Qr})),n.d(o,"fromValues",(function(){return ti})),n.d(o,"copy",(function(){return ei})),n.d(o,"set",(function(){return ni})),n.d(o,"add",(function(){return ri})),n.d(o,"subtract",(function(){return ii})),n.d(o,"multiply",(function(){return ai})),n.d(o,"divide",(function(){return oi})),n.d(o,"ceil",(function(){return ci})),n.d(o,"floor",(function(){return si})),n.d(o,"min",(function(){return ui})),n.d(o,"max",(function(){return li})),n.d(o,"round",(function(){return fi})),n.d(o,"scale",(function(){return hi})),n.d(o,"scaleAndAdd",(function(){return pi})),n.d(o,"distance",(function(){return di})),n.d(o,"squaredDistance",(function(){return vi})),n.d(o,"length",(function(){return yi})),n.d(o,"squaredLength",(function(){return gi})),n.d(o,"negate",(function(){return mi})),n.d(o,"inverse",(function(){return bi})),n.d(o,"normalize",(function(){return ki})),n.d(o,"dot",(function(){return xi})),n.d(o,"cross",(function(){return wi})),n.d(o,"lerp",(function(){return Pi})),n.d(o,"random",(function(){return Oi})),n.d(o,"transformMat2",(function(){return Si})),n.d(o,"transformMat2d",(function(){return ji})),n.d(o,"transformMat3",(function(){return $i})),n.d(o,"transformMat4",(function(){return Ri})),n.d(o,"rotate",(function(){return Ci})),n.d(o,"angle",(function(){return Mi})),n.d(o,"zero",(function(){return Ti})),n.d(o,"str",(function(){return Vi})),n.d(o,"exactEquals",(function(){return Ei})),n.d(o,"equals",(function(){return Ii})),n.d(o,"len",(function(){return Di})),n.d(o,"sub",(function(){return Li})),n.d(o,"mul",(function(){return Bi})),n.d(o,"div",(function(){return Ai})),n.d(o,"dist",(function(){return zi})),n.d(o,"sqrDist",(function(){return Fi})),n.d(o,"sqrLen",(function(){return Hi})),n.d(o,"forEach",(function(){return Gi}));var c={};n.r(c),n.d(c,"round",(function(){return _i})),n.d(c,"degreeToRadian",(function(){return Ni})),n.d(c,"div",(function(){return Xi})),n.d(c,"radianToDegree",(function(){return Yi})),n.d(c,"getXInCircle",(function(){return Ki})),n.d(c,"getYInCircle",(function(){return Ui})),n.d(c,"getXYInCircle",(function(){return Wi})),n.d(c,"getDist",(function(){return Zi})),n.d(c,"getPointBetweenVerties",(function(){return qi})),n.d(c,"vertiesMap",(function(){return Ji})),n.d(c,"makeGuidePoint",(function(){return ea})),n.d(c,"getVertiesMaxX",(function(){return na})),n.d(c,"getVertiesMaxY",(function(){return ra})),n.d(c,"getVertiesMinX",(function(){return ia})),n.d(c,"getVertiesCenterX",(function(){return aa})),n.d(c,"getVertiesMinY",(function(){return oa})),n.d(c,"getVertiesCenterY",(function(){return ca})),n.d(c,"calculateAngle",(function(){return sa})),n.d(c,"calculateAngleForVec3",(function(){return ua})),n.d(c,"calculateRotationOriginMat4",(function(){return la})),n.d(c,"calculateMatrix",(function(){return fa})),n.d(c,"calculateMatrixInverse",(function(){return ha})),n.d(c,"calculateAnglePointDistance",(function(){return pa})),n.d(c,"calculateAngle360",(function(){return da})),n.d(c,"uuid",(function(){return ya})),n.d(c,"uuidShort",(function(){return ga})),n.d(c,"cubicBezier",(function(){return xa})),n.d(c,"getGradientLine",(function(){return wa})),n.d(c,"getCenterInTriangle",(function(){return Pa})),n.d(c,"normalize",(function(){return Sa}));var s={};n.r(s),n.d(s,"format",(function(){return fc})),n.d(s,"hex",(function(){return hc})),n.d(s,"rgb",(function(){return pc})),n.d(s,"hsl",(function(){return dc}));var u={};n.r(u),n.d(u,"randomNumber",(function(){return vc})),n.d(u,"randomByCount",(function(){return yc})),n.d(u,"random",(function(){return gc})),n.d(u,"randomRGBA",(function(){return mc}));var l={};n.r(l),n.d(l,"randomItem",(function(){return bc})),n.d(l,"repeat",(function(){return kc})),n.d(l,"CSS_TO_STRING",(function(){return xc})),n.d(l,"STRING_TO_CSS",(function(){return wc})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return Pc})),n.d(l,"OBJECT_TO_CLASS",(function(){return Oc})),n.d(l,"TAG_TO_STRING",(function(){return Sc})),n.d(l,"mapjoin",(function(){return jc})),n.d(l,"isArrayEquals",(function(){return $c})),n.d(l,"curveToPath",(function(){return Rc})),n.d(l,"curveToPointLine",(function(){return Cc}));var f={};n.r(f),n.d(f,"ReverseXyz",(function(){return us})),n.d(f,"ReverseRGB",(function(){return ls})),n.d(f,"XYZtoRGB",(function(){return fs})),n.d(f,"LABtoXYZ",(function(){return hs})),n.d(f,"PivotXyz",(function(){return ps})),n.d(f,"XYZtoLAB",(function(){return ds})),n.d(f,"LABtoRGB",(function(){return vs}));var h={};n.r(h),n.d(h,"RGBtoHSV",(function(){return ys})),n.d(h,"RGBtoCMYK",(function(){return gs})),n.d(h,"RGBtoHSL",(function(){return ms})),n.d(h,"c",(function(){return bs})),n.d(h,"gray",(function(){return ks})),n.d(h,"RGBtoSimpleGray",(function(){return xs})),n.d(h,"RGBtoGray",(function(){return ws})),n.d(h,"brightness",(function(){return Ps})),n.d(h,"RGBtoYCrCb",(function(){return Os})),n.d(h,"PivotRGB",(function(){return Ss})),n.d(h,"RGBtoXYZ",(function(){return js})),n.d(h,"RGBtoLAB",(function(){return $s}));var p={};n.r(p),n.d(p,"HUEtoRGB",(function(){return Rs})),n.d(p,"HSLtoHSV",(function(){return Cs})),n.d(p,"HSLtoRGB",(function(){return Ms}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return Is})),n.d(d,"isColor",(function(){return Ds})),n.d(d,"matches",(function(){return Ls})),n.d(d,"convertMatches",(function(){return Bs})),n.d(d,"convertMatchesArray",(function(){return As})),n.d(d,"reverseMatches",(function(){return zs})),n.d(d,"trim",(function(){return Hs})),n.d(d,"parse",(function(){return Gs})),n.d(d,"parseGradient",(function(){return _s}));var v={};n.r(v),n.d(v,"CMYKtoRGB",(function(){return Ws}));var g={};n.r(g),n.d(g,"HSVtoRGB",(function(){return Zs})),n.d(g,"HSVtoHSL",(function(){return qs}));var m={};n.r(m),n.d(m,"YCrCbtoRGB",(function(){return Js}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return Qs})),n.d(b,"interpolateRGBObject",(function(){return tu})),n.d(b,"scale",(function(){return eu})),n.d(b,"blend",(function(){return nu})),n.d(b,"mix",(function(){return ru})),n.d(b,"contrast",(function(){return iu})),n.d(b,"contrastColor",(function(){return au})),n.d(b,"gradient",(function(){return ou})),n.d(b,"scaleHSV",(function(){return cu})),n.d(b,"scaleH",(function(){return su})),n.d(b,"scaleS",(function(){return uu})),n.d(b,"scaleV",(function(){return lu}));var k=n(5),w=n.n(k),P=(n(25),n(26),n(1)),O=n.n(P),S=n(2),j=n.n(S),$=n(3),R=n.n($),C=n(4),M=n.n(C),T=n(0),V=n.n(T),E=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return" ".concat(e," ").concat(t)},I=/domevent (.*)/gi,D=/load (.*)/gi,L=/bind (.*)/gi,B=/subscribe (.*)/gi,A="|",z="".concat("@magic:","domevent "),F="".concat("@magic:","load "),H="".concat("@magic:","bind "),G="".concat("@magic:","subscribe "),_={},N=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 z+[r].concat(e).join(" ")}},X=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return G+e.join(A)},Y=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E(t,e)},K=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:A;return E("after(".concat(t,")"),e)},U=Y,W=(Y("ArrowUp"),Y("ArrowDown"),Y("ArrowLeft"),Y("ArrowRight"),Y("Enter")),Z=(Y("Space"),Y("Escape")),q=Y("isAltKey"),J=(Y("isShiftKey"),Y("isMetaKey"),Y("isCtrlKey"),Y("hasMouse"),Y("hasTouch"),Y("hasPen"),Y("self"),Y("isMouseLeftButton")),Q=(Y("isMouseRightButton"),Y("fit"),Y("passive"),Y("domdiff")),tt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Y("debounce(".concat(t,")"))},et=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return Y("delay(".concat(t,")"))},nt=(tt(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Y("throttle(".concat(t,")"))}),rt=Y("allTrigger()"),it=Y("selfTrigger()"),at=(Y("capture()"),K("preventDefault")),ot=K("stopPropagation"),ct=X,st=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return X.apply(void 0,e.concat([rt]))},ut=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return X.apply(void 0,e.concat([it]))},lt=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];return X.apply(void 0,["config:".concat(t)].concat(n))},ft=N,ht=N("click"),pt=N("dblclick"),dt=(N("mousedown"),N("mouseup"),N("mousemove"),N("mouseover"),N("mouseout"),N("mouseenter"),N("mouseleave"),N("touchstart"),N("touchmove"),N("touchend"),N("keydown")),vt=N("keyup"),yt=(N("keypress"),N("drag"),N("dragstart")),gt=N("drop"),mt=N("dragover"),bt=(N("dragenter"),N("dragleave"),N("dragexit"),N("dragout"),N("dragend")),kt=(N("contextmenu"),N("change")),xt=N("input"),wt=N("focus"),Pt=(N("focusin"),N("focusout")),Ot=N("blur"),St=(N("paste"),N("resize")),jt=(N("scroll"),N("submit"),function(){return ft("pointerdown").apply(void 0,arguments)+J}),$t=ft("pointerover"),Rt=(ft("pointerenter"),ft("pointerout")),Ct=ft("pointermove"),Mt=ft("pointerup"),Tt=ft("change","input"),Vt=ft("wheel","mousewheel","DOMMouseScroll"),Et=(N("animationstart"),N("animationend"),N("animationiteration"),N("transitionstart"),N("transitionend")),It=(N("transitionrun"),N("transitioncancel"),ft("doubletab")),Dt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return F+t},Lt=function(t){return function(){return this.prevState[t]!=this.state[t]}},Bt=function(){return!0},At=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return H+t};function zt(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var Ft,Ht={addDomEvent:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t&&t.addEventListener(e,n,r)},removeDomEvent: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}}},Gt=n(7),_t=n.n(Gt),Nt=n(14),Xt=n.n(Nt);function Yt(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,c){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,c)}),e||300)}}function Kt(t,e){var n=void 0;return function(r,i,a,o,c){n||(n=setTimeout((function(){t(r,i,a,o,c),n=null}),e||300))}}function Ut(t,e,n){return function(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];var o=n.every((function(t){return e[t.target].apply(e,i)}));o&&t.apply(e,i)}}function Wt(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Zt(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function qt(t){return null==t}function Jt(t){return!1===qt(t)}function Qt(t){return"boolean"==typeof t}function te(t){return"string"==typeof t}function ee(t){return"object"==Xt()(t)&&!Array.isArray(t)&&!re(t)&&!te(t)&&null!==t}function ne(t){return"function"==typeof t}function re(t){return"number"==typeof t}function ie(t){return!function(t){return 0===t}(t)}function ae(t){if(!qt(t))return JSON.parse(JSON.stringify(t))}var oe=/\<(\w*)([^\>]*)\/\>/gim,ce=(Ft={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},w()(Ft,"path",!0),w()(Ft,"polygon",!0),w()(Ft,"polyline",!0),w()(Ft,"use",!0),Ft),se=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 ne(r)&&console.log(r),Array.isArray(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(oe,(function(t,e){return ce[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))},ue=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=_t()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},le=n(8),fe=n.n(le),he=1e-6,pe="undefined"!=typeof Float32Array?Float32Array:Array,de=Math.random;Math.PI;function ve(){var t=new pe(16);return pe!=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 ye(t){var e=new pe(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 ge(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 me(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v){var y=new pe(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]=c,y[8]=s,y[9]=u,y[10]=l,y[11]=f,y[12]=h,y[13]=p,y[14]=d,y[15]=v,y}function be(t,e,n,r,i,a,o,c,s,u,l,f,h,p,d,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=c,t[7]=s,t[8]=u,t[9]=l,t[10]=f,t[11]=h,t[12]=p,t[13]=d,t[14]=v,t[15]=y,t}function ke(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 xe(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],c=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]=c}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 we(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15],m=n*c-r*o,b=n*s-i*o,k=n*u-a*o,x=r*s-i*c,w=r*u-a*c,P=i*u-a*s,O=l*v-f*d,S=l*y-h*d,j=l*g-p*d,$=f*y-h*v,R=f*g-p*v,C=h*g-p*y,M=m*C-b*R+k*$+x*j-w*S+P*O;return M?(M=1/M,t[0]=(c*C-s*R+u*$)*M,t[1]=(i*R-r*C-a*$)*M,t[2]=(v*P-y*w+g*x)*M,t[3]=(h*w-f*P-p*x)*M,t[4]=(s*j-o*C-u*S)*M,t[5]=(n*C-i*j+a*S)*M,t[6]=(y*k-d*P-g*b)*M,t[7]=(l*P-h*k+p*b)*M,t[8]=(o*R-c*j+u*O)*M,t[9]=(r*j-n*R-a*O)*M,t[10]=(d*w-v*k+g*m)*M,t[11]=(f*k-l*w-p*m)*M,t[12]=(c*S-o*$-s*O)*M,t[13]=(n*$-r*S+i*O)*M,t[14]=(v*b-d*x-y*m)*M,t[15]=(l*x-f*b+h*m)*M,t):null}function Pe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],c=e[5],s=e[6],u=e[7],l=e[8],f=e[9],h=e[10],p=e[11],d=e[12],v=e[13],y=e[14],g=e[15];return t[0]=c*(h*g-p*y)-f*(s*g-u*y)+v*(s*p-u*h),t[1]=-(r*(h*g-p*y)-f*(i*g-a*y)+v*(i*p-a*h)),t[2]=r*(s*g-u*y)-c*(i*g-a*y)+v*(i*u-a*s),t[3]=-(r*(s*p-u*h)-c*(i*p-a*h)+f*(i*u-a*s)),t[4]=-(o*(h*g-p*y)-l*(s*g-u*y)+d*(s*p-u*h)),t[5]=n*(h*g-p*y)-l*(i*g-a*y)+d*(i*p-a*h),t[6]=-(n*(s*g-u*y)-o*(i*g-a*y)+d*(i*u-a*s)),t[7]=n*(s*p-u*h)-o*(i*p-a*h)+l*(i*u-a*s),t[8]=o*(f*g-p*v)-l*(c*g-u*v)+d*(c*p-u*f),t[9]=-(n*(f*g-p*v)-l*(r*g-a*v)+d*(r*p-a*f)),t[10]=n*(c*g-u*v)-o*(r*g-a*v)+d*(r*u-a*c),t[11]=-(n*(c*p-u*f)-o*(r*p-a*f)+l*(r*u-a*c)),t[12]=-(o*(f*y-h*v)-l*(c*y-s*v)+d*(c*h-s*f)),t[13]=n*(f*y-h*v)-l*(r*y-i*v)+d*(r*h-i*f),t[14]=-(n*(c*y-s*v)-o*(r*y-i*v)+d*(r*s-i*c)),t[15]=n*(c*h-s*f)-o*(r*h-i*f)+l*(r*s-i*c),t}function Oe(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],c=t[6],s=t[7],u=t[8],l=t[9],f=t[10],h=t[11],p=t[12],d=t[13],v=t[14],y=t[15];return(e*o-n*a)*(f*y-h*v)-(e*c-r*a)*(l*y-h*d)+(e*s-i*a)*(l*v-f*d)+(n*c-r*o)*(u*y-h*p)-(n*s-i*o)*(u*v-f*p)+(r*s-i*c)*(u*d-l*p)}function Se(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=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*c+x*f+w*v,t[1]=b*i+k*s+x*h+w*y,t[2]=b*a+k*u+x*p+w*g,t[3]=b*o+k*l+x*d+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*c+x*f+w*v,t[5]=b*i+k*s+x*h+w*y,t[6]=b*a+k*u+x*p+w*g,t[7]=b*o+k*l+x*d+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*c+x*f+w*v,t[9]=b*i+k*s+x*h+w*y,t[10]=b*a+k*u+x*p+w*g,t[11]=b*o+k*l+x*d+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*c+x*f+w*v,t[13]=b*i+k*s+x*h+w*y,t[14]=b*a+k*u+x*p+w*g,t[15]=b*o+k*l+x*d+w*m,t}function je(t,e,n){var r,i,a,o,c,s,u,l,f,h,p,d,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],c=e[4],s=e[5],u=e[6],l=e[7],f=e[8],h=e[9],p=e[10],d=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=c,t[5]=s,t[6]=u,t[7]=l,t[8]=f,t[9]=h,t[10]=p,t[11]=d,t[12]=r*v+c*y+f*g+e[12],t[13]=i*v+s*y+h*g+e[13],t[14]=a*v+u*y+p*g+e[14],t[15]=o*v+l*y+d*g+e[15]),t}function $e(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 Re(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m,b,k,x,w,P,O,S,j,$,R=r[0],C=r[1],M=r[2],T=Math.hypot(R,C,M);return T<he?null:(R*=T=1/T,C*=T,M*=T,i=Math.sin(n),o=1-(a=Math.cos(n)),c=e[0],s=e[1],u=e[2],l=e[3],f=e[4],h=e[5],p=e[6],d=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=R*R*o+a,k=C*R*o+M*i,x=M*R*o-C*i,w=R*C*o-M*i,P=C*C*o+a,O=M*C*o+R*i,S=R*M*o+C*i,j=C*M*o-R*i,$=M*M*o+a,t[0]=c*b+f*k+v*x,t[1]=s*b+h*k+y*x,t[2]=u*b+p*k+g*x,t[3]=l*b+d*k+m*x,t[4]=c*w+f*P+v*O,t[5]=s*w+h*P+y*O,t[6]=u*w+p*P+g*O,t[7]=l*w+d*P+m*O,t[8]=c*S+f*j+v*$,t[9]=s*S+h*j+y*$,t[10]=u*S+p*j+g*$,t[11]=l*S+d*j+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function Ce(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],c=e[6],s=e[7],u=e[8],l=e[9],f=e[10],h=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+u*r,t[5]=o*i+l*r,t[6]=c*i+f*r,t[7]=s*i+h*r,t[8]=u*i-a*r,t[9]=l*i-o*r,t[10]=f*i-c*r,t[11]=h*i-s*r,t}function Me(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[8],l=e[9],f=e[10],h=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-u*r,t[1]=o*i-l*r,t[2]=c*i-f*r,t[3]=s*i-h*r,t[8]=a*r+u*i,t[9]=o*r+l*i,t[10]=c*r+f*i,t[11]=s*r+h*i,t}function Te(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],c=e[2],s=e[3],u=e[4],l=e[5],f=e[6],h=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+u*r,t[1]=o*i+l*r,t[2]=c*i+f*r,t[3]=s*i+h*r,t[4]=u*i-a*r,t[5]=l*i-o*r,t[6]=f*i-c*r,t[7]=h*i-s*r,t}function Ve(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 Ee(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 Ie(t,e,n){var r,i,a,o=n[0],c=n[1],s=n[2],u=Math.hypot(o,c,s);return u<he?null:(o*=u=1/u,c*=u,s*=u,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=c*o*a+s*r,t[2]=s*o*a-c*r,t[3]=0,t[4]=o*c*a-s*r,t[5]=c*c*a+i,t[6]=s*c*a+o*r,t[7]=0,t[8]=o*s*a+c*r,t[9]=c*s*a-o*r,t[10]=s*s*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function De(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 Le(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 Be(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 Ae(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=r+r,s=i+i,u=a+a,l=r*c,f=r*s,h=r*u,p=i*s,d=i*u,v=a*u,y=o*c,g=o*s,m=o*u;return t[0]=1-(p+v),t[1]=f+m,t[2]=h-g,t[3]=0,t[4]=f-m,t[5]=1-(l+v),t[6]=d+y,t[7]=0,t[8]=h+g,t[9]=d-y,t[10]=1-(l+p),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function ze(t,e){var n=new pe(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],c=e[4],s=e[5],u=e[6],l=e[7],f=r*r+i*i+a*a+o*o;return f>0?(n[0]=2*(c*o+l*r+s*a-u*i)/f,n[1]=2*(s*o+l*i+u*r-c*a)/f,n[2]=2*(u*o+l*a+c*i-s*r)/f):(n[0]=2*(c*o+l*r+s*a-u*i),n[1]=2*(s*o+l*i+u*r-c*a),n[2]=2*(u*o+l*a+c*i-s*r)),Ae(t,e,n),t}function Fe(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function He(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],c=e[6],s=e[8],u=e[9],l=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,c),t[2]=Math.hypot(s,u,l),t}function Ge(t,e){var n=new pe(3);He(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,c=e[1]*i,s=e[2]*a,u=e[4]*r,l=e[5]*i,f=e[6]*a,h=e[8]*r,p=e[9]*i,d=e[10]*a,v=o+l+d,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(f-p)/y,t[1]=(h-s)/y,t[2]=(c-u)/y):o>l&&o>d?(y=2*Math.sqrt(1+o-l-d),t[3]=(f-p)/y,t[0]=.25*y,t[1]=(c+u)/y,t[2]=(h+s)/y):l>d?(y=2*Math.sqrt(1+l-o-d),t[3]=(h-s)/y,t[0]=(c+u)/y,t[1]=.25*y,t[2]=(f+p)/y):(y=2*Math.sqrt(1+d-o-l),t[3]=(c-u)/y,t[0]=(h+s)/y,t[1]=(f+p)/y,t[2]=.25*y),t}function _e(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=e[3],s=i+i,u=a+a,l=o+o,f=i*s,h=i*u,p=i*l,d=a*u,v=a*l,y=o*l,g=c*s,m=c*u,b=c*l,k=r[0],x=r[1],w=r[2];return t[0]=(1-(d+y))*k,t[1]=(h+b)*k,t[2]=(p-m)*k,t[3]=0,t[4]=(h-b)*x,t[5]=(1-(f+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(p+m)*w,t[9]=(v-g)*w,t[10]=(1-(f+d))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function Ne(t,e,n,r,i){var a=e[0],o=e[1],c=e[2],s=e[3],u=a+a,l=o+o,f=c+c,h=a*u,p=a*l,d=a*f,v=o*l,y=o*f,g=c*f,m=s*u,b=s*l,k=s*f,x=r[0],w=r[1],P=r[2],O=i[0],S=i[1],j=i[2],$=(1-(v+g))*x,R=(p+k)*x,C=(d-b)*x,M=(p-k)*w,T=(1-(h+g))*w,V=(y+m)*w,E=(d+b)*P,I=(y-m)*P,D=(1-(h+v))*P;return t[0]=$,t[1]=R,t[2]=C,t[3]=0,t[4]=M,t[5]=T,t[6]=V,t[7]=0,t[8]=E,t[9]=I,t[10]=D,t[11]=0,t[12]=n[0]+O-($*O+M*S+E*j),t[13]=n[1]+S-(R*O+T*S+I*j),t[14]=n[2]+j-(C*O+V*S+D*j),t[15]=1,t}function Xe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,c=r+r,s=i+i,u=n*o,l=r*o,f=r*c,h=i*o,p=i*c,d=i*s,v=a*o,y=a*c,g=a*s;return t[0]=1-f-d,t[1]=l+g,t[2]=h-y,t[3]=0,t[4]=l-g,t[5]=1-u-d,t[6]=p+v,t[7]=0,t[8]=h+y,t[9]=p-v,t[10]=1-u-f,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function Ye(t,e,n,r,i,a,o){var c=1/(n-e),s=1/(i-r),u=1/(a-o);return t[0]=2*a*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*s,t[6]=0,t[7]=0,t[8]=(n+e)*c,t[9]=(i+r)*s,t[10]=(o+a)*u,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*u,t[15]=0,t}function Ke(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 Ue(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),c=Math.tan(e.rightDegrees*Math.PI/180),s=2/(o+c),u=2/(i+a);return t[0]=s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=u,t[6]=0,t[7]=0,t[8]=-(o-c)*s*.5,t[9]=(i-a)*u*.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 We(t,e,n,r,i,a,o){var c=1/(e-n),s=1/(r-i),u=1/(a-o);return t[0]=-2*c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*s,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*u,t[11]=0,t[12]=(e+n)*c,t[13]=(i+r)*s,t[14]=(o+a)*u,t[15]=1,t}function Ze(t,e,n,r){var i,a,o,c,s,u,l,f,h,p,d=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(d-k)<he&&Math.abs(v-x)<he&&Math.abs(y-w)<he?ke(t):(l=d-k,f=v-x,h=y-w,i=m*(h*=p=1/Math.hypot(l,f,h))-b*(f*=p),a=b*(l*=p)-g*h,o=g*f-m*l,(p=Math.hypot(i,a,o))?(i*=p=1/p,a*=p,o*=p):(i=0,a=0,o=0),c=f*o-h*a,s=h*i-l*o,u=l*a-f*i,(p=Math.hypot(c,s,u))?(c*=p=1/p,s*=p,u*=p):(c=0,s=0,u=0),t[0]=i,t[1]=c,t[2]=l,t[3]=0,t[4]=a,t[5]=s,t[6]=f,t[7]=0,t[8]=o,t[9]=u,t[10]=h,t[11]=0,t[12]=-(i*d+a*v+o*y),t[13]=-(c*d+s*v+u*y),t[14]=-(l*d+f*v+h*y),t[15]=1,t)}function qe(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=r[0],s=r[1],u=r[2],l=i-n[0],f=a-n[1],h=o-n[2],p=l*l+f*f+h*h;p>0&&(l*=p=1/Math.sqrt(p),f*=p,h*=p);var d=s*h-u*f,v=u*l-c*h,y=c*f-s*l;return(p=d*d+v*v+y*y)>0&&(d*=p=1/Math.sqrt(p),v*=p,y*=p),t[0]=d,t[1]=v,t[2]=y,t[3]=0,t[4]=f*y-h*v,t[5]=h*d-l*y,t[6]=l*v-f*d,t[7]=0,t[8]=l,t[9]=f,t[10]=h,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function Je(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 Qe(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 tn(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 en(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 nn(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 rn(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 an(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 on(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],c=t[5],s=t[6],u=t[7],l=t[8],f=t[9],h=t[10],p=t[11],d=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],P=e[5],O=e[6],S=e[7],j=e[8],$=e[9],R=e[10],C=e[11],M=e[12],T=e[13],V=e[14],E=e[15];return Math.abs(n-m)<=he*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=he*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=he*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=he*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=he*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(c-P)<=he*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(s-O)<=he*Math.max(1,Math.abs(s),Math.abs(O))&&Math.abs(u-S)<=he*Math.max(1,Math.abs(u),Math.abs(S))&&Math.abs(l-j)<=he*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(f-$)<=he*Math.max(1,Math.abs(f),Math.abs($))&&Math.abs(h-R)<=he*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(p-C)<=he*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-M)<=he*Math.max(1,Math.abs(d),Math.abs(M))&&Math.abs(v-T)<=he*Math.max(1,Math.abs(v),Math.abs(T))&&Math.abs(y-V)<=he*Math.max(1,Math.abs(y),Math.abs(V))&&Math.abs(g-E)<=he*Math.max(1,Math.abs(g),Math.abs(E))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var cn=Se,sn=en;function un(){var t=new pe(3);return pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function ln(t){var e=new pe(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function fn(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function hn(t,e,n){var r=new pe(3);return r[0]=t,r[1]=e,r[2]=n,r}function pn(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function dn(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function vn(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function yn(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function gn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function mn(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function bn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function kn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function xn(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 wn(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 Pn(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function On(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function Sn(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 jn(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 $n(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 Rn(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function Cn(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function Mn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function Tn(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 Vn(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function En(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],c=n[1],s=n[2];return t[0]=i*s-a*c,t[1]=a*o-r*s,t[2]=r*c-i*o,t}function In(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 Dn(t,e,n,r,i,a){var o=a*a,c=o*(2*a-3)+1,s=o*(a-2)+a,u=o*(a-1),l=o*(3-2*a);return t[0]=e[0]*c+n[0]*s+r[0]*u+i[0]*l,t[1]=e[1]*c+n[1]*s+r[1]*u+i[1]*l,t[2]=e[2]*c+n[2]*s+r[2]*u+i[2]*l,t}function Ln(t,e,n,r,i,a){var o=1-a,c=o*o,s=a*a,u=c*o,l=3*a*c,f=3*s*o,h=s*a;return t[0]=e[0]*u+n[0]*l+r[0]*f+i[0]*h,t[1]=e[1]*u+n[1]*l+r[1]*f+i[1]*h,t[2]=e[2]*u+n[2]*l+r[2]*f+i[2]*h,t}function Bn(t,e){e=e||1;var n=2*de()*Math.PI,r=2*de()-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 An(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 zn(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 Fn(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],c=e[0],s=e[1],u=e[2],l=i*u-a*s,f=a*c-r*u,h=r*s-i*c,p=i*h-a*f,d=a*l-r*h,v=r*f-i*l,y=2*o;return l*=y,f*=y,h*=y,p*=2,d*=2,v*=2,t[0]=c+l+p,t[1]=s+f+d,t[2]=u+h+v,t}function Hn(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 Gn(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 _n(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 Nn(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2],s=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+c*c),u=s&&Vn(t,e)/s;return Math.acos(Math.min(Math.max(u,-1),1))}function Xn(t){return t[0]=0,t[1]=0,t[2]=0,t}function Yn(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function Kn(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function Un(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],c=e[2];return Math.abs(n-a)<=he*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=he*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-c)<=he*Math.max(1,Math.abs(i),Math.abs(c))}var Wn,Zn=yn,qn=gn,Jn=mn,Qn=jn,tr=$n,er=fn,nr=Rn,rr=(Wn=un(),function(t,e,n,r,i,a){var o,c;for(e||(e=3),n||(n=0),c=r?Math.min(r*e+n,t.length):t.length,o=n;o<c;o+=e)Wn[0]=t[o],Wn[1]=t[o+1],Wn[2]=t[o+2],i(Wn,Wn,a),t[o]=Wn[0],t[o+1]=Wn[1],t[o+2]=Wn[2];return t});function ir(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function ar(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 pe(4),pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function or(){var t=new pe(4);return pe!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function cr(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function sr(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 ur(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>he?(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 lr(t,e){var n=Fr(t,e);return Math.acos(2*n*n-1)}function fr(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],c=n[0],s=n[1],u=n[2],l=n[3];return t[0]=r*l+o*c+i*u-a*s,t[1]=i*l+o*s+a*c-r*u,t[2]=a*l+o*u+r*s-i*c,t[3]=o*l-r*c-i*s-a*u,t}function hr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+o*c,t[1]=i*s+a*c,t[2]=a*s-i*c,t[3]=o*s-r*c,t}function pr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s-a*c,t[1]=i*s+o*c,t[2]=a*s+r*c,t[3]=o*s-i*c,t}function dr(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],c=Math.sin(n),s=Math.cos(n);return t[0]=r*s+i*c,t[1]=i*s-r*c,t[2]=a*s+o*c,t[3]=o*s-a*c,t}function vr(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 yr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=Math.exp(a),s=o>0?c*Math.sin(o)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=c*Math.cos(o),t}function gr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),c=o>0?Math.atan2(o,a)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function mr(t,e,n){return gr(t,e),zr(t,t,n),yr(t,t),t}function br(t,e,n,r){var i,a,o,c,s,u=e[0],l=e[1],f=e[2],h=e[3],p=n[0],d=n[1],v=n[2],y=n[3];return(a=u*p+l*d+f*v+h*y)<0&&(a=-a,p=-p,d=-d,v=-v,y=-y),1-a>he?(i=Math.acos(a),o=Math.sin(i),c=Math.sin((1-r)*i)/o,s=Math.sin(r*i)/o):(c=1-r,s=r),t[0]=c*u+s*p,t[1]=c*l+s*d,t[2]=c*f+s*v,t[3]=c*h+s*y,t}function kr(t){var e=de(),n=de(),r=de(),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 xr(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,c=o?1/o:0;return t[0]=-n*c,t[1]=-r*c,t[2]=-i*c,t[3]=a*c,t}function wr(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function Pr(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 Or(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),c=Math.sin(n),s=Math.cos(n),u=Math.sin(r),l=Math.cos(r);return t[0]=a*s*l-o*c*u,t[1]=o*c*l+a*s*u,t[2]=o*s*u-a*c*l,t[3]=o*s*l+a*c*u,t}function Sr(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var jr,$r,Rr,Cr,Mr,Tr,Vr,Er=function(t){var e=new pe(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},Ir=function(t,e,n,r){var i=new pe(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},Dr=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},Lr=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},Br=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},Ar=fr,zr=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},Fr=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},Hr=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],c=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]=c+r*(n[3]-c),t},Gr=ir,_r=Gr,Nr=ar,Xr=Nr,Yr=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},Kr=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},Ur=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],c=e[1],s=e[2],u=e[3];return Math.abs(n-o)<=he*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-c)<=he*Math.max(1,Math.abs(r),Math.abs(c))&&Math.abs(i-s)<=he*Math.max(1,Math.abs(i),Math.abs(s))&&Math.abs(a-u)<=he*Math.max(1,Math.abs(a),Math.abs(u))},Wr=(jr=un(),$r=hn(1,0,0),Rr=hn(0,1,0),function(t,e,n){var r=Vn(e,n);return r<-.999999?(En(jr,$r,e),er(jr)<1e-6&&En(jr,Rr,e),Tn(jr,jr),sr(t,jr,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(En(jr,e,n),t[0]=jr[0],t[1]=jr[1],t[2]=jr[2],t[3]=1+r,Yr(t,t))}),Zr=(Cr=or(),Mr=or(),function(t,e,n,r,i,a){return br(Cr,e,i,a),br(Mr,n,r,a),br(t,Cr,Mr,2*a*(1-a)),t}),qr=(Tr=new pe(9),pe!=Float32Array&&(Tr[1]=0,Tr[2]=0,Tr[3]=0,Tr[5]=0,Tr[6]=0,Tr[7]=0),Tr[0]=1,Tr[4]=1,Tr[8]=1,Vr=Tr,function(t,e,n,r){return Vr[0]=n[0],Vr[3]=n[1],Vr[6]=n[2],Vr[1]=r[0],Vr[4]=r[1],Vr[7]=r[2],Vr[2]=-e[0],Vr[5]=-e[1],Vr[8]=-e[2],Yr(t,Pr(t,Vr))});function Jr(){var t=new pe(2);return pe!=Float32Array&&(t[0]=0,t[1]=0),t}function Qr(t){var e=new pe(2);return e[0]=t[0],e[1]=t[1],e}function ti(t,e){var n=new pe(2);return n[0]=t,n[1]=e,n}function ei(t,e){return t[0]=e[0],t[1]=e[1],t}function ni(t,e,n){return t[0]=e,t[1]=n,t}function ri(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function ii(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function ai(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function oi(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function ci(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function si(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function ui(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function li(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function fi(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function hi(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function pi(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function di(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function vi(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function yi(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function gi(t){var e=t[0],n=t[1];return e*e+n*n}function mi(t,e){return t[0]=-e[0],t[1]=-e[1],t}function bi(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function ki(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 xi(t,e){return t[0]*e[0]+t[1]*e[1]}function wi(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function Pi(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 Oi(t,e){e=e||1;var n=2*de()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function Si(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 ji(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 $i(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 Ri(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 Ci(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),c=Math.cos(r);return t[0]=i*c-a*o+n[0],t[1]=i*o+a*c+n[1],t}function Mi(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),c=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(c,-1),1))}function Ti(t){return t[0]=0,t[1]=0,t}function Vi(t){return"vec2("+t[0]+", "+t[1]+")"}function Ei(t,e){return t[0]===e[0]&&t[1]===e[1]}function Ii(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=he*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=he*Math.max(1,Math.abs(r),Math.abs(a))}var Di=yi,Li=ii,Bi=ai,Ai=oi,zi=di,Fi=vi,Hi=gi,Gi=function(){var t=Jr();return function(e,n,r,i,a,o){var c,s;for(n||(n=2),r||(r=0),s=i?Math.min(i*n+r,e.length):e.length,c=r;c<s;c+=n)t[0]=e[c],t[1]=e[c+1],a(t,t,o),e[c]=t[0],e[c+1]=t[1];return e}}();function _i(t,e){return e=void 0===e?1:e,Math.round(t*e)/e}function Ni(t){return t*(Math.PI/180)}function Xi(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function Yi(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function Ki(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(Ni(t))}function Ui(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(Ni(t))}function Wi(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:Ki(t,e,n),y:Ui(t,e,r)}}function Zi(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 o.distance([t,e],[n,r])}function qi(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return i.lerp([],t,e,1+n/i.dist(t,e))}function Ji(t,e){return 1===t.length?[i.transformMat4([],t[0],e)]:2===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e)]:3===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e)]:4===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e)]:5===t.length?[i.transformMat4([],t[0],e),i.transformMat4([],t[1],e),i.transformMat4([],t[2],e),i.transformMat4([],t[3],e),i.transformMat4([],t[4],e)]:t.map((function(t){return i.transformMat4([],t,e)}))}function Qi(t,e,n,r){return[t,[e[0],t[1],e[2]],n,Math.abs(t[0]-e[0]),r]}function ta(t,e,n,r){return[[e[0],t[1],t[2]],e,n,Math.abs(t[1]-e[1]),r]}function ea(t,e){var n=t,r=e,a=!1;t[4][0]-e[4][0]>0&&(n=e,r=t,a=!0);var o=i.lerp([],n[1],n[2],.5),c=i.lerp([],r[0],r[3],.5),s=[];return r[0][1]<=o[1]&&o[1]<=r[3][1]?s.push(Qi(o,c,"x",null)):r[0][1]<=n[1][1]?r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(ta(r[3],[r[3][0],n[1][1],n[1][2]],"y",null)):s.push(Qi(n[1],c,"x",r[3])):n[3][0]<=r[0][0]&&r[0][0]<=n[2][0]?s.push(ta(n[3],r[0],"y")):r[3][0]<=n[0][0]&&n[0][0]<=r[2][0]?s.push(ta([r[0][0],n[3][1],n[3][2]],r[0],"y")):r[3][0]<=n[1][0]&&n[1][0]<=r[2][0]?s.push(ta(r[3],[r[3][0],n[1][1],n[1][2]],"y")):s.push(Qi(n[2],c,"x",r[0])),s.sort((function(t,e){return t[3]-e[3]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===e)return t;var n=_t()(t,7),r=n[0],i=n[1],a=n[2],o=n[3],c=n[4],s=n[5],u=n[6];return c?[[i[0],c[1],i[2]],[r[0],c[1],r[2]],a,o,[r[0],r[1],c[2]],s,u,e]:[i,r,a,o,c,s,u,e]}([].concat(fe()(s[0]),[t,e]),a)}function na(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function ra(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function ia(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function aa(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 oa(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function ca(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 sa(t,e){return Yi(Math.atan2(e,t))}function ua(t,e,n){return pa({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function la(t,e){var n=r.create();return r.translate(n,n,e),r.rotateZ(n,n,Ni(t)),r.translate(n,n,i.negate([],e)),n}function fa(){for(var t=r.create(),e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.forEach((function(e){r.multiply(t,t,e)})),t}function ha(){return r.invert([],fa.apply(void 0,arguments))}function pa(t,e,n){var r=sa(t.x-e.x,t.y-e.y);return sa(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function da(t,e){return(sa(t,e)+180)%360}var va=/[xy]/g;function ya(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(va,(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 ga(){var t=(new Date).getTime();return"idxxxxxxx".replace(va,(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 ma=function(t){return 3*t*t*(1-t)},ba=function(t){return 3*t*(1-t)*(1-t)},ka=function(t){return(1-t)*(1-t)*(1-t)};function xa(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*ma(t)+a*ba(t)+ka(t))}}function wa(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 Pa(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var Oa=/[\b\t \,\n]/g;function Sa(t){return t.trim().split(Oa).filter((function(t){return t})).map((function(t){return+t}))}var ja={center:50,top:0,left:0,right:100,bottom:100},$a=function t(){O()(this,t)};$a.CENTER="center",$a.TOP="top",$a.RIGHT="right",$a.LEFT="left",$a.BOTTOM="bottom";var Ra=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Ca=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(O()(this,t),this.value=e,re(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return j()(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 re(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 Jt(ja[this.value])?t.percent(ja[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(Yi(this.value)):void 0}},{key:"toRad",value:function(){if(this.isRad())return this.clone();if(this.isTurn()){var e=this.toDeg();return t.rad(Ni(e.value))}return this.isDeg()?t.rad(Ni(this.value)):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(_i(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:"isZero",value:function(){return 0===this.value}}],[{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(te(e=e||t.number(0))){var n=(e=e.trim()).replace(Ra,"$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 Jt(e.percent)?r=e.percent:Jt(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Jt(e.px)?r=e.px:Jt(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Jt(e.em)?r=e.em:Jt(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Jt(e.deg)?r=e.deg:Jt(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Jt(e.deg)?r=e.turn:Jt(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Jt(e.second)?r=e.second:Jt(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Jt(e.ms)?r=e.ms:Jt(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Jt(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Jt(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Jt(e.str)?r=e.str:Jt(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Ca.auto=Ca.string("auto");var Ma=n(6),Ta=n.n(Ma);function Va(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ea(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Va(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Va(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ia=function(){return!0};function Da(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ia,n=[],r=t.layers.length,i=r;i--;){var a=t.layers[i];n.push.apply(n,fe()(Da(a.ref,e)))}return e(t)&&n.push(t),n}var La=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return O()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return ne(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){return t.json[n]!=r&&(t.json[n]=r,e.changed()),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.lastChangedField={},this.lastChangedFieldKeys=[],this.cachedValue={},this.ref}return j()(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:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"renameWithCount",value:function(){var t=this.json.name.split(" ");if(!(t.length<2)){var e=t.pop(),n=+e;re(n)&&!1===isNaN(n)?n++:n=e;var r=[].concat(fe()(t),[n]).join(" ");this.reset({name:r})}}},{key:"allLayers",get:function(){return Da(this.ref)}},{key:"filteredAllLayers",value:function(t){return Da(this.ref,t)}},{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:"setParent",value:function(t){this.json.parent=t}},{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}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+t}},{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:"addCache",value:function(t,e){this.cachedValue[t]=e}},{key:"getCache",value:function(t){return this.cachedValue[t]}},{key:"computed",value:function(t,e){var n="__cachedKey_".concat(t),r="".concat(n,"__parseValue"),i=this.json[t];return this.getCache(t)===i&&this.getCache(r)||(this.addCache(t,i),this.addCache(r,e(i,this.ref))),this.getCache(r)}},{key:"editable",value:function(t){return!0}},{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:"setCache",value:function(){}},{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","name","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){return t.__changedId||(t.__changedId=ya()),this.lastChangedField.__changedId!==t.__changedId&&(this.json=this.convert(Object.assign(this.json,t)),this.lastChangedField=t,this.lastChangedFieldKeys=Object.keys(t),this.changed()),!0}},{key:"hasChangedField",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.lastChangedFieldKeys.includes(e)}))}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=ga();return Ea({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]=ae(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref||(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:"refreshMatrixCache",value:function(){}},{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){qt(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&&!qt(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.renameWithCount(),n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.push(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}}]),t}(),Ba=n(11),Aa=n.n(Ba),za=n(10),Fa=n.n(za),Ha=n(12),Ga=n.n(Ha),_a=n(9),Na=n.n(_a),Xa=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 Ya(t){return t.nodeType!==Node.TEXT_NODE&&"true"===t.getAttribute("data-domdiff-pass")}function Ka(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Ua(t,e,n,r){if(e)if(n){if(Ya(e)||Ya(n));else if(s=e,(c=n).nodeType===Node.TEXT_NODE&&c.textContent!==s.textContent||c.nodeName!==s.nodeName||function(t){return t.nodeType!==Node.TEXT_NODE&&t.getAttribute("refClass")}(n))t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&n.nodeType!==Node.COMMENT_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){Xa(t,r,e[r],n[r])}))}(e,Ka(n.attributes),Ka(e.attributes));var i=Wa(e),a=Wa(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Ua(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var c,s}var Wa=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Za(t,e){t=t.el||t,e=e.el||e;for(var n=Wa(t),r=Wa(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Ua(t,n[a],r[a],a)}var qa=function(){function t(e,n,r){if(O()(this,t),"string"!=typeof 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 j()(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 w()({},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(fe()(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){return this.el.classList.toggle(t,e),this}},{key:"html",value:function(t){return void 0===t?this.el.innerHTML:("string"==typeof t?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Za(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Za(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Za(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 fe()(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"string"==typeof t?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return"string"==typeof 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(void 0===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){var n=this;if(void 0!==t&&void 0!==e)0===t.indexOf("--")&&void 0!==e?this.el.style.setProperty(t,e):this.el.style[t]=e;else if(void 0!==t){if("string"==typeof t)return getComputedStyle(this.el)[t];Object.entries(t).forEach((function(t){var e=_t()(t,2),r=e[0],i=e[1];0===r.indexOf("--")&&void 0!==i?n.el.style.setProperty(r,i):n.el.style[r]=i}))}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),c=0;c<a;c++)o[c]=arguments[c];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return void 0===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,"".concat(e,"px"))}},{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(void 0===e)return this.el.value;if(void 0!==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:"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?fe()(this.el.files):[]}},{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:"totalLength",get:function(){return this.el.getTotalLength()}},{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:"firstChild",get:function(){return t.create(this.el.firstElementChild)}},{key:"children",value:function(){var e=this.el.firstElementChild;if(!e)return[];var n=[];do{n.push(t.create(e)),e=e.nextElementSibling}while(e);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(t){return this.el.parentNode&&this.el.parentNode.replaceChild(t.el||t,this.el),this}},{key:"replaceChild",value:function(t,e){return this.el.replaceChild(e.el||e,t.el||t),this}},{key:"checked",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!t,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){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:"toggleFullscreen",value:function(){this.el===document.fullscreenElement?document.exitFullscreen():this.fullscreen()}}],[{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}(),Ja=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};O()(this,t),this.context=e,this.options=n}return j()(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}();function Qa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var to={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},eo={doubletab:"touchend"},no={doubletab:!0},ro=function(t){R()(n,t);var e=Qa(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(I)),this._domEvents.forEach((function(e){return t.parseDomEvent(e)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var t=this;this.getBindings().forEach((function(e){t.removeDomEvent(e)})),this.initBindings()}},{key:"removeDomEvent",value:function(t){var e=t.eventName,n=t.dom,r=t.callback;Ht.removeDomEvent(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(Jt(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=qa.create(i);var a=n.runEventCallback(r,t,e);if(Jt(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=Ht.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 ne(r)&&r?r.call(n,t):!Jt(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 qa?e.getElement():e}},{key:"getRealEventName",value:function(t){return eo[t]||t}},{key:"getCustomEventName",value:function(t){return no[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=ue(r,"after"),o=_t()(a,2),c=o[0],s=o[1],u=ue(r,"before"),l=_t()(u,2),f=l[0],h=l[1],p=ue(r,"debounce"),d=_t()(p,2),v=d[0],y=d[1],g=ue(r,"delay"),m=_t()(g,2),b=m[0],k=m[1],x=ue(r,"throttle"),w=_t()(x,2),P=w[0],O=w[1],S=ue(r,"capture"),j=_t()(S,1)[0],$=[].concat(fe()(i),fe()(c),fe()(f),fe()(b),fe()(v),fe()(P),fe()(j)),R=r.filter((function(t){return-1===$.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:R,captures:j,afterMethods:s,beforeMethods:h,delayMethods:k,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addDomEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;to[t.eventName]&&(n={passive:!0,capture:n}),Ht.addDomEvent(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:"bindingDomEvent",value:function(t,e,n){var r=Aa()(t),i=r[0],a=r[1],o=r.slice(2),c=this.getDefaultEventObject(i,e);if(c.dom=this.getDefaultDomElement(a),c.delegate=o.join(" "),c.debounceMethods.length)n=Yt(n,+c.debounceMethods[0].target);else if(c.throttleMethods.length){n=Kt(n,+c.throttleMethods[0].target)}n=this.makeCustomEventCallback(c,n),this.addDomEvent(c,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:"parseDomEvent",value:function(t){for(var e=this.context,n=t.split(A).map((function(t){return t.trim()})).filter(Boolean),r=n.shift().split(z)[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,c=i.length;o<c;o++)r[0]=i[o],this.bindingDomEvent(r,n,a)}}]),n}(Ja);function io(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ao=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"!==e||"function"!=typeof n?void 0===n?t.removeAttr(e):"TEXTAREA"===t.el.nodeName&&"value"===e||"text"===e||"textContent"===e?t.text(n):"innerHTML"===e||"html"===e?t.html(n):"htmlDiff"===e?t.updateDiff(n):"svgDiff"===e?t.updateSVGDiff(n):"value"===e?t.val(n):t.attr(e,n):n();else if(Array.isArray(n))t.addClass.apply(t,fe()(n.filter(Boolean)));else if(ee(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],c=n[o];t.toggleClass(o,c)}else t.el.className=n;else"string"!=typeof n&&t.css(n);else t.cssText(n)},oo=function(t){R()(n,t);var e=io(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];this._bindMethods||(this._bindMethods=this.context.filterProps(L));var i=this._bindMethods.filter((function(t){if(!n.length)return!0;var e=t.split(A),r=_t()(e,2),i=r[0],a=(r[1],i.split(" ")),o=_t()(a,2),c=(o[0],o[1]);return n.indexOf(c)>-1}));i.forEach(function(){var e=Fa()(Na.a.mark((function e(r){var i,a,o,c,s,u,l,f,h,p,d,v,y,g,m;return Na.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=t.context[r],a=r.split(A),o=_t()(a,2),r=o[0],c=o[1],s=t.getRef(c),u=Bt,""!=s&&"string"==typeof s?u=Lt(s):"function"==typeof s&&(u=s),l=r.split(H)[1],f=t.context.refs[l],h="function"==typeof u&&u.call(t.context),!f||!h){e.next=16;break}return e.next=11,i.call.apply(i,[t.context].concat(n));case 11:if(p=e.sent){e.next=14;break}return e.abrupt("return");case 14:for(d=Object.keys(p),v=0,y=d.length;v<y;v++)g=d[v],m=p[g],ao(f,g,m);case 16:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),n}(Ja),co={};function so(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(t).forEach((function(e){co[e]||(co[e]=t[e])}))}var uo,lo,fo=/[xy]/g;function ho(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(fo,(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 po(){var t=(new Date).getTime();return"idxxxxxxx".replace(fo,(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 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 yo(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){w()(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}function go(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return mo(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return mo(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){c=!0,a=t},f:function(){try{o||null==n.return||n.return()}finally{if(c)throw a}}}}function mo(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var bo=qa.create("div"),ko="[".concat("ref","]"),xo="[".concat("refclass","]"),wo=function(){function t(e,n){O()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=ho(),this.__tempVariables=new Map,this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}var e;return j()(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=ho(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=this.components()}},{key:"initializeHandler",value:function(){return[new oo(this),new ro(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(w()({},t,!this.state[t]),e)}},{key:"variable",value:function(t){var e="".concat("__ref__variable:").concat(po());return this.__tempVariables.set(e,t),e}},{key:"recoverVariable",value:function(t){if(!1===te(t))return t;var e=t;return this.__tempVariables.has(t)&&(e=this.__tempVariables.get(t),this.__tempVariables.delete(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(se(uo||(uo=Ga()(["\n        ","\n      "])),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){Array.isArray(t)&&(t=t.join("")),t=t.trim();for(var n=bo.html(t).children(),r=0,i=n.length;r<i;r++){var a=n[r],o=a.attr("ref");o&&(this.refs[o]=a);for(var c=a.$$(ko),s={},u=0,l=c.length;u<l;u++){var f=c[u],h=f.attr("ref");s[h]?console.warn("".concat(o," is duplicated. - ").concat(this.sourceName),this):s[h]=!0,this.refs[h]=f}}return e?bo.createChildrenFragment():n[0]}},{key:"parseProperty",value:function(t){var e,n,r={},i=go(t.el.attributes);try{for(i.s();!(e=i.n()).done;){var a=e.value;r[a.nodeName]=this.recoverVariable(a.nodeValue)}}catch(t){i.e(t)}finally{i.f()}return r.props&&(r=yo(yo({},r),(n=r.props,_[n]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","valueType"),n=_t()(e,3),i=n[0],a=n[1],o=n[2],c=a||t.text();"json"===o&&(c=JSON.parse(c)),r[i]=c})),r}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(fe()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return co[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$(xo).forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r,i=t.parseProperty(e),a=e.attr("ref"),o=null;if(t.children[a]?(o=t.children[a])._reload(i):(o=new n(t,i),t.children[a||o.id]=o,o.render()),o.renderTarget)null===(r=o.$el)||void 0===r||r.appendTo(o.renderTarget),e.remove();else e.replace(o.$el)}else e.remove()})),Wt(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Wt(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:(e=Fa()(Na.a.mark((function t(){var e,n,r,i,a=this,o=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:for(e=o.length,n=new Array(e),r=0;r<e;r++)n[r]=o[r];return this._loadMethods||(this._loadMethods=this.filterProps(D)),i=this._loadMethods.filter((function(t){var e=t.split(F)[1].split(A).map((function(t){return t.trim()}))[0];return!n.length||n.indexOf(e)>-1})),t.next=5,i.forEach(function(){var t=Fa()(Na.a.mark((function t(e){var r,i,o,c,s,u,l,f,h;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=e.split(F)[1],i=r.split(A).map((function(t){return t.trim()})),o=Aa()(i),c=o[0],s=(s=o.slice(1)).map((function(t){return t.trim()})),u=Boolean(s.filter((function(t){return Q.includes(t)})).length),!a.refs[c]){t.next=11;break}return t.next=7,(l=a[e]).call.apply(l,[a].concat(n));case 7:f=t.sent,Array.isArray(f)&&(f=f.join("")),h=a.parseTemplate(se(lo||(lo=Ga()(["",""])),f),!0),u?a.refs[c].htmlDiff(h):a.refs[c].html(h);case 11:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}());case 5:this._afterLoad();case 6:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{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){ne(t)&&Wt(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&&this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return this.__cachedMethodList||(this.__cachedMethodList=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&ne(t[n])&&!e[n]}));r.push.apply(r,a)}while(n=Object.getPrototypeOf(n));return r}(this,(function(t){return 0===t.indexOf("@magic:")}))),this.__cachedMethodList}},{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:"isMouseLeftButton",value:function(t){return 1===t.buttons}},{key:"isMouseRightButton",value:function(t){return 2===t.buttons}},{key:"hasMouse",value:function(t){return"mouse"===t.pointerType}},{key:"hasTouch",value:function(t){return"touch"===t.pointerType}},{key:"hasPen",value:function(t){return"pen"===t.pointerType}},{key:"preventDefault",value:function(t){return t.preventDefault(),!0}},{key:"stopPropagation",value:function(t){return t.stopPropagation(),!0}}]),t}(),Po=function(){function t(e){O()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return j()(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).debug.apply(t,arguments)}},{key:"on",value:function(t,e,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=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],u=e;return i>0?u=Yt(e,i):a>0&&(u=Kt(e,a)),s.length&&(u=Ut(u,n,s)),this.getCallbacks(t).push({event:t,callback:u,context:n,originalCallback:e,enableAllTrigger:o,enableSelfTrigger:c}),this.debug("add message event",t,n.sourceName),function(){r.off(t,e)}}},{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 c=r[a];c.enableSelfTrigger||(c.enableAllTrigger||c.originalCallback.source!==t)&&c.callback.apply(c.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 c=r[a];c.originalCallback.source===t&&c.callback.apply(c.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",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];ne(t)?t.apply(void 0,n):this.sendMessage.apply(this,[this.source,t].concat(n))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",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];ne(t)?t.apply(void 0,n):this.triggerMessage.apply(this,[this.source,t].concat(n))}}]),t}(),Oo={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"}};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}var jo=function(){function t(e){O()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return j()(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?So(Object(n),!0).forEach((function(e){w()(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}({},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,fe()(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}(),$o=new Map,Ro=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return $o.has(t)}},{key:"get",value:function(t){return $o.get(t)}},{key:"set",value:function(t,e){$o.size>1e3&&$o.clear(),$o.set(t,e)}}]),t}(),Co=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(Ro.has(t))return Ro.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 Ca.parse(t)})):e.map((function(t){return Ca.parse(t)})),Ro.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=_t()(a,3),c=o[0],s=o[1],u=o[2];return c=c.toPx(n),s=s.toPx(r),u=u.toPx(i),"".concat(c," ").concat(s," ").concat(u)}}]),t}();function Mo(t,e,n,r,i,a,o,c){var s=((o-i)*(e-a)-(c-a)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e)),u=((n-t)*(e-a)-(r-e)*(t-i))/((c-a)*(n-t)-(o-i)*(r-e));return 0<=s&&s<=1&&0<=u&&u<=1}function To(){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 c=_t()(a,2),s=c[0],u=c[1],l=_t()(t[(o+1)%i],2),f=l[0],h=l[1];(u>=n&&h<n||u<n&&h>=n)&&e<(f-s)*(n-u)/(h-u)+s&&(r=!r)})),r}function Vo(){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,c){var s=_t()(o,2),u=s[0],l=s[1],f=_t()(t[(c+1)%a],2),h=f[0],p=f[1];return Mo(e,n,r,i,u,l,h,p)}))}function Eo(){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=_t()(r,2),o=a[0],c=a[1],s=_t()(t[(i+1)%n],2),u=s[0],l=s[1],f=Vo(e,o,c,u,l);return!!f||!!(f=To(t,e[0][0],e[0][1]))}))}function Io(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=Co.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 Do(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=i.lerp([],t[0],t[1],.5),r=i.lerp([],t[2],t[3],.5),a=qi(r,n,e);return a}function Lo(){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.originVerties.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),Io(e,n,r-e,i-n)}function Bo(t){var e=Ca.px(t[0][0]).floor(),n=Ca.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Ca.px(i.dist(t[0],t[1])).floor(),height:Ca.px(i.dist(t[0],t[3])).floor()}}function Ao(t){return zo(t).filter((function(t,e){return e<4}))}function zo(t){var 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){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),Io(e,n,r-e,i-n)}var Fo={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},Ho={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)"},Go=[[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"]],_o=function(t){return fe()(Xo(Ho[t]||t))},No=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=Go.length;e<n;e++){var r=Go[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(",")," )")},Xo=function(t){if("string"==typeof t){if(Fo[t])return Go.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},Yo=function(t,e,n,r){var i=[t,e,n,r];return function(t){return ic(i,t)}},Ko=function(t,e,n){var r=[t,e,n];return function(t){return ac(r,t)}},Uo=function(t,e){var n=[t,e];return function(t){return oc(n,t)}},Wo=function(t,e,n,r,i){var a=e(n),o=Zi(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},Zo=function(t,e,n,r,i,a,o,c){for(var s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,u=Yo({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}),l=0,f=u(0),h=0;h<=s;h++){var p=h/s,d=u(p);l+=Zi(f.x,f.y,d.x,d.y),f=d}return l},qo=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,c=Ko({x:t,y:e},{x:n,y:r},{x:i,y:a}),s=0,u=c(0),l=0;l<=o;l++){var f=l/o,h=c(f);s+=Zi(u.x,u.y,h.x,h.y),u=h}return s},Jo=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++)Wo(n,t,a/e,r,i);var o=1/(2*e),c=n.minT;for(a=0;a<e;a++)Wo(n,t,c-o,r,i),Wo(n,t,c+o,r,i),o/=2;return n.minT}},Qo=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Jo(Yo(t,e,n,r),i)},tc=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Jo(Ko(t,e,n),r)},ec=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Jo(Uo(t,e),n)},nc=function(t){if("linear"===t)return Uo(n={x:0,y:0},r={x:1,y:1});var e=Xo(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return Yo(n,r,i,{x:1,y:1})},rc=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},ic=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(t[2],t[3],e),a=rc(n,r,e),o=rc(r,i,e);return rc(a,o,e)},ac=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e);return rc(n,r,e)},oc=function(t,e){return rc(t[0],t[1],e)},cc=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(t[2],t[3],e),a=rc(n,r,e),o=rc(r,i,e),c=rc(a,o,e);return{first:[t[0],n,a,c],second:[c,o,i,t[3]]}},sc=function(t,e){var n=rc(t[0],t[1],e),r=rc(t[1],t[2],e),i=rc(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},uc=function(t,e){var n=rc(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},lc=function(t){var e=function(t){var e=i.negate([],t[0]),n=i.multiply([],[3,3,3],t[1]),r=i.multiply([],[-3,-3,-3],t[2]),a=t[3],o=i.add([],i.add([],e,n),i.add([],r,a));return i.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=i.multiply([],[-2,-2,-2],t[1]),r=t[2],a=i.add([],i.add([],e,n),r);return i.multiply([],[6,6,6],a)}(t),r=function(t){var e=i.add([],t[1],i.negate([],t[0]));return i.multiply([],[3,3,3],e)}(t),a=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var c=-n[0]/(2*e[0]);0<=c&&c<=1&&a.push(c)}else if(o>0){var s=(-n[0]+Math.sqrt(o))/(2*e[0]),u=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=s&&s<=1&&a.push(s),0<=u&&u<=1&&a.push(u)}var l=n[1]*n[1]-4*e[1]*r[1];if(l<0);else if(0===l){var f=-n[1]/(2*e[1]);0<=f&&f<=1&&a.push(f)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*e[1]),p=(-n[1]-Math.sqrt(l))/(2*e[1]);0<=h&&h<=1&&a.push(h),0<=p&&p<=1&&a.push(p)}return a};function fc(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?hc(t):"rgb"==e?pc(t,n):"hsl"==e?dc(t):t}function hc(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||void 0===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 pc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),void 0!==t)return 1==t.a||void 0===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 dc(t){return Array.isArray(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||void 0===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 vc(t,e){return Math.floor(Math.random()*(e-t+1))+t}function yc(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=gc();return e}function gc(){return pc({r:vc(0,255),g:vc(0,255),b:vc(0,255)})}function mc(){return pc({r:vc(0,255),g:vc(0,255),b:vc(0,255),a:vc(0,1e3)/1e3})}function bc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e[vc(0,e.length-1)]}function kc(t){return fe()(Array(t))}function xc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Jt(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function wc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(t+="")||t.split(e).forEach((function(t){var e=t.split(n).map((function(t){return t.trim()})),i=Aa()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r}function Pc(t){return Object.keys(t).map((function(e){return"class"===e&&isObject(t[e])?"".concat(e,'="').concat(Oc(t[e]),'"'):Qt(t[e])||qt(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function Oc(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function Sc(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function jc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function $c(t,e){var n=new Set([].concat(fe()(t),fe()(e)));return n.size===t.length&&n.size===e.length}var Rc=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=_o(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    ")},Cc=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=_o(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 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 Tc(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){w()(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}function Vc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ec=function(t){R()(n,t);var e=Vc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Tc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return xc(this.toCSS())}}]),n}(La),Ic=new Map,Dc=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return Ic.has(t)}},{key:"get",value:function(t){return Ic.get(t)}},{key:"set",value:function(t,e){Ic.size>1e3&&Ic.clear(),Ic.set(t,e)}}]),t}();function Lc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ac=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)?|matrix(3d)?|perspective)\(([^\)]*)\))/gi,zc=function(t){R()(n,t);var e=Bc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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?Lc(Object(n),!0).forEach((function(e){w()(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}({},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 e=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(fe()(e),fe()(i),fe()(r)).map((function(t){return new n(t).toString()})).join(" ")}},{key:"parse",value:function(t){return new n(t)}},{key:"remove",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"string"==typeof e&&(e=[e]),n.filter(t,(function(t){return!1===e.includes(t.type)}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t,!1).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e){var r=n.parseStyle(t,!1),i=r.find((function(t){return t.type===e.type}));return i?i.value=e.value:r.push(e),n.join(r)}},{key:"replaceAll",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?s.value=c.value:r.push(c)}return n.join(r)}},{key:"addTransform",value:function(t,e){for(var r=n.parseStyle(t,!1),i=n.parseStyle(e),a=0,o=i.length;a<o;a++){var c=i[a],s=r.find((function(t){return t.type===c.type}));s?c.value.forEach((function(t,e){s.value[e].value+=t.value})):r.push(c)}return n.join(r)}},{key:"get",value:function(t,e){var r=n.parseStyle(t,!0);if(r="function"==typeof e?r.find(e):r.find((function(t){return t.type===e})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=n.createRotateKey(t,e,r);return Dc.has(i)||Dc.set(i,n.replace(t,{type:r,value:[e]})),Dc.get(i)}},{key:"rotateZ",value:function(t,e){return n.rotate(t,e,"rotateZ")}},{key:"rotateX",value:function(t,e){return n.rotate(t,e,"rotateX")}},{key:"rotateY",value:function(t,e){return n.rotate(t,e,"rotateY")}},{key:"parseStyle",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(e&&Dc.has(t))return Dc.get(t);var i=t.match(Ac)||[];return i.forEach((function(t,e){var i=t.split("("),a=_t()(i,2),o=a[0],c=a[1],s=(c=c.split(")")[0]).split(",");s=c.includes("matrix")||c.includes("scale")?s.map((function(t){return Ca.number(t.trim())})):s.map((function(t){return Ca.parse(t.trim())})),r[e]=n.parse({type:o,value:s})})),e&&Dc.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var i=r.create(),a=0,o=t.length;a<o;a++){var c=t[a];switch(c.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=c.value;"translate"===c.type?s=[s[0].toPx(e).value,s[1].toPx(n).value,0]:"translateX"===c.type?s=[s[0].toPx(e).value,0,0]:"translateY"===c.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===c.type&&(s=[0,0,s[0].toPx().value]),r.translate(i,i,s);break;case"rotate":case"rotateZ":r.rotateZ(i,i,Ni(c.value[0].value));break;case"rotateX":r.rotateX(i,i,Ni(c.value[0].value));break;case"rotateY":r.rotateY(i,i,Ni(c.value[0].value));break;case"rotate3d":s=c.value;r.rotate(i,i,Ni(c.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":r.scale(i,i,[c.value[0].value,c.value[1].value,1]);break;case"scaleX":r.scale(i,i,[c.value[0].value,1,1]);break;case"scaleY":r.scale(i,i,[1,c.value[0].value,1]);break;case"scaleZ":r.scale(i,i,[1,1,c.value[0].value]);break;case"skewX":var u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,0,0,0,Math.tan(u.value),1,0,0,0,0,1,0,0,0,0,1));break;case"skewY":u=c.value[0].toDeg().toRad();r.multiply(i,i,r.fromValues(1,Math.tan(u.value),0,0,0,1,0,0,0,0,1,0,0,0,0,1));break;case"skew":var l=c.value[0].toDeg().toRad(),f=c.value.length>1?c.value[1].toDeg().toRad():l;r.multiply(i,i,r.fromValues(1,Math.tan(f.value),0,0,Math.tan(l.value),1,0,0,0,0,1,0,0,0,0,1));break;case"matrix":s=[(s=c.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],r.multiply(i,i,s);break;case"matrix3d":s=c.value.map((function(t){return t.value}));r.multiply(i,i,s);break;case"perspective":s=c.value;r.perspective(i,.5*Math.PI,e/n,1,s[0].value)}}return i}},{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(" ")}}]),n}(Ec),Fc=function(){function t(){O()(this,t)}return j()(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,c=e*e,s=n[r],u=n[i],l=r+1;l<i;l++){var f=t.segmentDistance2(n[l].x,n[l].y,s,u);f<=a||(o=l,a=f)}a>c&&(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=ae(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,c=t-n.x,s=e-n.y,u=i*c+a*s;if(0===o)return c*c+s*s;if(u<=0)return c*c+s*s;if(u>=o)return(c=t-r.x)*c+(s=e-r.y)*s;var l=c*a-s*i;return l*l/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}(),Hc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Gc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,_c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";O()(this,t),this.reset(e)}return j()(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(Gc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Hc)||[];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,c=e.values.length;o<c;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:fe()(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 c=_t()(o,2),s=c[0],u=c[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}else if("L"===a){if((w=Fc.getPrevPoint(t,t.length)).curve){var l=_t()(o,2);s=l[0],u=l[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:ae(w.endPoint),curve:!0})}else{var f=_t()(o,2);s=f[0],u=f[1];t.push({command:a,originalCommand:a,startPoint:{x:s,y:u},endPoint:{x:s,y:u},reversePoint:{x:s,y:u},curve:!1})}}else if("Q"===a){var h=_t()(o,4),p=h[0],d=h[1];s=h[2],u=h[3];if((w=Fc.getPrevPoint(t,t.length)).curve){var v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:p,y:d}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:p,y:d};v={x:s,y:u},g={x:s,y:u},y={x:s,y:u};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:s,y:u},g={x:p,y:d},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=_t()(o,2);s=m[0],u=m[1];if((j=segments[e-1])&&"Q"===j.command){var b=_t()(j.values,4),k=(p=b[0],d=b[1],b[2]),x=b[3];(w=Fc.getPrevPoint(t,t.length)).endPoint=Fc.getReversePoint({x:k,y:x},{x:p,y:d});v={x:s,y:u},y={x:s,y:u},g={x:s,y:u};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Fc.getPrevPoint(t,t.length),P=_t()(o,6),O=(p=P[0],d=P[1],P[2]),S=P[3];v={x:s=P[4],y:u=P[5]},g={x:O,y:S},y={x:s,y:u};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:p,y:d})}else if("S"===a){var j,$=_t()(o,2);s=$[0],u=$[1];if((j=segments[e-1])&&"C"===j.command){var R=_t()(j.values,4);O=R[0],S=R[1],k=R[2],x=R[3];(w=Fc.getPrevPoint(t,t.length)).endPoint=Fc.getReversePoint(w.startPoint,w.reversePoint);v={x:s,y:u},y={x:s,y:u},g={x:O,y:S};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Fc.getPrevPoint(t,t.length);var C=Fc.getFirstPoint(t,t.length);Fc.isEqual(w.startPoint,C.startPoint)&&(w.connected=!0,w.endPoint=ae(C.endPoint),C.reversePoint=ae(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 Jt(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(r.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(r.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(r.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(r.fromRotation([],Ni(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(r.fromRotation([],Ni(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(r.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(r.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(r.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(r.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(r.fromValues(1,Math.tan(Ni(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(r.fromValues(1,Math.tan(Ni(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Ni(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(r.fromValues(1,0,0,0,Math.tan(Ni(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,c,s,u=i.values,l=i.command,f=this.segments[a-1];switch(l){case"M":case"L":t=Math.min(t,u[0]),n=Math.max(n,u[0]),e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"V":t=Math.min(t,u[0]),n=Math.max(n,u[0]);break;case"H":e=Math.min(e,u[1]),r=Math.max(r,u[1]);break;case"C":(o=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0],[u[4],u[5],0]],c=lc(o),s=o.map((function(t){return{x:t[0],y:t[1]}})),c.map((function(t){var e=ic(s,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 h=[[f.values[f.values.length-2],f.values[f.values.length-1],0],[u[0],u[1],0],[u[2],u[3],0]].map((function(t){return{x:t[0],y:t[1]}})),p=0;p<=1;p+=1e-4){var d=ac(h,p),v=d.x,y=d.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:"d",get:function(){return this.toString()}},{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=i.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=i.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=i.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var a=0,o=n.length;a<o;a+=2){r=i.transformMat4([],[n[a],n[a+1],0],t);e.values[a]=r[0],e.values[a+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(r.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 _i(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,c=t[r-1],s=c.values[c.values.length-2],u=c.values[c.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[s,u]});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],s,u]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],s,u]});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:"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(fe()(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 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 Xc(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){w()(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}function Yc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kc=Ca.z(),Uc=function(t){R()(n,t);var e=Yc(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return Xc(Xc({},Ta()(V()(n.prototype),"toCloneObject",this).call(this,t)),this.attrs("x","y","width","height","transform","rotate","rotateZ"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.parse(t.height),t}},{key:"reset",value:function(t){var e=Ta()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("x","y","width","height","transform","rotateZ","rotate","transform-origin","perspective","perspective-origin")&&this.refreshMatrixCache(),e}},{key:"setParent",value:function(t){Ta()(V()(n.prototype),"setParent",this).call(this,t),this.refreshMatrixCache()}},{key:"refreshMatrixCache",value:function(){this.setCacheItemTransformMatrix(),this.setCacheLocalTransformMatrix(),this.setCacheAccumulatedMatrix(),this.setCacheLocalVerties(),this.setCacheVerties(),this.setCacheGuideVerties(),this.setCacheAreaPosition(),this.layers.forEach((function(t){t.refreshMatrixCache()}))}},{key:"setCacheItemTransformMatrix",value:function(){this._cachedItemTransform=this.getItemTransformMatrix(),this._cachedItemTransformInverse=r.invert([],this._cachedItemTransform)}},{key:"setCacheLocalTransformMatrix",value:function(){this._cachedLocalTransform=this.getLocalTransformMatrix(),this._cachedLocalTransformInverse=r.invert([],this._cachedLocalTransform),this._cachedTransformWithTranslate=this.getTransformWithTranslate(this),this._cachedTransformWithTranslateInverse=r.invert([],this._cachedTransformWithTranslate),this._cachedTransformWithTranslateTranspose=r.transpose([],this._cachedTransformWithTranslate)}},{key:"setCacheAccumulatedMatrix",value:function(){this._cachedAccumulatedMatrix=this.getAccumulatedMatrix(),this._cachedAccumulatedMatrixInverse=r.invert([],this._cachedAccumulatedMatrix)}},{key:"setCacheVerties",value:function(){this._cachedVerties=this.getVerties(),this._cachedVertiesWithoutTransformOrigin=this.rectVerties()}},{key:"setCacheLocalVerties",value:function(){this._cachedLocalVerties=this.getLocalVerties()}},{key:"setCacheGuideVerties",value:function(){this._cachedGuideVerties=this.getGuideVerties()}},{key:"setCacheAreaPosition",value:function(){this._cachedAreaPosition=this.getAreaPosition()}},{key:"localMatrix",get:function(){return this._cachedLocalTransform||this.getLocalTransformMatrix()}},{key:"localMatrixInverse",get:function(){return this._cachedLocalTransformInverse||this.getLocalTransformMatrixInverse()}},{key:"transformWithTranslate",get:function(){return this._cachedTransformWithTranslate||this.getTransformWithTranslate(this)}},{key:"transformWithTranslateToTranspose",get:function(){return this._cachedTransformWithTranslateTranspose||r.transpose([],this.getTransformWithTranslate(this))}},{key:"transformWithTranslateInverse",get:function(){return this._cachedTransformWithTranslateInverse||r.invert([],this.getTransformWithTranslate(this))}},{key:"itemMatrix",get:function(){return this._cachedItemTransform||this.getItemTransformMatrix()}},{key:"itemMatrixInverse",get:function(){return this._cachedItemTransformInverse||this.getItemTransformMatrixInverse()}},{key:"accumulatedMatrix",get:function(){return this._cachedAccumulatedMatrix||this.getAccumulatedMatrix()}},{key:"accumulatedMatrixInverse",get:function(){return this._cachedAccumulatedMatrixInverse||this.getAccumulatedMatrixInverse()}},{key:"verties",get:function(){return this._cachedVerties||this.getVerties()}},{key:"originVerties",get:function(){return this._cachedVertiesWithoutTransformOrigin||this.rectVerties()}},{key:"localVerties",get:function(){return this._cachedLocalVerties||this.getLocalVerties()}},{key:"guideVerties",get:function(){return this._cachedGuideVerties||this.getGuideVerties()}},{key:"areaPosition",get:function(){return this._cachedAreaPosition||this.getAreaPosition()}},{key:"getAreaPosition",value:function(){var t=zo(this.getVerties());return{column:[Math.ceil(t[0][0]/100),Math.ceil(t[1][0]/100)],row:[Math.ceil(t[0][1]/100),Math.ceil(t[3][1]/100)]}}},{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:"screenX",get:function(){return this.isChild?Ca.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Ca.z()}},{key:"screenY",get:function(){return this.isChild?Ca.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Ca.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Kc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Kc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Kc:this.parent.is("project")||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?Kc:this.parent.is("project")||this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Ca.px(this.offsetX.value+t[0]).round(),y:Ca.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:Ca.px(t[0]-e.width/2),y:Ca.px(t[1]-e.height/2)})}},{key:"setAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:zc.replaceAll(this.transform,"rotateZ(".concat(Ca.deg(t).round(1e3),")"))})}},{key:"addAngle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.reset({transform:zc.addTransform(this.transform,"rotateZ(".concat(Ca.deg(t).round(1e3),")"))})}},{key:"checkInArea",value:function(t){return Eo(t,this.originVerties)}},{key:"hasPoint",value:function(t,e){return To(this.originVerties,t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.originVerties.map((function(e){return To.apply(void 0,[t].concat(fe()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||zc.get(this.json.transform||"","perspective")){var t=Co.parseStyle(this.json["perspective-origin"]),e=_t()(t,2),n=e[0],i=void 0===n?Ca.percent(50):n,a=e[1],o=void 0===a?Ca.percent(50):a,c=this.screenWidth.value,s=this.screenHeight.value;i=i.toPx(c).value,o=o.toPx(s).value;var u=r.create();r.translate(u,u,[i,o,0]);var l=zc.get(this.json.transform,"perspective");if(l.length)r.multiply(u,u,r.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;r.multiply(u,u,r.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Ca.parse(this.json.perspective).value,1))}return r.translate(u,u,[-i,-o,0]),u}}},{key:"getItemTransformMatrix",value:function(){var t,e=zc.parseStyle(null===(t=this.json)||void 0===t?void 0:t.transform),n=this.screenWidth.value,r=this.screenHeight.value;return zc.createTransformMatrix(e,n,r)}},{key:"getItemTransformMatrixInverse",value:function(){return r.invert([],this.getItemTransformMatrix())}},{key:"getLocalTransformMatrix",value:function(){var t=Co.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=r.create();return r.translate(e,e,t),r.multiply(e,e,this.itemMatrix),r.translate(e,e,i.negate([],t)),e}},{key:"getLocalTransformMatrixInverse",value:function(){return r.invert([],this.getLocalTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var a=this.offsetX.value,o=this.offsetY.value,c=i.add([],Co.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),i.negate([],t)),s=r.create();return r.translate(s,s,[a,o,0]),r.translate(s,s,t),r.translate(s,s,c),r.multiply(s,s,this.itemMatrix),r.translate(s,s,i.negate([],c)),s}},{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=r.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,i=e.length;n<i;n++){var a=e[n];if(a.parent&&ne(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&r.multiply(t,t,o)}var c=a.offsetX.value,s=a.offsetY.value;r.translate(t,t,[c,s,0]),r.multiply(t,t,a.localMatrix)}return t}},{key:"getTransformWithTranslate",value:function(t){t=t||this;var e=r.create(),n=t.offsetX.value,i=t.offsetY.value;return r.translate(e,e,[n,i,0]),r.multiply(e,e,t.localMatrix),e}},{key:"getAccumulatedMatrixInverse",value:function(){return r.invert([],this.getAccumulatedMatrix())}},{key:"getLocalVerties",value:function(t,e){return Io(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"])}},{key:"getVerties",value:function(t,e){return Ji(Io(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"selectionVerties",value:function(){return Ji(Io(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.accumulatedMatrix)}},{key:"rectVerties",value:function(){return this.verties.filter((function(t,e){return e<4}))}},{key:"getGuideVerties",value:function(){var t=this.originVerties;return[].concat(fe()(t),[i.lerp([],t[0],t[1],.5),i.lerp([],t[1],t[2],.5),i.lerp([],t[2],t[3],.5),i.lerp([],t[3],t[0],.5)])}},{key:"toRectVerties",get:function(){return Lo([this])}},{key:"matrix",get:function(){var t=this.id,e=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%",c=this.parent.accumulatedMatrix,s=this.parent.accumulatedMatrixInverse,u=this.localMatrix,l=this.localMatrixInverse,f=this.itemMatrix,h=this.itemMatrixInverse,p=this.accumulatedMatrix,d=this.accumulatedMatrixInverse,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,g=y.map((function(t){return t[0]})),m=y.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,originVerties:this.originVerties,xList:g,yList:m,directionMatrix:v,parentMatrix:c,parentMatrixInverse:s,localMatrix:u,localMatrixInverse:l,itemMatrix:f,itemMatrixInverse:h,accumulatedMatrix:p,accumulatedMatrixInverse:d}}},{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.d,n=new _c(e);return n.transformMat4(this.accumulatedMatrix),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new _c(t);return e.transformMat4(this.accumulatedMatrixInverse),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=fe()(this.checkInAreaForLayers(t));return this.is("artboard")||this.is("project")||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 r.fromTranslation([],Co.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return r.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=fa(this.accumulatedMatrixInverse,t.accumulatedMatrix),n=zc.fromScale(r.getScaling([],e).map((function(t){return _i(t,1e3)}))),i=r.getRotation([],e),o=[],c=a.getAxisAngle(o,i),s=[{angle:o[0]?Yi(c*o[0]):0,type:"rotateX"},{angle:o[1]?Yi(c*o[1]):0,type:"rotateY"},{angle:o[2]?Yi(c*o[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Ca.deg(t.angle%360).round(1e3),")")})).join(" "),u=zc.replaceAll(t.transform,"".concat(n," ").concat(s)),l=zc.parseStyle(u),f=t.screenWidth.value,h=t.screenHeight.value,p=zc.createTransformMatrix(l,f,h),d=r.getTranslation([],fa(e,ha(t.getTransformOriginMatrix(),p,t.getTransformOriginMatrixInverse()))),v=_t()(d,3),y=v[0],g=v[1];v[2];t.reset({x:Ca.px(y),y:Ca.px(g),transform:u}),t.refreshMatrixCache()}},{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(){}}]),n}(La);function Wc(t,e){if(te(e)){var n=e.split(":"),r=_t()(n,4),i=r[0],a=r[1],o=r[2],c=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(c=parseInt(c,10))*(1/t)}return re(e)?e/t:0}function Zc(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 qc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Zc(t,Wc(t,e)-Wc(t,n))}function Jc(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 c=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(c,e),e.log[e.logIndex++]={elapsed:c,dt:e.lastTime-c},e.lastTime=c,e.tick(c,e),e.elapsed===e.duration?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,re(t.elapsed)&&(e.elapsed=t.elapsed),re(t.speed)&&(e.speed=t.speed),re(t.duration)&&(e.duration=t.duration),re(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),te(t.direction)&&(e.direction=t.direction),ne(t.tick)&&(e.tick=t.tick),ne(t.start)&&(e.startCallback=t.start),ne(t.end)&&(e.endCallback=t.end),ne(t.first)&&(e.firstCallback=t.first),ne(t.last)&&(e.lastCallback=t.last),ne(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 Qc(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 ts(t,e,n){return function(t,e){return n}}function es(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 ns(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 rs(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=Ca.parse(n),c=Ca.parse(r);return o.unit===c.unit?Qc(t,e,o.value,c.value,o.unit):o.equals(c)?ts(0,0,o):function(n,r){var s=es(t,e,o,i,a),u=es(t,e,c,i,a);return 0===r?s:1===r?u:ns(t,e,Ca.px(s.value+(u.value-s.value)*n),o.unit,i,a)}}var is=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Ca.z(),"border-top-left-radius":Ca.z(),"border-top-right-radius":Ca.z(),"border-bottom-right-radius":Ca.z(),"border-bottom-left-radius":Ca.z()},n=t.split(" ").filter((function(t){return Ca.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}(),as=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 os(t,e,n,r){for(var i=as(is.parseStyle(n)),a=as(is.parseStyle(r)),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++)c[s]=rs(t,e,i[s],a[s]);return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}var cs={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 ss={isColorName:function(t){return!!cs[t]},getColorByName:function(t){return cs[t]}};function us(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function ls(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function fs(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,c=3.2406*i+-1.5372*a+-.4986*o,s=-.9689*i+1.8758*a+.0415*o,u=.0557*i+-.204*a+1.057*o;c=ls(c),s=ls(s),u=ls(u);var l=_i(255*c),f=_i(255*s),h=_i(255*u);return{r:l,g:f,b:h}}function hs(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=us(i);var c=95.047*(a=us(a)),s=100*i,u=108.883*(o=us(o));return{x:c,y:s,z:u}}function ps(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function ds(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=ps(i);var c=116*(a=ps(a))-16,s=500*(i-a),u=200*(a-(o=ps(o)));return{l:c,a:s,b:u}}function vs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return fs(hs(t,e,n))}function ys(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,c=Math.max(i,a,o),s=Math.min(i,a,o),u=c-s,l=0;0==u?l=0:c==i?l=(a-o)/u%6*60:c==a?l=60*((o-i)/u+2):c==o&&(l=60*((i-a)/u+4)),l<0&&(l=360+l);return{h:l,s:0==c?0:u/c,v:c}}function gs(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,c=1-Math.max(i,a,o),s=(1-i-c)/(1-c),u=(1-a-c)/(1-c),l=(1-o-c)/(1-c);return{c:s,m:u,y:l,k:c}}function ms(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),c=Math.min(t,e,n),s=(o+c)/2;if(o==c)i=a=0;else{var u=o-c;switch(a=s>.5?u/(2-o-c):u/(o+c),o){case t:i=(e-n)/u+(e<n?6:0);break;case e:i=(n-t)/u+2;break;case n:i=(t-e)/u+4}i/=6}return{h:_i(360*i),s:_i(100*a),l:_i(100*s)}}function bs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks((t+e+n)/3>90?0:255)}function ks(t){return{r:t,g:t,b:t}}function xs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks(Math.ceil((t+e+n)/3))}function ws(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ks(Os(t,e,n).y)}function Ps(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function Os(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=Ps(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ss(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function js(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,c=.4124*(i=Ss(i))+.3576*(a=Ss(a))+.1805*(o=Ss(o)),s=.2126*i+.7152*a+.0722*o,u=.0193*i+.1192*a+.9505*o;return{x:c,y:s,z:u}}function $s(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ds(js(t,e,n))}function Rs(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 Cs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Ms(t,e,n);return ys(i.r,i.g,i.b)}function Ms(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 c=n<.5?n*(1+e):n+e-n*e,s=2*n-c;i=Rs(s,c,t+1/3),a=Rs(s,c,t),o=Rs(s,c,t-1/3)}return{r:_i(255*i),g:_i(255*a),b:_i(255*o)}}function Ts(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ts(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ts(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Es=/(#(?:[\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 Is(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Ds(t){return!!Ls(t).length}function Ls(t){var e=t.match(Es),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=ss.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 Bs(t){var e=Ls(t);return e.forEach((function(e){t=t.replace(e.color,Is(e))})),{str:t,matches:e}}function As(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=Bs(t);return n.str.split(e).map((function(t,e){return t=Hs(t),n.matches[e]&&(t=t.replace(Is(n.matches[e]),n.matches[e].color)),t}))}function zs(t,e){return e.forEach((function(e){t=t.replace(Is(e),e.color)})),t}var Fs=/^\s+|\s+$/g;function Hs(t){return t.replace(Fs,"")}function Gs(t){if(te(t)){if(ss.isColorName(t)&&(t=ss.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1}),ms(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(Hs(r[e])):parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]}),ms(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Hs(r[e]));return o=Vs(Vs({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1}),Ms(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(Hs(r[e])):parseInt(Hs(r[e]),10);return o=Vs(Vs({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]}),Ms(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=Vs(Vs({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i}),ms(o))}}else if(re(t)){var o;if(0<=t&&t<=16777215)return o=Vs(Vs({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1}),ms(o));if(0<=t&&t<=4294967295)return o=Vs(Vs({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255}),ms(o))}return t}function _s(t){te(t)&&(t=As(t));var e=(t=t.map((function(t){if(te(t)){var e=Bs(t),n=Hs(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]=zs(n[0],e.matches),n}if(Array.isArray(t))return t[1]?te(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",fe()(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 Ns(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xs(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ns(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ns(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ys(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ks=function(t){R()(n,t);var e=Ys(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),spreadRadius:Ca.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return Xs(Xs({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Ca.parse(t.offsetX),t.offsetY=Ca.parse(t.offsetY),t.blurRadius=Ca.parse(t.blurRadius),t.spreadRadius=Ca.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 n(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Bs(t);return e=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var e=t.split(" "),i=e.filter((function(t){return"inset"===t})),a=e.filter((function(t){return t.includes("@")})).map((function(t){return zs(t,r.matches)})),o=e.filter((function(t){return"inset"!==t&&!t.includes("@")}));return n.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Ca.parse(o[0]||"0px"),offsetY:Ca.parse(o[1]||"0px"),blurRadius:Ca.parse(o[2]||"0px"),spreadRadius:Ca.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Ec);function Us(t,e,n,r){return function(t,e){return 1===e?r:n}}function Ws(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),c=255*(1-n)*(1-r);return{r:a,g:o,b:c}}function Zs(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 c=a*o,s=c*(1-Math.abs(i/60%2-1)),u=o-c,l=[];return 0<=i&&i<60?l=[c,s,0]:60<=i&&i<120?l=[s,c,0]:120<=i&&i<180?l=[0,c,s]:180<=i&&i<240?l=[0,s,c]:240<=i&&i<300?l=[s,0,c]:300<=i&&i<360&&(l=[c,0,s]),{r:_i(255*(l[0]+u)),g:_i(255*(l[1]+u)),b:_i(255*(l[2]+u))}}function qs(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Zs(t,e,n);return ms(i.r,i.g,i.b)}function Js(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),c=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(c)}}function Qs(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=tu(t,e,n);return fc(i,r)}function tu(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=void 0===t.a?1:t.a,i=void 0===e.a?1:e.a;return{r:_i(t.r+(e.r-t.r)*n),g:_i(t.g+(e.g-t.g)*n),b:_i(t.b+(e.b-t.b)*n),a:_i(r+(i-r)*n,100)}}function eu(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];"string"==typeof t&&(t=As(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(nu(t[i],t[i+1],a/e));return r}function nu(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=Gs(t),a=Gs(e);return Qs(i,a,n,r)}function ru(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 nu(t,e,n,r)}function iu(t){return t=Gs(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function au(t){return iu(t)>=128?"black":"white"}function ou(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=_s(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var c=t[a-1][0],s=t[a][0],u=1==a?t[a][1]:t[a][1]-t[a-1][1],l=a==t.length-1?i:Math.floor(u*r);n=n.concat(eu([c,s],l),[s]),i-=l}return n}function cu(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,c=Gs(t),s=ys(c),u=(a-i)*o/n,l=[],f=1;f<=n;f++)s[e]=Math.abs((o-u*f)/o),l.push(fc(Zs(s),r));return l}function su(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 cu(t,"h",e,n,r,i,1)}function uu(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 cu(t,"s",e,n,r,i,100)}function lu(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 cu(t,"v",e,n,r,i,100)}function fu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}eu.parula=function(t){return eu(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},eu.jet=function(t){return eu(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},eu.hsv=function(t){return eu(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},eu.hot=function(t){return eu(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},eu.pink=function(t){return eu(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},eu.bone=function(t){return eu(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},eu.copper=function(t){return eu(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var pu=hu(hu(hu(hu(hu(hu(hu(hu(hu(hu(hu(hu({},u),s),c),b),d),m),h),v),g),p),f),l);function du(t,e,n,r){var i=pu.parse(n||"rgba(0, 0, 0, 1)"),a=pu.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:Qs(i,a,t,"rgb")}}function vu(t,e,n,r){for(var i=Ks.parseStyle(n),a=Ks.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||Ks.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||Ks.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({inset:Us(0,0,l.inset,f.inset),offsetX:rs(t,e,l.offsetX,f.offsetX),offsetY:rs(t,e,l.offsetY,f.offsetY),blurRadius:rs(t,e,l.blurRadius,f.blurRadius),spreadRadius:rs(t,e,l.spreadRadius,f.spreadRadius),color:du(0,0,l.color,f.color)})}return function(t,e){return Ks.join(c.map((function(n){return{inset:n.inset(t,e),offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),spreadRadius:n.spreadRadius(t,e),color:n.color(t,e)}})))}}function yu(t,e,n,r){return Us(0,0,n,r)}var gu=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 mu(){return gu(1,"start")}function bu(){return gu(1,"end")}var ku=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},xu={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 gu(t,e)},"step-start":mu,"step-end":bu,stepStart:mu,stepEnd:bu,"ease-out-elastic":ku,easeOutElastic:ku};function wu(t,e,n,r){var i=Ca.parse(n),a=Ca.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Ca.deg(n):1===e?Ca.deg(r):Ca.deg(n+(r-n)*t).to(i.unit)}}function Pu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ou(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Su(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ju=function(t){R()(n,t);var e=Su(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return Ou(Ou({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offsetX=Ca.parse(t.offsetX),t.offsetY=Ca.parse(t.offsetY),t.blurRadius=Ca.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 n(t)}},{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Bs(t),r=e.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 zs(t,e.matches)||"black"})),a=r.filter((function(t){return!t.includes("@")}));return n.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Ca.parse(a[0]||"0px"),offsetY:Ca.parse(a[1]||"0px"),blurRadius:Ca.parse(a[2]||"0px")})}));return r}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(", ")}}]),n}(Ec);function $u(t,e,n,r){for(var i=ju.parseStyle(n),a=ju.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||ju.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],f=a[s]||ju.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];c.push({offsetX:rs(t,e,l.offsetX,f.offsetX,"width","self"),offsetY:rs(t,e,l.offsetY,f.offsetY,"height","self"),blurRadius:rs(t,e,l.blurRadius,f.blurRadius,"radius"),color:du(0,0,l.color,f.color)})}return function(t,e){return ju.join(c.map((function(n){return{offsetX:n.offsetX(t,e),offsetY:n.offsetY(t,e),blurRadius:n.blurRadius(t,e),color:n.color(t,e)}})))}}function Ru(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Cu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ru(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ru(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Mu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tu=function(t){R()(n,t);var e=Mu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Cu({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"}}]),n}(Ec);function Vu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Eu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Iu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Du=1e10;var Lu=function(t){R()(n,t);var e=Iu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{id:"c"+Du++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Eu(Eu({},Ta()(V()(n.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:"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:"toLength",value:function(t){return Ca.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){Ta()(V()(n.prototype),"reset",this).call(this,t),this.parent&&this.parent.sortColorStep()}},{key:"setValue",value:function(t,e){this.isPx?this.reset({px:e*t/100}):this.isPercent?this.reset({percent:t}):this.isEm&&this.reset({em:e*t/100/16})}}],[{key:"parse",value:function(t){var e=[],r=Bs(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)e.push(new n({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var c=Ca.parse(i[1]),s={unit:c.unit};c.isPercent()?s.percent=c.value:c.isPx()?s.px=c.value:c.isEm()&&(s.em=c.value),e.push(new n(Eu({color:o},s)))}else if(3===i.length){var u=Ca.parse(i[2]),l={unit:u.unit};u.isPercent()?l.percent=u.value:u.isPx()?l.px=u.value:u.isEm()&&(l.em=u.value),e.push(new n(Eu({color:o,cut:!0},l)))}return e}},{key:"createColorStep",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=vc(2,t),i=e/r,a=kc(r).map((function(t,e){return"".concat(pu.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]:Ca.px(1),n=vc(2,t),r=kc(n).map((function(t,n){return"".concat(pu.random()," ").concat(Ca.parse(e).mul(n+1))})).join(",");return r}}]),n}(La);function Bu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Au(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fu={"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},Hu=function(t){R()(n,t);var e=zu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Au({itemType:"image-resource",type:"gradient",colorsteps:[]},t)}},{key:"toCloneObject",value:function(){return Au(Au({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{colorsteps:this.json.colorsteps.map((function(t){return t.clone()}))})}},{key:"convert",value:function(t){return t.colorsteps[0]instanceof Lu||(t.colorsteps=t.colorsteps.map((function(t){return new Lu(t)}))),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return qt(Fu[t])?t:Fu[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 Lu({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 Lu({index:o,color:a,percent:t}))}else for(var c=0,s=r.length-1;c<s;c++){var u=r[c],l=r[c+1];if(u.percent<=t&&t<=l.percent){a=pu.mix(u.color,l.color,(t-u.percent)/(l.percent-u.percent),"rgb");return void this.addColorStep(new Lu({index:u.index+1,color:a,percent:t}))}}}else this.addColorStepList([new Lu({color:e,percent:t,index:0}),new Lu({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:"colorsteps",get:function(){return this.json.colorsteps}},{key:"getColorString",value:function(){var t=this.colorsteps;return n.toColorString(t)}}],[{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 Lu({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),n}(Tu);function Gu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Nu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xu=function(t){R()(n,t);var e=Nu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Lu({color:"red",percent:0,index:0}),new Lu({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return _u(_u({},Ta()(V()(n.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 n({colorsteps:[new Lu({color:t,percent:0,index:0}),new Lu({color:t,percent:100,index:1})]})}}]),n}(Hu);function Yu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ku(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Wu=["jpg","jpeg","png","gif","svg"];var Zu=function(t){R()(n,t);var e=Uu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Ku({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Ku(Ku({},Ta()(V()(n.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 n({url:t.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(t){return Wu.includes(t)}}]),n}(Tu);function qu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ju(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qu(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Qu(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tl={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"},el={"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"},nl=function(t){R()(n,t);var e=Qu(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Ju({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Ju(Ju({},Ta()(V()(n.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 re(e=this.json.angle||0)&&(e=tl["".concat(e)]||e),re(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 n({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var e=Bs(t),r=0,i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){t.includes("@")?(t=zs(t,e.matches),i.push.apply(i,Lu.parse(t))):r=qt(el[t])?Ca.parse(t):Ca.deg(+el[t])})),new n({angle:r.value,colorsteps:i})}}]),n}(Hu);function rl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var il,al=function(t){R()(n,t);var e=rl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var e=nl.parse(t);return new n({angle:e.angle,colorsteps:e.colorsteps})}}]),n}(nl);function ol(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ol(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ol(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ul=(il={},w()(il,"center",!0),w()(il,"top",!0),w()(il,"left",!0),w()(il,"right",!0),w()(il,"bottom",!0),il),ll=function(t){R()(n,t);var e=sl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,cl({type:"radial-gradient",radialType:"ellipse",radialPosition:[$a.CENTER,$a.CENTER]},t))}},{key:"toCloneObject",value:function(){return cl(cl({},Ta()(V()(n.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=ul[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 e=Bs(t),r="ellipse",i=[$a.CENTER,$a.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),a.push.apply(a,Lu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=_t()(o,2);r=c[0],i=c[1]}else r=t;if("string"==typeof i){var s=i.split(" ");if(1===s.length){var u=Ca.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Ca.parse(t);return e.isString()?e.value:e.clone()})))}}})),new n({radialType:r,radialPosition:i,colorsteps:a})}}]),n}(Hu);function fl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hl,pl=function(t){R()(n,t);var e=fl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var e=ll.parse(t);return new n({radialType:e.radialType,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(ll);function dl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function yl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gl=(hl={},w()(hl,"center",!0),w()(hl,"top",!0),w()(hl,"left",!0),w()(hl,"right",!0),w()(hl,"bottom",!0),hl),ml={"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},bl=function(t){R()(n,t);var e=yl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,vl({type:"conic-gradient",angle:0,radialPosition:[$a.CENTER,$a.CENTER]},t))}},{key:"toCloneObject",value:function(){return vl(vl({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{angle:this.json.angle,radialPosition:ae(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||$a.CENTER;i=gl[i]?i:i.join(" "),Jt(r)&&(r=+(ml[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 e=Bs(t),r="0deg",i=[$a.CENTER,$a.CENTER],a=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Ca.parse(t).toPercent():t})).join(" "),e.matches),a.push.apply(a,Lu.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),c=_t()(o,2);r=c[0],i=c[1]}else r=t;if(te(i)){var s=i.split(" ");if(1===s.length){var u=Ca.parse(s[0]);i=u.isString()?[u.value,u.value]:[u.clone(),u.clone()]}else 2===s.length&&(i=s.map((function(t){var e=Ca.parse(t);return e.isString()?e.value:e})))}te(r)&&r.includes("from")&&(r=r.split("from")[1],r=qt(ml[r])?Ca.parse(r):Ca.deg(+ml[r]))}})),new n({angle:r.value,radialPosition:i,colorsteps:a})}}]),n}(Hu);function kl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xl=function(t){R()(n,t);var e=kl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[$a.CENTER,$a.CENTER]})}}],[{key:"parse",value:function(t){var e=bl.parse(t);return new n({angle:e.angle,radialPosition:e.radialPosition,colorsteps:e.colorsteps})}}]),n}(bl);function wl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Pl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wl(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ol(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Sl,jl=["repeat","no-repeat","repeat-x","repeat-y","round","space"],$l=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,Rl=function(t){R()(n,t);var e=Ol(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.createGradient(t,this.json.image)})}},{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Ca.percent(100),height:Ca.percent(100),x:Ca.percent(0),y:Ca.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return Pl(Pl(Pl({},Ta()(V()(n.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=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width&&(t.width=Ca.parse(t.width)),t.height&&(t.height=Ca.parse(t.height)),te(t.image)&&(t.image=n.parseImage(t.image)),t}},{key:"image",get:function(){return this.json.image},set:function(t){this.json.image=t}},{key:"checkField",value:function(t,e){return"repeat"===t?jl.includes(e):Ta()(V()(n.prototype),"checkField",this).call(this,t,e)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var t=this.json;return{"background-position":"".concat(t.x," ").concat(t.y)}}},{key:"toBackgroundSizeCSS",value:function(){var t=this.json,e="auto";return"contain"==t.size||"cover"==t.size?e=t.size:t.width.isPercent()&&t.width.isPercent()&&100==+t.width&&100==+t.height||(e="".concat(t.width," ").concat(t.height)),{"background-size":e}}},{key:"toBackgroundRepeatCSS",value:function(){return{"background-repeat":this.json.repeat}}},{key:"toBackgroundBlendCSS",value:function(){return{"background-blend-mode":this.json.blendMode}}},{key:"toCSS",value:function(){return Pl(Pl(Pl(Pl(Pl({},this.toBackgroundImageCSS()),this.toBackgroundPositionCSS()),this.toBackgroundSizeCSS()),this.toBackgroundRepeatCSS()),this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Zt(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:"createImage",value:function(t){return new Zu({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 Xu(Pl(Pl({},o),{},{colorsteps:n}));case"linear-gradient":return new nl(Pl(Pl({},o),{},{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new al(Pl(Pl({},o),{},{colorsteps:n,angle:r}));case"radial-gradient":return new ll(Pl(Pl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new pl(Pl(Pl({},o),{},{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new bl(Pl(Pl({},o),{},{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new xl(Pl(Pl({},o),{},{colorsteps:n,angle:r,radialPosition:a}))}return new Hu}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Bs(t),n=null,r=e.str.match($l);return r?(r.forEach((function(t,r){(t=zs(t,e.matches)).includes("repeating-linear-gradient")?n=al.parse(t):t.includes("linear-gradient")?n=nl.parse(t):t.includes("repeating-radial-gradient")?n=pl.parse(t):t.includes("radial-gradient")?n=ll.parse(t):t.includes("repeating-conic-gradient")?n=xl.parse(t):t.includes("conic-gradient")?n=bl.parse(t):t.includes("url")&&(n=Zu.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Xu(t);case"linear-gradient":return new nl(t);case"repeating-linear-gradient":return new al(t);case"radial-gradient":return new ll(t);case"repeating-radial-gradient":return new pl(t);case"conic-gradient":return new bl(t);case"repeating-conic-gradient":return new xl(t);case"image-resource":case"url":return new Zu(t)}}},{key:"parseStyle",value:function(t){var e=[];JSON.stringify(t);if(t["background-image"]){var r=Bs(t["background-image"]);r.str.match($l).forEach((function(t,i){var a=null;(t=zs(t,r.matches)).includes("repeating-linear-gradient")?a=al.parse(t):t.includes("linear-gradient")?a=nl.parse(t):t.includes("repeating-radial-gradient")?a=pl.parse(t):t.includes("radial-gradient")?a=ll.parse(t):t.includes("repeating-conic-gradient")?a=xl.parse(t):t.includes("conic-gradient")?a=bl.parse(t):t.includes("url")&&(a=Zu.parse(t)),e[i]=new n({type:a.type,image:a})}))}return t["background-repeat"]&&t["background-repeat"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].repeat=t)})),t["background-blend-mode"]&&t["background-blend-mode"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){e[n]&&(e[n].blendMode=t)})),t["background-size"]&&t["background-size"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n])if("cover"==t||"contain"===t||"auto"===t)e[n].size=t;else{e[n].size="auto";var r=t.split(" "),i=_t()(r,2),a=i[0],o=i[1];e[n].width=Ca.parse(a),e[n].height=Ca.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(e[n]){var r=t.split(" "),i=_t()(r,2),a=i[0],o=i[1];e[n].x=Ca.parse(a),e[n].y=Ca.parse(o)}})),e}},{key:"toPropertyCSS",value:function(t){var e,n={};return t.forEach((function(t){Wt(t.toCSS(),(function(t,e){n[t]||(n[t]=[]),n[t].push(e)}))})),e=n,Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}},{key:"join",value:function(t){return xc(n.toPropertyCSS(t.map((function(t){return n.parse(t)}))))}},{key:"joinCSS",value:function(t){return n.toPropertyCSS(t.map((function(t){return n.parse(t)})))}}]),n}(Ec);function Cl(t,e,n,r){var i={cut:Us(0,0,n.cut,r.cut),percent:Qc(t,e,n.percent,r.percent),px:Qc(t,e,n.px,r.px),em:Qc(t,e,n.em,r.em),unit:yu(0,0,n.unit,r.unit),color:du(0,0,n.color,r.color)};return function(t,e){return new Lu({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 Ml(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 c=n[o],s=r[o];a[o]=c&&s?Cl(t,e,c,s):Us(0,0,c,s)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Tl(t,e,n,r){var i={angle:Qc(t,e,n.angle,r.angle),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new nl({angle:i.angle(t,e),colorsteps:n})}}Sl={},w()(Sl,"center",!0),w()(Sl,"top",!0),w()(Sl,"left",!0),w()(Sl,"right",!0),w()(Sl,"bottom",!0);function Vl(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 El(t,e,n,r){n.radialPosition[0]=Vl(n.radialPosition[0],"width"),n.radialPosition[1]=Vl(n.radialPosition[1],"height"),r.radialPosition[0]=Vl(r.radialPosition[0],"width"),r.radialPosition[1]=Vl(r.radialPosition[1],"height");var i={radialType:yu(0,0,n.radialType,r.radialType),radialPositionX:rs(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:rs(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new ll({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Il(t,e,n,r){var i={angle:Qc(t,e,n.angle,r.angle),radialPositionX:rs(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:rs(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:Ml(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new bl({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function Dl(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Us(0,0,n,r);else if(n.type!=r.type)i.image=Us(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Tl(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=Tl(t,e,n,r);return function(t,e){var n=i(t,e);return new al({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=El(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=El(t,e,n,r);return function(t,e){var n=i(t,e);return new pl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=Il(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=Il(t,e,n,r);return function(t,e){var n=i(t,e);return new xl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function Ll(t,e,n,r){for(var i=Rl.parseStyle(wc(n)),a=Rl.parseStyle(wc(r)),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s]||null,f=a[s]||null;l&&!f?c.push({image:ts(0,0,l.image),size:ts(0,0,l.size),width:ts(0,0,l.width),height:ts(0,0,l.height),x:ts(0,0,l.x),y:ts(0,0,l.y),blendMode:ts(0,0,l.blendMode),repeat:ts(0,0,l.repeat)}):!l&&f?c.push({image:ts(0,0,f.image),size:ts(0,0,f.size),width:ts(0,0,f.width),height:ts(0,0,f.height),x:ts(0,0,f.x),y:ts(0,0,f.y),blendMode:ts(0,0,f.blendMode),repeat:ts(0,0,f.repeat)}):l&&f&&c.push({image:Dl(t,e,l.image,f.image),size:yu(0,0,l.size,f.size),width:rs(t,e,l.width,f.width,"width","self"),height:rs(t,e,l.height,f.height,"height","self"),x:rs(t,e,l.x,f.x,"width","self"),y:rs(t,e,l.y,f.y,"height","self"),blendMode:yu(0,0,l.blendMode,f.blendMode),repeat:yu(0,0,l.repeat,f.repeat)})}return function(t,e){return Rl.join(c.map((function(n){return{image:n.image(t,e),size:n.size(t,e),x:n.x(t,e),y:n.y(t,e),width:n.width(t,e),height:n.height(t,e),blendMode:n.blendMode(t,e),repeat:n.repeat(t,e)}})))}}function 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 Al(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){w()(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}function zl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fl=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia|url)\(([^\)]*)\))/gi,Hl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Al({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Ql[t.type];return e?new e(t):new _l({value:t.value})}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Bs(t);return(r.str.match(Fl)||[]).forEach((function(t,i){var a=t.split("("),o=_t()(a,2),c=o[0],s=o[1];if(s=s.split(")")[0],"drop-shadow"===c){var u=s.split(" "),l=u.filter((function(t){return t.includes("@")})).map((function(t){return zs(t,r.matches)})),f=u.filter((function(t){return!t.includes("@")}));e[i]=n.parse({type:c,offsetX:Ca.parse(f[0]),offsetY:Ca.parse(f[1]),blurRadius:Ca.parse(f[2]),color:l[0]||"rgba(0, 0, 0, 1)"})}else e[i]=n.parse({type:c,value:Ca.parse(s)})})),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}}]),n}(Ec),Gl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"blur",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(Hl);Gl.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Ca.z()};var _l=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"svg",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),n}(Hl);_l.spec={inputType:"select",defaultValue:""};var Nl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:n.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Al(Al({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("value"))}}]),n}(Hl);Nl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Xl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:n.spec.defaultValue})}}]),n}(Hl);Xl.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Ca.deg(0)};var Yl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"invert",value:n.spec.defaultValue})}}]),n}(Hl);Yl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Kl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:n.spec.defaultValue})}}]),n}(Hl);Kl.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Ul=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:n.spec.defaultValue})}}]),n}(Hl);Ul.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Wl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:n.spec.defaultValue})}}]),n}(Hl);Wl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var Zl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:n.spec.defaultValue})}}]),n}(Hl);Zl.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(100)};var ql=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:n.spec.defaultValue})}}]),n}(Hl);ql.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Ca.percent(0)};var Jl=function(t){R()(n,t);var e=zl(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:n.spec.offsetX.defaultValue,offsetY:n.spec.offsetY.defaultValue,blurRadius:n.spec.blurRadius.defaultValue,color:n.spec.color.defaultValue})}},{key:"toString",value:function(){var t=this.json;return"drop-shadow(".concat(t.offsetX," ").concat(t.offsetY," ").concat(t.blurRadius," ").concat(t.color,")")}}]),n}(Hl);Jl.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Ca.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var Ql={blur:Gl,grayscale:Nl,"hue-rotate":Xl,invert:Yl,brightness:Kl,contrast:Ul,opacity:Wl,saturate:Zl,sepia:ql,"drop-shadow":Jl,svg:_l};function tf(t,e,n,r){var i={type:yu(0,0,n.type,r.type),value:Us(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=rs(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=Qc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=rs(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=rs(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=rs(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=rs(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=du(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 ef(t,e,n,r){for(var i=Hl.parseStyle(n),a=Hl.parseStyle(r),o=Math.max(i.length,a.length),c=[],s=0,u=o;s<u;s++){var l=i[s],f=a[s];l&&!f?c.push(ts(0,0,l)):!l&&f?c.push(ts(0,0,f)):l.type!=f.type||"svg"===l.type||"svg"===f.type?c.push(Us(0,0,l,f)):c.push(tf(t,e,l,f))}return function(t,e){return Hl.join(c.map((function(n){return n(t,e)})))}}var nf=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Ca.parse(t)})),n=Ca.percent(0),r=Ca.percent(0),i=Ca.percent(0),a=Ca.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 rf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function af(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function of(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cf=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,sf=function(t){R()(n,t);var e=of(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,af({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return af(af({},Ta()(V()(n.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 n(t).toCSS()}},{key:"toString",value:function(t){return n.toCSS(t)["clip-path"]}},{key:"parse",value:function(t){return new n(t)}},{key:"parseStyle",value:function(t){var e={};return t?((t.match(cf)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=_t()(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 Ca("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];return qt(s)&&(s=c),{radius:e,x:c=Ca.parse(c),y:s=Ca.parse(s)}}},{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=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];qt(s)&&(s=c),c=Ca.parse(c),s=Ca.parse(s);var u=e.split(" "),l=_t()(u,2),f=l[0],h=l[1];return qt(h)&&(h=f),{radiusX:f=Ca.parse(f),radiusY:h=Ca.parse(h),x:c,y:s}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=_t()(e,2),r=n[0],i=n[1],a=nf.parse(r),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=nf.parse(i),p=_t()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=_t()(e,2),r=n[0],i=n[1];return{x:Ca.parse(r),y:Ca.parse(i)}}))}}]),n}(Ec);function uf(t,e,n,r){var i=sf.parseStyle(n),a=sf.parseStyle(r),o={type:Us(0,0,i.type,i.type),value:Us(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=sf.parseStyleForCircle(i.value),a.value=sf.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=Us(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=rs(t,e,n.radius,r.radius,"width","self"),i.x=rs(t,e,n.x,r.x,"width","self"),i.y=rs(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),c=n+"";return c.includes("closest-side")?c="closest-side":c.includes("farthest-side")&&(c="farthest-side"),n?"".concat(c," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=sf.parseStyleForEllipse(i.value),a.value=sf.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:rs(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:rs(t,e,n.radiusY,r.radiusY,"height","self"),x:rs(t,e,n.x,r.x,"width","self"),y:rs(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=sf.parseStyleForInset(i.value),a.value=sf.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:Qc(t,e,n.top.value,r.top.value,n.top.unit),left:Qc(t,e,n.left.value,r.left.value,n.left.unit),right:Qc(t,e,n.right.value,r.right.value,n.right.unit),bottom:Qc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Us(0,0,n.round,r.round),topRadius:Qc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Qc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Qc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Qc(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),c=i.round(t,e),s=i.topRadius(t,e),u=i.leftRadius(t,e),l=i.bottomRadius(t,e),f=i.rightRadius(t,e),h=[n,r,a,o].join(" "),p=[s,f,l,u].join(" ");return"".concat(h," ").concat(c&&p.trim()?"round ".concat(p):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=sf.parseStyleForPolygon(i.value),a.value=sf.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 c=n[o],s=r[o];c&&!s?a.push({x:ts(0,0,c.x),y:ts(0,0,c.y)}):!c&&s?a.push({x:ts(0,0,s.x),y:ts(0,0,s.y)}):a.push({x:rs(t,e,c.x,s.x,"width","self"),y:rs(t,e,c.y,s.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=sf.parseStyleForPath(i.value),a.value=sf.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 lf(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(rs(t,e,s,u,n.type)):a.push(rs(t,e,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||r.value[c-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function ff(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];if(s&&u)a.push(Qc(t,e,s.value,u.value));else{var l=n.value[c].value||n.value[c-1].value||n.value[c-2].value,f=r.value[c].value||r.value[c-1].value||n.value[c-2].value;a.push(Qc(t,e,l,f))}}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 Ca.number(t)}))),{type:r,value:n}}}function hf(t,e,n,r){for(var i={type:Us(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),c=0;c<o;c++){var s=n.value[c],u=r.value[c];s&&u?a.push(wu(0,0,s,u)):a.push(wu(0,0,n.value[c]||n.value[c-1]||n.value[c-2],r.value[c]||r.value[c-1]||n.value[c-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function pf(t,e,n,r){for(var i=zc.parseStyle(n.trim()),a=zc.parseStyle(r.trim()),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];if(u&&!l)c.push(ts(0,0,u));else if(!u&&l)c.push(ts(0,0,l));else if(u.type!=l.type)c.push(Us(0,0,u,l));else switch(u.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":c.push(lf(t,e,u,l));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":c.push(hf(0,0,u,l));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":c.push(ff(t,e,u,l))}}return function(t,e){return zc.join(c.map((function(n){return n(t,e)})))}}function df(t,e,n,r){for(var i=n.split(" ").map((function(t){return Ca.parse(t)})),a=r.split(" ").map((function(t){return Ca.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(rs(t,e,u,l,"transform-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function vf(t,e,n,r){for(var i=n.split(" ").map((function(t){return Ca.parse(t)})),a=r.split(" ").map((function(t){return Ca.parse(t)})),o=Math.max(i.length,a.length),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(rs(t,e,u,l,"perspective-origin"))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function yf(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),c=[],s=0;s<o;s++){var u=i[s],l=a[s];c.push(Qc(t,e,u,l))}return function(t,e){return c.map((function(n){return n(t,e)})).join(" ")}}function gf(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],c=r[r.length-1],s=0;s<i;s++){var u=n[s],l=r[s];u&&!l?a.push(Qc(t,e,u,c)):!u&&l?a.push(Qc(t,e,o,l)):a.push(Qc(t,e,u,l))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function mf(t,e,n,r){for(var i=new _c,a=new _c(n),o=new _c(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=0;u<c;u++){var l=a.segments[u],f=o.segments[u];l.command===f.command?l.values.length===f.values.length?s.push({command:ts(0,0,l.command),values:gf(t,e,l.values,f.values)}):s.push({command:ts(0,0,l.command),values:ts(0,0,l.values)}):s.push({command:Us(0,0,l.command,f.command),values:Us(0,0,l.values,f.values)})}return function(t,e){var n=s.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var bf=function(){function t(){O()(this,t),this.pathArray=[]}return j()(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:"d",get:function(){return this.pathArray.join(" ").trim()}},{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:"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 _c(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}},{key:"makePathByVerties",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=_t()(e[r],3),o=a[0],c=a[1];a[2];0===r?n.M({x:o,y:c}):n.L({x:o,y:c})}return n.L({x:e[0][0],y:e[0][1]}),n.d}}]),t}();function kf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xf=/[\b\t \,]/g,wf=function(t){R()(n,t);var e=kf(n);function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return O()(this,n),e.call(this,t)}return j()(n,[{key:"reset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=t,this.parse()}},{key:"resetSegments",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=t,this.points=this.joinPoints()}},{key:"parse",value:function(){var t=this.points;Array.isArray(t)&&(t=t.join(" "));for(var e=t.trim().split(xf).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 bf,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=_t()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new n(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),n}(_c);function Pf(t,e,n,r){for(var i=new wf,a=new wf(n),o=new wf(r),c=Math.max(a.segments.length,o.segments.length),s=[],u=a.segments[a.segments.length-1].x,l=a.segments[a.segments.length-1].y,f=o.segments[o.segments.length-1].x,h=o.segments[o.segments.length-1].y,p=0;p<c;p++){var d=a.segments[p],v=o.segments[p];d&&!v?s.push({x:Qc(t,e,d.x,f),y:Qc(t,e,d.y,h)}):!d&&v?s.push({x:Qc(t,e,u,v.x),y:Qc(t,e,l,v.y)}):s.push({x:Qc(t,e,d.x,v.x),y:Qc(t,e,d.y,v.y)})}return function(t,e){return i.joinPoints(s.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function Of(t,e,n,r){var i={x:Qc("","",t,n),y:Qc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Sf(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 ac(o,e)}}function jf(t,e,n,r,i,a,o,c){var s=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:c}];return function(t,e){return ic(s,e)}}function $f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Rf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$f(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$f(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cf(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=_t()(a,4),c=o[0],s=o[1],u=o[2],l=o[3],f={id:c,distance:Ca.parse(s||"0%"),rotateStatus:u||"auto",rotate:Ca.parse(l||"0deg")},h=function(t,e){return{x:x,y:y}},p=0,d=0;if(i){var v=i.searchById(f.id);v&&(p=v.screenX.value,d=v.screenY.value),h=function(t,e,n){var r=function(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=_t()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var c=n,s=_t()(c,2),u=s[0],l=s[1],f=_t()(t.values,2);a=f[0],o=f[1];n=[a+=u,o+=l];break;case"L":var h=n,p=_t()(h,2),d=(u=p[0],l=p[1],_t()(t.values,2));a=d[0],o=d[1];e.push({command:t.command,values:[u,l,a,o],length:Zi(u,l,a,o),interpolate:Of(u,l,a,o)}),n=[a,o];break;case"l":var v=n,y=_t()(v,2),g=(u=y[0],l=y[1],_t()(t.values,2));a=g[0],o=g[1];a+=u,o+=l,e.push({command:t.command,values:[u,l,a,o],length:Zi(u,l,a,o),interpolate:Of(u,l,a,o)}),n=[a,o];break;case"C":var m=n,b=_t()(m,2),k=(u=b[0],l=b[1],_t()(t.values,6)),x=k[0],w=k[1],P=k[2],O=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Zo(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"c":var S=n,j=_t()(S,2),$=(u=j[0],l=j[1],_t()(t.values,6));x=$[0],w=$[1],P=$[2],O=$[3],a=$[4],o=$[5];x+=u,P+=u,a+=u,w+=l,O+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:Zo(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break;case"Q":var R=n,C=_t()(R,2),M=(u=C[0],l=C[1],_t()(t.values,4));x=M[0],w=M[1],a=M[2],o=M[3];e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o];break;case"q":var T=n,V=_t()(T,2),E=(u=V[0],l=V[1],_t()(t.values,4));x=E[0],w=E[1],a=E[2],o=E[3];x+=u,a+=u,w+=l,o+=l,e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o];break;case"S":var I=n,D=_t()(I,2),L=(u=D[0],l=D[1],_t()(t.values,4)),B=(P=L[0],O=L[1],a=L[2],o=L[3],e[e.length-1]);if(["C","c","S","s"].includes(B.command)){var A=_t()(B.values,8),z=(A[0],A[1],A[2],A[3],A[4]),F=A[5],H=A[6],G=A[7],_=Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F});x=_.x,w=_.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"s":var N=n,X=_t()(N,2),Y=(u=X[0],l=X[1],_t()(t.values,4));P=Y[0],O=Y[1],a=Y[2],o=Y[3];P+=u,a+=u,O+=l,o+=l;B=e[e.length-1];if(["C","c","S","s"].includes(B.command)){var K=_t()(B.values,8),U=(K[0],K[1],K[2],K[3],z=K[4],F=K[5],H=K[6],G=K[7],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=U.x,w=U.y;e.push({command:t.command,values:[u,l,x,w,P,O,a,o],length:getCubicDist(u,l,x,w,P,O,a,o),interpolate:jf(u,l,x,w,P,O,a,o)}),n=[a,o];break}case"T":var W=n,Z=_t()(W,2),q=(u=Z[0],l=Z[1],_t()(t.values,2));a=q[0],o=q[1],B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var J=_t()(B.values,6),Q=(J[0],J[1],z=J[2],F=J[3],H=J[4],G=J[5],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=Q.x,w=Q.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,x,w,a,o)}),n=[a,o]}break;case"t":var tt=n,et=_t()(tt,2),nt=(u=et[0],l=et[1],_t()(t.values,2));a=nt[0],o=nt[1];a+=u,o+=l;B=e[e.length-1];if(["Q","q","T","t"].includes(B.command)){var rt=_t()(B.values,6),it=(rt[0],rt[1],z=rt[2],F=rt[3],H=rt[4],G=rt[5],Fc.getReversePoint({x:H,y:G},{x:z,preC1y:F}));x=it.x,w=it.y;e.push({command:t.command,values:[u,l,x,w,a,o],length:qo(u,l,x,w,a,o),interpolate:Sf(u,l,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}}(new _c(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=f.distance.toPx(i);(e+=o/i)>1&&(e-=1);var c=a[0];0===e?c=a[0]:1===e&&(c=a[a.length-1]);var s=a.find((function(t){return t.startT<=e&&e<t.endT}));s&&(c=s);var u=(e-c.startT)/(c.endT-c.startT),l=n(u);return Rf(Rf({},c.interpolate(l,u,n)),{},{totalLength:c.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Ca.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),c=h(e,n,r),s={x:c.x+p-a.value,y:c.y+d-o.value};if(t.setScreenX(s.x),t.setScreenY(s.y),"element"===f.rotateStatus);else{var u=c,l=0;n<1&&(l=1/c.totalLength);var v=h(e+l,n+l,r),y=sa(v.x-u.x,v.y-u.y),g=Ca.deg(function(t,e){var n=0;switch(t){case"angle":n=f.rotate.value;break;case"auto angle":n=e+f.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(f.rotateStatus,y));t.reset({transform:zc.rotate(t.transform,g)})}return s}}function Mf(t,e,n,r){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 Tf(t,e,n,r,i,a){var o=a.$("video").el,c=n.split(":"),s=_t()(c,3),u=s[0],l=(s[1],+(u||0)*+(s[2]||1));return function(e,n){0===n?(o.currentTime=l,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Vf=function(){return function(t,e){}};function Ef(t,e,n,r,i,a,o){var c=i||e;switch(c){case"width":case"x":return rs(t,e,n,r,"width");case"height":case"y":return rs(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 rs(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Qc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return du(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return yu(0,0,n,r);case"rotate":return wu(0,0,n,r)}var s=function(t){switch(t){case"border-radius":return os;case"border":return makeInterpolateBorder;case"box-shadow":return vu;case"text-shadow":return $u;case"background-image":case"BackgroundImageEditor":return Ll;case"filter":case"backdrop-filter":return ef;case"clip-path":return uf;case"transform":return pf;case"transform-origin":return df;case"perspective-origin":return vf;case"stroke-dasharray":return yf;case"d":return mf;case"points":return Pf;case"offset-path":return Cf;case"text":return Mf;case"playTime":return Tf}}(c);return s?s(t,e,n,r,a,o):Vf}function If(t,e,n,r,i,a,o){return Ef(t,e,n,r,i,a,o)}function Df(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=_t()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=xu[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,fe()(o))}return Lf(t)}function Lf(t){var e=nc(t);return function(t){return e(t).y}}function Bf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Af(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Bf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function zf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ff=function(t){R()(n,t);var e=zf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Ca.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Af(Af({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).offset=Ca.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(xc(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Af({checked:!0,value:Ca.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(fe()(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],Af({},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],Af({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=Af(Af({},t),e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new n(t)}}]),n}(Ec);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 Gf(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){w()(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}function _f(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nf=function(t){R()(n,t);var e=_f(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,e=(t.name,t.selectedType,t.offsets);return Gf(Gf(Gf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","selectedType")),{},{offsets:e.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 Ff(Gf({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(fe()(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 n(t)}},{key:"parseStyle",value:function(t){var e=[],r={};if(t.keyframe){var i=Bs(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),c=Aa()(o),s=c[0],u=c[1],l=c[2],f=c.slice(3).join(" ");r[s]||(r[s]=new n({name:s}),e[a]=s);var h=r[s].offsets.filter((function(t){return t.offset.equals(Ca.parse(u))})),p=null;h.length?p=h[0]:(p=new Ff({offset:Ca.parse(u)}),r[s].offsets.push(p)),p.addProperty({key:l,value:zs(f,i.matches)})}))}return e.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]}))}}]),n}(Ec);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 Yf(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){w()(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}function Kf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function Uf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Uf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Uf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zf(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qf=function(t){R()(n,t);var e=Zf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Wf({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&Ta()(V()(n.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Jt(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 c=qa.body().$('[data-id="'.concat(t,'"]')),s=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,u=i.keyframes[e+1];t.editor=s,u||(u={time:t.time,value:t.value});var l={layer:a,layerElement:c,property:i.property,isOnlyTime:o.time===u.time,startTime:t.time,endTime:u.time,startValue:t.value,endValue:u.value,timing:t.timing,interpolateFunction:If(a,i.property,t.value,u.value,t.editor,r,c),timingFunction:Df(t.timing)};return l.func=n.makeTimingFunction(l),l})).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){Jt(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(w()({},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){Zc(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){Zc(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=ga(),r=Wf(Wf({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=Wc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Zc(t,0),totalTimecode:Zc(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=qc(n,i=+i)),a>r&&(a=r);var o=Wc(n,a);e.currentTime=o,e.currentTimecode=Zc(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(Zc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=qc(e.fps,n)),Wc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Wc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Wc(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&&(Jt(a)&&(o.time=a),Jt(r)&&(o.value=r),Jt(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 c=this.getSelectedTimeline(),s=this.getTimelineProperty(e,n);if(s){var u=a||c.currentTime;if(!s.keyframes.filter((function(t){return t.time===u})).length){r=qt(r)||""===r?this.getDefaultPropertyValue(n):r;var l={id:ga(),layerId:e,property:n,time:u,value:r,timing:i||"linear",editor:o};return s.keyframes.push(l),s.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),l}}}},{key:"getDefaultPropertyValue",value:function(t){switch(t){case"mix-blend-mode":return"normal";case"rotate":return"0deg";case"box-shadow":return"0px 0px 0px 0px rgba(0, 0, 0, 1)";case"text-shadow":return"0px 0px 0px rgba(0, 0, 0, 1)";case"opacity":return 1;default:return""}}},{key:"copyTimelineKeyframe",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(t,e);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),c=this.getDefaultPropertyValue(e),s="linear",u="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),c=o[0].value+"",s=o[0].timing+"",u=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:c,timing:s,editor:u})}}},{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=Zc(t,e.currentTime),e.totalTimecode=Zc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return Wf(Wf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{timeline:ae(this.json.timeline)})}}]),n}(function(t){R()(n,t);var e=Kf(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Yf({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 Nf(Yf({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(fe()(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=Yf({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return Yf(Yf({},Ta()(V()(n.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]=Yf(Yf({},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]=Yf(Yf({},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]=Yf(Yf({},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]=Yf(Yf({},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,n=this.json.svgfilters.map((function(t,e){return{id:t.id,index:e}})).filter((function(e){return e.id===t}));return n.length?null==n||null===(e=n[0])||void 0===e?void 0: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]=Yf(Yf({},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]=Yf(Yf({},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)}}]),n}(La));function Jf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jf(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function th(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eh=Ca.z(),nh=Ca.z(),rh=r.create(),ih=function(t){R()(n,t);var e=th(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"indexed",get:function(){return this.createIndexItemMap(),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:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{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=_t()(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 Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Qf({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return Qf(Qf({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name","description","rootVariable"))}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return eh}},{key:"offsetY",get:function(){return nh}},{key:"hasLayout",value:function(){return!1}},{key:"getTransformMatrix",value:function(){return r.create()}},{key:"resetMatrix",value:function(t){var e=r.getTranslation([],fa(t.accumulatedMatrix,t.localMatrixInverse)),n=_t()(e,2),i=n[0],a=n[1];t.reset({x:Ca.px(i),y:Ca.px(a)})}},{key:"rectVerties",get:function(){var t;return null!==(t=this.layers)&&void 0!==t&&t.length?Lo(this.layers):null}},{key:"accumulatedMatrix",get:function(){return rh}},{key:"accumulatedMatrixInverse",get:function(){return rh}},{key:"contentBox",get:function(){return{left:0,top:0,width:0,height:0}}}]),n}(qf);function ah(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,ah(t,e))})),(e.id||e.includes(t.id))&&n.push(t),n}var oh=function(){function t(e){var n=this;O()(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=Io(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Uc({parent:this.currentProject,x:Ca.px(0),y:Ca.px(0),width:Ca.px(0),height:Ca.px(0)}),this.$editor.on("config:bodyEvent",(function(){n.refreshMousePosition()}))}return j()(t,[{key:"refreshMousePosition",value:function(){var t=this.$editor.config,e=this.$editor.viewport.getWorldPosition();this.pos=e,this.column=Math.ceil(e[0]/t.get("area.width")),this.row=Math.ceil(e[1]/t.get("area.width"))}},{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{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:"isLayoutItem",get:function(){var t;return null===(t=this.current)||void 0===t?void 0:t.isLayoutItem()}},{key:"allLayers",get:function(){return this.currentProject.allLayers||[]}},{key:"filteredLayers",get:function(){var t=this;return this.currentProject.filteredAllLayers((function(e){var n=e.areaPosition;if(!n)return!1;var r=n.column,i=n.row;return r[0]<=t.column&&t.column<=r[1]&&i[0]<=t.row&&t.row<=i[1]})).filter((function(e){return e.hasPoint(t.pos[0],t.pos[1])}))}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&(!t.check(e)&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)})))})):[]}},{key:"snapTargetLayersWithSelection",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&e.verties.some((function(e){return t.$editor.viewport.checkInViewport(e)}))})):[]}},{key:"selectedArtboards",get:function(){return fe()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"hasChangedField",value:function(){var t;return!!this.current&&(t=this.current).hasChangedField.apply(t,arguments)}},{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:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{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:"reload",value:function(){return this.select.apply(this,fe()(this.itemsByIds(this.ids)))}},{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(Array.isArray(t)?e=t:(te(t)||ee(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=ah(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]=ae(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,fe()(ah(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,fe()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,fe()(this.items).concat(fe()(ah(this.project,t))))}},{key:"removeById",value:function(t){var e=t;te(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,fe()(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 To(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.originVerties;if(n.artboard){var i=n.artboard.originVerties;if(To(i,r[0][0],r[0][1])||Eo(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return To(e,r[0][0],r[0][1])||Eo(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"setRectCache",value:function(){if(this.isEmpty)return this.cachedVerties=[],this.cachedRectVerties=[],this.cachedItemVerties=[],void(this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}})));this.cachedVerties=this.verties,this.cachedRectVerties=zo(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:"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 this.isEmpty?[]:Lo(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Ca.px(t[0][0]),y:Ca.px(t[0][1]),width:Ca.px(i.distance(t[0],t[1])),height:Ca.px(i.distance(t[0],t[3]))}}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"pack",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:"packByValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n={},r=[];return null===e?r=this.items:(te(e)||Array.isArray(e))&&(r=this.itemsByIds(e)),r.forEach((function(e){n[e.id]={},Object.keys(t).forEach((function(r){n[e.id][r]=ne(t[r])?t[r].call(t,e):t[r]}))})),n}},{key:"each",value:function(t){ne(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return ne(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{key:"reset",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n,r=_t()(t,2),i=r[0],a=r[1];null===(n=e.get(i))||void 0===n||n.reset(a)}))}},{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,fe()(this.copyItems.map((function(t){return t.copy(10)})))),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&&!qt(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?To(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return To(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return te(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.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}}]),t}(),ch=function(){function t(e){O()(this,t),this.editor=e,this.components={},this.inspectors={}}return j()(t,[{key:"registerComponent",value:function(t,e){if(this.components[t])throw new Error("It has duplicated item name. "+t);this.components[t]=e}},{key:"registerInspector",value:function(t,e){if(this.inspectors[t])throw new Error("It has duplicated item name. "+t);this.inspectors[t]=e}},{key:"getComponentClass",value:function(t){return this.components[t]||this.components.rect}},{key:"getInspector",value:function(t){return this.inspectors[t]}},{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)}},{key:"createInspector",value:function(t){var e=this.getInspector(t.itemType);return ne(e)?e(t)||[]:ne(t.getProps)&&t.getProps()||[]}}]),t}();function sh(t){t.emit("noneSelectMenu"),t.nextTick((function(){t.emit("refreshAll"),t.emit("refreshSelectionTool")}))}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 lh(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){w()(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}function fh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?fh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function ph(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ph(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ph(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var vh,yh={command:"clipboard.paste",execute:(vh=Fa()(Na.a.mark((function t(e,n){var r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e.selection.length||!e.selection.copyItems.length){t.next=5;break}e.selection.paste(),e.emit("refreshAll"),t.next=9;break;case 5:return t.next=7,navigator.clipboard.readText();case 7:(r=t.sent)&&e.emit("convertPasteText",r);case 9:case"end":return t.stop()}}),t)}))),function(t,e){return vh.apply(this,arguments)})},gh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},mh={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:ga(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}},bh={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:ga(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function kh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Ca.px(n.naturalWidth),naturalHeight:Ca.px(n.naturalHeight),width:Ca.px(n.naturalWidth),height:Ca.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function xh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ph={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"),kh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,c=Ca.px(i.height.value*a);t.emit("addImage",wh(wh(wh({src:e.id},i),n),{},{width:o,height:c}),r),t.changeMode(Ag),t.emit("afterChangeMode")})))}};function Oh(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Ca.px(n.videoWidth),naturalHeight:Ca.px(n.videoHeight),width:Ca.px(n.videoWidth),height:Ca.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 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 jh(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){w()(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 $h={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"),Oh(e,(function(i){t.emit("addVideo",jh(jh({src:e.id},i),n),r),t.changeMode(Ag),t.emit("afterChangeMode")})))}};function Rh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){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 Ch={command:"dropImageUrl",execute:function(t,e){kh({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?Rh(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(Ag),t.emit("afterChangeMode")}))}},Mh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=ga(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Th={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 c=o.createImage({id:ga(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),ne(n)&&n(c.id)}},r.readAsDataURL(e)}},Vh={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:ga(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),ne(n)&&n(a))},r.readAsDataURL(e)}},Eh=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=_t()(r,2),a=(i[0],i[1]),o=a.split(","),c=Aa()(o),s=c[0],u=c.slice(1),l=s.split(";"),f=_t()(l,2),h=f[0],p=f[1];return u=u.join(","),{mimeType:h,local:n&&t.getLink(h,p,u)}}},{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 c=new Blob([a],{type:t});return URL.createObjectURL(c)}return""}}]),t}(),Ih={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=Eh.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:ga(),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:ga(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function Dh(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 Lh={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);Dh("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},Bh=function(t,e){return t.replaceLocalUrltoRealUrl(t.svg.render(e))},Ah={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=Bh(t,e).trim();Dh("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function zh(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=qa.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var Fh={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Bh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;kh({local:i},(function(n,r){zh(r,(function(n){Dh(n,a),e&&t.emit(e,n)}))}))}}},Hh={command:"load.json",execute:function(t,e){0===(e=t.loadResource("projects",[])||e).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),sh(t)}}};function Gh(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var _h={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};Gh(t,(function(r,i){var a;!1===Array.isArray(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")}))}},Nh={command:"setTimelineOffset",debounce:100,execute:function(t,e){Gh(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},Xh={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Gh(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")}))}},Yh={command:"removeTimelineProperty",execute:function(t,e,n){Gh(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Kh={command:"deleteTimelineKeyframe",execute:function(t){Gh(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")}))}},Uh={command:"selectTimelineItem",execute:function(t,e){Gh(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Wh={command:"removeTimeline",execute:function(t,e){Gh(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Zh={command:"removeAnimationItem",execute:function(t,e){Gh(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},qh={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};Gh(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")}))}},Jh={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;Gh(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},Qh={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"),Gh(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Jc({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(Zc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Zc(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(Zc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},tp={command:"prevTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ep={command:"firstTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},np={command:"nextTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},rp={command:"lastTimelineItem",execute:function(t){Gh(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Zc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},ip={command:"addTimelineItem",execute:function(t,e){Gh(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},ap={command:"drop.asset",execute:function(){var t=Fa()(Na.a.mark((function t(e,n){var r,i,a=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r=a.length>2&&void 0!==a[2]?a[2]:null,!n.color){t.next=5;break}e.emit("addBackgroundColor",n.color,r),t.next=22;break;case 5:if(!n.gradient){t.next=9;break}e.emit("addBackgroundImageGradient",n.gradient,r),t.next=22;break;case 9:if(!n.pattern){t.next=13;break}e.emit("addBackgroundImagePattern",n.pattern,r),t.next=22;break;case 13:if(!n.imageUrl){t.next=17;break}e.emit("addBackgroundImageAsset",n.imageUrl,r),t.next=22;break;case 17:if(!n.asset){t.next=22;break}return t.next=20,e.storageManager.getCustomAsset(n.asset.id);case 20:(i=t.sent)&&e.emit("addArtBoard",i,n.asset.center);case 22:sh(e);case 23:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},op={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;console.log(n);var r=t.selection.itemsByIds(n);console.log(r);var i={};r.forEach((function(t){var n=Rl.parseStyle(wc(t["background-image"]));n.unshift(new Rl({image:Rl.parseImage(e)})),i[t.id]={"background-image":Rl.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},cp={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=Rl.parseStyle(wc(t["background-image"]));n.unshift(new Rl({image:new Zu({url:e})})),i[t.id]={"background-image":Rl.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},sp={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")}))}},up={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},lp={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)}},fp={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)}},hp={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)}},pp={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)}},dp=new Map,vp=function(){function t(){O()(this,t)}return j()(t,null,[{key:"has",value:function(t){return dp.has(t)}},{key:"get",value:function(t){return dp.get(t)}},{key:"set",value:function(t,e){dp.size>1e3&&dp.clear(),dp.set(t,e)}}]),t}();function yp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mp(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,kp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,gp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=Cp[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;if(vp.has(t))return vp.get(t);var r=Bs(t);return(r.str.match(bp)||[]).forEach((function(t,i){var a=t.split("("),o=_t()(a,2),c=o[0],s=o[1],u=(s=s.split(")")[0]).split(",").map((function(t){return t.trim()})),l=_t()(u,6),f=l[0],h=l[1],p=l[2],d=l[3],v=l[4],y=l[5],g=f.split(" "),m=_t()(g,2),b=m[0],k=m[1],x=h.split(" "),w=_t()(x,2),P=w[0],O=w[1],S=(y||"").split(" "),j=_t()(S,2),$=j[0],R=j[1];e[i]=n.parse({type:c,x:Ca.parse(P),y:Ca.parse(O),width:Ca.parse(b),height:Ca.parse(k),foreColor:zs(p,r.matches),backColor:zs(d,r.matches),blendMode:v||"normal",lineWidth:Ca.parse($||"1px"),lineHeight:Ca.parse(R||"1px")})})),vp.set(t,e),e}},{key:"join",value:function(t){return t.map((function(t){return n.parse(t)})).join(" ")}},{key:"toCSS",value:function(t){var e=[];return n.parseStyle(t).forEach((function(t){e.push.apply(e,Rl.parseStyle(wc(t.toCSS())))})),Rl.joinCSS(e)}}]),n}(Ec),xp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"base",x:Ca.z(),y:Ca.z(),width:Ca.px(20),height:Ca.px(20),lineWidth:Ca.px(1),lineHeight:Ca.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).width=Ca.parse(t.width),t.height=Ca.parse(t.height),t.lineWidth=Ca.parse(t.lineWidth),t.lineHeight=Ca.parse(t.lineHeight),t.x=Ca.parse(t.x),t.y=Ca.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,c=t.backColor,s=t.blendMode,u=t.lineWidth,l=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(c,", ").concat(s,", ").concat(u," ").concat(l,")")}}]),n}(kp),wp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";\n    ")}}]),n}(xp),Pp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,i=t.lineHeight,a=t.backColor,o=t.foreColor,c=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(c,", ").concat(c,";      \n    ")}}]),n}(xp),Op=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.lineWidth,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    ")}}]),n}(xp),Sp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(c=c||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(c," ").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(s,";\n    ")}}]),n}(xp),jp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.lineWidth,a=t.backColor,o=t.foreColor,c=t.blendMode;return a=a||"transparent",o=o||"black","\n    background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0px, ").concat(o," ").concat(i,", ").concat(a," 0px, ").concat(a," 50%);\n    background-size: ").concat(e," ").concat(n,";      \n    background-blend-mode: ").concat(c,";\n  ")}}]),n}(xp),$p=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(xp),Rp=function(t){R()(n,t);var e=mp(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var t=this.json,e=t.width,n=t.height,r=t.x,i=t.y,a=t.lineWidth,o=t.backColor,c=t.foreColor,s=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(c=c||"black"," 0px, ").concat(c," ").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(s,";\n    ")}}]),n}(xp),Cp={check:wp,grid:Pp,dot:Op,"cross-dot":Sp,"diagonal-line":jp,"vertical-line":$p,"horizontal-line":Rp},Mp={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:kp.join([].concat(fe()(kp.parseStyle(e)),fe()(kp.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Tp={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.command("setAttributeForMulti","add background color",t.selection.packByValue({"background-color":e},n))}};var Vp={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=aa(e.artboard.verties)-aa(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=aa(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=aa(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ep={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=ia(e.artboard.verties)-ia(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=ia(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ia(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ip={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=ca(e.artboard.verties)-ca(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ca(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ca(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Dp={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=ra(e.artboard.verties)-ra(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=ra(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=ra(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Lp={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=oa(e.artboard.verties)-oa(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=oa(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=oa(t.verties);return{item:t,dist:[0,r-e,0,0]}})))}}},Bp={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=na(e.artboard.verties)-na(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=na(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=na(t.verties);return{item:t,dist:[r-e,0,0]}})))}}},Ap={command:"same.width",description:"fit at the same width",execute:function(t){if(console.log(t.selection.isMany),t.selection.isMany){var e=Bo(t.selection.verties);t.command("setAttributeForMulti","fit at the same width",t.selection.packByValue({x:e.x,width:e.width}))}}},zp={command:"same.height",description:"fit at the same height",execute:function(t){var e=t.selection.length;if(1==e);else if(e>1){var n=Bo(t.selection.verties);t.command("setAttributeForMulti","fit at the same height",t.selection.packByValue({y:n.y,height:n.height}))}}};var Fp={command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),sh(t)}},Hp={command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),sh(t)}};function Gp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var _p={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?Gp(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({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")}}}},Np={command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=fe()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,fe()(i)),t.emit("refreshAll")}}}},Xp={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;$c(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)}},Yp={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){var i={};Object.keys(r).forEach((function(t){var n=r[t];i[t]=ne(n)?n(e):n})),e.reset(i)&&(t.emit("refreshElement",e),t.emit("changeValue",n,i))}))}))}},Kp={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(fe()(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")}))}},Up={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(fe()(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")}))}};function Wp(){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 Zp={command:"history.removeLayer",description:"remove layer",execute:function(t,e,n,r){var i=t.selection.itemsByIds(r||t.selection.ids),a=(i=Wp(i)).map((function(t){return t.id})),o=t.serialize(i);i.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[a],undoValues:o}),t.nextTick((function(){t.selection.removeById(i.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=Wp(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")}))}},qp={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("setAttributeForMulti",t.selection.packByValue({d:r.scale(1/n.width.value,1/n.height.value).d}))}else{var a=n.invertPath(e.d),o=a.getBBox(),c=n.offsetX.value+o[0][0],s=n.offsetY.value+o[0][1],u=i.distance(o[1],o[0]),l=i.distance(o[3],o[0]);a.translate(-o[0][0],-o[0][1]),t.emit("setAttributeForMulti",t.selection.packByValue({d:a.scale(1/u,1/l).d,x:Ca.px(c),y:Ca.px(s),width:Ca.px(u),height:Ca.px(l)}))}}},Jp={command:"moveLayer",description:"move 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;t.command("setAttributeForMulti","item move down",t.selection.packByValue({x:function(t){return Ca.px(t.offsetX.value+e)},y:function(t){return Ca.px(t.offsetY.value+n)}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},Qp={command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e&&t.viewport.moveLayerToCenter(e,void 0,n)}},td={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:Ca.px(t.item.offsetX.value+t.dist[0]).round(),y:Ca.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")}))}},ed={command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=[];n=t.selection.isEmpty?t.selection.currentProject.rectVerties:Lo(t.selection.items),t.emit("moveToCenter",n,e)}},nd={command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=Bh(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);kh({local:i},(function(n,r){zh(r,(function(n){e&&t.emit(e,n)}))}))}}},rd={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))}},id=n(15),ad=n.n(id);function od(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?od(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):od(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var sd,ud=(sd={openEditor:{command:"open.editor",description:"Open custom editor for item  when doubleclick is fired",execute:function(t){if(!1!==t.selection.isOne){var e=t.selection.current;if(e)if(e.setCache(),e.d)t.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d,changeEvent:function(e){t.emit("updatePathItem",e)}}),t.emit("hideSelectionToolView");else if(e["clip-path"]){var n=sf.parseStyle(e["clip-path"]);if("path"===n.type){var r=e.accumulatedPath(e.clipPathString).d,i=r?"modify":"path";t.emit("showPathEditor",i,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(n.d,")")}))},current:e,d:r}),t.emit("hideSelectionToolView")}else"svg"===n.type||t.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue(e))}})}}}},refreshHistory:function(t){t.emit("saveJSON")},convertPasteText:{command:"convertPasteText",execute:function(){var t=Fa()(Na.a.mark((function t(e,n){var r,i;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=ad.a.create({videoInfo:ad.a.parse(n),format:"embed",mediaType:"clip"}))&&(i=e.viewport.center,300,200,e.emit("newComponent","iframe",{x:Ca.px(i[0]-150),y:Ca.px(i[1]-100),width:Ca.px(300),height:Ca.px(200),"background-color":"transparent",url:r}));case 2:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},refreshCursor:rd,recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},toggleToolHand:{command:"toggleToolHand",execute:function(t){t.config.toggle("set.tool.hand")}},rotateLayer:{command:"rotateLayer",description:"rotate layer by keydown with matrix ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.command("setAttributeForMulti","change rotate",t.selection.packByValue({transform:function(t){return zc.addTransform(t.transform,"rotateZ(".concat(Ca.deg(e).round(1e3),")"))}})),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},historyAddLayer:Up,historyRemoveLayer:Zp,historySetAttributeForMulti:Kp,historyRefreshSelection:Xp,historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:Jp,moveLayerForItems:td,moveToCenter:Qp,moveSelectionToCenter:ed,groupItem:_p,ungroupItem:Np,setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshSelectionStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Tp,addBackgroundImagePattern:Mp,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:lp,segmentMoveUp:fp,segmentMoveRight:hp,segmentMoveLeft:pp,changeModeView:up,removeLayer:sp,itemMoveDepthDown:Fp,itemMoveDepthUp:Hp,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:ap,addBackgroundImageAsset:cp,addBackgroundImageGradient:op,addTimelineItem:ip,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:rp,nextTimelineItem:np,firstTimelineItem:ep,prevTimelineItem:tp,playTimelineItem:Qh,copyTimelineProperty:Jh,addTimelineKeyframe:qh,removeAnimationItem:Zh,removeTimeline:Wh,selectTimelineItem:Uh,deleteTimelineKeyframe:Kh,removeTimelineProperty:Yh,addTimelineCurrentProperty:Xh,setTimelineOffset:Nh,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:_h,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:Hh,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects)}},savePNG:nd,downloadPNG:Fh,downloadSVG:Ah,downloadJSON:Lh,updateUriList:Ih,updateImageAssetItem:Th,updateVideoAssetItem:Vh,addSVGFilterAssetItem:Mh,dropImageUrl:Ch,addImageAssetItem:Ph,addVideoAssetItem:$h,updateImage:mh,updateVideo:bh,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:gh,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:yh,clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(t,e){t.selection.copy()}},addComponentType:function(t,e){t.changeAddType(e),t.emit("afterChangeMode"),t.emit("addStatusBarMessage","Drag if you want to create ".concat(e," layer"))},addArtBoard:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=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(lh({itemType:"artboard",x:Ca.px(300),y:Ca.px(200),width:Ca.px(375),height:Ca.px(667)},e)));n&&(i.reset({x:Ca.px(0),y:Ca.px(0)}),i.moveByCenter(n)),t.selection.select(i),sh(t)},addCustomComponent: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,i=r.appendChildItem(t.createItem(cd({x:Ca.px(300),y:Ca.px(200),width:Ca.px(375),height:Ca.px(667)},e)));n&&(i.reset({x:Ca.px(0),y:Ca.px(0)}),i.moveByCenter(n)),t.selection.select(i),sh(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){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),sh(t))},addLayerView:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),t.emit("removeGuideLine"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e,n))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(hh({itemType:"project"},e)));t.selection.selectProject(n),sh(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 _c(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","set attribute -d",t.selection.packByValue({d:i},r.id))}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new _c(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttributeForMulti","change clip path",t.selection.packByValue({"clip-path":"path(".concat(i,")")},r.id))}},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;"svg-textpath"===e?n=dh(dh({},n),{},{"font-size":Ca.parse(n.height),textLength:"100%",d:bf.makeLine(0,1,1,1)}):"svg-circle"===e?(e="svg-path",n=dh(dh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:bf.makeCircle(0,0,1,1)})):"svg-rect"===e?(e="svg-path",n=dh(dh({},n),{},{"background-color":void 0,fill:"#C4C4C4",d:bf.makeRect(0,0,1,1)})):"text"===e?n=dh({width:Ca.px(300),height:Ca.px(50)},n):"artboard"===e&&(n=dh(dh({},n),{},{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(dh({itemType:e},n)),n,r,i),t.changeMode(Ag),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=_t()(r,2),a=i[0],o=i[1];a=Ca.px(+a),o=Ca.px(+o),n.reset({width:a,height:o}),t.selection.select(n),sh(t)}},setAttributeForMulti:Yp,sortBottom:Dp,sortCenter:Vp,sortLeft:Ep,sortMiddle:Ip},w()(sd,"sortBottom",Dp),w()(sd,"sortTop",Lp),w()(sd,"sortRight",Bp),w()(sd,"sameWidth",Ap),w()(sd,"sameHeight",zp),w()(sd,"updatePathItem",qp),w()(sd,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttributeForMulti","change clip-path",t.selection.packByValue({"clip-path":"path(".concat(e.d,")")}))}}),sd),ld=function(){function t(e){O()(this,t),this.$editor=e,this.loadCommands()}return j()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(ud).forEach((function(e){ne(ud[e])?t.registerCommand(e,ud[e]):t.registerCommand(ud[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))};return r.source=t,this.$editor.on(t,r,this,0)}if(ee(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))};return i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),fd={name:void 0};function hd(){return void 0===fd.name&&(-1!=navigator.appVersion.indexOf("Win")?fd.name="win":-1!=navigator.appVersion.indexOf("Mac")?fd.name="mac":-1!=navigator.appVersion.indexOf("X11")?fd.name="linux":fd.name=""),fd.name}var pd=[{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:"Tools",key:"h",command:"toggleToolHand",description:"set hand tool on",when:"CanvasView"},{category:"Layer",key:"Meta+ArrowLeft",command:"rotateLayer",description:"rotate to left",args:[-5],when:"CanvasView"},{category:"Layer",key:"Meta+ArrowRight",command:"rotateLayer",description:"rotate to right",args:[5],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:"Delete",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",win:"ctrl+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],dd={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 vd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yd(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vd(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gd(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function md(t){return dd["".concat(t).toLowerCase()]||t}var bd=function(){function t(e){O()(this,t),this.$editor=e,this.loadShortCuts()}return j()(t,[{key:"getGeneratedKeyCode",value:function(t){return md(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},pd.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=hd();this.list.push(yd(yd({key:"",command:"",args:[],eventType:"keydown"},t),{},{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||!0)})),this.sort()}},{key:"makeWhenFunction",value:function(t,e){if(Qt(e)&&e)return function(){return!0};var n=this.$editor,r=e.split("|").map((function(t){return t.trim()}));return function(){return r.some((function(t){return t===n.modeView}))}}},{key:"sort",value:function(){var t=this;this.commands={},this.list.forEach((function(e){!1===Array.isArray(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)})),gd(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",md(o.join("")))}},{key:"makeKeyString",value:function(t){return gd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return gd(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return gd(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(n){var r;(r=e.$editor).emit.apply(r,[n.command].concat(fe()(n.args),[t]))}))}}}]),t}(),kd=function(){function t(e){O()(this,t),this.editor=e,this.configList=[],this.config=new Map}return j()(t,[{key:"get",value:function(t){var e;!1===this.config.has(t)&&this.config.set(t,null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.defaultValue);return this.config.get(t)}},{key:"set",value:function(t,e){var n=this.config.get(t);n!==e&&(this.config.set(t,e),this.editor.emit("config:"+t,e,n))}},{key:"setAll",value:function(t){var e=this;Object.keys(t).forEach((function(n){e.set(n,t[n])}))}},{key:"getType",value:function(t){var e;return null===(e=this.configList.find((function(e){return e.key==t})))||void 0===e?void 0:e.type}},{key:"isType",value:function(t,e){return this.getType(t)===e}},{key:"isBoolean",value:function(t){return this.isType(t,"boolean")}},{key:"toggle",value:function(t){this.isBoolean(t)&&this.set(t,!this.get(t))}},{key:"true",value:function(t){return!0===this.get(t)}},{key:"false",value:function(t){return!1===this.get(t)}},{key:"remove",value:function(t){this.config.delete(t),this.editor.emit("config:"+t)}},{key:"registerConfig",value:function(t){this.config.set(t.key,t.defaultValue),this.configList.push(t)}}]),t}(),xd=function(){function t(e){O()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return j()(t,[{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}},{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){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=performance.now(),i=this.undoHistories[this.undoHistories.length-1],a={message:t,command:e,data:n,time:r};return i&&i.message===t&&r-i.time<this.$editor.config.get("history.delay.ms")?this.undoHistories[this.undoHistories.length-1]=a:(this.undoHistories.push(a),this.currentIndex++,this.undoHistories.length=this.currentIndex+1),this.$editor.emit("refreshHistory",e.command),a}},{key:"map",value:function(t){return[].concat(fe()(this.undoHistories.map(t)),["-"],fe()(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",e.command)}))}}},{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",e.command)}))}}}]),t}(),wd=i.fromValues(0,0,0);function Pd(t,e){return Math.abs(t[0]-e[0])<1}function Od(t,e){return Math.abs(t[1]-e[1])<1}var Sd=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;O()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return j()(t,[{key:"dist",get:function(){return this.editor.config.get("snap.distance")||this.snapDistance}},{key:"gridSize",get:function(){return this.editor.config.get("snap.grid")||50}},{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,rectVerties:Ao(t.originVerties)}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties;return fe()(e)}},{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=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=[];return t.forEach((function(t,a){e.forEach((function(e,o){var c=t-e,s=n.gridSize-Math.abs(e)%n.gridSize;Math.abs(c)<=r?i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:c}):Math.abs(s)<=r&&i.push({targetX:t,sourceX:e,sourceIndex:o,targetIndex:a,dx:s})}))})),i}},{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.dist,a=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var c=e.checkX(t.xList,a,r)[0],s=e.checkY(t.yList,o,r)[0];n.push(i.fromValues(c?c.dx:0,s?s.dy:0,0))})),n.find((function(t){return ie(t[0])||ie(t[1])}))||wd}},{key:"checkPoint",value:function(t){var e=this.check([t]);return i.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,a=[],o={},c=0,s=t.length;c<s;c++){n=t[c];var u="".concat(n[0],"_x"),l="".concat(n[1],"_y");o[u]||(o[u]=[]),o[l]||(o[l]=[]);for(var f=0,h=e.length;f<h;f++)Pd(n,r=e[f])&&o[u].push([n,r,"x",i.dist(n,r)]),Od(n,r)&&o[l].push([n,r,"y",i.dist(n,r)])}return Object.keys(o).forEach((function(t){if(o[t]&&o[t].length){var e=o[t].sort((function(t,e){return t[3]-e[3]})),n=_t()(e[0],3),r=n[0],i=n[1],c=n[2];a.push([r,i,c])}})),a}},{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}(),jd=function(){function t(e){O()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return j()(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}(),$d=function(){function t(e){O()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=Io(0,0,0,0),this.mouse=i.create(),this.scale=1,this.translate=i.create(),this.transformOrigin=i.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return j()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=i.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(i.add([],this.translate,i.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=fa(r.fromTranslation([],this.translate),r.fromTranslation([],this.transformOrigin),r.fromScaling([],[this.scale,this.scale,1]),r.fromTranslation([],i.negate([],this.transformOrigin))),this.matrixInverse=r.invert([],this.matrix),this.scaleMatrix=fa(r.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=r.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=Io(0,0,this.canvasSize.width,this.canvasSize.height);var e=i.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=i.add([],this.verties[0],[e[0]/2,e[1]/2,0]),a=r.getTranslation([],fa(this.matrix,ha(r.fromTranslation([],n),this.scaleMatrix,r.invert([],r.fromTranslation([],n)))));this.setTranslate(a),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=Io(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=Ji(this.cachedViewport,this.matrixInverse))}},{key:"getWorldPosition",value:function(t){return t=t||this.editor.config.get("bodyEvent"),this.createWorldPosition(t.clientX,t.clientY)}},{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(i.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(i.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){this.setTransformOriginWithTranslate(i.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=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=i.lerp([],t[0],t[2],.5),a=i.dist(t[0],t[1]),o=i.dist(t[0],t[3]),c=i.lerp([],this.verties[0],this.verties[2],.5),s=i.dist(this.verties[0],this.verties[1]),u=i.dist(this.verties[0],this.verties[3]),l=n?Math.min(s/a,u/o)+e:1;this.setTranslate(i.add([],this.translate,i.subtract([],c,r))),this.setTransformOrigin(r),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{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:"center",get:function(){return this.verties[4]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}},{key:"checkInViewport",value:function(t){var e=_t()(t,3),n=e[0],r=e[1],i=(e[2],this.minX<n&&n<this.maxX),a=this.minY<r&&r<this.maxY;return i&&a}},{key:"applyVertex",value:function(t){return i.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return i.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return Ji(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return Ji(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return Ji(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return Ji(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return Io(t,e,n,r)}(t,e,n,r))}}]),t}(),Rd=function(){function t(e){O()(this,t),this.editor=e,this.customAssetKey="custom-assets"}var e,n,r,i,a;return j()(t,[{key:"getCustomAssetList",value:(a=Fa()(Na.a.mark((function t(){var e,n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=!1,n=(this.editor.loadItem(this.customAssetKey)||[]).map((function(t){return t.id||(t.id=ya(),e=!0),t})),!e){t.next=5;break}return t.next=5,this.setCustomAssetList(n);case 5:return t.abrupt("return",n);case 6:case"end":return t.stop()}}),t,this)}))),function(){return a.apply(this,arguments)})},{key:"setCustomAssetList",value:(i=Fa()(Na.a.mark((function t(e){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem(this.customAssetKey,e);case 1:case"end":return t.stop()}}),t,this)}))),function(t){return i.apply(this,arguments)})},{key:"getCustomAsset",value:(r=Fa()(Na.a.mark((function t(e){var n,r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:if(n=t.sent,!(r=n.find((function(t){return t.id===e})))||!r.component){t.next=6;break}return t.abrupt("return",r.component);case 6:return t.abrupt("return",null);case 7:case"end":return t.stop()}}),t,this)}))),function(t){return r.apply(this,arguments)})},{key:"saveCustomAsset",value:(n=Fa()(Na.a.mark((function t(){var e,n,r,i,a=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:"",!(n=this.editor.selection.current)){t.next=13;break}return t.next=5,this.getCustomAssetList();case 5:return r=t.sent,t.next=8,this.editor.json.render(n);case 8:return(i=t.sent).x="0px",i.y="0px",t.next=13,this.setCustomAssetList([].concat(fe()(r),[{id:ya(),preview:e,component:i}]));case 13:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:"removeCustomAsset",value:(e=Fa()(Na.a.mark((function t(e){var n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.getCustomAssetList();case 2:return n=t.sent,t.next=5,this.setCustomAssetList(n.filter((function(t){return t.id!==e})));case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})}]),t}();function Cd(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 Md=Cd('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Td=Cd('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Vd=Cd('<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"/>'),Ed=Cd('<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"/>'),Id=Cd('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Dd=Cd('<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"/>'),Ld=Cd('<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"/>'),Bd=Cd('<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"/>'),Ad=Cd('<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"/>'),zd=Cd('<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"/>'),Fd=Cd('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),Hd=Cd('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Gd=Cd('<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"/>'),_d=Cd('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Nd=Cd('<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"/>'),Xd=Cd('<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"/>'),Yd=Cd('<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"/>'),Kd=Cd('<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"/>'),Ud=Cd('<path d="M19 13H5v-2h14v2z"/>'),Wd=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Zd=Cd('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),qd=Cd('<path d="M10 17l5-5-5-5v10z"/>'),Jd=Cd('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),Qd=Cd('<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"/>'),tv=Cd('<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"/>'),ev=Cd('<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"/>'),nv=Cd('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),rv=Cd('<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"/>'),iv=Cd('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),av=Cd('<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"/>'),ov=Cd('<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"/>'),cv=Cd('<path d="M8 5v14l11-7z"/>'),sv=Cd('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),uv=Cd('<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"/>'),lv=Cd('<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"/>'),fv=Cd('<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"/>'),hv=Cd('<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"/>'),pv=Cd('<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"/>'),dv=Cd('<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"/>'),vv=Cd('<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>'),yv=Cd('<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"/>'),gv=Cd('<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"/>'),mv=Cd('<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"/>'),bv=Cd('<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"/>'),kv=Cd('<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"/>'),xv=Cd('<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"/>'),wv=Cd('<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"/>'),Pv=Cd('<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"/>'),Ov=Cd('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Sv=Cd('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),jv=Cd('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),$v=Cd('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),Rv=Cd('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),Cv=Cd('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Mv=Cd('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Tv=Cd('<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"/>'),Vv=Cd('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Ev=Cd('<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"/>'),Iv=Cd('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Dv=Cd('<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" />'),Lv=Cd('<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"/>'),Bv=Cd('<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"/>'),Av=Cd('<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"/>'),zv=Cd('<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"/>'),Fv=Cd('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),Hv=Cd('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Gv=Cd('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),_v=Cd('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Nv=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Xv=Cd('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Yv=Cd('<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"/>'),Kv=Cd('<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)"/>'),Uv=Cd('<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"/>'),Wv=Cd('\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'),Zv=Cd('<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"/>'),qv=Cd('<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"/>'),Jv=Cd('<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"/>'),Qv=Cd('<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"/>'),ty=Cd('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),ey=Cd('<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"/>'),ny=Cd('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),ry=Cd('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),iy=Cd('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),ay=Cd('<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"/>'),oy=Cd('<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"/>'),cy=Cd('<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"/>'),sy=Cd('<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"/>'),uy=Cd('<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"/>'),ly=Cd('<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"/>'),fy=Cd('<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"/>'),hy=Cd('<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"/>'),py=Cd('<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"/>'),dy=Cd('<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"/>'),vy=Cd('<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"/>'),yy=Cd('<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"/>'),gy=Cd('<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"/>'),my=Cd('<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"/>'),by=Cd('<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"/>'),ky=Cd('<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"/>'),xy=Cd('<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"/>'),wy=Cd('<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"/>'),Py=Cd('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),Oy=Cd('<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"/>'),Sy=Cd('<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"/>'),jy=Cd('<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"/>'),$y=Cd('<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"/>'),Ry=Cd('\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'),Cy=Cd('<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"/>'),My=Cd('<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"/>'),Ty=Cd('\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'),Vy=Cd('<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"/>'),Ey=Cd('<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"/>'),Iy=Cd('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Dy=Cd('<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"/>'),Ly=Cd('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),By=Cd('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Ay=Cd('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),zy=Cd('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),Fy=Cd('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Hy=Cd('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gy=Cd('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),_y=Cd('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Ny=Cd('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),Xy=Cd('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Yy=Cd('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Ky=Cd('<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"/>'),Uy=Cd('<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"/>'),Wy=Cd('<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"/>'),Zy=Cd('<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"/>'),qy=Cd('\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    '),Jy=Cd('\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'),Qy=Cd('\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    '),tg=Cd('\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    '),eg=Cd('\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'),ng=Cd('\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'),rg=Cd('<path d="M14 7l-5 5 5 5V7z"/>'),ig=Cd('\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    '),ag=Cd('<path d="M10 17l5-5-5-5v10z"/>'),og=Cd('<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"/>'),cg=Cd('<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"/>'),sg=Cd('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),ug=Cd('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),lg=Cd('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),fg=Cd('<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"/>'),hg=Cd('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),pg=Cd('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),dg=Cd('<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"/>'),vg=Cd('\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    '),yg=Cd('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),gg=Cd('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),mg=Cd('<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"/>'),bg=Cd('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),kg=Cd('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),xg=Cd('<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"/>'),wg=Cd('<path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/>'),Pg=Cd('<path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/>'),Og=Cd('<path d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/>'),Sg=Cd('<path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/>'),jg=Cd('<path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/>'),$g=Cd('<path d="M18 24h-6.55c-1.08 0-2.14-.45-2.89-1.23l-7.3-7.61 2.07-1.83c.62-.55 1.53-.66 2.26-.27L8 14.34V4.79c0-1.38 1.12-2.5 2.5-2.5.17 0 .34.02.51.05.09-1.3 1.17-2.33 2.49-2.33.86 0 1.61.43 2.06 1.09.29-.12.61-.18.94-.18 1.38 0 2.5 1.12 2.5 2.5v.28c.16-.03.33-.05.5-.05 1.38 0 2.5 1.12 2.5 2.5V20c0 2.21-1.79 4-4 4zM4.14 15.28l5.86 6.1c.38.39.9.62 1.44.62H18c1.1 0 2-.9 2-2V6.15c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V3.42c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V2.51c0-.28-.22-.5-.5-.5s-.5.22-.5.5V12h-2V4.79c0-.28-.22-.5-.5-.5s-.5.23-.5.5v12.87l-5.35-2.83-.51.45z"/>'),Rg=Cd('<path d="M18.85,10.39l1.06-1.06c0.78-0.78,0.78-2.05,0-2.83L18.5,5.09c-0.78-0.78-2.05-0.78-2.83,0l-1.06,1.06L18.85,10.39z M14.61,11.81L7.41,19H6v-1.41l7.19-7.19L14.61,11.81z M13.19,7.56L4,16.76V21h4.24l9.19-9.19L13.19,7.56L13.19,7.56z M19,17.5 c0,2.19-2.54,3.5-5,3.5c-0.55,0-1-0.45-1-1s0.45-1,1-1c1.54,0,3-0.73,3-1.5c0-0.47-0.48-0.87-1.23-1.2l1.48-1.48 C18.32,15.45,19,16.29,19,17.5z M4.58,13.35C3.61,12.79,3,12.06,3,11c0-1.8,1.89-2.63,3.56-3.36C7.59,7.18,9,6.56,9,6 c0-0.41-0.78-1-2-1C5.74,5,5.2,5.61,5.17,5.64C4.82,6.05,4.19,6.1,3.77,5.76C3.36,5.42,3.28,4.81,3.62,4.38C3.73,4.24,4.76,3,7,3 c2.24,0,4,1.32,4,3c0,1.87-1.93,2.72-3.64,3.47C6.42,9.88,5,10.5,5,11c0,0.31,0.43,0.6,1.07,0.86L4.58,13.35z" />');function Cg(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Mg(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Cg(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Tg=Mg(Mg({},{fullscreen:tv}),{},{draw:Rg,pantool:$g,left_hide:Sg,right_hide:jg,straighten:Og,plugin:Pg,auto_awesome:wg,web:xg,navigation:kg,delete_forever:mg,horizontal_rule:bg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return Cd('<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:vg,align_horizontal_center:cg,align_horizontal_left:sg,align_horizontal_right:ug,align_vertical_bottom:lg,align_vertical_center:fg,align_vertical_top:hg,vertical_distribute:yg,horizontal_distribute:gg,rotate_left:dg,swap_horiz:pg,arrow_right:ag,group:ig,volume_down:tg,arrowLeft:rg,volume_up:eg,volume_off:ng,pentool:Jy,launch:qy,apps:Uy,outline_rect:Wy,outline_circle:Zy,keyboard:Ky,local_movie:Yy,same_height:Xy,same_width:Ny,layers:og,middle:_y,bottom:Gy,top:Hy,right:Fy,center:zy,left:Ay,flag:By,lens:Ly,local_library:Dy,italic:Iy,strikethrough:Ey,underline:Vy,cylinder:Ty,text_rotate:My,device_hub:Cy,control_point:$y,flip_camera:Ry,flipY:jy,flip:Sy,account_tree:Py,format_shapes:Oy,merge:xy,texture:wy,settings_input_component:ky,view_comfy:by,camera_roll:my,broken_image:gy,shadow:yy,opacity:vy,looks:dy,vintage:py,waves:hy,blur_linear:fy,blur:ly,landscape:uy,palette:sy,diffuse:cy,specular:oy,photo:ay,near_me:iy,view_list:ry,flash_on:ny,doc:ey,storage:ty,archive:Qv,file_copy:Jv,gps_fixed:qv,refresh:Zv,cat:Wv,shuffle:Uv,replay:Kv,speed:Yv,alternate_reverse:Xv,alternate:Nv,note:zv,rect:Av,circle:Bv,color_lens:Lv,cube:Dv,polygon:Iv,star:Ev,dahaze:Vv,brush:Tv,expand:Mv,list:Rv,grid:Cv,align_center:Ov,align_justify:Sv,align_left:jv,align_right:$v,color:Pv,size:wv,edit:xv,outline_image:kv,ballot:gv,shape:yv,scatter:vv,transform:dv,gradient:pv,close:hv,build:fv,code:lv,autorenew:uv,play:cv,pause:sv,skip_next:Fv,skip_prev:Hv,fast_forward:Gv,fast_rewind:_v,filter:ov,input:av,timer:rv,title:nv,paint:ev,border_all:Qd,border_inner:tv,check:Jd,video:Qy,arrowRight:qd,screen:Zd,repeat:Wd,remove2:Ud,setting:Kd,image:Yd,artboard:Xd,folder:Nd,publish:_d,add_note:Gd,add:Hd,save:zd,export:Fd,redo:Ad,undo:Bd,lock:Ld,lock_open:bv,remove:Id,copy:Dd,visible:Ed,add_box:Vd,add_circle:mv,create_folder:Td,chevron_right:Md,chevron_left:iv}),Vg=function(){function t(){O()(this,t)}var e;return j()(t,[{key:"load",value:(e=Fa()(Na.a.mark((function t(){var e,n,r,i,a,o,c,s=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!Tg[e]){t.next=8;break}for(r=s.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=s[a];return o=ne(Tg[e])?(n=Tg[e]).call.apply(n,[Tg[e]].concat(i)):Tg[e],c=new Blob([o],{type:"image/svg+xml"}),t.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(c)})));case 8:return t.abrupt("return",e);case 9:case"end":return t.stop()}}),t)}))),function(){return e.apply(this,arguments)})}]),t}(),Eg=function(){function t(e){O()(this,t),this.$editor=e}return j()(t,[{key:"project",get:function(){return this.$editor.selection.currentProject}},{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=Eh.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 Array.isArray(t)?t=t.map((function(t){return n.applyAsset(t,e)})):ee(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):te(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}}]),t}(),Ig=function(){function t(e){O()(this,t),this.editor=e,this.plugins=[]}var e;return j()(t,[{key:"registerPlugin",value:function(t){this.plugins.push(t)}},{key:"initializePlugin",value:(e=Fa()(Na.a.mark((function t(){var e,n=this,r=arguments;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:{},t.next=3,Promise.all(this.plugins.map(function(){var t=Fa()(Na.a.mark((function t(r){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,r(n.editor,e);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()));case 3:return t.abrupt("return",t.sent);case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})}]),t}(),Dg=function(){function t(e){O()(this,t),this.editor=e,this.renderers={},this.rendererTypes={}}return j()(t,[{key:"getRenderType",value:function(t){return this.renderers[t]||(this.renderers[t]={}),this.renderers[t]}},{key:"registerRenderer",value:function(t,e,n){var r=this.getRenderType(t);if(r[e])throw new Error("It has duplicated renderer name. "+e);r[e]=n}},{key:"registerRendererType",value:function(t,e){if(this.rendererTypes[t])throw new Error("It has duplcated renderer type name. "+name);this.rendererTypes[t]=e}},{key:"getRenderer",value:function(t){return this.rendererTypes[t]}},{key:"getRendererInstance",value:function(t,e){return this.getRenderType(t)[e]}}]),t}(),Lg=function(){function t(e){O()(this,t),this.editor=e,this.menuItems={}}return j()(t,[{key:"registerMenuItem",value:function(t,e){var n=this;this.menuItems[t]||(this.menuItems[t]=[]),Object.keys(e).forEach((function(r){n.menuItems[t].push({refClass:r,class:e[r]})}))}},{key:"getTargetMenuItems",value:function(t){return this.menuItems[t]||[]}},{key:"generate",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.getTargetMenuItems(t).map((function(t){var n=e?'ref="$'.concat(t.refClass,'"'):"";return'<object refClass="'.concat(t.refClass,'" ').concat(n," />")})).join("\n")}}]),t}(),Bg=function(){function t(e){O()(this,t),this.editor=e,this.locales={},this.fallbackLang="en_US"}return j()(t,[{key:"getLang",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t||this.fallbackLang}},{key:"setFallbackLang",value:function(t){this.fallbackLang=t}},{key:"get",value:function(t){var e,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this.getLang(i),o=(null===(e=this.locales[a])||void 0===e?void 0:e[t])||(null===(n=this.locales[this.fallbackLang])||void 0===n?void 0:n[t])||t||void 0;if(ne(o))return o(r);var c=o;return t===c?t.split(".").pop():(Object.entries(r).forEach((function(t){var e=_t()(t,2),n=e[0],r=e[1];c=c.replace(new RegExp("{".concat(n,"}"),"ig"),r)})),c)}},{key:"hasKey",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=this.getLang(e);return!(!this.locales[n][t]&&!this.locales[this.fallbackLang][t])}},{key:"registerI18nMessage",value:function(t,e){this.locales[t]||(this.locales[t]={}),Object.assign(this.locales[t],e)}}]),t}(),Ag="SELECTION",zg=function(){function t(){O()(this,t),this.EDITOR_ID=ya(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Ag,this.modeView="CanvasView",this.addComponentType="",this.loadManagers()}return j()(t,[{key:"loadManagers",value:function(){this.store=new Po(this),this.config=new kd(this),this.snapManager=new Sd(this),this.commands=new ld(this),this.shortcuts=new bd(this),this.selection=new oh(this),this.timeline=new jo(this),this.history=new xd(this),this.keyboardManager=new jd(this),this.viewport=new $d(this),this.storageManager=new Rd(this),this.cursorManager=new Vg(this),this.assetManager=new Eg(this),this.menuItemManager=new Lg(this),this.components=new ch(this),this.pluginManager=new Ig(this),this.renderers=new Dg(this),this.i18n=new Bg(this),this.initTheme(),this.initPlugins(),this.initStorage()}},{key:"initStorage",value:function(){this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all"}},{key:"createProject",value:function(){return this.createItem({itemType:"project"})}},{key:"getI18nMessage",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.i18n.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return this.i18n.hasKey(t,e||this.locale)}},{key:"initI18nMessage",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"].includes(t)?t:"dark"),this.theme=t||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"initPlugins",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.pluginManager.initializePlugin(t)}},{key:"themeValue",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Oo[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ag;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(Ag)}},{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:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){var t=this.config.get("bodyEvent");return!t||("pointerup"===t.type||"pointermove"===t.type&&0===t.buttons)}},{key:"isPointerDown",get:function(){return!this.isPointerUp}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}},{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(){for(var t,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var i=n[0],a=n[1],o=n.slice(2);return(t=this.store).on.apply(t,[i,a,this].concat(fe()(o)))}},{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 te(t)?e.push(t):Array.isArray(t)&&(e=fe()(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:"storeKey",get:function(){return"__els__.".concat(this.config.get("store.key"))}},{key:"saveResource",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),this.makeResource(e))}},{key:"saveItem",value:function(t,e){window.localStorage.setItem("".concat(this.storeKey,".").concat(t),JSON.stringify(e))}},{key:"loadResource",value:function(t){return this.assetManager.revokeResource(window.localStorage.getItem("".concat(this.storeKey,".").concat(t)))}},{key:"loadItem",value:function(t){return JSON.parse(window.localStorage.getItem("".concat(this.storeKey,".").concat(t))||JSON.stringify(""))}},{key:"registerElement",value:function(t){so(t)}},{key:"registerMenuItem",value:function(t,e){this.menuItemManager.registerMenuItem(t,e),this.registerElement(e)}},{key:"registerComponent",value:function(t,e){this.components.registerComponent(t,e)}},{key:"registerItem",value:function(t,e){this.registerComponent(t,e)}},{key:"registerInspector",value:function(t,e){this.components.registerInspector(t,e)}},{key:"registerRenderer",value:function(t,e,n){this.renderers.registerRenderer(t,e,n)}},{key:"registerRendererType",value:function(t,e){this.renderers.registerRendererType(t,e)}},{key:"getRendererInstance",value:function(t,e){return this.renderers.getRendererInstance(t,e)}},{key:"renderer",value:function(t){return this.renderers.getRenderer(t)}},{key:"html",get:function(){return this.renderer("html")}},{key:"svg",get:function(){return this.renderer("svg")}},{key:"json",get:function(){return this.renderer("json")}},{key:"registerCommand",value:function(t){return this.commands.registerCommand(t)}},{key:"registerShortCut",value:function(t){this.shortcuts.registerShortCut(t)}},{key:"registerPlugin",value:function(t){this.pluginManager.registerPlugin(t)}},{key:"registerPluginList",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((function(e){return t.registerPlugin(e)}))}},{key:"registerConfig",value:function(t){this.config.registerConfig(t)}},{key:"registerI18nMessage",value:function(t,e){this.i18n.registerI18nMessage(t,e)}},{key:"registerI18nMessageWithLocale",value:function(t){var e=this;Object.entries(t).forEach((function(t){var n=_t()(t,2),r=n[0],i=n[1];e.registerI18nMessage(r,i)}))}}]),t}(),Fg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return K("bodyMouseMove ".concat(t))},Hg=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return K("bodyMouseUp ".concat(t))};function Gg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _g=function(t){R()(n,t);var e=Gg(n);function n(t){var r,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return O()(this,n),(r=e.call(this,t,i)).__UID=new Set,r.created(),r.initialize(),r.initializeStoreEvent(),r}return j()(n,[{key:"created",value:function(){}},{key:"getRealEventName",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:MULTI_PREFIX,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=ue(t,e),i=_t()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"createLocalCallback",value:function(t,e){var n=e.bind(this);return n.displayName="".concat(this.sourceName,".").concat(t),n.source=this.source,n}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(B).forEach((function(e){var n=t.getRealEventName(e,G),r=n.split(A),i=Aa()(r),a=(i[0],i.slice(1)),o=a.map((function(t){return t.trim()})).filter((function(e){return t[e]})).map((function(t){return{target:t}})),c=t.splitMethod(a,"debounce"),s=_t()(c,2),u=s[0],l=s[1],f=t.splitMethod(a,"throttle"),h=_t()(f,2),p=h[0],d=h[1],v=t.splitMethod(a,"allTrigger"),y=_t()(v,2),g=(y[0],y[1]),m=t.splitMethod(a,"selfTrigger"),b=_t()(m,2),k=(b[0],b[1]);n.split(A).filter((function(t){return-1===o.indexOf(t)&&-1===l.indexOf(t)&&-1===g.indexOf(t)&&-1===k.indexOf(t)&&-1===d.indexOf(t)})).map((function(t){return t.trim()})).filter(Boolean).forEach((function(n){if(ne(t[e])){var r=t.createLocalCallback(n,t[e]);t.$store.on(n,r,t,u,p,g.length,k.length,o)}}))}))}},{key:"destoryStoreSUBSCRIBE",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){Ta()(V()(n.prototype),"destroy",this).call(this),this.destoryStoreSUBSCRIBE()}},{key:"rerender",value:function(){Ta()(V()(n.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:"broadcast",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];Object.keys(this.children).forEach((function(n){var i;(i=e.children[n]).trigger.apply(i,[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:"subscribe",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="subscribe.".concat(po()),i=this.createLocalCallback(r,t);return this.$store.on(r,i,this,e,n,!1,!0),r}}]),n}(wo);function Ng(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xg=function(t){R()(n,t);var e=Ng(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.$editor.registerI18nMessageWithLocale(this.initializeI18nMessage())}},{key:"initializeI18nMessage",value:function(){return{}}},{key:"$editor",get:function(){return this.parent.$editor}},{key:"$store",get:function(){return this.$editor.store||this.parent.$store}},{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 this.$editor.getI18nMessage(t,e,n)}},{key:"$initI18n",value:function(t){return this.$editor.initI18nMessage(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}},{key:"$menuManager",get:function(){return this.$editor.menuItemManager}},{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:"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)}}]),n}(_g);function Yg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kg={x:0,y:0},Ug={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Wg=function(t){R()(n,t);var e=Yg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.$editor.registerPluginList(this.getPlugins()),Array.isArray(this.opt.plugins)&&this.$editor.registerPluginList(this.opt.plugins),this.$editor.initPlugins(),ee(this.opt.config)&&this.$config.setAll(this.opt.config||{})}},{key:"$editor",get:function(){return this.__editorInstance||(this.__editorInstance=new zg),this.__editorInstance}},{key:"afterRender",value:function(){Ta()(V()(n.prototype),"afterRender",this).call(this),this.$el.attr("data-theme",this.$editor.theme),this.$el.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initialize",value:function(){var t;Ta()(V()(n.prototype),"initialize",this).call(this),this.__initBodyMoves(),this.emit("load.json",null===(t=this.opt.data)||void 0===t?void 0:t.projects)}},{key:"getPlugins",value:function(){return[]}},{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):Yt(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")||Ug;!(n.x===t.x&&n.y===t.y)&&this.__moves.size&&(this.__moves.forEach((function(n){var r=Zi(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:st("add/body/mousemove"),value:function(t,e,n){this.__moves.add({func:t,context:e,xy:n})}},{key:st("add/body/mouseup"),value:function(t,e,n){this.__ends.add({func:t,context:e,xy:n})}},{key:jt("document"),value:function(t){var e=t.xy||Kg;this.$config.set("bodyEvent",t),this.$config.set("pos",e)}},{key:Ct("document"),value:function(t){var e=t.xy||Kg;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.__requestId||(this.__requestId=requestAnimationFrame(this.__funcBodyMoves))}},{key:Mt("document"),value:function(t){this.$config.set("bodyEvent",t),this.__removeBodyMoves(),cancelAnimationFrame(this.__requestId),this.__requestId=null}},{key:St("window")+tt(100),value:function(){this.emit("resize.window")}},{key:ct("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:ct("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:ct("changeTheme"),value:function(){this.$el.attr("data-theme",this.$editor.theme)}},{key:ct("changed.locale"),value:function(){this.rerender()}}]),n}(Xg);n(34);function Zg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qg=[],Jg=function(t){R()(n,t);var e=Zg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(d," ").concat(30-c," L ").concat(d," 30 ")}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(h,'" y="',0,'" dx="0" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(f,"</text>")}return o.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,c=(n[0][0]-i)/a*o,s=(n[2][0]-i)/a*o;return"\n            M ".concat(c," 20 \n            L ").concat(c," 30 \n            L ").concat(s," 30 \n            L ").concat(s," 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,t),n=Math.max.apply(Math,t),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,c=(e-i)/a*o,s=(n-i)/a*o;return"\n            M ".concat(c," 15 \n            L ").concat(c," 20 \n            L ").concat(s," 20 \n            L ").concat(s," 15 \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 qg=[],this.makeLine(qg,200,e,n,r,i,10,20,1e4),this.makeLine(qg,100,e,n,r,i,10,20,200),this.makeLine(qg,50,e,n,r,i,10,20,100),this.makeLine(qg,10,e,n,r,i,10,18,50),this.makeLine(qg,5,e,n,r,i,10,15,10),this.makeLine(qg,1,e,n,r,i,10,13,5),qg.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Dt("$ruler")+Q,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:Dt("$layerRuler")+Q,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:ct("updateViewport","refreshSelection"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+nt(10),value:function(){this.$selection.current&&(this.$selection.current.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh())}},{key:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(Xg);n(35);function Qg(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tm=[],em=function(t){R()(n,t);var e=Qg(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class=\"elf--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,c=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,s=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,u=n-n%e,l=r+r%e,f=(u-n)/i*a,h=(u+e-n)/i*a;if(!(Math.abs(h-f)<o))for(var p=u;p<l;p+=e)if(0==p||p%s!=0){var d=Math.floor((p-n)/i*a);t[t.length]="M ".concat(30-c," ").concat(d," L 30 ").concat(d)}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=[],c=e-e%t,s=n+n%t,u=(c-e)/r*i,l=(c+t-e)/r*i;if(!(Math.abs(l-u)<a)){for(var f=c;f<s;f+=t){var h=Math.floor((f-e)/r*i);o[o.length]='<text x="'.concat(1,'" y="',h,'" dy="6" dominant-baseline="central" transform="rotate(-90, 1, ').concat(h,')">').concat(f,"</text>")}return o.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,c=(n[0][1]-i)/a*o,s=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(c,"\n            L 30 ").concat(c,"\n            L 30 ").concat(s,"\n            L 20 ").concat(s,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=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 15 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 15 ").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 tm=[],this.makeLine(tm,200,e,n,r,i,10,18,1e4),this.makeLine(tm,100,e,n,r,i,10,18,200),this.makeLine(tm,50,e,n,r,i,10,18,100),this.makeLine(tm,10,e,n,r,i,10,18,50),this.makeLine(tm,5,e,n,r,i,10,15,10),this.makeLine(tm,1,e,n,r,i,10,14,5),tm.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height,a=Math.abs(n-e);return[a>3e3?this.makeLineText(500,e,n,r,i,20):"",1e3<a&&a<3e3?this.makeLineText(100,e,n,r,i,20):"",800<a&&a<1e3?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(100,e,n,r,i,20):"",500<a&&a<800?this.makeLineText(50,e,n,r,i,20):"",200<a&&a<500?this.makeLineText(50,e,n,r,i,20):"",50<a&&a<200?this.makeLineText(10,e,n,r,i,20):"",15<a&&a<50?this.makeLineText(5,e,n,r,i,20):"",0<a&&a<15?this.makeLineText(1,e,n,r,i,20):""].join("")}},{key:Dt("$body")+Q,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:Dt("$layerRuler")+Q,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:"refresh",value:function(){this.$config.get("show.ruler")&&this.load()}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+nt(10),value:function(){var t=this.$selection.current;t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate")&&this.refresh()}},{key:ct("refreshSelection"),value:function(){this.load("$layerRuler")}},{key:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),n}(Xg),nm=function(){function t(){O()(this,t)}return j()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=fe()(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=fe()(t.dataTransfer.files)),[].concat(fe()(e),fe()(n))}}]),t}(),rm=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],im={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},am={d:!0},om={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},cm=function(t){return im[t]||!1},sm=function(t){return om[t]||!1};function um(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lm=qa.create("div"),fm=function(t){R()(n,t);var e=um(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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      <style type='text/css' ref='$styleView'></style>\n    </div>\n    "}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.refs.$head=qa.create(document.head)}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new ih;this.refs.$head.$$('style[data-renderer-type="html"]').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=qa.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-renderer-type="html"][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:Dt("$svgArea")+Q,value:function(){var t=this.$selection.currentProject||{};return this.$editor.html.renderSVG(t)}},{key:ct("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:ct("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:ct("refreshSelection"),value:function(){var t=this.$selection.items.map((function(t){return'[data-id="'.concat(t.id,'"]')})).join(","),e=this.$selection.isMany?"\n      ".concat(t," {\n        box-shadow: 0 0 0 1px #66baff;\n      }\n    "):"";this.refs.$styleView.html(e)}},{key:ct("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Array.isArray(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?te(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var c=n[a],s=c.allLayers.map((function(t){return'style[data-renderer-type="html"][data-id="'.concat(t.id,'"]')})).join(",");i.push(s),r.push(this.makeStyle(c))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var u=lm.html(r.join("")).createChildrenFragment();this.refs.$head.append(u)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),n}(Xg);n(36);function hm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pm=function(t){R()(n,t);var e=hm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{StyleView:fm}}},{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return"\n            <div class='elf--element-view' ref='$body'>\n                <object refClass='StyleView' ref='$styleView' />\n                <div class='canvas-view' ref='$view'></div>\n                ".concat(this.$menuManager.generate("render.view"),"\n            </div>\n        ")}},{key:ct("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:ct("refElement"),value:function(t,e){ne(e)&&e(this.getElement(t))}},{key:"clearElementAll",value:function(){var t=this;this.$selection.each((function(e){t.clearElement(e.id)}))}},{key:"clearElement",value:function(t){this.state.cachedCurrentElement[t]=void 0}},{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:pt("$view .element-item.text .text-content"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:Pt("$view .element-item.text .text-content"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:vt("$view .element-item.text .text-content"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.parent().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){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(dd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(n))return!0;var r=qa.create(t.target);if(r.hasClass("canvas-view"))return!1;var i=r.closest("element-item");if(!i)return!!this.$editor.isSelectionMode();if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey){var o=this.$selection.currentProject.searchById(a);if(o.is("artboard")&&o.hasChildren())return this.$config.set("set.dragarea.mode",!0),!0}return this.$editor.isSelectionMode()}},{key:pt("$view"),value:function(t){var e=qa.create(t.target).closest("element-item").attr("data-id"),n=this.$selection.get(e);this.$selection.isOne&&n&&(this.emit("open.editor"),this.emit("removeGuideLine"))}},{key:jt("$view")+U("checkEditMode")+Fg("calculateMovedElement")+Hg("calculateEndedElement"),value:function(t){if(this.initMousePoint=this.$viewport.getWorldPosition(t),this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else{var e=this.$selection.hasPoint(this.initMousePoint),n=qa.create(t.target);if(n.hasClass("canvas-view"))return this.$selection.select(),this.initializeDragSelection(),this.emit("history.refreshSelection"),!1;var r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||!1===this.$selection.check({id:i})&&this.$selection.selectById(i),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);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.initializeDragSelection(),this.emit("history.refreshSelection")}}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"calculateMovedElement",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(!this.$selection.isLayoutItem){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.moveTo(e),this.$selection.changeArtBoard()&&(this.initMousePoint=t,this.$selection.reselect(),this.$snapManager.clear(),this.clearElementAll(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Ca.px(t.x+n[0]).round(1e3),y:Ca.px(t.y+n[1]).round(1e3)}})),this.$selection.reset(r)}},{key:ct("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"calculateEndedElement",value:function(t,e){var n=this.$viewport.getWorldPosition(),r=i.dist(n,this.initMousePoint);if(this.$config.get("set.dragarea.mode"))return this.emit("endDragAreaView"),void this.$config.set("set.dragarea.mode",!1);r<1?this.$selection.current:(this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"))),this.emit("refreshSelectionTool",!0)}},{key:At("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Ca.px(e),height:Ca.px(n)}}}},{key:At("$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,")");return{style:{"transform-origin":"".concat(n[0],"px ").concat(n[1],"px"),transform:i}}}},{key:ct("refreshSelectionStyleView"),value:function(t){var e=this;(t?[t]:this.$selection.items).forEach((function(t){e.updateElement(t)}))}},{key:"updateElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:"updateTimelineElement",value:function(t){t&&this.$editor.html.update(t,this.getElement(t.id),this.$editor)}},{key:ct("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:ct("refreshAllCanvas"),value:function(){this.clearElementAll();var t=this.$selection.currentProject,e=this.$editor.html.render(t,null,this.$editor)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view"),this.trigger("updateAllCanvas",t)}},{key:ct("updateAllCanvas"),value:function(t){var e=this;t.layers.forEach((function(t){e.updateElement(t,e.getElement(t.id)),e.trigger("updateAllCanvas",t)}))}},{key:ct("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));fe()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:ct("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,c=r.height;t.reset({x:Ca.px(i),y:Ca.px(a),width:Ca.px(o),height:Ca.px(c)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:ct("updateViewport"),value:function(){this.bindData("$view")}}]),n}(Xg);n(37);function dm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vm=function(t){R()(n,t);var e=dm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return"     \n      <div class='elf--page-tools'>\n        <button type='button' ref='$minus'>".concat(Tg.remove2,"</button>\n        <div class='select'>\n          <object \n            refClass=\"NumberInputEditor\" \n            ref='$scale' \n            min='10' \n            max='240' \n            step=\"1\" \n            key=\"scale\" \n            value=\"").concat(100*this.$viewport.scale,'" \n            onchange=').concat(this.subscribe((function(e,n){t.$viewport.setScale(n/100),t.emit("updateViewport"),t.trigger("updateViewport")}),1e3),"\n        />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Tg.add,"</button>        \n        <button type='button' ref='$center' data-tooltip=\"Move to Center\" data-direction=\"top\">").concat(Tg.gps_fixed,"</button>    \n        <button type='button' ref='$ruler' data-tooltip=\"Toggle Ruler\" data-direction=\"top\">").concat(Tg.straighten,"</button>    \n        <button type='button' ref='$fullscreen' data-tooltip=\"FullScreen Canvas\" data-direction=\"top\">").concat(Tg.fullscreen,"</button>                        \n        <button type='button' ref='$pantool' class=\"").concat(Oc({on:this.$config.get("set.tool.hand")}),'" data-tooltip="Hand | H" data-direction="top">').concat(Tg.pantool,"</button>   \n        ").concat(this.$menuManager.generate("page.tools"),"                             \n      </div>\n\n    ")}},{key:ct("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale&&this.children.$scale.setValue(t)}},{key:ht("$plus")+at+ot,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:ht("$minus")+at+ot,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:ht("$center")+at+ot,value:function(){this.emit("moveSelectionToCenter")}},{key:ht("$pantool")+at+ot,value:function(){this.$config.toggle("set.tool.hand")}},{key:ht("$ruler")+at+ot,value:function(){this.$config.toggle("show.ruler")}},{key:ht("$fullscreen")+at+ot,value:function(){this.emit("bodypanel.toggle.fullscreen")}},{key:lt("set.tool.hand"),value:function(){this.refs.$pantool.toggleClass("on",this.$config.get("set.tool.hand"))}}]),n}(Xg);n(38);function ym(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mm=function(t){R()(n,t);var e=gm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--layer-append-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:"black",fontSize:30,showRectInfo:!1,areaVerties:Io(0,0,0,0),content:"Insert a text",pathManager:new bf,rect:{},options:{},containerItem:void 0}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:Ct("$el")+U("checkNotDragStart"),value:function(t){var e=this.$viewport.getWorldPosition(t),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertex=i.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertex=null),this.bindData("$mousePointer")}},{key:jt("$el")+Fg()+Hg()+at+ot,value:function(t){this.initMousePoint=this.state.targetPositionVertex?this.state.targetPositionVertex:this.$viewport.getWorldPosition(t),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="";var e=Io(this.initMousePoint[0],this.initMousePoint[1],0,0);this.state.areaVerties=this.$viewport.applyVerties(e),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"text":case"svg-text":return"\n                <div \n                    class='draw-item' \n                    \n                    style='font-size: 30px;outline: 1px solid blue;white-space:nowrap'\n                >\n                    <p contenteditable=\"true\" style=\"margin:0px;display: inline-block;outline:none;\" ></p>\n                </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(bf.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(bf.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(bf.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            ");default:return"<div class='draw-item' style='outline: 1px solid blue;'></div>"}}},{key:At("$area"),value:function(){var t=Bo(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:At("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=Bo(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Ca.px(e[2][0]),top:Ca.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||[]).filter(Boolean);return 0!==e.length?'\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    "):void 0}},{key:At("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=this.$snapManager.checkPoint(e);!1===i.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n]).filter(Boolean)):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,a=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),c=Math.max(n[0],this.initMousePoint[0])-a,s=Math.max(n[1],this.initMousePoint[1])-o;r&&(s=c);var u=Io(a,o,c,s);this.state.areaVerties=this.$viewport.applyVerties(u),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.content,o=r.fontSize,c=r.areaVerties,s=this.$viewport.applyVertiesInverse(c),u=this.$selection.getArtboardByPoint(s[0]),l=Bo(s),f=l.x,h=l.y,p=l.width,d=l.height,v=!0;if(0===p.value&&0===d.value)switch(this.state.type){case"text":a="",d.set(this.state.fontSize),v=!1;break;default:p.set(100),d.set(100)}var y=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ym(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ym(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({x:f,y:h,width:p,height:d,"background-color":i,content:a,"font-size":o},this.state.options);switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete y["background-color"];break;default:delete y.content}switch(this.state.type){case"image":this.trigger("openImage",y,u);break;case"video":this.trigger("openVideo",y,u);break;case"audio":this.trigger("openAudio",y,u);break;case"text":if(!v){var g=this.state.fontSize/this.$viewport.scale,m=this.refs.$area.$(".draw-item > p");return m.parent().css("height","".concat(g,"px")),m.parent().css("font-size","".concat(g,"px")),m.select(),void m.focus()}y["font-size"]=Ca.px(this.state.fontSize/this.$viewport.scale);default:this.emit("newComponent",this.state.type,y,!0,u)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:ct("showLayerAppendView"),value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.type=t,this.state.options=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:ct("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:ct("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:dt("document")+U("isShow")+Z+W+at+ot,value:function(t){}},{key:vt("document")+U("isShow")+Z+W+at+ot,value:function(t){switch(this.state.type){case"text":var e=qa.create(t.target),n=this.state,r=n.fontSize,i=n.areaVerties,a=this.$viewport.applyVertiesInverse(i),o=Bo(a),c=o.x,s=o.y,u=e.rect(),l=u.width,f=u.height,h=e.text();if(console.log(h,f),0===h.length)break;var p=this.$viewport.applyScaleVertiesInverse([[l,f,r]]),d=_t()(p,1),v=_t()(d[0],3),y=v[0],g=v[1],m=v[2],b={x:c,y:s,width:Ca.px(y),height:Ca.px(g),content:h.trim(),"font-size":Ca.px(m)},k=this.$selection.getArtboardByPoint(a[0]);this.emit("newComponent",this.state.type,b,!0,k)}this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect"),this.trigger("hideLayerAppendView")}},{key:vt("$el")+U("isShow"),value:function(t){switch(this.state.type){case"text":var e=qa.create(t.target).rect();e.width,e.height}}},{key:kt("$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:kt("$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:ct("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:ct("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}}]),n}(Xg);function bm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function km(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xm=function(){function t(){O()(this,t),this.segmentList=[]}return j()(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(km(km({},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(km(km({},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?"":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 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}function Pm(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){w()(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}var Om=["startPoint","endPoint","reversePoint"];function Sm(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 jm(t,e,n,r){var i=[],a=Om;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],c=Math.abs(o[e]-n);c<=r&&i.push({dist:c,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function $m(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 c=a,s=t[c];if(s){if("M"===s.command)i.push({command:"M",values:[s.startPoint]});else{var u=Fc.getPrevPoint(t,a);!1===s.curve?!1===u.curve?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[u.endPoint,s.startPoint]}):!1===u.curve?Fc.isEqual(s.reversePoint,s.startPoint)?i.push({command:"L",values:[s.startPoint]}):i.push({command:"Q",values:[s.reversePoint,s.startPoint]}):i.push({command:"C",values:[u.endPoint,s.reversePoint,s.startPoint]})}s.close&&i.push({command:"Z"})}}var l=i.map((function(t){return Rm(e,n,t,r)})).join(" ");return{d:l}}function Rm(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 Cm=function(){function t(e){O()(this,t),this.pathEditor=e,this.pathStringManager=new bf,this.guideLineManager=new bf,this.segmentManager=new xm,this.initialize(),this.initializeSelect()}return j()(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:"state",get:function(){return this.pathEditor.state}},{key:"clonePoints",get:function(){return fe()(this.state.points)}},{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=i.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){var e=this.transformRect,n=e.x,i=e.y,a=e.width,o=e.height,c=r.create();switch(r.translate(c,c,[n,i,0]),t){case"flipX":r.scale(c,c,[-1,1,1]),r.translate(c,c,[-a,0,0]);break;case"flipY":r.scale(c,c,[1,-1,1]),r.translate(c,c,[0,-o,0]);break;case"flip":r.scale(c,c,[-1,-1,1]),r.translate(c,c,[-a,-o,0])}r.translate(c,c,[-n,-i,0]),this.transformMat4(c)}},{key:"initTransform",value:function(t){this.transformRect=ae(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:ae(t.startPoint),endPoint:ae(t.endPoint),reversePoint:ae(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=Fc.getReversePoint(n.startPoint,a));var c={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(c)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:ae(t),curve:!1,reversePoint:ae(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=Fc.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Fc.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Fc.getNextPoint(i,t));var a=Fc.isFirst(r.segment);if(a){var o=Fc.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ae(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ae(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=_t()(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=ae(n.startPoint),n.endPoint=ae(n.startPoint),"M"===n.command){var r=Fc.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=ae(r.startPoint),r.endPoint=ae(r.startPoint))}else{if((i=Fc.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ae(o.startPoint),o.endPoint=ae(o.startPoint)}else{n.curve=!0;var i,a=Fc.getPrevPoint(e,t);if((i=Fc.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Fc.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ae(n.endPoint),o.reversePoint=ae(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var c=(n.startPoint.x-a.startPoint.x)/3,s=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reversePoint=Fc.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){c=(n.startPoint.x-i.startPoint.x)/3,s=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+c,y:n.startPoint.y+s},n.reverse=Fc.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]=Fc.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],c=o.x,s=o.y,u=n.originalSegment[e],l=u.x,f=u.y,h=Wi(da(c-i,s-a),Zi(l,f,i,a),i,a),p=h.x,d=h.y;n.segment[e]={x:p,y:d}}}},{key:"rotateSegment",value:function(t){this.rotateSegmentTarget(t,"endPoint"===t?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return function(e,n){var a=r.state,o=a.cachedPoints,c=a.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=c.x+e,u=c.y+n,l=Sm(o,"x",s,e,i),f=l.point,h=(e=l.distanceValue,Sm(o,"y",u,n,i)),p=h.point,d=(n=h.distanceValue,{x:c.x+e,y:c.y+n}),v=[];return f&&v.push({startPoint:f,endPoint:d}),p&&v.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:v}}(e,n)}},{key:"copySegment",value:function(t,e){e.startPoint=ae(t.startPoint),e.endPoint=ae(t.endPoint),e.reversePoint=ae(t.reversePoint)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}},{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=Fc.splitPoints(this.state.points),n=Fc.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=ae(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=ae(t.startPoint)),Fc.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,c=this.calculateSnap(a,t,e,3),s=(t=c.dx,e=c.dy,c.snapPointList);if(this.snapPointList=s||[],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 u="endPoint"===a?"reversePoint":"endPoint";r.segment[u]=Fc.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},c={x:i,y:a};n.dragPoints&&(c=Fc.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:c}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Fc.getPoint(r,e),a=Fc.getPoint(r,n),o=[Pm(Pm({},i),{},{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},Pm(Pm({},a),{},{reversePoint:t.second[2]})],c=Fc.getIndex(r,e);return r.splice.apply(r,[c,2].concat(o)),this.state.points=r,c+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Fc.getPoint(r,e),a=Fc.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[Pm(Pm({},i),{},{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],c=Fc.getIndex(r,e);r.splice.apply(r,[c,1].concat(fe()(o)))}else{o=[Pm({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},Pm(Pm({},a),{},{reversePoint:t.second[1],curve:!0})],c=Fc.getIndex(r,e);r.splice.apply(r,[c,2].concat(fe()(o)))}return this.state.points=r,c+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=Fc.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 $m(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,c=i,s=da(r-n,a-i)-180,u=Wi(0,20,o,c),l=u.x,f=u.y,h=Wi(s/2,20,o,c),p=(h.x,h.y,Wi(s,20,o,c));this.segmentManager.addDistanceAngle(p,20,20,s,{x:l,y:f},{x:l-20,y:f})}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)):(this.segmentManager.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(e.startPoint,e.endPoint),!1===Fc.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===Fc.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?Fc.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===Fc.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===Fc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Fc.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===Fc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Fc.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?Fc.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 bf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new bf).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Fc.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new bf).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new bf).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new bf).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=Fc.getNextPoint(t,n),o=Fc.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=jm(t,"x",e.x,n),i=jm(t,"y",e.y,n),a=Pm({},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),c=o.snapPointList,s=o.moveXY;a.push.apply(a,c),t.moveXY=s,r=s,this.snapPointList=a;var u=e[e.length-1];if(i)if(u){if(u.curve){var l=Fc.getReversePoint(n,r);p=l.x,d=l.y;this.guideLineManager.M(u.startPoint).C(u.endPoint,{x:p,y:d},n),this.segmentManager.addGuideLine(u.startPoint,u.endPoint).addGuideLine(n,{x:p,y:d}).addGuideLine(n,r).addCurvePoint(u.endPoint).addCurvePoint({x:p,y:d}).addCurvePoint(r).addPoint(!1,n)}else if(!1===u.curve){var f=Fc.getReversePoint(n,r);p=f.x,d=f.y;this.guideLineManager.M(u.startPoint).Q({x:p,y:d},n),this.segmentManager.addGuideLine(r,{x:p,y:d}).addPoint(!1,n).addCurvePoint({x:p,y:d}).addCurvePoint(r)}}else{var h=Fc.getReversePoint(n,r),p=h.x,d=h.y;this.guideLineManager.M(r).L(n).L({x:p,y:d}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:p,y:d})}else u&&(u.curve?(this.guideLineManager.M(u.startPoint).Q(u.endPoint,r),this.segmentManager.addGuideLine(u.endPoint,u.startPoint).addCurvePoint(u.endPoint)):u.close||(this.guideLineManager.M(u.startPoint).L(r),this.segmentManager.addPoint(!1,u.startPoint)))}}},{key:"makeSnapLines",value:function(){var t=[];if(this.snapPointList){var e=new bf;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:"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 $m(t,e,n,r).d}}]),t}();function Mm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tm=function(t){R()(n,t);var e=Mm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),n}(Hu);function Vm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Em(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Im(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dm=function(t){R()(n,t);var e=Im(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Em({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Em(Em({},Ta()(V()(n.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 e=Bs(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),i.push.apply(i,Lu.parse(t));else{var a=t.split(" "),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];r.x1=Ca.parse(c),r.y1=Ca.parse(s),r.x2=Ca.parse(u),r.y2=Ca.parse(l),r.spreadMethod=f||"pad"}})),new n(Em(Em({},r),{},{colorsteps:i}))}}]),n}(Tm);function Lm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Am(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zm=function(t){R()(n,t);var e=Am(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Bm({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Bm(Bm({},Ta()(V()(n.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,c=e.fr,s=e.spreadMethod;return"\n<radialGradient ".concat(Pc({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:c,spreadMethod:s})," >\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 e=Bs(t),r={},i=[];return e.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,n){if(t.includes("@"))t=zs(t,e.matches),i.push.apply(i,Lu.parse(t));else{var a=t.split(" "),o=_t()(a,7),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6];r.cx=c,r.cy=s,r.r=u,r.fx=l,r.fy=f,r.fr=h,r.spreadMethod=p||"pad"}})),new n(Bm(Bm({},r),{},{colorsteps:i}))}}]),n}(Tm);function Fm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _m=function(t){R()(n,t);var e=Gm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Lu({color:"red",percent:0,index:0}),new Lu({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return Hm(Hm({},Ta()(V()(n.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 n({colorsteps:[new Lu({color:t,percent:0,index:0}),new Lu({color:t,percent:100,index:0})]})}}]),n}(Tm);function Nm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nm(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ym(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Km=["jpg","jpeg","png","gif","svg"];var Um=function(t){R()(n,t);var e=Ym(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Xm({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return Xm(Xm({},Ta()(V()(n.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,c=t.imageHeight,s=t.url,u=[e,n,r,i,a,o,c].join(",").trim();return"url(".concat(s,"#").concat(u,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,c=e.imageWidth,s=e.imageHeight;return"\n  <pattern ".concat(Pc({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(Pc({x:a,y:o,width:c,height:s,preserveAspectRatio:"none"})," />\n  </pattern>\n      ")}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var e=t.split("(")[1].split(")")[0].trim().split("#"),r=_t()(e,2),i=r[0],a=r[1];if(!a)return new n({url:i});var o=a.split(","),c=_t()(o,7);return new n({patternUnits:c[0],patternWidth:c[1],patternHeight:c[2],imageX:c[3],imageY:c[4],imageWidth:c[5],imageHeight:c[6],url:i})}},{key:"isImageFile",value:function(t){return Km.includes(t)}}]),n}(Tu);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}function Zm(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){w()(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}function qm(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Jm=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,Qm=function(t){R()(n,t);var e=qm(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"addImageResource",value:function(t){return this.clear("image-resource"),this.addItem("image-resource",t)}},{key:"addGradient",value:function(t){return this.addImageResource(t)}},{key:"setImageUrl",value:function(t){t.images&&t.images.length&&this.reset({type:"image",image:n.createImage(t.images[0])})}},{key:"setGradient",value:function(t){this.reset({type:t.type,image:n.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 Dm(Zm(Zm({},r),{},{colorsteps:n}));case"radial-gradient":return new zm(Zm(Zm({},r),{},{colorsteps:n}));default:return new _m(Zm(Zm({},r),{},{colorsteps:n}))}}},{key:"parse",value:function(t){return new n(t)}},{key:"parseImage",value:function(t){var e=Bs(t),n=null,r=e.str.match(Jm);return r?(r.forEach((function(t,r){t=zs(t,e.matches),n=t.includes("linear")?Dm.parse(t):t.includes("radial")?zm.parse(t):t.includes("url")?Um.parse(t):_m.parse(t)})),n):_m.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new Dm(t);case"radial-gradient":return new zm(t);case"image-resource":case"url":return new Um(t);default:return new _m(t)}}}]),n}(Ec);n(39);function tb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function eb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function nb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rb=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],ib=function(t){R()(n,t);var e=nb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new _c}},{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:Ca.z(),screenY:Ca.z(),screenWidth:Ca.z(),screenHeight:Ca.z()}}},{key:ct("changeDrawManager"),value:function(t){this.setState(eb({},t),!1)}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:vt("document")+U("isShow")+Z+W+at+ot,value:function(){this.trigger("hidePathDrawEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var a=Fc.simply(this.state.points,this.state.tolerance),o=new _c(bf.makePathByPoints(a)),c=new _c(Cm.generatorPathString(o.convertGenerator()));c.transformMat4(this.$viewport.matrixInverse);var s=c.getBBox(),u=i.distance(s[1],s[0]),l=i.distance(s[3],s[0]);c.translate(-s[0][0],-s[0][1]);var f={itemType:"svg-path",x:Ca.px(s[0][0]),y:Ca.px(s[0][1]),width:Ca.px(u),height:Ca.px(l),d:c.scale(1/u,1/l).d,totalLength:this.totalPathLength};rb.forEach((function(t){n.state[t]&&Object.assign(f,w()({},t,n.state[t]))})),e=r.appendChildItem(this.$editor.createItem(f))}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(eb(eb({},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:ct("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:ct("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:ct("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:ct("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:"toFillSVG",get:function(){return Qm.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return Qm.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 Qm.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return Qm.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}},{key:At("$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(bf.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:ct("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Ca.z(),y:Ca.z(),width:Ca.z(),height:Ca.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:jt("$view")+Fg()+Hg(),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")}}]),n}(Xg);n(40);function ab(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ob(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ab(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ab(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function sb(t){var e=_t()(t,2);return{x:e[0],y:e[1]}}var ub=["fill","fill-opacity","stroke","stroke-width"],lb=function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.pathParser=new _c,this.pathGenerator=new Cm(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Ca.z(),screenY:Ca.z(),screenWidth:Ca.z(),screenHeight:Ca.z()}}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"template",value:function(){return"\n        <div class='elf--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.$el.rect())}},{key:vt("document")+U("isShow")+W+at+ot,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:vt("document")+U("isShow")+Z+at+ot,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new _c(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var a=r.getBBox(),o=i.distance(a[1],a[0]),c=i.distance(a[3],a[0]);r.translate(-a[0][0],-a[0][1]);var s={itemType:"svg-path",x:Ca.px(a[0][0]),y:Ca.px(a[0][1]),width:Ca.px(o),height:Ca.px(c),d:r.scale(1/o,1/c).d,totalLength:this.totalPathLength,fill:"#C4C4C4"};ub.forEach((function(t){e.state[t]&&(s[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(a[0])||n).appendChildItem(this.$editor.createItem(s))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new _c(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(ob({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:ct("changePathManager"),value:function(t){this.setState(ob(ob({},t),{},{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:ct("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new _c(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:ct("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:ct("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:ct("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:At("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,canvas:"canvas"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:At("$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:Ct("$view")+at,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=qa.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:jt("$view :not(.split-path)")+at+ot+Fg()+Hg(),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=qa.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=_t()(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:Ca.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:Ca.px(t.x+(e<0?e:0)),top:Ca.px(t.y+(n<0?n:0)),width:Ca.px(Math.abs(e)),height:Ca.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 Ca.parse(t)})),e=_t()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Ca.px(n.x.value+n.width.value),n.y2=Ca.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(Zi(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(),ne(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:ct("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:ct("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:ct("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))}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("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:ct("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new _c(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"calculatePointOnLine",value:function(t,e){var n=new _c(t);if("C"===n.segments[1].command){var r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2)),sb(n.segments[1].values.slice(2,4)),sb(n.segments[1].values.slice(4,6))],i=Qo.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return cc(r,i).first[3]}if("Q"===n.segments[1].command){r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2)),sb(n.segments[1].values.slice(2,4))],i=tc.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return sc(r,i).first[2]}if("L"===n.segments[1].command){r=[sb(n.segments[0].values),sb(n.segments[1].values.slice(0,2))],i=ec.apply(void 0,fe()(r).concat([200]))(e.x,e.y);return uc(r,i).first[1]}return e}},{key:jt("$view .split-path")+Fg()+Hg(),value:function(t){this.initRect();var e=new _c(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=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2)),sb(e.segments[1].values.slice(2,4)),sb(e.segments[1].values.slice(4,6))],a=Qo.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(cc(i,a))}else if("Q"===e.segments[1].command){i=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2)),sb(e.segments[1].values.slice(2,4))],a=tc.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(sc(i,a))}else if("L"===e.segments[1].command){i=[sb(e.segments[0].values),sb(e.segments[1].values.slice(0,2))],a=ec.apply(void 0,fe()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(uc(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)}}]),n}(function(t){R()(n,t);var e=cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:pt("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:It("$view [data-segment]")+at+et(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),n}(Xg))));n(41);function fb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hb=function(t){R()(n,t);var e=fb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--hover-view'>\n                <div class='elf--hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:lt("bodyEvent"),value:function(){var t,e=null===(t=this.$selection.filteredLayers.filter((function(t){return!1===t.is("artboard")}))[0])||void 0===t?void 0:t.id;e&&!1!==this.$config.get("hoverView")?this.$selection.setHoverId(e)&&this.renderHoverLayer():(this.$selection.setHoverId(""),this.renderHoverLayer())}},{key:ct("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(""),this.emit("removeGuideLine");else{var e=t[0].verties,n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n),this.emit("refreshGuideLineByTarget",[t[0].verties])}}},{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                />\n        </svg>')}}]),n}(Xg);n(42);function pb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var db=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,"' />")},vb=function(t,e){var n="".concat(Math.floor(t)),r=13,i=16,a=n.length*r,o=i;return'\n    \n        <rect x="'.concat(e[0]-a/4,'" y="').concat(e[1]-i-2,'" width="').concat(a,'" height="').concat(o,'" rx="2" ry="2" fill="#00a9f4" />\n        <text x="').concat(e[0],'" y="').concat(e[1],'" dy="-5" font-size="16">').concat(n,"</text>\n    ")},yb=function(t,e){return db(t,e)},gb=function(t,e){return db(t,e)},mb=function(t){return'\n    <path \n        class="base-rect"\n        fill="none"\n        stroke-width="1"\n        stroke="red"\n        stroke-dasharray="2 2"\n        d="'.concat(bf.makeRect(t[0][0],t[0][1],i.dist(t[0],t[1]),i.dist(t[0],t[3])),'\n        " \n    />\n')},bb=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left";return"left"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]+e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"right"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]-e," ").concat(t[1]+e,'\n            " \n        />\n    '):"up"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]+e,'\n            " \n        />\n    '):"down"===n?'\n        <path \n            class="arrow"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]," ").concat(t[1],"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '):'\n        <path \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    ')},kb=function(t){R()(n,t);var e=pb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <svg class=\'elf--guide-line-view\' ref="$guide" width="100%" height="100%" ></svg>\n            '}},{key:"initState",value:function(){return{list:[]}}},{key:At("$guide"),value:function(){return{svgDiff:"<g>".concat(this.createGuideLine(this.state.list),"</g>")}}},{key:"createGuideLine",value:function(t){for(var e=[],n=[],r=0,a=(t=t.filter(Boolean)).length;r<a;r++){var o=_t()(t[r],8),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4],h=o[5],p=o[6],d=(o[7],Math.floor(l)),v=this.$viewport.applyVertex(c),y=this.$viewport.applyVertex(s),g=void 0;f&&(g=this.$viewport.applyVerties([f])[0]),"x"===u&&(d>0&&e.push(db(v,y,"dash-line")),g&&e.push(db(y,g,"dash-line")),d>0&&n.push(vb(d,i.lerp([],v,y,.5)))),"y"===u&&(d>0&&e.push(db(v,y,"dash-line")),g&&e.push(db(y,g,"dash-line")),d>0&&n.push(vb(d,i.add([],i.lerp([],v,y,.5),[20,0,0])))),"x"===u&&e.push(yb(y,v)),"y"===u&&e.push(gb(y,v)),this.state.hasVerties&&(e.push(bb(v,3,"vertex")),e.push(bb(y,3,"vertex"))),h&&(this.$selection.isOne&&this.$editor.isPointerDown||this.$selection.isMany&&!this.$editor.isPointerMove)&&e.push(mb(this.$viewport.applyVerties(h))),p&&e.push(mb(this.$viewport.applyVerties(p)))}return[].concat(e,n).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState({list:t,hasVerties:e})}},{key:ct("removeGuideLine","refreshSelection"),value:function(){this.removeGuideLine()}},{key:ct("refreshGuideLineByTarget"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.refreshSmartGuides(t)}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:"refreshSmartGuides",value:function(t){if(!this.$selection.isEmpty){var e,n=zo(this.$selection.verties);if(t)e=t.map((function(t){return zo(t)}));else{var r=this.$selection.snapTargetLayers.map((function(t){var e=zo(t.verties);return{targetVerties:e,dist:i.dist(e[4],n[4])}}));r.sort((function(t,e){return t.dist-e.dist})),e=r.map((function(t){return t.targetVerties}))}var a=e.map((function(t){return ea(n,t)}));a.sort((function(t,e){return t[3]-e[3]}));var o=[a[0],a[1]].filter(Boolean);this.setGuideLine(o)}}},{key:"refreshSmartGuidesForVerties",value:function(){var t=this.$snapManager.findGuide(this.$selection.verties);this.setGuideLine(t,!0)}},{key:ct("refreshSelectionStyleView"),value:function(){!this.$selection.hasChangedField("d","clip-path")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refreshSmartGuidesForVerties()}}]),n}(Xg);n(43);function xb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wb=function(t){R()(n,t);var e=xb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='elf--selection-info-view'></div>"}},{key:jt("$el [data-artboard-title-id]")+J+Fg("calculateMovedElement")+Hg("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.getWorldPosition(t);var e=t.$dt.attr("data-artboard-title-id");this.$selection.selectById(e),t.altKey&&(this.$selection.selectAfterCopy(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),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.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));this.emit("selectionToolView.moveTo",n),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.refresh()}))}},{key:ct("refreshItemName"),value:function(t,e){var n;this.emit("setAttributeForMulti",w()({},t,{name:e})),null===(n=this.$el.$("[data-artboard-title-id='".concat(t,"']")))||void 0===n||n.text(e)}},{key:"calculateEndedElement",value:function(t,e){this.command("setAttributeForMulti","move item",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}},{key:ct("updateViewport"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView"),value:function(){this.$selection.current&&this.$selection.current.is("artboard")&&this.$selection.hasChangedField("x","y","width","height","transform","transform-origin")&&this.refresh()}},{key:Dt("$el")+Q,value:function(){var t=this;return this.$selection.currentProject.artboards.map((function(e){return{title:e.name,id:e.id,rect:[t.$viewport.applyVertex(e.verties[0]),t.$viewport.applyVertex(e.verties[1])]}})).map((function(e){return t.makeArtboardTitleArea(e)}))}},{key:"makeArtboardTitleArea",value:function(t){return'\n            <div class="artboard-title is-not-drag-area" \n                 data-artboard-title-id="'.concat(t.id,'" \n                 style="left: ').concat(t.rect[0][0],"px;top:").concat(t.rect[0][1],'px;"\n            >').concat(t.title,"</div>")}}]),n}(Xg);function Pb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ob(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Sb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jb=function(t){R()(n,t);var e=Sb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Dt("$el"),value:function(){var t=this;if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var n=e.parent,r=n.screenX,i=n.screenY,a=n.width,o=n.height,c=this.$editor.html.toGridLayoutCSS(n);return"<div style='".concat(xc(Ob({position:"absolute",left:r,top:i,width:a,height:o,border:"1px solid black"},c)),"'>\n                ").concat(n.layers.map((function(e){var n=t.$editor.html.toLayoutItemCSS(e);return"<div style='".concat(xc(Ob(Ob({},n),{},{border:"1px solid dashed"})),"'></div>")})).join(""),"\n            </div>")}return"<div></div>"}},{key:ct("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:ct("updateViewport"),value:function(){this.refresh()}}]),n}(Xg);n(20);function $b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rb=function(t){R()(n,t);var e=$b(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView"></div>            \n        '}},{key:"checkSelectionArea",value:function(t){var e=this.$viewport.getWorldPosition(t);if(this.$selection.hasPoint(e))return!0}},{key:"checkEditMode",value:function(t){if(this.$config.get("set.tool.hand"))return!1;var e=this.$shortcuts.getGeneratedKeyCode(dd.space);if(this.$keyboardManager.check(e))return!1;var n=this.$viewport.getWorldPosition(t);return this.inSelection=!1,this.$selection.hasPoint(n)?(this.inSelection=!0,this.$selection.current.is("artboard")&&this.$selection.current.hasChildren()?(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1),!0):(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0),!0)):(this.mouseOverItem=this.$selection.filteredLayers[0],this.mouseOverItem?(this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!0)):(this.$config.set("set.dragarea.mode",!0),this.$config.set("set.move.mode",!1)),!0)}},{key:jt("$dragAreaView")+U("checkEditMode")+Fg("movePointer")+Hg("moveEndPointer"),value:function(t){if(this.$config.get("set.dragarea.mode"))this.emit("startDragAreaView");else if(this.$config.get("set.move.mode"))if(this.initMousePoint=this.$viewport.getWorldPosition(),this.mouseOverItem=this.$selection.filteredLayers[0],t.altKey)!1===this.$selection.isEmpty&&this.$selection.hasPoint(this.initMousePoint)&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(this.mouseOverItem){var e=this.mouseOverItem.id;if(t.shiftKey)this.$selection.toggleById(e);else if(!1===this.$selection.check({id:e})){var n=this.$selection.currentProject.searchById(e);n&&n.is("artboard")&&n.hasChildren()||this.$selection.selectById(e)}}this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool",!0)}},{key:"movePointer",value:function(t,e){if(this.$config.get("set.dragarea.mode"))this.emit("moveDragAreaView");else if(this.$config.get("set.move.mode")){if(this.$selection.isLayoutItem)return;var n=this.$viewport.getWorldPosition(),r=i.floor([],i.subtract([],n,this.initMousePoint));this.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshAllCanvas"),this.emit("refreshLayerTreeView")),this.emit("setAttributeForMulti",this.$selection.pack("x","y")),this.emit("refreshSelectionTool",!0)}}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)})),3),n=i.add([],e,t),r={};this.$selection.cachedItemVerties.forEach((function(t){var e=t.verties.map((function(t){return i.add([],t,n)})),a=i.subtract([],i.transformMat4([],e[0],t.parentMatrixInverse),i.transformMat4([],t.verties[0],t.parentMatrixInverse));r[t.id]={x:Ca.px(t.x+a[0]).round(1e3),y:Ca.px(t.y+a[1]).round(1e3)}})),this.$selection.reset(r)}},{key:ct("selectionToolView.moveTo"),value:function(t){this.moveTo(t),this.emit("refreshSelectionTool",!0)}},{key:"moveEndPointer",value:function(){if(this.$config.get("set.dragarea.mode"))this.emit("endDragAreaView");else if(this.$config.get("set.move.mode")){var t=this.$viewport.getWorldPosition();if(i.floor([],i.subtract([],t,this.initMousePoint))<1){if(this.$selection.current.isSVG())return this.emit("open.editor"),void this.emit("removeGuideLine")}else this.$selection.reselect(),this.$snapManager.clear(),this.command("setAttributeForMulti","move item",this.$selection.pack("x","y"));this.emit("refreshSelectionTool",!0)}this.$config.set("set.dragarea.mode",!1),this.$config.set("set.move.mode",!1)}}]),n}(Xg);function Cb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mb=function(t){R()(n,t);var e=Cb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"selection",x:Ca.z(),y:Ca.z(),width:Ca.px(1e4),height:Ca.px(1e4),cachedCurrentElement:{},html:""}}},{key:"template",value:function(){return'\n            <div class="elf--drag-area-view" ref="$dragAreaView" style="pointer-events:none;">\n                <div class=\'drag-area-rect\' ref=\'$dragAreaRect\'></div>\n            </div>            \n        '}},{key:ct("drawAreaView"),value:function(t){this.refs.$dragAreaRect.css(t)}},{key:ct("initDrawAreaView"),value:function(){this.refs.$dragAreaRect.css({left:Ca.px(-1e4),top:Ca.z(),width:Ca.z(),height:Ca.z()})}},{key:ct("startDragAreaView"),value:function(){this.initMousePoint=this.$viewport.getWorldPosition(),this.$config.set("hoverView",!1),this.dragRect={left:Ca.px(this.initMousePoint[0]),top:Ca.px(this.initMousePoint[1]),width:Ca.z(),height:Ca.z()},this.trigger("drawAreaView",this.dragRect)}},{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:ct("moveDragAreaView"),value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.getWorldPosition(),n=i.floor([],i.subtract([],e,this.initMousePoint));t.shiftKey&&(n[1]=n[0]);var r=i.floor([],this.initMousePoint),a=i.floor([],i.add([],this.initMousePoint,n)),o=zo([this.$viewport.applyVertex(r),this.$viewport.applyVertex(a)]);if(this.dragRect={left:Ca.px(o[0][0]),top:Ca.px(o[0][1]),width:Ca.px(Math.abs(o[1][0]-o[0][0])),height:Ca.px(Math.abs(o[3][1]-o[0][1]))},this.trigger("drawAreaView",this.dragRect),this.$editor.isSelectionMode()){var c=this.dragRect,s=c.left,u=c.top,l=c.width,f=c.height,h={x:s.value,y:u.value,width:l.value,height:f.value};if(this.$selection.currentProject){var p,d=this.getSelectedItems(h,Ao([r,a]));(p=this.$selection).select.apply(p,fe()(d))&&(this.emit("refreshSelection"),this.emit("refreshSelectionTool",!0))}}}},{key:ct("endDragAreaView"),value:function(){var t=this.$viewport.getWorldPosition(),e=i.floor([],i.subtract([],t,this.initMousePoint));this.$config.set("hoverView",!0),0===e[0]&&0===e[1]&&this.$selection.empty(),this.trigger("initDrawAreaView"),this.$selection.reselect(),this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),this.emit("removeGuideLine")}}]),n}(Xg);n(21);function Tb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vb={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"},Eb=function(t){R()(n,t);var e=Tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:ct("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:ct("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:jt("$pointerRect .rotate-pointer")+Fg("rotateVertex")+Hg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.verties=ae(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),r=4===this.rotateTargetNumber?Do(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(ua(r,this.verties[4],n));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);if(n){var r=zc.addTransform(e.transform,"rotateZ(".concat(Ca.deg(a).round(1e3),")"));if(t.$config.get("bodyEvent").shiftKey){var i=zc.get(r,"rotateZ");if(i[0]){var o=i[0].value-i[0].value%t.$config.get("fixed.angle");r=zc.rotateZ(r,Ca.deg(o))}}n.reset({transform:r})}})),this.state.dragging=!0,this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform"))}},{key:"rotateEndVertex",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","change rotate",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=da(r[0],r[1]),o=Math.floor(a)-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:$t("$pointerRect .rotate-pointer")+U("checkPointerIsNotMoved"),value:function(t){this.refreshRotatePointerIcon(t)}},{key:$t("$pointerRect .pointer")+U("checkPointerIsNotMoved"),value:function(t){this.refreshPointerIcon(t)}},{key:Rt("$pointerRect .pointer,.rotate-pointer")+U("checkPointerIsNotMoved"),value:function(t){this.emit("recoverCursor")}},{key:jt("$pointerRect .pointer")+Fg("moveVertex")+Hg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=Vb["".concat(e)];this.initMousePoint=this.$viewport.getWorldPosition(t),this.state.moveType=n,this.state.moveTarget=e,this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.subtract([],Co.scale(a,e,n),t);return ha(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Ca.px(e[0]+(n<0?n:0)),y:Ca.px(e[1]+(r<0?r:0)),width:Ca.px(Math.abs(n)),height:Ca.px(Math.abs(r))})}},{key:"moveDirectionVertex",value:function(t,e,n,i,a){var o=fa(t.directionMatrix[i],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),c=r.getTranslation([],o);this.moveItem(this.$selection.get(t.id),c,e,n)}},{key:"moveBottomRightVertex",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=_t()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var c=n.width+a,s=n.height+o;e.moveDirectionVertex(n,c,s,"to top left",[0,0,0])}))}},{key:"moveTopRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom left",[0,c,0])}}},{key:"moveTopLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,o,c,"to bottom right",[o,c,0])}}},{key:"moveTopVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertex",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,o,c,"to top right",[o,0,0])}}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType?this.moveBottomVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.pack("x","y","width","height"))}))}},{key:"moveTo",value:function(t){t=i.floor([],t);var e=this.$snapManager.check(this.$selection.cachedRectVerties.map((function(e){return i.add([],e,t)}))),n=i.add([],t,e),r={};this.$selection.cachedItemVerties.forEach((function(t){r[t.id]={x:Ca.px(t.x+n[0]),y:Ca.px(t.y+n[1])}})),this.$selection.reset(r)}},{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.$selection.isEmpty){var t=this.$selection.verties,e=this.$selection.selectionVerties,n=r.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var i=this.createRenderPointers.apply(this,fe()(this.state.renderPointerList));if(i){var a=i.line,o=i.point,c=i.size;this.refs.$pointerRect.updateDiff(a+o+c)}}}},{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,a="";if(!(r&&r.is("artboard"))){var o=i.lerp([],t[0],t[1],.5);a+="\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(a,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.$selection.current.width.value,l=this.$selection.current.height.value,f=i.subtract([],c.data.start,c.data.end),h=da(f[0],f[1])+90,p="".concat(_i(u,100)," x ").concat(_i(l,100));if(this.state.isRotate){var d=zc.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(_i(d[0].value,1e3),"°"))}return'\n            <div \n                data-layout="'.concat(this.$selection.current.layout,"\"\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(t,e,n){var r=this.$selection.current,a=this.$editor.isPointerMove;if(!r||!r.is("text")||0!==r.width.value||0!==r.height.value){var o=r&&r.is("artboard"),c=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),s=Ca.deg(da(c[0],c[1])+90).round(1e3),u=Do(t,34),l=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,u,n[0]),size:this.createSize(t),point:[o?void 0:this.createRotatePointer(e[0],0),o?void 0:this.createRotatePointer(e[1],1),o?void 0:this.createRotatePointer(e[2],2),o?void 0:this.createRotatePointer(e[3],3),o?void 0:this.createRotatePointer(u,4,"center center"),a?void 0:this.createPointer(t[0],1,s),a?void 0:this.createPointer(t[1],2,s),a?void 0:this.createPointer(t[2],3,s),a?void 0:this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20||a?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11,s),l<20||a?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12,s),l<20||a?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13,s),l<20||a?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14,s)].join("")}}}},{key:"checkShow",value:function(){return!(!this.$selection.isOne||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:ct("refreshSelectionStyleView")+U("checkShow"),value:function(){this.renderPointers()}},{key:ct("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Tb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:ct("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:ct("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:ct("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),n}(Xg));function Ib(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Db=function(t){R()(n,t);var e=Ib(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isGroup",get:function(){return Boolean(this.layers.length)}},{key:"isLayoutItem",value:function(){return this.parent.hasLayout()}},{key:"hasLayout",value:function(){return"default"!==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}}]),n}(Uc);function Lb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ab(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zb=function(t){R()(n,t);var e=Ab(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(t){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Bb({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return Bb(Bb({},Ta()(V()(n.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 n(t)}}]),n}(Ec);function Fb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Hb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Gb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _b={};["appearance","position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","border-radius","border","box-shadow","clip-path","color","perspective-origin","transform-origin","transform-style","perspective","mix-blend-mode","overflow","opacity","flex-layout","grid-layout","animation","transition","pattern"].forEach((function(t){_b[t]=!0}));var Nb=function(t){R()(n,t);var e=Gb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Hb({position:"absolute",x:Ca.z(),y:Ca.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Ca.px(300),height:Ca.px(300),color:"black",overflow:"visible",opacity:1,"z-index":Ca.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 Hb(Hb(Hb({},Ta()(V()(n.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","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:"editable",value:function(t){if("border"==t&&this.hasChildren())return!1;switch(t){case"svg-item":case"box-model":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Boolean(_b[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 zb(Hb({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(fe()(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():Ca.z(),y:this.json.y?this.json.y.clone():Ca.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Ca.px(t.x.value+t.width.value),t.y2=Ca.px(t.y.value+t.height.value),t}},{key:"reset",value:function(t){var e=Ta()(V()(n.prototype),"reset",this).call(this,t);return e&&this.hasChangedField("clip-path")&&this.setClipPathCache(),e}},{key:"setClipPathCache",value:function(){var t=sf.parseStyle(this.json["clip-path"]);"path"===t.type&&(this.cacheClipPath=new _c(t.value.trim()))}},{key:"setCache",value:function(){Ta()(V()(n.prototype),"setCache",this).call(this),this.setClipPathCache()}},{key:"clipPathString",get:function(){if(this.cacheClipPath||this.setClipPathCache(),this.cacheClipPath)return this.cacheClipPath.clone().scaleTo(this.json.width.value,this.json.height.value)}}]),n}(Db);function Xb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xb(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Kb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ub=function(t){R()(n,t);var e=Kb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,Yb({itemType:"artboard",name:"New ArtBoard",width:Ca.px(1e3),height:Ca.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return Yb(Yb({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Tg.artboard}},{key:"editable",value:function(t){switch(t){case"border":case"border-radius":case"backdrop-filter":case"box-shadow":case"clip-path":return!1;case"artboard-size":case"layout":return!0}return Ta()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(Nb);function Wb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zb={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"},qb=function(t){R()(n,t);var e=Wb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:ct("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:ct("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:jt("$pointerRect .rotate-pointer")+Fg("rotateVertex")+Hg("rotateEndVertex"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.getWorldPosition(t),this.verties=this.groupItem.verties,this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertex",value:function(){var t=this,e=this.$viewport.getWorldPosition(),n=i.subtract([],e,this.initMousePoint),a=4===this.rotateTargetNumber?Do(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(ua(a,this.verties[4],n));this.$config.get("bodyEvent").shiftKey&&(o-=o%this.$config.get("fixed.angle")),this.localAngle=this.angle+o,this.groupItem.reset({transform:zc.rotateZ(this.groupItem.transform,Ca.deg(this.localAngle))});var c=la(o,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=Ji(e.verties,r.multiply([],e.parentMatrixInverse,c)),a=Do(n,34),o=sa(a[0]-n[4][0],a[1]-n[4][1])-270,s=i.transformMat4([],n[0],la(-o,n[4])),u=t.$selection.get(e.id);u&&u.reset({x:Ca.px(s[0]),y:Ca.px(s[1]),transform:zc.rotateZ(e.transform,Ca.deg(o))})})),this.state.dragging=!0,this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform"))}},{key:"rotateEndVertex",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.pack("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=i.subtract([],n,this.state.renderPointerList[0][4]),a=da(r[0],r[1]),o=Math.floor(a)-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:$t("$pointerRect .rotate-pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.refreshRotatePointerIcon(t)}},{key:$t("$pointerRect .pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.refreshPointerIcon(t)}},{key:Rt("$pointerRect .pointer,.rotate-pointer")+U("checkPointerIsNotMoved")+at,value:function(t){this.emit("recoverCursor")}},{key:jt("$pointerRect .pointer")+at+Fg("moveVertex")+Hg("moveEndVertex"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=Zb["".concat(e)],this.initMousePoint=this.$viewport.getWorldPosition(t),this.$selection.reselect(),this.initMatrix(!0),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,a,o){var c=i.add([],Co.scale(a,e,n),i.negate([],t));return ha(r.fromTranslation([],t),r.fromTranslation([],c),o,r.fromTranslation([],i.negate([],c)))}},{key:"calculateDistance",value:function(t,e,n){var r=i.clone(t),a=this.$snapManager.check([i.add([],r,e)]),o=i.add([],r,i.add([],e,a)),c=i.transformMat4([],r,n),s=i.transformMat4([],o,n);return i.floor([],i.add([],s,i.negate([],c)))}},{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:Ca.px(t[0]+(e<0?e:0)).round(1e3),y:Ca.px(t[1]+(n<0?n:0)).round(1e3),width:Ca.px(Math.abs(e)).round(1e3),height:Ca.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=ha(r.fromTranslation([],e[4]),t.itemMatrix,r.fromTranslation([],i.negate([],e[4]))),c=i.transformMat4([],e[0],o),s=_t()(c,2),u=s[0],l=s[1],f=i.distance(e[0],e[1]),h=i.distance(e[0],e[3]),p=this.$selection.get(t.id);p&&p.reset({x:Ca.px(u+n),y:Ca.px(l+a),width:Ca.px(f),height:Ca.px(h)})}},{key:"recoverItemForGroup",value:function(t,e,n){var i=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,c=t.accumulatedMatrix,s=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var u=fa(t.parentMatrixInverse,c,r.fromTranslation([],[a,o,0]),r.fromScaling([],[e,n,1]),s),l=Ji(t.verties,u);i.moveItemForGroup(t,l)}))}},{key:"moveBottomRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,c=e.height+a;this.moveDirectionVertex(e,0,0,o,c,"to top left",[0,0,0])}},{key:"moveTopRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,c=e.height-a;this.moveDirectionVertex(e,0,a,o,c,"to bottom left",[0,c,0])}},{key:"moveDirectionVertex",value:function(t,e,n,i,a,o,c){var s=i/t.width,u=a/t.height;if(s>=0&&u>=0){var l=fa(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(c,i,a,t.originalTransformOrigin,t.itemMatrix)),f=r.getTranslation([],l);this.moveGroupItem(f,i,a),this.recoverItemForGroup(t,s,u,e,n)}}},{key:"moveTopVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertex(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertex(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,c=e.height-a;this.moveDirectionVertex(e,i,a,o,c,"to bottom right",[o,c,0])}},{key:"moveLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=_t()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertex(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=_t()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertex(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertex",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=_t()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,c=e.height+a;this.moveDirectionVertex(e,i,0,o,c,"to top right",[o,0,0])}},{key:"moveVertex",value:function(){var t=this.$viewport.getWorldPosition(),e=i.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertex(e):"to top right"===this.state.moveType?this.moveTopRightVertex(e):"to top left"===this.state.moveType?this.moveTopLeftVertex(e):"to bottom left"===this.state.moveType?this.moveBottomLeftVertex(e):"to top"===this.state.moveType?this.moveTopVertex(e):"to left"===this.state.moveType?this.moveLeftVertex(e):"to right"===this.state.moveType?this.moveRightVertex(e):"to bottom"===this.state.moveType&&this.moveBottomVertex(e),this.emit("setAttributeForMulti",this.$selection.pack("x","y","width","height","transform")),this.state.dragging=!0}},{key:"moveEndVertex",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.state.dragging=!1,this.initMatrix(!0),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.pack("x","y","width","height","transform"))}))}},{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:"item",get:function(){var t=this.verties||Io(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new Ub),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Ca.px(t[0][0]),y:Ca.px(t[0][1]),width:Ca.px(i.dist(t[0],t[1])),height:Ca.px(i.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=ae(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.state.dragging?this.groupItem.verties:this.$selection.verties,e=this.groupItem.selectionVerties();if(0!==t.length){this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,fe()(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,n){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){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=i.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=i.lerp([],t[0],t[1],.5),n=i.lerp([],t[1],t[2],.5),r=i.lerp([],t[2],t[3],.5),a=i.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:a},{start:r,end:e},{start:a,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 c=o[0],s=i.lerp([],c.data.end,c.data.start,1+16/i.dist(c.data.start,c.data.end)),u=this.groupItem.width.value,l=this.groupItem.height.value,f=i.subtract([],c.data.start,c.data.end),h=da(f[0],f[1])+90,p="".concat(_i(u,100)," x ").concat(_i(l,100));if(this.state.isRotate){var d=zc.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(t,e){var n=this.$editor.isPointerMove,r=i.subtract([],i.lerp([],t[0],t[1],.5),i.lerp([],t[0],t[2],.5)),a=Ca.deg(da(r[0],r[1])-90).round(1e3),o=Do(t,30),c=i.dist(t[0],t[2]);return{line:this.createPointerRect(t,o),size:this.createSize(t),point:[this.createRotatePointer(e[0],0,"bottom right"),this.createRotatePointer(e[1],1,"bottom left"),this.createRotatePointer(e[2],2,"top left"),this.createRotatePointer(e[3],3,"top right"),this.createRotatePointer(o,4,"center center"),n?void 0:this.createPointer(t[0],1,a),n?void 0:this.createPointer(t[1],2,a),n?void 0:this.createPointer(t[2],3,a),n?void 0:this.createPointer(t[3],4,a),c<20||n?void 0:this.createPointer(i.lerp([],t[0],t[1],.5),11),c<20||n?void 0:this.createPointer(i.lerp([],t[1],t[2],.5),12),c<20||n?void 0:this.createPointer(i.lerp([],t[2],t[3],.5),13),c<20||n?void 0:this.createPointer(i.lerp([],t[3],t[0],.5),14)].join("")}}},{key:"checkShow",value:function(){return!(!this.$selection.isMany||!this.$selection.hasChangedField("x","y","width","height","transform","transform-origin","perspective","perspective-origin"))}},{key:ct("refreshSelectionStyleView")+U("checkShow"),value:function(){this.renderPointers()}},{key:ct("hideSelectionToolView"),value:function(){this.$el.hide()}}]),n}(function(t){R()(n,t);var e=Wb(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:ct("hideSelectionToolView"),value:function(){}},{key:ct("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:ct("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:ct("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:ct("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),n}(Xg));n(44);function Jb(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qb=function(t){R()(r,t);var e,n=Jb(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"components",value:function(){return{SelectionToolView:Eb,GroupSelectionToolView:qb,PageTools:vm,GridLayoutLineView:jb,DragAreaRectView:Mb,HTMLRenderView:pm,SelectionInfoView:wb,LayerAppendView:mm,PathEditorView:lb,PathDrawView:ib,HoverView:hb,GuideLineView:kb,DragAreaView:Rb}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.nextTick((function(){t.trigger("resizeCanvas"),t.emit("moveSelectionToCenter",!1),t.refreshCursor()}))}},{key:"template",value:function(){return"\n      <div class='elf--page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view' ref=\"$pageView\">\n          <div class='page-lock scrollbar' ref='$lock'>            \n            <object refClass=\"DragAreaView\" ref=\"$dragAreaView\" />               \n            <object refClass='HTMLRenderView' ref='$elementView' />                                        \n            <object refClass='SelectionToolView' ref='$selectionTool' />\n            <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n            <object refClass=\"DragAreaRectView\" ref=\"$dragAreaRectView\" />                  \n            <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />            \n            <object refClass='SelectionInfoView' ref='$selectionInfoView' />                                                            \n            <object refClass='GuideLineView' ref='$guideLineView' />            \n            <object refClass='HoverView' ref='$hoverView' />     \n            <object refClass='LayerAppendView' ref='$objectAddView' />       \n            <object refClass='PathEditorView' ref='$pathEditorView' />                 \n            <object refClass='PathDrawView' ref='$pathDrawView' />            \n          </div>\n        </div>\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:At("$pageView"),value:function(){return{style:{"--elf--canvas-background-color":this.$config.get("style.canvas.background.color")}}}},{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(t){return!!this.$config.get("set.tool.hand")||this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(dd.space))}},{key:jt("$lock")+U("checkSpace")+Fg("movePan")+Hg("moveEndPan"),value:function(t){this.startMovePan()}},{key:lt("set.tool.hand"),value:function(t){t?(this.startMovePan(),this.emit("refreshCursor","grab")):(this.emit("recoverCursor","auto"),this.emit("addStatusBarMessage",""))}},{key:"startMovePan",value:function(){this.lastDist=i.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n;this.emit("refreshCursor","grabbing");var r=i.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,fe()(i.transformMat4([],i.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:"refreshCursor",value:function(){!1===this.$config.get("set.tool.hand")?(this.emit("refreshCursor","auto"),this.emit("addStatusBarMessage","")):this.emit("refreshCursor","grab")}},{key:"moveEndPan",value:function(){this.refreshCursor()}},{key:At("$container"),value:(e=Fa()(Na.a.mark((function t(){var e,n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(fe()(this.state.cursorArgs||[])));case 2:return n=t.sent,t.abrupt("return",{style:{cursor:n}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return e.apply(this,arguments)})},{key:mt("$lock")+at,value:function(){}},{key:gt("$lock")+at,value:function(t){var e=this.$viewport.getWorldPosition(t);if(t.dataTransfer.getData("text/asset"))this.emit("drop.asset",{asset:{id:t.dataTransfer.getData("text/asset"),center:e}});else{nm.getAllDropItems(t);var n=qa.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:Vt("$lock")+at,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),[zt(e,24),zt(n,24),0]}(t),r=_t()(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 c=-2.5*i,s=-2.5*a;this.$viewport.pan(-c/this.$viewport.scale,-s/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:ct("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:ct("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"))}}]),r}(Xg);n(45);function tk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ek=function(t){R()(n,t);var e=tk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CanvasView:Qb,VerticalRuler:em,HorizontalRuler:Jg}}},{key:"template",value:function(){return"\n      <div class=\"elf--body-panel\">\n        <object refClass='HorizontalRuler' />\n        <object refClass='VerticalRuler' />\n        <object refClass='CanvasView' />        \n      </div>\n    "}},{key:At("$el"),value:function(){return{class:"elf--body-panel ".concat(this.$config.get("show.ruler")?"ruler":"")}}},{key:lt("show.ruler"),value:function(){this.refresh()}},{key:ct("bodypanel.toggle.fullscreen"),value:function(){this.refs.$el.toggleFullscreen()}}]),n}(Xg);n(46);function nk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rk=function(t){R()(n,t);var e=nk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='elf--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(Tg.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:ht("$close"),value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show("block")}},{key:"hide",value:function(){this.$el.hide()}}]),n}(Xg);n(47);function ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ak=function(t){R()(n,t);var e=ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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:ct("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.layers.map((function(e){return t.makeStyle(e)})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(this.$editor.html.renderSVG(e),"\n").concat(this.$editor.html.render(e),"\n        ");this.refs.$html.text(r);var i=e.layers.map((function(e){return t.$editor.svg.render(e)}));this.refs.$svgimage.text(i.join("\n\n")),this.refs.$svgimagePreview.html(qa.createByHTML("<div>".concat(i.map((function(t){return"<div>".concat(t,"</div>")})).join(""),"</div>")))}},{key:"makeStyle",value:function(t){return this.$editor.html.toStyle(t)}},{key:"makeHTML",value:function(t){return this.$editor.html.render(t)}},{key:ht("$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))}}]),n}(rk);so({ExportWindow:ak});n(48);function ok(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ck=new Set;pd.forEach((function(t){ck.add(t.category)}));var sk={};ck.forEach((function(t){pd.filter((function(e){return e.category===t})).forEach((function(t){sk[t.category]||(sk[t.category]=[]),sk[t.category].push(t)}))}));var uk={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},lk=hd(),fk=function(t){R()(n,t);var e=ok(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--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(uk[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(lk,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(sk).map((function(e){return t.getTemplateForCategory(e,sk[e])})).join(""),"\n        </div>\n        ")}},{key:ct("showShortcutWindow"),value:function(){this.show()}}]),n}(rk);so({ShortcutWindow:fk});n(49);function hk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pk=function(t){R()(n,t);var e=hk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--project-window"}},{key:"getTitle",value:function(){return"Project Manager"}},{key:"initState",value:function(){return{selectedIndex:1}}},{key:"getBody",value:function(){return'\n        <div class="project-container">\n            <div class="project-menu left">\n                Project Menu\n            </div>\n            <div class="project-list right">\n                Project List\n            </div>\n        </div>\n        '}},{key:ct("open.projects"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){this.$selection.currentProject}}]),n}(rk);so({ProjectWindow:pk});n(50);function dk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vk=function(t){R()(n,t);var e=dk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--notification-view'>\n            </div>\n        "}},{key:Et("$el"),value:function(t){qa.create(t.target).remove()}},{key:ht("$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]:1e3;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(Tg.close,"</span>\n        </div>\n    ")}},{key:ct("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1e3,i=qa.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),n}(Xg);function yk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gk=function(t){R()(n,t);var e=yk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{NotificationView:vk}}},{key:"template",value:function(){return"\n      <div class=\"popup-manger\">\n        <object refClass='ExportWindow' />\n        <object refClass='ProjectWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n        ".concat(this.$menuManager.generate("popup"),"\n      </div>\n    ")}}]),n}(Xg);function mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bk=["TEXTAREA","INPUT","SELECT"],kk=function(t){R()(n,t);var e=mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class="keyboard-manager"></div>\n    '}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!bk.includes(e)&&"true"!==qa.create(t.target).attr("contenteditable")}},{key:dt("document")+U("isNotFormElement")+at,value:function(t){this.emit("keymap.keydown",t)}},{key:vt("document")+U("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),n}(Xg);function xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wk=function(t){R()(n,t);var e=xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{selectedIndexValue:"style"}}},{key:"template",value:function(){var t=this;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="style" title=\''.concat(this.$i18n("inspector.tab.title.style"),"'>\n                <label class='icon'>").concat(Tg.palette,'</label>\n              </div>         \n              <div class="tab-item" data-value="transition" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Tg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="code" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Tg.code,"</label>\n              </div>          \n\n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                  <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                    <label>').concat(Tg[t.class.icon]||t.class.icon,"</label>\n                  </div>\n                ")})),'\n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="style">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                <object refClass="AppearanceProperty" />                                   \n\n                ').concat(this.$menuManager.generate("inspector.tab.style"),"                             \n                <div class='empty'></div>\n              </div>     \n              <div class='tab-content scrollbar' data-value='transition'>\n                ").concat(this.$menuManager.generate("inspector.tab.transition"),'              \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="code">\n                ').concat(this.$menuManager.generate("inspector.tab.code"),"                            \n                <div class='empty'></div>                           \n              </div>       \n            \n              \n              ").concat(this.$menuManager.getTargetMenuItems("inspector.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                  <div class='tab-content' data-value='".concat(r,"'>\n                    ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                    ").concat(t.$menuManager.generate("inspector.tab.".concat(r)),"\n                  </div>\n                ")})),"              \n            </div>\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$header .tab-item:not(.empty-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(Xg);function Pk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ok=function(t){R()(n,t);var e=Pk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"locales",get:function(){return Object.keys(this.$editor.i18n.locales)}},{key:"template",value:function(){var t=this,e=this.locales.map((function(e){return{text:t.$i18n("app.lang.".concat(e)),value:e}}));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(this.variable(e),'\n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:ut("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),n}(Xg);function Sk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jk=["dark","light"],$k=function(t){R()(n,t);var e=Sk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=jk.map((function(e){return{value:e,text:t.$i18n("app.theme.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.theme,'" \n                        onchange=').concat(this.subscribe((function(e,n){return t.emit("switchTheme",n)})),"\n                    /> \n                </div>\n            </div>\n        ")}}]),n}(Xg);function Rk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ck=function(t){R()(n,t);var e=Rk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){return{value:e,text:t.$i18n("app.layout.".concat(e))}}));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(this.variable(e),'\n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:ut("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),n}(Xg);function Mk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tk=function(t){R()(n,t);var e=Mk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{version:"0.10.73"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),n}(Xg);n(51);function Vk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ek=function(t){R()(n,t);var e=Vk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button class="elf--switch-left-panel" data-tooltip="Toggle left panel" data-direction="top left">'.concat(Tg.left_hide,"</button>\n        ")}},{key:ht(),value:function(){this.$config.toggle("show.left.panel")}}]),n}(Xg);n(52);function Ik(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dk=function(t){R()(n,t);var e=Ik(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n            <button class="elf--switch-right-panel" data-tooltip="Toggle right panel" data-direction="top right">'.concat(Tg.right_hide,"</button>\n        ")}},{key:ht(),value:function(){this.$config.toggle("show.right.panel")}}]),n}(Xg);n(53);function Lk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bk=function(t){R()(n,t);var e=Lk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LanguageSelector:Ok,ThemeSwitcher:$k,LayoutSelector:Ck,VersionView:Tk,SwitchLeftPanel:Ek,SwitchRightPanel:Dk}}},{key:"template",value:function(){return"\n            <div class='elf--status-bar'>\n                <div class='tool-view left' ref='$leftTool'>\n                    <object refClass=\"SwitchLeftPanel\" />\n                    ".concat(this.$menuManager.generate("statusbar.left"),"                    \n                </div>            \n                <div class='message-view' ref='$msg'></div>\n                <div class='tool-view' ref='$rightTool'>\n                    ").concat(this.$menuManager.generate("statusbar.right"),'\n                    <object refClass="LayoutSelector" />\n                    <object refClass="ThemeSwitcher" />\n                    <object refClass="LanguageSelector" />\n                    <object refClass="VersionView" />\n                    <object refClass="SwitchRightPanel" />                    \n                </div>\n            </div>\n        ')}},{key:"initState",value:function(){return{msg:""}}},{key:At("$msg"),value:function(){return{text:this.state.msg}}},{key:ct("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),n}(Xg);n(54);function Ak(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zk=function(t){R()(n,t);var e=Ak(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{tolerance:1,stroke:"black","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round",msg:this.$i18n("path.manager.msg")}}},{key:ct("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"]||Ca.number(1)))}},{key:ct("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='elf--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=').concat(this.variable(["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=').concat(this.variable(["miter","bevel","round"]),'\n              onchange="changeValue" \n            />\n          </div>\n        </div>\n      </div>    \n    ')}},{key:ut("changeValue"),value:function(t,e,n){this.updateData(w()({},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:ct("changePathManager"),value:function(t){this.setState({mode:t})}},{key:ct("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:ct("hideDrawManager"),value:function(){this.$el.hide()}}]),n}(Xg);n(55);function Fk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Hk={"segment-move":"modify",modify:"modify",path:"path"},Gk=function(t){R()(n,t);var e=Fk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"move",fill:null,stroke:null,"fill-opacity":null,"stroke-width":null,msg:this.$i18n("path.manager.msg")}}},{key:ct("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"]||Ca.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Ca.number(1)))}},{key:"template",value:function(){return"\n      <div class='elf--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(Tg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Tg.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(Tg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Tg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Tg.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(Tg.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:ct("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("setAttributeForMulti","change color assets",this.$selection.packByValue({stroke:e})))}},{key:ut("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change path",this.$selection.packByValue(w()({},t,e))),this.updateData(w()({},t,e))}},{key:At("$mode"),value:function(){return{"data-selected-value":Hk[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:ht("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:ht("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:ht("$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:ct("changePathManager"),value:function(t){this.setState({mode:t})}},{key:ct("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:ct("hidePathManager"),value:function(){this.$el.hide()}}]),n}(Xg);n(56);function _k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nk=function(t){R()(n,t);var e=_k(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{PathManager:Gk,DrawManager:zk}}},{key:"template",value:function(){return"\n      <div class='elf--page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n      </div>\n    "}}]),n}(Xg);function Xk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yk=function(t){R()(n,t);var e=Xk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'elf--menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'data-tooltip="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n            data-direction="').concat(this.getDirection(),'"\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Tg[this.getIconString()]||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:ht(),value:function(t){this.clickButton(t)}},{key:"getDirection",value:function(){return this.props.direction||""}}],[{key:"createMenuItem",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){R()(r,e);var n=Xk(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIconString",value:function(){return t.iconString||"add_box"}},{key:"getTitle",value:function(){return t.title||"New Item"}},{key:"isHideTitle",value:function(){return t.isHideTitle||!0}},{key:"clickButton",value:function(e){t.clickButton(e)}},{key:"getDirection",value:function(){return t.direction}}]),r}(n)}}]),n}(Xg);function Kk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Uk=function(t){R()(n,t);var e=Kk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.$el.$(".icon").css("transform","rotate(-30deg)")}},{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:ct("addLayerView"),value:function(t){this.setSelected("select"===t)}},{key:ct("refreshSelection"),value:function(){this.setSelected(this.$selection.isEmpty)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Wk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zk=function(t){R()(n,t);var e=Wk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"isHideTitle",value:function(){return!0}},{key:ct("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),n}(Yk);function qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddArtboard:Zk});var Jk=function(t){R()(n,t);var e=qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("rect"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Qk(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddRect:Jk});var tx=function(t){R()(n,t);var e=Qk(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("circle"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddCircle:tx});var nx=function(t){R()(n,t);var e=ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("text"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function rx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddText:nx});var ix=function(t){R()(n,t);var e=rx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ax(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddImage:ix});var ox=function(t){R()(n,t);var e=ax(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"draw"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddDrawPath:ox});var sx=function(t){R()(n,t);var e=cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ct("addLayerView"),value:function(t){this.setSelected("path"===t)}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function ux(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddPath:sx});var lx=function(t){R()(n,t);var e=ux(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"RectPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function fx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddSVGRect:lx});var hx=function(t){R()(n,t);var e=fx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"CirclePath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}so({AddSVGCircle:hx});var dx=function(t){R()(n,t);var e=px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);n(57);function vx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yx=function(t){R()(n,t);var e=vx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{SelectTool:Uk,AddArtboard:Zk,AddRect:Jk,AddCircle:tx,AddText:nx,AddImage:ix,AddDrawPath:ox,AddPath:sx,AddSVGRect:lx,AddSVGCircle:hx,AddSVGTextPath:dx}}},{key:"template",value:function(){return"\n      <div class='elf--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              \x3c!--object refClass='AddVideo' /--\x3e\n              ").concat(this.$menuManager.generate("tool.menu.css"),"\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              ").concat(this.$menuManager.generate("tool.menu.svg"),"              \n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:ct("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:ct("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:ht("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),n}(Xg);function gx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mx=function(t){R()(n,t);var e=gx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.projects.title")}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("open.projects")}}]),n}(Yk);function bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kx=function(t){R()(n,t);var e=bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wx=function(t){R()(n,t);var e=xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Px(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ox=function(t){R()(n,t);var e=Px(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function Sx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jx=function(t){R()(n,t);var e=Sx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);function $x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Rx=function(t){R()(n,t);var e=$x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){var e=this;this.emit("saveJSON"),this.nextTick((function(){e.emit("notify","alert","Save","Save the content on localStorage",2e3)}))}},{key:"isHideTitle",value:function(){return!0}}]),n}(Yk);n(58);function Cx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mx=function(t){R()(n,t);var e=Cx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{Projects:mx,Fullscreen:kx,KeyBoard:wx,ExportView:Ox,Download:jx,Save:Rx,PageSubEditor:Nk,ToolMenu:yx}}},{key:"template",value:function(){return"\n            <div class='elf--tool-bar'>\n                <div class='logo-item'>\n                    <label class='logo'></label>\n                </div>                 \n                <div class='left'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"Projects\" />\n                                <object refClass=\"Fullscreen\" />      \n                                ".concat(this.$menuManager.generate("toolbar.left"),"\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n                <div class='center'>\n                    <object refClass=\"ToolMenu\" />\n                    <object refClass='PageSubEditor' />  \n                </div>\n                <div class='right'>\n                    <div class='elf--tool-menu'>\n                        <div class='items'>\n                            <div class='draw-items'>\n                                <object refClass=\"KeyBoard\" />        \n                                <object refClass=\"ExportView\" />\n                                <object refClass=\"Download\" />\n                                <object refClass=\"Save\" />   \n                                ").concat(this.$menuManager.generate("toolbar.right"),"                             \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ")}}]),n}(Xg);function Tx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Vx=function(t){R()(n,t);var e=Tx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Ex(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ix=function(t){R()(n,t);var e=Ex(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Dx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Lx=function(t){R()(n,t);var e=Dx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Bx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ax=function(t){R()(n,t);var e=Bx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function zx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fx=function(t){R()(n,t);var e=zx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);function Hx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gx=function(t){R()(n,t);var e=Hx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),n}(Yk);function _x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nx=function(t){R()(n,t);var e=_x(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){console.log(t),this.emit("same.width")}}]),n}(Yk);function Xx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Yx=function(t){R()(n,t);var e=Xx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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")}}]),n}(Yk);n(59);function Kx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ux=function(t){R()(n,t);var e=Kx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"onToggleShow",value:function(){}},{key:"template",value:function(){return"\n        <div class='elf--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                </label>\n                <span class="tools">').concat(this.getTools(),"</span>\n            </div>"),"\n            <div class='property-body ").concat(this.getBodyClassName(),"'>").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:"getBodyClassName",value:function(){return""}},{key:"getKeyframeProperty",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:"getFooter",value:function(){return""}},{key:ht("$el .property-body .add-timeline-property")+at+ot,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:ht("$el .property-title .add-timeline-property")+at+ot,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&&(ne(t)&&t()||!ne(t)&&t.includes(n.itemType))?(this.show(),e&&this.refresh()):this.hide()}},{key:"startInputEditing",value:function(t){t&&(t.attr("contenteditable",!0),t.css({"background-color":"white",outline:"1px auto black",color:"black"}),t.focus())}},{key:"endInputEditing",value:function(t,e){if(t){t.attr("contenteditable",!1),t.css({"background-color":null,outline:null,color:null});var n=t.attr("data-index");e&&e(n,t.text().trim()),t.blur()}}},{key:"editableProperty",get:function(){return""}},{key:"checkShow",value:function(){return this.$selection.current&&this.$selection.current.editable(this.editableProperty)?(this.show(),!0):(this.hide(),!1)}}]),n}(Xg);n(60);function Wx(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zx=function(t){R()(n,t);var e=Wx(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LeftAlign:Lx,CenterAlign:Ix,RightAlign:Fx,TopAlign:Yx,MiddleAlign:Ax,BottomAlign:Vx,SameWidth:Nx,SameHeight:Gx}}},{key:"getTitle",value:function(){return this.$i18n("alignment.property.title")}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return'\n      <div class="elf--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" direction="bottom" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),n}(Ux);function qx(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Jx(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,qx(e))})),{str:t,matches:n}}function Qx(t,e){return e.forEach((function(e){t=t.replace(qx(e),e.parsedString)})),t}function tw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ew(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nw=/((cubic-bezier|steps)\(([^\)]*)\))/gi,rw=function(t){R()(n,t);var e=ew(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Ca.second(0),timingFunction:"linear",delay:Ca.second(0),iterationCount:Ca.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).duration=Ca.parse(t.duration),t.iterationCount=Ca.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?tw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tw(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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Jx(t,nw);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Ca.parse(e[0]),timingFunction:Qx(e[1],r.matches),delay:Ca.parse(e[2]),iterationCount:"infinite"===e[3]?Ca.string("infinite"):Ca.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Ca.parse(e[0]),timingFunction:Qx(e[1],r.matches),delay:Ca.parse(e[2]),name:e[3]}:e.length>=1?{duration:Ca.parse(e[0]),name:e[1]}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Ec);n(61);function iw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ow=function(t){R()(n,t);var e=aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.title")}},{key:"getBody",value:function(){return"<div class='animation-list' ref='$animationList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Fill">'.concat(Tg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Dt("$animationList")+Q,value:function(){var t=this,e=this.$selection.current;return e?rw.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=Rc(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(Tg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Tg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Tg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:ht("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add animation property",this.$selection.packByValue({animation:function(t){return rw.add(t.animation,{name:null})}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:ht("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:rw.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:ht("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=rw.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:rw.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=rw.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:ht("$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:ct("changeAnimationPropertyPopup"),value:function(t){var e=this;this.currentAnimation&&(this.currentAnimation.reset(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?iw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):iw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.command("setAttributeForMulti","change animation property",this.$selection.packByValue({animation:function(t){return rw.replace(t.animation,e.selectedIndex,e.currentAnimation)}})),this.refresh()))}}]),n}(Ux);n(62);function cw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sw=function(t){R()(n,t);var e=cw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n        <div class='elf--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(Tg.close,"</button>\n                </span>\n            </div>\n            <div class='popup-body'>").concat(this.getBody(),"</div>\n            \x3c!--<div class='popup-resizer' ref='$resizer'></div> --\x3e\n        </div>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"getTitle",value:function(){return""}},{key:"getTools",value:function(){return""}},{key:"getBody",value:function(){return""}},{key:ht("$close"),value:function(){this.$el.hide()}},{key:jt("$title")+Fg("movePopupTitle")+Hg("endPopupTitle"),value:function(){this.x=Ca.parse(this.$el.css("left")),this.y=Ca.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Ca.px(this.x.value+t),r=Ca.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?Ca.parse(r):Ca.px(110),o="auto"!==i?Ca.parse(i):Ca.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:ct("hidePropertyPopup"),value:function(){this.hide()}},{key:jt("$resizer")+Fg("moveResizer"),value:function(t){this.width=Ca.parse(this.$el.css("width")),this.height=Ca.parse(this.$el.css("height"))}},{key:"moveResizer",value:function(t,e){this.$el.css({width:Ca.px(Math.min(this.width.value+t,1e3)),height:Ca.px(Math.min(this.height.value+e,700))})}}]),n}(Xg);n(63);function uw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hw=function(t){R()(n,t);var e=fw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=lw(lw({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--animation-property-popup' ref='$popup'></div>"}},{key:Dt("$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:Dt("$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:kt("$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:ut("changeSelect"),value:function(t,e){this.updateData(w()({},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:ut("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Ca.number(e.value):Ca.string(e.unit)),this.updateData(w()({},t,e))}},{key:ut("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ct("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:ct("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),n}(sw);function pw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dw=["visible","hidden","scroll","auto"],vw=function(t){R()(n,t);var e=pw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return this.variable(dw.map((function(e){return{value:e,text:t.$i18n("background.color.property.overflow.".concat(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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" \n          ref='$color' \n          label=\"".concat(this.$i18n("background.color.property.color"),"\" \n          key='background-color' \n          onchange=\"changeColor\" \n        />\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:ut("changeColor"),value:function(t,e){this.command("setAttributeForMulti","change background color",this.$selection.packByValue(w()({},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:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"appearance"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux),yw=[{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"}]}]}];n(64);function gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mw=function(t){R()(n,t);var e=gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"elf--artboard-size-list"}},{key:"editableProperty",get:function(){return"artboard-size"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=yw.map((function(t,e){return{category:t.category,index:e}}));return'\n      <object refClass="SelectEditor"  \n        ref=\'$select\' \n        value="'.concat(t[0].category,'" \n        options=').concat(this.variable(t.map((function(t){return t.category})))," \n        onchange='changeSizeIndex'\n      />\n    ")}},{key:ut("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;yw.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:ht("$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:Dt("$list")+Q,value:function(){var t=this;return yw[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),n}(Ux),bw=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function kw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xw=function(t){R()(n,t);var e=kw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("backdrop.filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getTitleClassName",value:function(){return"filter"}},{key:"getKeyframeProperty",value:function(){return"backdrop-filter"}},{key:"getBodyClassName",value:function(){return"no-padding"}},{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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Dt("$filterSelect"),value:function(){var t=this,e=bw.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(fe()(e),[{title:"-------",value:""}],fe()(n)):fe()(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:Dt("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="backdrop-filter" value=\''.concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />\n      </div>\n    ")}},{key:ut("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change backdrop filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"backdrop-filter"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);function ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pw=function(t){R()(n,t);var e=ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Background Clip"}},{key:"isFirstShow",value:function(){return!1}},{key:"getTools",value:function(){return"<div ref='$backgroundClip' style='padding-top: 3px;'></div>"}},{key:Dt("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'\n      <object refClass="SelectEditor"  \n          ref=\'$1\' \n          key=\'background-clip\' \n          icon="true" \n          value="'.concat(t,'" \n          options=').concat(this.variable(["","paddinb-box","border-box","content-box","text"]),' \n          onchange="changeSelect" \n      />')}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change background clip",this.$selection.packByValue(w()({},t,e)))}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),n}(Ux);n(65);function Ow(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Sw={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Tg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Tg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Tg.repeat," Conic")},jw={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"},$w=function(t){R()(n,t);var e=Ow(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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""===t?[]:Rl.parseStyle(wc(t))}},{key:"setValue",value:function(t){console.log("aaaa",t),this.setState({value:t,images:this.parseBackgroundImage(t)})}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n            <div class='elf--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(Tg.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:Dt("$fillList")+Q,value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=jw[i.type],o=Sw[i.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(c,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(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(Tg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=xc(Rl.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:ct("add"),value:function(){this.state.images.push(new Rl({image:new nl({angle:90,colorsteps:[new Lu({percent:0,color:"white",index:0}),new Lu({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:yt("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$fillList .fill-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:gt("$fillList .fill-item")+at,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:ht("$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:ct("selectFillPopupTab"),value:function(t,e){var n=jw[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:ut("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,w()({},t,e),n)}},{key:ut("changePattern"),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),n}(Xg);n(66);function Rw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Cw=function(t){R()(n,t);var e=Rw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Ca.z(),y:this.props.y||Ca.z(),width:this.props.width||Ca.z(),height:this.props.height||Ca.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"  \n          label="'.concat(this.$i18n("background.image.position.popup.size"),"\" \n          ref='$size' \n          key='size' \n          value=\"").concat(this.state.size,'" \n          options=').concat(this.variable(["contain","cover","auto"]),'\n          onchange="changeRangeEditor" />      \n      </div>\n    ')}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:ht("$repeat button"),value:function(t){var e=t.$dt;this.refs.$repeat.attr("data-value",e.value),this.updateData({repeat:e.value})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Dt("$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:ct("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),n}(sw);function Mw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Tw=function(t){R()(n,t);var e=Mw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Dt("$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:"editableProperty",get:function(){return"background-image"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBackgroundImage"),value:function(t,e){this.command("setAttributeForMulti","change background image",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(67);function Vw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ew(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Iw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dw=function(t){R()(n,t);var e=Iw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:this.props.x,y:this.props.y,width:this.props.width,height:this.props.height,repeat:this.props.repeat,size:this.props.size,blendMode:this.props.blendMode,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(Ew({},t))}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:ct("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Ew({},t))}}]),n}(Xg),Lw={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Bw=function(){function t(){O()(this,t)}return j()(t,null,[{key:"parseStyle",value:function(t){return wc(t)}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){Lw[t]?e=t:pu.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}();n(68);function Aw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zw=["border"],Fw={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},Hw=function(t){R()(n,t);var e=Aw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Bw.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 Bw.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=Bw.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Dt("$editorArea"),value:function(){var t=this;return zw.map((function(e){var n=Fw[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=\"elf--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:ut("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),n}(Xg);n(69);function Gw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _w=function(t){R()(n,t);var e=Gw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:Dt("$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:"editableProperty",get:function(){return"border"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeKeyValue"),value:function(t,e){this.command("setAttributeForMulti","change border",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(70);function Nw(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Xw=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Yw=function(t){R()(n,t);var e=Nw(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:Bw.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 Bw.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=Bw.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Ca.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="elf--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(Xw,"' 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:ut("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),n}(Xg);function Kw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kw(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Kw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ww(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Zw=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],qw=Zw.map((function(t){return t.key})),Jw={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Tg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Tg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Tg.repeat," Conic")},Qw=function(t){R()(n,t);var e=Ww(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Border Image"}},{key:ct("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:ht("$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:Dt("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?Jw[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:ut("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&qw.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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(Zw.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:kt("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:ht("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:ht("$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=fe()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||$a.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=$a.CENTER}return e}},{key:"viewFillPopup",value:function(t,e){var n=this.$selection.current;n&&this.emit("showFillPopup",Uw(Uw({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(Jw.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(Jw[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:ct("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 qw.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:ht("$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()}}]),n}(Ux);n(71);function tP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var eP=[{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"}],nP=eP.map((function(t){return t.key})),rP=function(t){R()(n,t);var e=tP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return is.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='elf--border-radius-editor' ref='$body'></div>"}},{key:ut("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&nP.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(eP.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:xt("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:kt("$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,nP.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"]+"":nP.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:ht("$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()}}]),n}(Xg);function iP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var aP=function(t){R()(n,t);var e=iP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("border.radius.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"border-radius"}},{key:"getBody",value:function(){return"<div class=\"property-item full border-radius-item\" ref='$body'></div>"}},{key:Dt("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:"editableProperty",get:function(){return"border-radius"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBorderRadius"),value:function(t){this.command("setAttributeForMulti","change border radius",this.$selection.packByValue({"border-radius":t}))}}]),n}(Ux);n(72);function oP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cP=[];["margin","padding"].forEach((function(t){cP.push.apply(cP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var sP=function(t){R()(n,t);var e=oP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:"editableProperty",get:function(){return"box-model"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:"getBody",value:function(){return'<div class="property-item elf--box-model-item" ref="$boxModelItem"></div>'}},{key:"templateInput",value:function(t,e){var n=e[t]||Ca.z();return'<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />')}},{key:Dt("$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:xt("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};cP.forEach((function(n){e[n]=Ca.px(t.getRef("$",n).value)})),this.command("setAttributeForMulti","change padding or margin",this.$selection.packByValue(e))}}]),n}(Ux);n(73);function uP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lP=function(t){R()(n,t);var e=uP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Ks.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Tg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Dt("$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(Tg.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(Tg.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:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:ct("add"),value:function(){this.state.boxShadows.push(new Ks({offsetX:Ca.px(2),offsetY:Ca.px(2),blurRadius:Ca.px(3),spreadRadius:Ca.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:ht("$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:ht("$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){var e=this;this.emit("showBoxShadowPropertyPopup",{changeEvent:function(t,n){var r=e.state.boxShadows[e.selectedIndex];r&&(r.reset(t),e.refresh(),e.modifyBoxShadow())},color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}}]),n}(Xg);function fP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hP=function(t){R()(n,t);var e=fP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("boxshadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full box-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:Dt("$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(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:"editableProperty",get:function(){return"box-shadow"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeBoxShadow"),value:function(t){this.command("setAttributeForMulti","change box shadow",this.$selection.packByValue({"box-shadow":t}))}}]),n}(Ux);n(74);function pP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yP=function(t){R()(n,t);var e=vP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z(),spreadRadius:Ca.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='elf--box-shadow-property-popup' ref='$popup'></div>"}},{key:Dt("$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\" \n              ref='$spreadRadius' \n              label='Spread' \n              key='spreadRadius' \n              value=\"").concat(this.state.spreadRadius,"\" \n              onchange='changeRangeEditor' \n            />        \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:ht("$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:jt("$popup .drag-board")+Fg("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(c),this.updateData({offsetX:Ca.px(o),offsetY:Ca.px(c)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:ct("showBoxShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeBoxShadowPropertyPopup",this.setState(dP(dP({},t),{},{params:e})),this.refresh(),this.show(432)}},{key:ct("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),n}(sw);function gP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mP=function(t){R()(n,t);var e=gP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Ca("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];return qt(s)&&(s=c),{radius:e,x:c=Ca.parse(c),y:s=Ca.parse(s)}}},{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:At("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jt("$area")+Fg()+Hg(),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=Ca.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Ca.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:ut("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Ca("","closest-side"):r.includes("farthest-side")&&(n=new Ca("","farthest-side")),this.updateData({radius:n})}}}]),n}(Xg);function bP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kP=function(t){R()(n,t);var e=bP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=_t()(e,2),r=n[0],i=n[1],a=nf.parse(r),o=_t()(a,5),c=o[0],s=o[1],u=o[2],l=o[3],f=o[4];if(i)var h=nf.parse(i),p=_t()(h,5),d=p[0],v=p[1],y=p[2],g=p[3],m=p[4];return{isAll:1===c,top:s,right:u,bottom:l,left:f,round:i,isAllRadius:1===d,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=Ca.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),c=e.toPx(220),s=o.clone(),u=Ca.percent(100-r.value).toPx(220),l=Ca.percent(100-n.value).toPx(220),f=Ca.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),h=i.toPx(220),p=Ca.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),d=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(c,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(l,";top: ").concat(f,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(s,";top: ").concat(u,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(h,";top: ").concat(p,";'></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(h,";top: ").concat(c,";width: ").concat(Ca.px(l.value-i.value),";height: ").concat(Ca.px(u.value-c.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(d," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:At("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ht("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Dt("$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:ut("changeBorderRadius"),value:function(t){var e=_t()(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),c=Ca.percent(a).toPx(220),s=e.toPx(220),u=Ca.percent(a).toPx(220),l=Ca.percent(100-r.value).toPx(220),f=Ca.percent(100-n.value).toPx(220),h=Ca.percent(o).toPx(220),p=i.toPx(220),d=Ca.percent(o).toPx(220);this.refs.$top.css({left:c,top:s}),this.refs.$right.css({left:f,top:h}),this.refs.$bottom.css({left:u,top:l}),this.refs.$left.css({left:p,top:d}),this.refs.$clipArea.css({left:p,top:s,width:Ca.px(f.value-p.value),height:Ca.px(l.value-s.value)}),this.bindData("$clipAreaView")}},{key:jt("$area .clip-area-handle")+Fg("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:Ca.parse(this.$target.css("left")),top:Ca.parse(this.$target.css("top")),width:Ca.parse(this.$target.css("width")),height:Ca.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=Ca.px(i),c=Ca.px(a);this.updateData({top:c.toPercent(this.areaRect.height).round(100),bottom:Ca.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Ca.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:jt("$area .drag-pointer")+Fg(),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=Ca.px(n-this.areaRect.x),a=Ca.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Ca.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Ca.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,c=t.leftRadius,s=t.bottomRadius,u=t.rightRadius,l=[e,n,i,r].join(" "),f=[o,u,s,c].join(" ");return"".concat(l," ").concat(a&&f.trim()?"round ".concat(f):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(Xg);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){w()(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}function PP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OP=function(t){R()(n,t);var e=PP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(r,2),a=i[0],o=i[1];return{x:Ca.parse(a).toPx(e),y:Ca.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:Dt("$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(Tg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Tg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:ht("$area")+at,value:function(t){if(qa.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:Ca.px(n-this.areaRect.left),y:Ca.px(r-this.areaRect.top)}),this.refresh()}}},{key:ht("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:ht("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:At("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Dt("$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:ht("$area .drag-pointer")+q+at,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:jt("$area .drag-pointer")+Fg(),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=Ca.px(n-this.areaRect.x),a=Ca.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:Ca.px(n.value+10),y:Ca.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]=wP(wP({},this.state.value[t]),e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),n}(Xg);function SP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jP=function(t){R()(n,t);var e=SP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=_t()(a,2),c=o[0],s=o[1];qt(s)&&(s=c),c=Ca.parse(c),s=Ca.parse(s);var u=e.split(" "),l=_t()(u,2),f=l[0],h=l[1];return qt(h)&&(h=f),{radiusX:f=Ca.parse(f),radiusY:h=Ca.parse(h),x:c,y:s}}},{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:At("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:jt("$area")+Fg()+Hg(),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=Ca.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Ca.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:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e.clone()))}}]),n}(Xg);n(75);function $P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RP=function(t){R()(n,t);var e=$P(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{CircleEditor:mP,InsetEditor:kP,PolygonEditor:OP,EllipseEditor:jP}}},{key:"getTitle",value:function(){return"ClipPath"}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return sf.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='elf--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:Dt("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Dt("$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:ut("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:ct("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(sf.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:ct("hideClipPathPopup"),value:function(){this.hide()}}]),n}(sw);n(76);function CP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MP=["circle","ellipse","inset","polygon","path","svg"],TP=function(t){R()(n,t);var e=CP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("clippath.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"clip-path"}},{key:"getClassName",value:function(){return"clip-path-property"}},{key:"getBody",value:function(){return"<div class='elf--clip-path-list' ref='$clippathList'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$clipPathSelect">      \n        '.concat(MP.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(Tg.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(Tg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:ht("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:ht("$clippathList .del")+at,value:function(t){var e=this;this.$selection.current&&(this.command("setAttributeForMulti","delete clip-path",this.$selection.packByValue({"clip-path":""})),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:"editableProperty",get:function(){return"clip-path"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:Dt("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:ht("$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("setAttributeForMulti","change clip-path",this.$selection.packByValue({"clip-path":this.refs.$clipPathSelect.value}))),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this,e=this.$selection.current;if(e)switch(sf.parseStyle(e["clip-path"]).type){case"path":var n=e.accumulatedPath(e.clipPathString).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:function(n){n.d=e.invertPath(n.d).scale(1/e.width.value,1/e.height.value).d,t.updatePathInfo({"clip-path":"path(".concat(n.d,")")})},current:e,d:n});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"],changeEvent:function(e){t.updatePathInfo(e)}})}}},{key:"updatePathInfo",value:function(t){if(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttributeForMulti","change clip-path",this.$selection.packByValue(t)))}}}]),n}(Ux);n(77);function VP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EP=function(t){R()(n,t);var e=VP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:"checkParentTab",value:function(){return"code"===this.parent.state.selectedIndexValue}},{key:ct("refreshSelectionStyleView","refreshSelection")+U("checkParentTab"),value:function(){this.refresh()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item elf--code-view-item\" ref='$body'></div>\n    "}},{key:Dt("$body")+Q,value:function(){return[this.$editor.html.codeview(this.$selection.current)]}}]),n}(Ux);function IP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DP=function(t){R()(n,t);var e=IP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:At("$bar"),value:function(){var t=this.state.hue;return{style:{left:Ca.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:jt("$container")+Fg("movePointer")+Hg("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})}}]),n}(Xg);function LP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BP=function(t){R()(n,t);var e=LP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{colorbar:pu.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:At("$colorbar"),value:function(){var t=ae(this.state.colorbar);t.a=0;var e=pu.format(t,"rgb");t.a=1;var n=pu.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:At("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Ca.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:jt("$container")+Fg("movePointer")+Hg("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.toFixed(2)})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),n}(Xg);function AP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zP=function(t){R()(n,t);var e=AP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:At("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),n}(Xg);function FP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HP=function(t){R()(n,t);var e=FP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n        <div class="information hex">\n            <div ref="$informationChange" class="information-change">\n                <button ref="$formatChangeButton" type="button" class="format-change-button arrow-button"></button>\n            </div>\n            <div class="information-item hex">\n                <div class="input-field hex">\n                    <input ref="$hexCode" class="input" type="text" />\n                    <div class="title">HEX</div>\n                </div>\n            </div>\n            <div class="information-item rgb">\n                <div class="input-field rgb-r">\n                    <input ref="$rgb_r" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">R</div>\n                </div>\n                <div class="input-field rgb-g">\n                    <input ref="$rgb_g" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">G</div>\n                </div>\n                <div class="input-field rgb-b">\n                    <input ref="$rgb_b" class="input" type="number" step="1" min="0" max="255" />\n                    <div class="title">B</div>\n                </div>          \n                <div class="input-field rgb-a">\n                    <input ref="$rgb_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>                                                            \n            </div>\n            <div class="information-item hsl">\n                <div class="input-field hsl-h">\n                    <input ref="$hsl_h" class="input" type="number" step="1" min="0" max="360" />\n                    <div class="title">H</div>\n                </div>\n                <div class="input-field hsl-s">\n                    <input ref="$hsl_s" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>\n                    <div class="title">S</div>\n                </div>\n                <div class="input-field hsl-l">\n                    <input ref="$hsl_l" class="input" type="number" step="1" min="0" max="100" />\n                    <div class="postfix">%</div>                        \n                    <div class="title">L</div>\n                </div>\n                <div class="input-field hsl-a">\n                    <input ref="$hsl_a" class="input" type="number" step="0.01" min="0" max="1" />\n                    <div class="title">A</div>\n                </div>\n            </div>\n        </div>\n        '}},{key:"manager",get:function(){return this.parent.manager}},{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:"hasValue",value:function(t){return""!==t.target.value}},{key:xt("$rgb_r")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_g")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_b")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$rgb_a")+U("hasValue"),value:function(t){this.changeRgbColor()}},{key:xt("$hsl_h")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_s")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_l")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:xt("$hsl_a")+U("hasValue"),value:function(t){this.changeHslColor()}},{key:vt("$hexCode")+U("hasValue"),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:ht("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:ht("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:ht("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:ht("$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()}}]),n}(Xg);function GP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _P=function(t){R()(n,t);var e=GP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:At("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:At("$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:Ca.px(t),top:Ca.px(e)}}}},{key:jt("$el")+Fg("movePointer")+Hg("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),c=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:c})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),n}(Xg),NP=[{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=NP.length;t<e;t++){var n=NP[t],r=pu.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var XP={colors:NP,checkHueColor:function(t){for(var e,n,r=0;r<NP.length;r++)if(NP[r].start>=t){e=NP[r-1],n=NP[r];break}return e&&n?pu.mix(e,n,(t-e.start)/(n.start-e.start)):NP[0].rgb}};function YP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KP(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YP(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var UP=function(){function t(){O()(this,t),this.initialize()}return j()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{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}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){"string"==typeof(t=t||"#FF0000")&&(t=pu.parse(t)),this.state.alpha=void 0!==t.a?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=KP(KP({},this.state.hsl),t),this.state.rgb=pu.HSLtoRGB(this.state.hsl),this.state.hsv=pu.HSLtoHSV(t)):"hex"==t.type||"rgb"==t.type?(this.state.rgb=KP(KP({},this.state.rgb),t),this.state.hsl=pu.RGBtoHSL(this.state.rgb),this.state.hsv=pu.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=KP(KP({},this.state.hsv),t),this.state.rgb=pu.HSVtoRGB(this.state.hsv),this.state.hsl=pu.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return XP.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 pu.format(KP(KP({},e),{},{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}}]),t}();function WP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZP=function(t){R()(n,t);var e=WP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"created",value:function(){this.manager=new UP}},{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:ut("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:DP,Opacity:BP,ColorView:zP,Palette:_P,ColorInformation:HP}}},{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      '}}]),n}(Xg);n(78);function qP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JP=function(t){R()(n,t);var e=qP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact elf--colorpicker-popup"}},{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(){var t=this;return"\n    <div class=\"elf--color-picker-popup\">\n      <div class='box'>\n        <object \n          refClass=\"EmbedColorPicker\" \n          ref='$color' \n          value='".concat(this.state.color,"' \n          onchange=").concat(this.subscribe((function(e){return t.updateData({color:e})}))," \n          onchangeend=").concat(this.subscribe((function(e){return t.updateEndData({color:e})}))," />\n      </div>\n    </div>\n  ")}},{key:Dt("$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:ht("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:ct("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof _g))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:ct("hideColorPickerPopup"),value:function(){this.hide()}}]),n}(sw);function QP(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tO=function(t){R()(n,t);var e=QP(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ut("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:ut("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)}}]),n}(Xg);function eO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function rO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iO=function(t){R()(n,t);var e=rO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var t=this.$selection.current;return!(!t||!t.is("component"))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(e){var n=t.$selection.current;return t.$editor.components.createInspector(n).length>0}))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load())}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"getPropertyEditor",value:function(t,e,n,r,i){return te(r)?'\n        <div>  \n          <object refClass="'.concat(r,'" ').concat(Pc(nO(nO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t),key:e})),'>\n            <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n          </object>\n        </div>"):Object.keys(r).map((function(r){return'\n          <div>\n            <object refClass="'.concat(r,'" ').concat(Pc(nO(nO({},i),{},{onchange:"changeComponentProperty",ref:"".concat(e).concat(t).concat(r),key:e})),'>\n              <property name="value" valueType="json">').concat(JSON.stringify(n||{}),"</property>\n            </object>\n          </div>")})).join("")}},{key:Dt("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":this.$editor.components.createInspector(e).map((function(n,r){return te(n)?"\n          <div class='property-item is-label'> \n            <label class='label string-label'>".concat(n,"</label>\n          </div>"):"\n          <div class='property-item'> \n            ".concat(t.getPropertyEditor(r,n.key,e[n.key]||n.defaultValue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:ut("changeComponentProperty"),value:function(t,e){var n,r=this.$selection.current,i=null===(n=this.$editor.components.createInspector(r).find((function(e){return e.key===t})))||void 0===n?void 0:n.convert,a=i?i(r,t,e):w()({},t,e);this.command("setAttributeForMulti","change component : "+t,this.$selection.packByValue(a))}}]),n}(Ux);n(79);function aO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oO=function(t){R()(n,t);var e=aO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Content"}},{key:ct("refreshSelection","refreshContent")+tt(100),value:function(){this.refreshShow(["text"])}},{key:"getBody",value:function(){return'\n      <div class="property-item elf--content-item">\n        <textarea ref="$contentItem"></textarea>\n      </div>\n    '}},{key:At("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:xt("$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("refreshSelectionStyleView",t)}}}]),n}(Ux),cO=[{key:"style.canvas.background.color",defaultValue:"#ececec",title:"Canvas Background Color",description:"Set canvas background color",type:"color"},{key:"area.width",defaultValue:100,title:"Area Width to find layers fastly",description:"Set area width/height",type:"number"},{key:"store.key",defaultValue:"easylogic.studio",title:"Store Key",description:"Set localStorage key",type:"number"},{key:"set.tool.hand",defaultValue:!1,title:"Hand tool",description:"Hand tool is on",type:"boolean"},{key:"canvas.width",defaultValue:1e4,title:"Default canvas width",description:"Set default canvas width",type:"number"},{key:"canvas.height",defaultValue:1e4,title:"Default canvas height",description:"Set default canvas height",type:"number"},{key:"body.move.ms",defaultValue:30,title:"pointer move delay millisecond",description:"Set delay millisecond to moving pointer in body  ",type:"number"},{key:"debug",defaultValue:!1,title:"debug mode",description:"Set debug mode to on ",type:"boolean"},{key:"fixed.angle",defaultValue:15,title:"fixed angle count",description:"Set fixed angle",type:"number"},{key:"show.ruler",defaultValue:!0,title:"Show ruler",description:"Set ruler visibility to on",type:"boolean"},{key:"show.left.panel",defaultValue:!0,title:"Show left panel",description:"Set left panel visibility to on",type:"boolean"},{key:"show.right.panel",defaultValue:!0,title:"Show right panel",description:"Set right panel visibility to on",type:"boolean"},{key:"snap.distance",defaultValue:3,title:"Snap distance between objects",description:"Set snap distance",type:"number"},{key:"snap.grid",defaultValue:50,title:"Snap grid size between objects",description:"Set snap grid size",type:"number"},{key:"history.delay.ms",defaultValue:1e3,title:"history delay milliseconds",description:"Set history delay time",type:"number"}];function sO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function uO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function lO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fO=function(t){R()(n,t);var e=lO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,uO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Tg.rect}},{key:"toCloneObject",value:function(){return uO(uO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Tg.rect}}]),n}(Nb);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}function pO(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){w()(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}function dO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vO=function(t){R()(n,t);var e=dO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,pO({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),n}(fO);function yO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bO=function(t){R()(n,t);var e=mO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,gO({itemType:"image",name:"New Image",elementType:"image",src:""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"toCloneObject",value:function(){return gO(gO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),n}(fO);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 xO(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){w()(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}function wO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var PO=function(t){R()(n,t);var e=wO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,xO({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),n}(fO);function OO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $O={};["appearance","border","border-radius","background-image","backdrop-filter","clip-path","pattern","box-shadow","layout","transform","transform-origin","perspective","perspective-origin","backdrop-filter"].forEach((function(t){$O[t]=!0}));var RO=function(t){R()(n,t);var e=jO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,SO({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:"editable",value:function(t){if($O[t])return!1;switch(t){case"svg-item":return!0}return Ta()(V()(n.prototype),"editable",this).call(this,t)}},{key:"toCloneObject",value:function(){return SO(SO({},Ta()(V()(n.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}}]),n}(fO);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 MO(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VO=function(t){R()(n,t);var e=TO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,MO({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){Ta()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new _c(this.json.d))}},{key:"setCache",value:function(){Ta()(V()(n.prototype),"setCache",this).call(this),this.cachePath=new _c(this.json.d)}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new _c(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"toCloneObject",value:function(){return MO(MO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),{},{d:this.json.d})}},{key:"getDefaultTitle",value:function(){return"Path"}}]),n}(RO);function EO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function IO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function DO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var LO=function(t){R()(n,t);var e=DO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,IO({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Ca.number(100),textLength:Ca.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).textLength=Ca.parse(t.textLength),t}},{key:"toCloneObject",value:function(){return IO(IO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}}]),n}(RO);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}function AO(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){w()(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}function zO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FO=function(t){R()(n,t);var e=zO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,AO({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Ca.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Ca.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"refreshMatrixCache",value:function(){Ta()(V()(n.prototype),"refreshMatrixCache",this).call(this),this.hasChangedField("d")&&(this.cachePath=new _c(this.json.d))}},{key:"d",get:function(){return this.json.d?(this.cachePath||(this.cachePath=new _c(this.json.d)),this.cachePath.clone().scaleTo(this.json.width.value,this.json.height.value)):null}},{key:"convert",value:function(t){return(t=Ta()(V()(n.prototype),"convert",this).call(this,t)).textLength=Ca.parse(t.textLength),t.startOffset=Ca.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return AO(AO({},Ta()(V()(n.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 cm(t.property)})),n=t.filter((function(t){return e=t.property,am[e]||!1;var e})),r=t.filter((function(t){return sm(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}]}}]),n}(RO);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}function GO(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){w()(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}function _O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NO=function(t){R()(n,t);var e=_O(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"is",value:function(){for(var t,e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];return!!r.includes("component")||(t=Ta()(V()(n.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}],[{key:"createComponent",value:function(t){var e=t.iconString,r=t.title,i=void 0===r?"Unknown Title":r,a=t.attrs,o=void 0===a?{}:a,c=t.enableHasChildren,s=void 0!==c&&c;return function(t){R()(r,t);var n=_O(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"getIcon",value:function(){return e||Tg.add}},{key:"getDefaultObject",value:function(){return Ta()(V()(r.prototype),"getDefaultObject",this).call(this,GO({itemType:"NewComponent",name:"New Component"},o))}},{key:"toCloneObject",value:function(){return GO(GO({},Ta()(V()(r.prototype),"toCloneObject",this).call(this)),this.attrs.apply(this,fe()(Object.keys(o))))}},{key:"enableHasChildren",value:function(){return s||!1}},{key:"getDefaultTitle",value:function(){return i}}]),r}(n)}}]),n}(fO);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):XO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function KO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UO='\n  <svg>\n    <rect width="100%" height="100%" fill="black" />\n  </svg>\n',WO=function(t){R()(n,t);var e=KO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.auto_awesome}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,YO({itemType:"template",name:"New Template",engine:"dom",template:UO,params:[]},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Template"}},{key:"toCloneObject",value:function(){return YO(YO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("template"))}}]),n}(NO);function ZO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZO(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JO(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QO,tS=function(t){R()(n,t);var e=JO(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getIcon",value:function(){return Tg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,qO({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 qO(qO({},Ta()(V()(n.prototype),"toCloneObject",this).call(this)),this.attrs("content"))}},{key:"editable",value:function(t){switch(t){case"font":case"font-spacing":case"text-style":case"text-shadow":case"text-fill":case"text-clip":case"background-image":case"box-model":return!0;case"svg-item":case"border":case"border-radius":case"backdrop-filter":case"background-image":case"pattern":case"box-shadow":case"transform":case"transform-origin":case"perspective":case"perspective-origin":return!1}return Ta()(V()(n.prototype),"editable",this).call(this,t)}}]),n}(fO),eS={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":"Component","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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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":"Full Screen","menu.item.shortcuts.title":"ShortCuts","menu.item.github.title":"Github","menu.item.learn.title":"Learn","menu.item.projects.title":"Projects","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","component.items.chart":"Chart","component.items.plugin":"Plugin","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:(QO={"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?","app.confirm.message.custom-component.items.removeCustomComponent":"Do you remove a custom component 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","menu.item.projects.title":"Projects","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"},w()(QO,"inspector.tab.title.history","History"),w()(QO,"timeline.property.title","Chronologie"),w()(QO,"timeline.property.resize","Drag if you want to resize timeline height."),w()(QO,"timeline.animation.property.title","Animations"),w()(QO,"timeline.play.control.play","Jouer"),w()(QO,"timeline.play.control.pause","Pause"),w()(QO,"timeline.play.control.first","Premier"),w()(QO,"timeline.play.control.prev","Précédent"),w()(QO,"timeline.play.control.next","Suivant"),w()(QO,"timeline.play.control.last","Dernier"),w()(QO,"timeline.play.control.direction","Direction"),w()(QO,"timeline.play.control.speed","Vitesse"),w()(QO,"timeline.play.control.repeat","Répéter"),w()(QO,"timeline.play.control.infinite","Infini"),w()(QO,"timeline.play.control.normal","normal"),w()(QO,"timeline.play.control.alternate","alternatif"),w()(QO,"timeline.play.control.reverse","inverse"),w()(QO,"timeline.play.control.alternate.reverse","inverse alternatif"),w()(QO,"timeline.value.editor.value","Valeur"),w()(QO,"timeline.value.editor.time","Temps"),w()(QO,"timeline.value.editor.timing","Calage temps"),w()(QO,"timeline.value.editor.offset.message","Please input enter key to change time offset."),w()(QO,"svgfilter.popup.title","Filtre SVG"),w()(QO,"css.item.rotate","Rotation"),w()(QO,"css.item.rotateX","Rotation X"),w()(QO,"css.item.rotateY","Rotation Y"),w()(QO,"css.item.rotateZ","Rotation Z"),w()(QO,"css.item.rotate3d","Rotation 3D"),w()(QO,"css.item.skewX","Oblique X"),w()(QO,"css.item.skewY","Oblique Y"),w()(QO,"css.item.translate","Translation"),w()(QO,"css.item.translateX","Translation X"),w()(QO,"css.item.translateY","Translation Y"),w()(QO,"css.item.translateZ","Translation Z"),w()(QO,"css.item.translate3d","Translation 3D"),w()(QO,"css.item.perspective","Perspéctive"),w()(QO,"css.item.scale","Echelle"),w()(QO,"css.item.scaleX","Echelle X"),w()(QO,"css.item.scaleY","Echelle Y"),w()(QO,"css.item.scaleZ","Echelle Z"),w()(QO,"css.item.scale3d","Echelle 3D"),w()(QO,"css.item.matrix","Matrice"),w()(QO,"css.item.matrix3d","Matrice 3D"),w()(QO,"animation.property.title","Animation CSS"),w()(QO,"animation.property.direction","Direction"),w()(QO,"animation.property.play.state","Etat lecture"),w()(QO,"animation.property.fill.mode","Mode remplissage"),w()(QO,"animation.property.delay","Délais"),w()(QO,"animation.property.duration","Durée"),w()(QO,"animation.property.iteration.count","Nombre Itérations"),w()(QO,"animation.property.Select a keyframe","Selectionner une image clé"),w()(QO,"animation.property.popup.title","Animation"),w()(QO,"animation.property.popup.timing.function","Fonction temps"),w()(QO,"animation.property.popup.keyframe","image clé"),w()(QO,"animation.property.popup.direction","Direction"),w()(QO,"animation.property.popup.play.state","Etat lecture"),w()(QO,"animation.property.popup.fill.mode","Mode remplissage"),w()(QO,"animation.property.popup.delay","Délais"),w()(QO,"animation.property.popup.duration","Duréé"),w()(QO,"animation.property.popup.iteration","Itération"),w()(QO,"animation.property.popup.normal","normal"),w()(QO,"animation.property.popup.reverse","inverse"),w()(QO,"animation.property.popup.alternate","alternatif"),w()(QO,"animation.property.popup.alternate-reverse","inverse alternatif"),w()(QO,"animation.property.popup.none","Aucun"),w()(QO,"animation.property.popup.forwards","en avant"),w()(QO,"animation.property.popup.backwards","en arrière"),w()(QO,"animation.property.popup.both","les deux"),w()(QO,"animation.property.popup.Select a keyframe","Selectionner une image clé"),w()(QO,"keyframe.popup.title","image clé"),w()(QO,"code.view.property.title","Vue code"),w()(QO,"svg.filter.editor.tab.filter","Filtrer"),w()(QO,"svg.filter.editor.tab.preset","Pre-rempli"),w()(QO,"svg.filter.editor.tab.asset","Eléments"),w()(QO,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),w()(QO,"svg.filter.editor.SOURCES","SOURCES"),w()(QO,"svg.filter.editor.MODIFIER","MODIFIER"),w()(QO,"svg.filter.editor.LIGHTING","ECLAIRAGE"),w()(QO,"svg.filter.editor.COMBINERS","COMBINER"),w()(QO,"svg.filter.editor.Template","Modèle"),w()(QO,"layout.property.title","Disposition"),w()(QO,"layout.property.flex","Boîte Flex"),w()(QO,"layout.property.grid","Grille"),w()(QO,"layout.property.default","Défaut"),w()(QO,"flex.layout.editor.row","Ligne"),w()(QO,"flex.layout.editor.column","Colonne"),w()(QO,"flex.layout.editor.row-reverse","Inverse ligne"),w()(QO,"flex.layout.editor.column-reverse","Inverse Colonne"),w()(QO,"flex.layout.editor.nowrap","Non-emballé"),w()(QO,"flex.layout.editor.wrap","Emballé (wrap)"),w()(QO,"flex.layout.editor.wrap-reverse","Inverse emballé"),w()(QO,"flex.layout.editor.flex-start","Début"),w()(QO,"flex.layout.editor.flex-end","Fin"),w()(QO,"flex.layout.editor.center","Centrer"),w()(QO,"flex.layout.editor.space-between","Entre"),w()(QO,"flex.layout.editor.space-around","Autour"),w()(QO,"flex.layout.editor.baseline","Base"),w()(QO,"flex.layout.editor.stretch","Etirement"),w()(QO,"flex.layout.editor.direction","Direction"),w()(QO,"flex.layout.editor.justify-content","Justifier"),w()(QO,"flex.layout.editor.align-items","Aligner objets"),w()(QO,"flex.layout.editor.align-content","Aligner contenu"),w()(QO,"flex.layout.item.property.title","Détail Disposition objet"),w()(QO,"flex.layout.item.property.grow","Augmenter Flex"),w()(QO,"flex.layout.item.property.shrink","Réduire Flex"),w()(QO,"flex.layout.item.property.basis","Base Flex"),w()(QO,"flex.layout.item.property.none","Aucun"),w()(QO,"flex.layout.item.property.auto","auto"),w()(QO,"flex.layout.item.property.value","valeur"),w()(QO,"grid.layout.editor.template.columns","Colonne"),w()(QO,"grid.layout.editor.column.gap","Espace Colonne"),w()(QO,"grid.layout.editor.template.rows","Lignes"),w()(QO,"grid.layout.editor.row.gap","Espace lignes"),w()(QO,"grid.box.editor.box.title","Boîte"),w()(QO,"grid.box.editor.type","Type"),w()(QO,"grid.box.editor.repeat","Répéter"),w()(QO,"grid.box.editor.length","Longueur"),w()(QO,"grid.box.editor.none","Aucun"),w()(QO,"grid.box.editor.auto","Auto"),w()(QO,"grid.box.editor.count","Compte"),w()(QO,"grid.box.editor.value","Taille"),w()(QO,"grid.layout.item.property.title","Détail disposition objets"),w()(QO,"grid.layout.item.property.column","Colonne"),w()(QO,"grid.layout.item.property.row","Ligne"),w()(QO,"grid.layout.item.property.start","Début"),w()(QO,"grid.layout.item.property.end","Fin"),w()(QO,"grid.layout.item.property.none","Aucun"),w()(QO,"grid.layout.item.property.value","valeur"),w()(QO,"box.model.property.title","Modèle"),w()(QO,"box.model.property.margin","Marge"),w()(QO,"box.model.property.padding","Espace"),w()(QO,"component.items.canvas","Toile"),w()(QO,"component.items.layer","Objet"),w()(QO,"component.items.3dlayer","Objet 3D"),w()(QO,"component.items.drawing","Dessin"),w()(QO,"component.items.custom","Composant personnalisé"),w()(QO,"component.items.chart","Chart"),w()(QO,"component.items.plugin","Plugin"),w()(QO,"svg.text.property.title","Style SVG Texte"),w()(QO,"svg.text.property.textarea","Zone Texte"),w()(QO,"svg.text.property.size","Taille"),w()(QO,"svg.text.property.weight","Poids"),w()(QO,"svg.text.property.style","Style"),w()(QO,"svg.text.property.anchor","Ancre Texte"),w()(QO,"svg.text.property.family","Famille"),w()(QO,"svg.text.property.length.adjust","Ajusteement longueur"),w()(QO,"svg.text.property.text.length","Ajusteement Texte"),w()(QO,"svg.text.property.start.offset","Décallage départ"),w()(QO,"fill.picker.popup.title","Sélection Fragment SVG"),w()(QO,"gradient.editor.drag.message","Glisser pour déplacer centre."),w()(QO,"draw.manager.tolerance","Tolérance"),w()(QO,"pattern.property.title","Motif"),w()(QO,"pattern.info.popup.title","Info Motif"),w()(QO,"pattern.info.popup.width","Largeur"),w()(QO,"pattern.info.popup.height","Hauteur"),w()(QO,"pattern.info.popup.lineWidth","Largeur ligne"),w()(QO,"pattern.info.popup.lineHeight","Hauteur de ligne"),w()(QO,"pattern.info.popup.rotate","Rotatation"),w()(QO,"pattern.info.popup.blend","Mélange"),w()(QO,"pattern.info.popup.foreColor","Avant"),w()(QO,"pattern.info.popup.backColor","Arrière"),w()(QO,"stroke.dasharray.editor.add","Ajout tiret"),w()(QO,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),QO),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":"아트보드 프리뷰를 삭제 하시겠습니까?","app.confirm.message.custom-component.items.removeCustomComponent":"컴포넌트 프리뷰를 삭제 하시겠습니까?","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":"배우기","menu.item.projects.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":"사용자 정의 컴포넌트","component.items.chart":"차트","component.items.plugin":"플러그인","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 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}};n(80);function nS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var rS=function(t){R()(n,t);var e=nS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:ct("refreshSelection","refreshContent")+tt(100),value:function(){this.refreshShowIsNot("project")}},{key:"getClassName",value:function(){return"elf--export-property"}},{key:"getBody",value:function(){return"\n        <div class='export-item svg'>\n          <label>SVG</label>\n          <button ref='$svg'>".concat(Tg.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(Tg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:ht("$svg"),value:function(){this.emit("downloadSVG")}},{key:ht("$png"),value:function(){this.emit("downloadPNG")}}]),n}(Ux),iS=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"];function aS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oS=function(t){R()(n,t);var e=aS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:"getBodyClassName",value:function(){return"no-padding"}},{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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Dt("$filterSelect"),value:function(){var t=this,e=iS.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(fe()(e),[{title:"-------",value:""}],fe()(n)):fe()(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:Dt("$body"),value:function(){var t=(this.$selection.current||{}).filter;return'\n      <div>\n        <object refClass="FilterEditor" ref=\'$filterEditor\' key="filter" value=\''.concat(t,"' hide-label='true' onchange='changeFilterEditor' />\n      </div>")}},{key:ut("changeFilterEditor"),value:function(t,e){this.command("setAttributeForMulti","change filter",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"filter"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$filterSelect")}}]),n}(Ux);function cS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sS=function(t){R()(n,t);var e=cS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:"editableProperty",get:function(){return"font"}},{key:ct("refreshSelection")+U("checkShow"),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=').concat(this.variable(["normal","italic"]),"\n          icons='title,italic'\n          onchange=\"changeRangeEditor\" />\n      </div>      \n\n      <div class='property-item'>\n        <object refClass=\"FontSelectEditor\"  \n          ref='$family' \n          icon=\"true\"\n          label='").concat(this.$i18n("font.property.family"),'\' \n          key="font-family" \n          onchange="changeRangeEditor" \n        />\n      </div> \n         \n    ')}},{key:ut("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:ut("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change font attribute",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function uS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lS=function(t){R()(n,t);var e=uS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"editableProperty",get:function(){return"font-spacing"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Ca.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:ut("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Ca.number(e.value)),this.command("setAttributeForMulti","change font spacing : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(81);function fS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pS=["static-gradient","linear-gradient","radial-gradient","image-resource"],dS={"image-resource":Tg.photo},vS={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%"}},yS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],gS=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],mS=function(t){R()(n,t);var e=hS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:Qm.parseImage(this.props.value||"transparent")||_m.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:Qm.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='elf--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(Tg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Tg.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(pS.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(dS[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(gS.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(qt(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:kt("$file"),value:function(t){var e=this;this.$selection.currentProject&&fe()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:ht("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");vS[e]&&(this.state.image.reset(vS[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:224,height:150}}},{key:"getFieldValue",value:function(t){return Ca.parse(this.getImageFieldValue(this.state.image,t))}},{key:At("$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:At("$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:At("$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:At("$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:At("$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:jt("$pointerDrawArea circle[data-type]")+Fg("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:Ca.percent((e-a)/r*100),top:Ca.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:ht("$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={};yS.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=Qm.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({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:ut("changeKeyValue"),value:function(t,e){this.state.image.reset(w()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:ct("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:ht("$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:At("$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:At("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:"fillId",get:function(){return this.id+"fill"}},{key:At("$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:Dt("$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(Ca.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:jt("$stepList .step")+Fg(),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(Ca.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(Hu.toColorString(t.colorsteps),")")}},{key:ct("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:ct("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())}}]),n}(Xg);n(82);function bS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wS,PS=function(t){R()(n,t);var e=xS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--gradient-picker-popup\" 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:ct("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Hu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Dt("$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:ut("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:ut("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:ut("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:ct("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:ct("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:ct("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(kS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(sw);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){w()(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}function jS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $S=function(t){R()(n,t);var e=jS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"initState",value:function(){return{image:_m.create()}}},{key:"initialize",value:function(){Ta()(V()(n.prototype),"initialize",this).call(this),this.selectedTab="static-gradient"}},{key:"getClassName",value:function(){return"fill-picker-popup"}},{key:"getBody",value:function(){var t=this;return se(wS||(wS=Ga()(["\n      <div class=\"elf--gradient-picker-popup\" 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="," />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "])),this.subscribe((function(e){t.trigger("changeColor",e)})))}},{key:ct("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof Hu&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Dt("$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:ut("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:ut("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:ut("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:ct("showFillPickerPopup"),value:function(t,e){this.show(240),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:ct("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:ct("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(SS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),n}(sw);n(83);function RS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CS=function(t){R()(n,t);var e=RS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:Qm.parseImage(this.props.image||"transparent")}}},{key:"fillId",get:function(){return this.id+"fill"}},{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:Qm.parseImage(t)})}},{key:At("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:At("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:ct("changeFillSingle"),value:function(t,e){this.updateData({image:Qm.parseImage(t)}),this.refresh()}}]),n}(Xg);n(84);function MS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VS=function(t){R()(n,t);var e=TS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyValue(t)}},{key:"modifyValue",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.state.index)}},{key:"setValue",value:function(t){this.setState(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:At("$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='elf--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:ht("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:ct("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),n}(Xg),ES=["0deg","45deg","90deg"],IS=["0deg","45deg","90deg"],DS=["0deg","45deg","90deg"],LS=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"linear-gradient(".concat(bc.apply(void 0,ES),", ").concat(Lu.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"linear-gradient(".concat(bc.apply(void 0,IS),", ").concat(Lu.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(bc.apply(void 0,DS),", ").concat(Lu.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(Lu.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(Lu.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Lu.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return kc(t).map((function(t){var e=vc(45,55),n=vc(45,55),r=vc(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(e,"% ").concat(n,"%, ").concat(Lu.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 kc(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Lu.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 kc(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Lu.createRepeatColorStep(10,"10deg"),")")}}))}}];n(85);function BS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var AS=LS.map((function(t){return{value:t.key,text:t.title}})),zS=function(t){R()(n,t);var e=BS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("gradient.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"linear"}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Dt("$tools"),value:function(){return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options=').concat(this.variable(AS),' onchange="changePreset"  />\n    ')}},{key:ut("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--gradient-assets-property"}},{key:ct("refreshSelection")+tt(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:yt("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Dt("$gradientList"),value:function(){var t=this,e=LS.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(icon.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:ht("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:Hu.random(),name:"",variable:""})}))}},{key:ht("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}}]),n}(Ux);n(86);function FS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HS=function(t){R()(n,t);var e=FS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"elf--history-list-view\" ref='$body'></div>\n    "}},{key:Dt("$body")+Q,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?Tg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:ct("refreshHistory"),value:function(){this.refresh()}}]),n}(Ux);function GS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function NS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XS={},YS=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],KS=function(t){R()(n,t);var e=NS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toStringPropertyCSS",value:function(t,e){return wc(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return XS;var e=[];if(t.pattern)for(var n=kp.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,Rl.parseStyle(wc(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,Rl.parseStyle(wc(t["background-image"]))),e.length?Rl.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=_S(_S({},n),wc(t["flex-layout-item"])):"grid"===e&&(n=_S(_S({},n),wc(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return _S({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return _S({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return t.hasChildren()?{}:this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?w()({},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.hasChildren()||(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 Jt(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",_S(_S(_S({},e),{"will-change":"auto"}),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=_t()(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=_t()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return xc(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return YS.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(""===t.transform)return XS;var e={transform:t.transform};return"rotateZ(0deg)"===e.transform&&delete e.transform,{transform:e.transform}}},{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=sf.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(t.clipPathString,'" /></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;var n=sf.parseStyle(e);switch(n.type){case"path":n.value&&(e="url(#".concat(this.clipPathId(t),")"));break;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(xc(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:xc(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-renderer-type=\"html\" data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>\n").concat(n,"\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="element-item ').concat(a,'" data-id="').concat(r,'" data-title="').concat(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){if(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=qa.createByHTML(i);a&&e.prepend(a)}}}}}]),n}(function(){function t(){O()(this,t)}return j()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function US(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WS=function(t){R()(n,t);var e=US(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(KS);function ZS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZS(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JS(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QS=["","100x100","200x200","300x300","400x300","900x600","1024x762"],tj=function(t){R()(n,t);var e=JS(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("image.property.title")}},{key:"getBody",value:function(){return"<div ref='$body' style='padding-top: 3px;'></div>"}},{key:"getFooter",value:function(){return"\n      <div>\n        <label> ".concat(this.$i18n("image.property.origin")," </label> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Tg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(QS.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:ut("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Ca.px(t)})),r=_t()(n,2),i=r[0],a=r[1];this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:i,height:a}))}},{key:ht("$resize"),value:function(){this.$selection.current&&this.command("setAttributeForMulti","resize image",this.$selection.packByValue({width:function(t){return t.naturalWidth.clone()},height:function(t){return t.naturalHeight.clone()}}))}},{key:At("$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:Dt("$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:ut("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(qS({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttributeForMulti","change image",this.$selection.packByValue(qS({src:e},n))))}},{key:ct("refreshSelection")+tt(100),value:function(){this.refreshShow(["image"])}}]),n}(Ux);n(87);function ej(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nj=function(t){R()(n,t);var e=ej(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"\n            <div class='elf--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:Dt("$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:kt("$file"),value:function(t){var e=this,n=fe()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:ht("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:ct("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)}}]),n}(Xg);n(88);function rj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ij=function(t){R()(n,t);var e=rj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Select a image"}},{key:"getClassName",value:function(){return"compact"}},{key:"initState",value:function(){return{value:""}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.state.context.trigger(this.state.changeEvent,this.state.value,{width:this.state.width,height:this.state.height,naturalWidth:this.state.naturalWidth,naturalHeight:this.state.naturalHeight})}},{key:"getBody",value:function(){return"\n      <div class=\"elf--image-select-popup\">\n        <div class='box' ref='$imageBox'>\n          \n        </div>\n      </div>\n    "}},{key:Dt("$imageBox")+Q,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:ht("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Ca.px(e.naturalWidth),naturalHeight:Ca.px(e.naturalHeight),width:Ca.px(e.naturalWidth),height:Ca.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:ct("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:ct("hideImageSelectPopup"),value:function(){this.hide()}}]),n}(sw);n(89);function aj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oj=function(t){R()(n,t);var e=aj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{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='elf--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:xt("$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:ct("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:ct("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:ct("hideKeyframePopup"),value:function(){this.$el.hide()}}]),n}(sw);n(90);function cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sj=function(t){R()(n,t);var e=cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("keyframe.property.title")}},{key:"getBody",value:function(){return"<div class='elf--keyframe-list' ref='$keyframeList'></div>"}},{key:"getTools",value:function(){return'\n      <button type="button" ref="$add" title="add Filter">'.concat(Tg.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(Tg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Tg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Tg.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:ht("$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:ht("$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:ht("$keyframeList .del")+at,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:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Dt("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?Nf.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:ht("$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:ct("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))}}]),n}(Ux);function uj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lj=function(t){R()(n,t);var e=uj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Ca.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:ct("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){if(qt(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:Dt("$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!qa.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:ht("$offset")+U("isNotOffsetItem")+at,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Ca.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Ff({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:jt("$offset .offset-item")+Fg("moveOffset")+Hg("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Ca.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=Ca.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:ct("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:ct("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=fe()(t)),this.modifyOffset()}}]),n}(Xg);n(91);function fj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hj=function(t){R()(n,t);var e=fj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layer.tree.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"initState",value:function(){return{hideDragPointer:!0,lastDragOverPosition:0,lastDragOverOffset:0,rootRect:{top:0},itemRect:{height:0}}}},{key:"getBody",value:function(){return"\n      <div class=\"elf--layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:At("$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:Ca.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:Ca.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:Ca.px(r),height:Ca.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 Tg.group;switch(t.itemType){case"artboard":return Tg.artboard;case"circle":return Tg.lens;case"image":return Tg.image;case"text":case"svg-text":return Tg.title;case"svg-textpath":return Tg.text_rotate;case"svg-path":return Tg.pentool;case"cube":return Tg.cube;case"cylinder":return Tg.cylinder;default:return Tg.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),this.$selection.check(a)?"selected":""),c=this.$selection.checkHover(a)?"hovered":"",s=a.name;a.is("text")&&(s=a.text||a.name);var u="";a.hasLayout()&&(u=this.$i18n("layer.tree.property.layout.title."+a.layout));var l=a.isTreeItemHide(),f=Ca.px(20*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(c,"' 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(l,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(u,"' style='padding-left: ").concat(f,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(a.isGroup?Tg.arrow_right:"","</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(s,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Tg.lock:Tg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Tg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Tg.remove2,"</button>                          \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:ct("refreshContent"),value:function(t){this.refresh()}},{key:Dt("$layerList")+Q,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:yt("$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:bt("$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:mt("$layerList .layer-item:not(.".concat("drag-start",")"))+at,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:gt("$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:pt("$layerList .layer-item"),value:function(t){this.startInputEditing(t.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(t,e){var n=this;if(dd.enter===e.keyCode)this.endInputEditing(t,(function(){var e=t.closest("layer-item").attr("data-layer-id"),r=t.text();n.emit("refreshItemName",e,r)}));else{var r=t.closest("layer-item").attr("data-layer-id"),i=t.text();this.emit("refreshItemName",r,i)}}},{key:dt("$layerList .layer-item .name")+ot,value:function(t){this.modifyDoneInputEditing(t.$dt,t)}},{key:Pt("$layerList .layer-item .name")+at+ot,value:function(t){this.modifyDoneInputEditing(t.$dt,{keyCode:dd.enter})}},{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:ht("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":"#ececec",width:Ca.px(200),height:Ca.px(100)})}},{key:ht("$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.command("refreshSelection")}},{key:ht("$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:ht("$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("setAttributeForMulti","change visible for layer",this.$selection.packByValue({visible:!r.visible},r.id))}},{key:ht("$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:ht("$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("setAttributeForMulti","change lock for layer",this.$selection.packByValue({lock:i},r.id))}},{key:ct("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:ut("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:ct("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:ct("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:ct("refreshLayerTreeView"),value:function(){this.refresh()}},{key:ct("changeItemLayout"),value:function(){this.refresh()}}]),n}(Ux);function pj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yj=function(t){R()(n,t);var e=vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 this.variable(t.split(",").map((function(t){return{value:t,text:e.$i18n("flex.layout.editor."+t)}})))}},{key:"initState",value:function(){return dj({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(dj({},wc(t)))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);function gj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bj=function(t){R()(n,t);var e=mj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?gj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(wc(t))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);n(92);function kj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var xj=function(t){R()(n,t);var e=kj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("flex.layout.item.property.title")}},{key:"getClassName",value:function(){return"elf--flex-layout-item-property"}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","auto","value"].map((function(e){return{value:e,text:t.$i18n("flex.layout.item.property.".concat(e))}})))}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Dt("$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),xc({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:ut("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":this.getFlexValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttributeForMulti","change flex layout",this.$selection.packByValue({"flex-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),n}(Ux);n(93);function wj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Pj=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,Oj=function(t){R()(n,t);var e=wj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getLayoutItemOptions",value:function(){var t=this;return this.variable("none,auto,repeat,length".split(",").map((function(e){return{value:e,text:t.$i18n("grid.box.editor.".concat(e))}})))}},{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=Pj.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=Aa()(a),c=o[0],s=o.slice(1);n.push({type:"repeat",count:c,value:s.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(Tg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Tg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Dt("$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='elf--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(Tg.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:ht("$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:ht("$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:ht("$add"),value:function(){this.trigger("add")}},{key:ct("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:ut("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()}}]),n}(Xg);function Sj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jj=function(t){R()(n,t);var e=Sj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 Ca.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:Dt("$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:ut("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),n}(Xg);n(94);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 Rj(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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$j(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Cj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Mj=function(t){R()(n,t);var e=Cj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return Rj({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(Rj({},wc(t)))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"template",value:function(){return"\n            <div class='elf--grid-layout-editor' ref='$body' ></div>\n        "}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);function Tj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Ej=function(t){R()(n,t);var e=Vj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},wc(this.props.value))}},{key:"setValue",value:function(t){this.setState(wc(t))}},{key:"getValue",value:function(){return xc(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Dt("$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:ut("changeKeyValue"),value:function(t,e,n){this.setState(w()({},t,e),!1),this.modifyData()}}]),n}(Xg);n(95);function Ij(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Dj=function(t){R()(n,t);var e=Ij(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["none","value"].map((function(e){return{value:e,text:t.$i18n("grid.layout.item.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--grid-layout-item-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Dt("$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=wc(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 xc({"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:ut("changeGridItem"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":this.getGridValue()})),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttributeForMulti","change grid layout item",this.$selection.packByValue({"grid-layout-item":e})),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ct("refreshSelection")+tt(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),n}(Ux);n(96);function Lj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Bj=function(t){R()(n,t);var e=Lj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var t=this;return this.variable(["default","flex","grid"].map((function(e){return{value:e,text:t.$i18n("layout.property.".concat(e))}})))}},{key:"getClassName",value:function(){return"elf--layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Dt("$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:ut("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change layout info",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(this.$selection.packByValue(w()({},t,e))),this.command("setAttributeForMulti","change layout type",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.refresh(),n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:"editableProperty",get:function(){return"layout"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux),Aj=[{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)"}]}}];n(97);function zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Fj=function(t){R()(n,t);var e=zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=this.variable(Aj.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:ut("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"getClassName",value:function(){return"elf--pattern-assets-property"}},{key:"editableProperty",get:function(){return"pattern"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){}},{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:yt("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Dt("$patternList"),value:function(){var t=this,e=Aj.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=xc(kp.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:ht("$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)}}]),n}(Ux);n(98);function Hj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Gj=function(t){R()(n,t);var e=Hj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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 kp.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='elf--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(Tg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        ")}},{key:Dt("$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(Tg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=kp.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:ct("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Aj.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,kp.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:yt("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$patternList .pattern-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:gt("$patternList .pattern-item")+at,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:ht("$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:ct("changePatternSizeInfo")+tt(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),n}(Xg);function _j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Nj=function(t){R()(n,t);var e=_j(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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||Ca.z(),y:this.props.y||Ca.z(),width:this.props.width||Ca.z(),height:this.props.height||Ca.z(),lineWidth:this.props.lineWidth||Ca.px(1),lineHeight:this.props.lineHeight||Ca.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,c=e.backColor,s=e.blendMode,u=e.lineWidth,l=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:c,blendMode:s,lineWidth:u,lineHeight:l},this.state.params)}},{key:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},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:Dt("$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:ct("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)}}]),n}(sw),Xj=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"];function Yj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Kj=function(t){R()(n,t);var e=Yj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("pattern.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"pattern"}},{key:"getTitleClassName",value:function(){return"pattern"}},{key:"getBody",value:function(){return"<div class='full pattern-property' ref='$body'></div>"}},{key:"getTools",value:function(){return'\n      <select ref="$patternSelect">      \n      </select>\n      <button type="button" ref="$add" title="add Pattern">'.concat(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Dt("$patternSelect"),value:function(){var t=this,e=Xj.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return fe()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Dt("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:ut("changePatternEditor"),value:function(t,e){this.command("setAttributeForMulti","change pattern",this.$selection.packByValue({pattern:e}))}},{key:"editableProperty",get:function(){return"pattern"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$patternSelect")}}]),n}(Ux);n(99);function Uj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Uj(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Uj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Zj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qj=function(t){R()(n,t);var e=Zj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:this.props.index,x:Ca.parse(this.props.x),y:Ca.parse(this.props.y),width:Ca.parse(this.props.width),height:Ca.parse(this.props.height),lineWidth:Ca.parse(this.props.linewidth),lineHeight:Ca.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(Wj({},t))}},{key:At("$miniView"),value:function(){var t=Wj({},this.state);return this.state.width.value>80&&(t.width=Ca.px(80),t.x=Ca.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Ca.px(80),t.y=Ca.px(this.state.y.value/this.state.height.value/80)),{cssText:kp.parse(t).toCSS()}}},{key:"template",value:function(){return"\n            <div class='elf--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:ht("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){var t=this;this.emit("showPatternInfoPopup",{changeEvent:function(e){t.updateData(Wj({},e))},data:this.state,instance:this})}}]),n}(Xg);function Jj(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var Qj=function(t){R()(n,t);var e=Jj(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Tg.remove,"</button>\n    ")}},{key:ht("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Dt("$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:ut("changePerspective"),value:function(t,e){this.command("setAttributeForMulti","change perspective",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"perspective"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);n(100);function t$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var e$=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],n$=e$.map((function(t){return t.key})),r$={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%"},i$=function(t){R()(n,t);var e=t$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Ca.z(),"perspective-origin-x":Ca.z(),"perspective-origin-y":Ca.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Ca.parse(t[0]),e["perspective-origin-x"]=Ca.parse(t[0]),e["perspective-origin-y"]=Ca.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Ca.parse(t[0]),e["perspective-origin-y"]=Ca.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:ht("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=r$[e].split(" "),r=_t()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Ca.parse(i),this.state["perspective-origin-y"]=Ca.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:ut("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&n$.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(e$.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,n$.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:ht("$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()}}]),n}(Xg);function a$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var o$=function(t){R()(n,t);var e=a$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("perspective.origin.property.title")}},{key:"getKeyframeProperty",value:function(){return"perspective-origin"}},{key:"getTools",value:function(){return'\n        <button type="button" class="remove" ref=\'$remove\'>'.concat(Tg.remove,"</button>\n    ")}},{key:ht("$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:Dt("$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:"editableProperty",get:function(){return"perspective-origin"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changePerspectiveOrigin"),value:function(t){this.command("setAttributeForMulti","change perspective origin",this.$selection.packByValue({"perspective-origin":t}))}}]),n}(Ux);function c$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var s$=Ca.z(),u$=function(t){R()(n,t);var e=c$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:ct("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:"checkChangedValue",value:function(){var t=this.$selection.current;return!!t&&t.hasChangedField("x","y","width","height","transform","rotateZ","rotate","opacity")}},{key:ct("refreshSelectionStyleView")+U("checkChangedValue")+nt(10),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||s$),this.children.$y.setValue(t.y||s$),this.children.$width.setValue(t.width||s$),this.children.$height.setValue(t.height||s$),this.children.$opacity.setValue(t.opacity||"1");var e=zc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}},{key:"isHideHeader",value:function(){return!0}},{key:"getBodyClassName",value:function(){return"no-padding"}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 10px;'>\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=\"-360\"\n              max=\"360\"\n              step=\"1\"\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;if(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),this.children.$opacity.setValue(t.opacity||"1");var e=zc.get(t.transform,"rotateZ");e&&this.children.$rotate.setValue(e[0])}}},{key:ut("changRangeEditor"),value:function(t,e){var n=this;this.command("setAttributeForMulti","change position or size",this.$selection.packByValue(w()({},t,e))),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:ut("changeRotate"),value:function(t,e){console.log(e),this.command("setAttributeForMulti","change rotate",this.$selection.packByValue({transform:function(t){return zc.rotateZ(t.transform,e)}}))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(101);function l$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var f$=function(t){R()(n,t);var e=l$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return"string"==typeof t?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),n=this.props.value,r=this.props.tabindex;return{splitChar:t,label:this.props.label||"",options:e,value:n,tabIndex:r}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.tabIndex?'tabIndex="1"':"";return"\n            <div class='elf--select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(t){this.state.value=t+"",this.refs.$options.val(this.state.value),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:At("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Dt("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e.value,r=e.text||e.value;""===r?r=t.props["none-value"]?t.props["none-value"]:"":"-"===r&&(r="----------",n="");var i=n===t.state.value?"selected":"";return"<option ".concat(i,' value="').concat(n,'">').concat(r,"</option>")}))}},{key:kt("$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)}}]),n}(Xg);function h$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?h$(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function d$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var v$=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],y$=function(t){R()(n,t);var e=d$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getBlendList",value:function(){var t=this;return v$.map((function(e){return{value:e,text:t.$i18n("blend.".concat(e))}}))}},{key:"initState",value:function(){return p$(p$({},Ta()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getBlendList()})}}]),n}(f$);n(102);function g$(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var m$=function(t){R()(n,t);var e=g$(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(t){this.setState({clippath:t})}},{key:"modifyClipPath",value:function(){this.parent.trigger(this.props.onchange,this.state.clippath,this.props.params)}},{key:"template",value:function(){return"\n            <div class='elf--clip-path-editor'></div>\n        "}},{key:Dt(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:ht(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){var t=this;this.emit("showClipPathPopup",{changeEvent:function(e){t.updateData({clippath:e["clip-path"]})},"clip-path":this.state.clippath})}}]),n}(Xg),b$={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=pu.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=pu.parse(t.color),r=pu.parse(e.color);return n.h>r.h?1:-1})),e}},k$=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),x$={title:"material red",key:"material-red",execute:function(){return k$}},w$=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),P$={title:"material pink",key:"material-pink",execute:function(){return w$}},O$=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),S$={title:"material purple",key:"material-purple",execute:function(){return O$}},j$=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),$$={title:"material deep purple",key:"material-deeppurple",execute:function(){return j$}},R$=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),C$={title:"material indigo",key:"material-indigo",execute:function(){return R$}},M$=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),T$={title:"material blue",key:"material-blue",execute:function(){return M$}},V$=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),E$={title:"material light blue",key:"material-lightblue",execute:function(){return V$}},I$=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),D$={title:"material cyan",key:"material-cyan",execute:function(){return I$}},L$=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),B$={title:"material teal",key:"material-teal",execute:function(){return L$}},A$=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),z$={title:"material green",key:"material-green",execute:function(){return A$}},F$=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),H$={title:"material lightgreen",key:"material-lightgreen",execute:function(){return F$}},G$=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),_$={title:"material lime",key:"material-lime",execute:function(){return G$}},N$=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),X$={title:"material yellow",key:"material-yellow",execute:function(){return N$}},Y$=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),K$={title:"material amber",key:"material-amber",execute:function(){return Y$}},U$=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),W$={title:"material orange",key:"material-orange",execute:function(){return U$}},Z$=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),q$={title:"material deep orange",key:"material-deeporange",execute:function(){return Z$}},J$=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),Q$={title:"material brown",key:"material-brown",execute:function(){return J$}},tR=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),eR={title:"material gray",key:"material-gray",execute:function(){return tR}},nR=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),rR={title:"material bluegray",key:"material-bluegray",execute:function(){return nR}},iR=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),aR=[b$,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return iR}},x$,P$,S$,$$,C$,T$,E$,D$,B$,z$,H$,_$,X$,K$,W$,q$,Q$,eR,rR];n(103);function oR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var cR=function(t){R()(n,t);var e=oR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{mode:"grid",preset:"random",isLoaded:!1,colors:aR}}},{key:"getTools",value:function(){return'<div ref="$tools"></div>'}},{key:Dt("$tools"),value:function(){var t=this.variable(this.state.colors.map((function(t){return{value:t.key,text:t.title}})));return'\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    ')}},{key:ct("changePreset"),value:function(t,e){this.setState(w()({},t,e))}},{key:"template",value:function(){return"\n      <div class='elf--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:Dt("$colorList"),value:function(){var t=this,e=this.state.colors.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:ht("$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)}}]),n}(Xg);n(104);function sR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uR=function(t){R()(n,t);var e=sR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColor()}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.color,this.state.params)}},{key:"changeColor",value:function(t){this.setState({color:t})}},{key:"setValue",value:function(t){this.changeColor(t)}},{key:At("$miniView"),value:function(){return{style:{"background-color":this.state.color}}}},{key:"template",value:function(){return"\n            <div class='elf--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:ht("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.refs.$miniView.cssText("background-color: ".concat(e)),t.updateData({color:e})},color:this.state.color})}}]),n}(Xg);n(105);function lR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fR=function(t){R()(n,t);var e=lR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyColor()}},{key:"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='elf--color-view-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</label>"):"","            \n                <div class='color-code' ref=\"$container\">\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:At("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:At("$colorCode"),value:function(){return{value:this.state.value}}},{key:wt("$colorCode"),value:function(t){this.refs.$container.addClass("focused")}},{key:Ot("$colorCode"),value:function(t){this.refs.$container.removeClass("focused")}},{key:ht("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){var t=this;this.emit("showColorPickerPopup",{target:this,changeEvent:function(e){t.updateData({value:e})},changeEndEvent:function(e){t.updateEndData({value:e})},color:this.state.value})}},{key:ht("$remove"),value:function(t){this.updateData({value:""})}},{key:xt("$el .color-code input"),value:function(t){var e=t.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({value:e})}}]),n}(Xg);n(106);function hR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var pR=function(t){R()(n,t);var e=hR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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='elf--css-property-editor ".concat(Oc({"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(Tg.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 Ca.string("");case"offset-distance":return Ca.percent(0);case"rotate":return Ca.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Ca.z()}}},{key:ht("$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="changeKeyValue" />\n        </div>\n      '):"filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' key=\"").concat(t.key,'" value="').concat(t.value,'" onChange="changeKeyValue" />\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=").concat(this.variable(["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=").concat(this.variable(["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=").concat(this.variable(["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      "):"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:ut("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:ut("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:ut("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:ut("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:ut("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:ut("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:ut("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:ut("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:ut("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:ut("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:ut("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:ut("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:ut("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:Dt("$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(Tg.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(Tg.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:ct("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:ht("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:ht("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),n}(Xg);n(107);function dR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vR=function(t){R()(n,t);var e=dR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:_o(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=Rc(this.state.currentBezier,150,150),e=Cc(this.state.currentBezier,150,150),n=Rc("ease",30,30),r=Cc("ease",30,30),i=Rc("ease-in",30,30),a=Cc("ease-in",30,30),o=Rc("ease-out",30,30),c=Cc("ease-out",30,30);return"\n            <div class='elf--cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Tg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Tg.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(c,'" 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:At("$bezierCanvas"),value:function(){return{d:Rc(this.state.currentBezier,150,150)}}},{key:At("$bezierCanvasPoint"),value:function(){return{d:Cc(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,No(this.state.currentBezier))}},{key:ht("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=Go.length-1:--n;e=Go[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:ht("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%Go.length,e=Go[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:ht("$text"),value:function(){var t=fe()(Go[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:ht("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=_o(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=_o(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:Ca.px(r).round(),top:Ca.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Ca.px(r).round(),top:Ca.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=_o(this.state.currentBezier),e=nc(No(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 c=a.y;return c-=i,{x:Xi(o,e),y:c==n?0:Xi(n-c,n)}}},{key:jt("$pointer1")+Fg("movePointer1")+Hg("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:jt("$pointer2")+Fg("movePointer2")+Hg("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:ct("showCubicBezierEditor"),value:function(t){var e=_o(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),n}(Xg);n(108);function yR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var gR=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],mR=function(t){R()(n,t);var e=yR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=nf.parse(this.props.value),e=_t()(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='elf--direction-editor' ref='$body'></div>"}},{key:ct("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&gR.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(w()({},t,e))}},{key:Dt("$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(Tg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Tg.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(gR.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:ht("$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})}}]),n}(Xg);n(109);function bR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function xR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wR={blur:Gl.spec,grayscale:Nl.spec,"hue-rotate":Xl.spec,invert:Yl.spec,brightness:Kl.spec,contrast:Ul.spec,"drop-shadow":Jl.spec,opacity:Wl.spec,saturate:Zl.spec,sepia:ql.spec,svg:_l.spec},PR=function(t){R()(n,t);var e=xR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:Hl.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return"\n      <div class='elf--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(Tg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>")}},{key:Dt("$filterSelect"),value:function(){var t=rm.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(fe()(t),[{title:"-------",value:""}],fe()(e)):fe()(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 wR[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(Tg.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            on-change-value="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=i.svgfilters.map((function(t){return{value:t.id}}))),'\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(this.variable([""].concat(fe()(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(Tg.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:Dt("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:yt("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$filterList .filter-item .title label")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:gt("$filterList .filter-item")+at,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,this.props.key,t,this.props.params)}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Hl.parse(kR(kR({},e),{},{type:t}))}},{key:ht("$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,a,o=r.getSVGFilterIndex(null===(i=n.value)||void 0===i||null===(a=i.value)||void 0===a?void 0:a.replace("#",""));this.trigger("openSVGFilterPopup",o)}}},{key:ct("openSVGFilterPopup"),value:function(t){var e=this,n=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[t];this.emit("showSVGFilterPopup",{changeEvent:function(t){var n=e.$selection.currentProject;n&&(n.setSVGFilterValue(t.index,{filters:t.filters}),e.emit("refreshSVGFilterAssets"),e.emit("refreshSVGArea"))},index:t,preview:!1,filters:n.filters})}},{key:ct("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:ht("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:ht("$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:ut("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:ut("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(w()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),n}(Xg);function OR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $R=["","Arial","Arial Black","Times New Roman","Times","Courier New","Courier","Verdana","Georgia","Palatino","Garamond","Bookman","Tahoma","Trebuchet MS","Impact","Comic Sans MS","serif","sans-serif","monospace","cursive","fantasy","system-ui"],RR=function(t){R()(n,t);var e=jR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getFontList",value:function(){return $R.map((function(t){return{value:t}}))}},{key:"initState",value:function(){return SR(SR({},Ta()(V()(n.prototype),"initState",this).call(this)),{},{options:this.getFontList()})}}]),n}(f$);n(110);function CR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var MR=["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"],TR=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],VR={"image-resource":Tg.photo},ER={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},IR={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%"]},DR=function(t){R()(n,t);var e=CR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:Rl.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:Rl.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='elf--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(Tg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Tg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Tg.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(TR.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(VR[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                <object refClass=\"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(this.variable(MR),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:kt("$file"),value:function(t){var e=this;this.$selection.currentProject&&fe()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:ht("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");IR[e]&&(this.state.image.radialPosition=ae(IR[e]),this.refresh(),this.updateData())}},{key:pt("$gradientView")+at,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:jt("$gradientView")+Fg("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=Ca.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Ca.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:ht("$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=Rl.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Ca.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:ut("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:ct("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:ht("$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:At("$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:At("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:At("$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:At("$dragPosition"),value:function(){var t="50%",e="50%";if(ER[this.state.image.type]){var n=_t()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Dt("$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.toLength(),";'>\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:ht("$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(Ca.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:jt("$stepList .step")+Fg(),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.setValue(o,n.width),this.children.$range.setValue(Ca.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(Hu.toColorString(t.colorsteps),")")}},{key:ct("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:ct("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())}}]),n}(Xg);n(111);function LR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BR=function(t){R()(n,t);var e=LR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{value:this.props.value}}},{key:"template",value:function(){return"<div class='select-editor elf--list-view-editor' ref='$body'></div>"}},{key:At("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Dt("$body"),value:function(){var t=this;return Object.keys(Tg).map((function(e){var n=Tg[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:ht("$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)}}]),n}(Xg);function AR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zR=function(t){R()(n,t);var e=AR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(t){return+t})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:At("$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:Dt("$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:xt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(Xg);n(112);function FR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HR=function(t){R()(n,t);var e=FR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Ca.parse(this.props.value||Ca.z()),n=this.props.label||"";return Tg[n]&&(n=Tg[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:Dt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=c,l=(+s).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(Oc(w()({"elf--input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},u,!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(l,'" 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(Tg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Ca.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:wt("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:ht("$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 Ca(0,this.children.$unit.getValue()))}},{key:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Ca(e,this.children.$unit.getValue())})}},{key:ut("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(Xg);n(113);function GR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _R=function(t){R()(n,t);var e=GR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Ca.parse(this.props.value||Ca.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:Dt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=o,l=(+s).toString(),f=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),{value:t,text:e}}));return'\n        <div \n            ref="$range"\n            class="'.concat(Oc(w()({"elf--range--editor":!0,"has-label":!!i,compact:!!c,"is-removable":a},u,!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(l,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(l,'" 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(this.variable(f)," onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Tg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Ca.parse(t)})}},{key:wt("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:ht("$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 Ca(0,this.children.$unit.getValue()))}},{key:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Ca(e,this.children.$unit.getValue())})}},{key:xt("$property"),value:function(t){this.trigger("changeRangeValue")}},{key:jt("$property")+Hg(),value:function(){}},{key:"end",value:function(){this.trigger("changeRangeValue")}},{key:ut("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Ca(t,this.children.$unit.getValue())})}},{key:ut("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),n}(Xg);function NR(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XR(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?NR(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NR(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function YR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var KR=function(t){R()(n,t);var e=YR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Ca(0,"infinite"):Ca.number(t.split("normal")[0]);var e=this.props.units||"px,em,%";return XR(XR({},Ta()(V()(n.prototype),"initState",this).call(this)),{key:this.props.key,params:this.props.params||"",units:e,value:t})}}]),n}(_R);n(114);function UR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WR=function(t){R()(n,t);var e=UR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=_t()(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='elf--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:ut("changeValue"),value:function(t,e){this.updateData(w()({},t,e/this.state.duration),!0)}},{key:jt("$start")+Fg("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Ca.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Ca.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:At("$start"),value:function(){return{"data-info":this.state.start,style:{left:Ca.percent(100*(this.state.start||0))}}}},{key:jt("$end")+Fg("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Ca.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Ca.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Ca.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:At("$end"),value:function(){return{"data-info":this.state.end,style:{left:Ca.percent(100*(this.state.end||1))}}}},{key:At("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Ca.percent(100*t),width:Ca.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=_t()(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)}}]),n}(Xg);n(115);function ZR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var qR=function(t){R()(n,t);var e=ZR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Ca.parse(this.props.value||Ca.number(0));t=t.toUnit("number");var e=this.props.label||"";return Tg[e]&&(e=Tg[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:Dt("$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,c=t.compact,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=c?"compact":"",f=o,h=(+s).toString();return"\n        <div class='elf--number-input-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" 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:Ca.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.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:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),n}(Xg);n(116);function JR(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QR=function(t){R()(n,t);var e=JR(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=Ca.parse(this.props.value||Ca.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:Dt("$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,c=t.layout,s=+this.state.value.value.toString();isNaN(s)&&(s=0);var u=i?"has-label":"",l=o?"is-removable":"",f=c,h=(+s).toString();return"\n        <div class='elf--number-range-editor ".concat(u," ").concat(l," ").concat(f,"' 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(h,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(h,'" 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(Tg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Ca.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Ca.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:Ca.parse(t)})}},{key:wt("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:Ot("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:ht("$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:xt("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:xt("$property"),value:function(){this.trigger("changeRangeValue")}},{key:jt("$property")+Hg("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeRangeValue")}},{key:ut("changeRangeValue"),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Ca.number(0)),this.updateData({value:this.state.value.set(t)})}}]),n}(Xg);n(117);function tC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function eC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nC=function(t){R()(n,t);var e=eC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new _c(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 _c(t)})}},{key:"getValue",value:function(){return this.state.parser.joinPath()}},{key:"template",value:function(){return"\n            <div class='elf--path-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Dt("$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?tC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},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:xt("$data input[type=number]")+tt(300),value:function(t){this.updateData()}},{key:ht("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=_t()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),n}(Xg);n(118);function rC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iC=function(t){R()(n,t);var e=rC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{parser:new wf(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 wf(t||"")})}},{key:"getValue",value:function(){return this.state.parser.joinPoints()}},{key:"template",value:function(){return"\n            <div class='elf--polygon-data-editor'>\n                <div class='data' ref='$data'></div>\n            </div>\n        "}},{key:Dt("$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:xt("$data input[type=number]")+tt(300),value:function(t){this.updateData()}}]),n}(Xg);n(119);function aC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oC=function(t){R()(n,t);var e=aC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.split||",",e=Array.isArray(this.props.options)?this.props.options.map((function(t){return te(t)?{value:t}:t})):(this.props.options||"").split(t).map((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),n=(this.props.icons||"").split(t).map((function(t){return t.trim()})),r=(this.props.colors||"").split(t).map((function(t){return t.trim()})),i=this.props.value||"";return{label:this.props.label||"",compact:"true"===this.props.compact,options:e,icons:n,colors:r,value:i}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='elf--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:ht("$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:Dt("$options")+Q,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e.value,i=e.text,a=e.text,o="",c=r===t.state.value,s=c?"selected":"";if(""===e.value){i=Tg.close;a="close"}else{var u=t.state.icons[n];Tg[u]&&(o="icon"),a=i,i=Tg[u]||i||u||e.text||e.value}var l=t.state.colors[n],f={};return c&&l&&(f["background-color"]=l),"<div class='select-icon-item ".concat(s," ").concat(o,"' style='").concat(xc(f),"' data-value=\"").concat(r,"\" title='").concat(a,"'>").concat(i,"</div>")}))}},{key:ht("$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)}}]),n}(Xg);n(120);function cC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sC=function(t){R()(n,t);var e=cC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.generateValue(this.props.value||"");return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label,e=!!t;return"\n      <div class='elf--stroke-dasharray-editor'>\n        <div class='tools ".concat(e?"has-label":"","'>\n          ").concat(e?"<label class='label'>".concat(t,"</label>"):"","\n          <label ref='$add'>").concat(Tg.add," ").concat(this.$i18n("stroke.dasharray.editor.add"),"</label>\n        </div>      \n        <div ref='$body'></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){Array.isArray(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Dt("$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=\"").concat(t,'" \n            min="0"\n            max="100"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(e,"\" class='delete'>").concat(Tg.remove2,"</button>\n        </div>\n      ")}))}},{key:ut("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:ht("$add"),value:function(){this.setState({value:[].concat(fe()(this.state.value),[0])})}},{key:ht("$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)}}]),n}(Xg);n(121);function uC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lC=function(t){R()(n,t);var e=uC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Ca.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='elf--text-area-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:At("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:xt("$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)}}]),n}(Xg);n(122);function fC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hC=function(t){R()(n,t);var e=fC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.value;return"\n            <div class='elf--text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <div>\n                    <input type='text' ref='$text' value=\"").concat(n,'" />\n                </div>\n            </div>\n        ')}},{key:"getValue",value:function(){return this.refs.$text.value}},{key:"setValue",value:function(t){this.refs.$text.val(t),this.setState({value:t},!1)}},{key:At("$text"),value:function(){return{value:this.state.value}}},{key:xt("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(Xg);n(123);function pC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dC=function(t){R()(n,t);var e=pC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=_t()(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='elf--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(Tg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>")}},{key:ct("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:Dt("$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(Tg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:ht("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:xt("$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)}}]),n}(Xg),vC=[/\(/gi,/\)/gi],yC="grayscale,matrix,rotateZ,blur,sepia,linear-gradient,radial-gradient,conic-gradient,circle,inset,polygon,rgb".split(",").map((function(t){return new RegExp(t,"gi")})),gC="butt,miter,start,at,black,repeat,lighten,multiply,solid,border-box,visible,absolute,relative,auto".split(",").map((function(t){return new RegExp(t,"gi")}));function mC(t){return gC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="keyword">'.concat(t,"</span>")}))})),yC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="function">'.concat(t,"</span>")}))})),vC.forEach((function(e){t=t.replace(e,(function(t){return'<span class="char">'.concat(t,"</span>")}))})),t}function bC(t){return t.split(";").filter((function(t){return t.trim()})).map((function(t){var e=(t=t.trim()).split(":").map((function(t){return t.trim()})),n=_t()(e,2),r=n[0],i=n[1];return""===i?"":'<div class="block"><strong>'.concat(r,'</strong><span>:&nbsp;</span><span class="value">').concat(mC(i),"</span><span>;</span></div>")})).join("").trim()}var kC=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("html","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("html",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(t){var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}}},{key:"renderSVG",value:function(t,e){var n=this.getRendererInstance(t);return ne(n.renderSVG)?n.renderSVG(t,e||this):this.getDefaultRendererInstance().renderSVG(t,e||this)}},{key:"to",value:function(t,e){var n=this.getRendererInstance(e);if(ne(n[t]))return n[t].call(n,e);var r=this.getDefaultRendererInstance();return ne(r[t])?r[t].call(r,e):void 0}},{key:"toCSS",value:function(t){return this.to("toCSS",t)}},{key:"toNestedCSS",value:function(t){return this.to("toNestedCSS",t)}},{key:"toTransformCSS",value:function(t){return this.to("toTransformCSS",t)}},{key:"toGridLayoutCSS",value:function(t){return this.to("toGridLayoutCSS",t)}},{key:"toLayoutItemCSS",value:function(t){return this.to("toLayoutItemCSS",t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);return ne(n.toStyle)?n.toStyle(t,e||this):this.getDefaultRendererInstance().toStyle(t,e||this)}},{key:"update",value:function(t,e,n){var r=this.getRendererInstance(t);return ne(r.update)?r.update(t,e,n):this.getDefaultRendererInstance().update(t,e,n)}},{key:"codeview",value:function(t){if(!t)return"";var e=t.top,n=bC(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?xc(e.toRootVariableCSS()):"",i=t,a=bC(i?Sc(xc(this.toCSS(i))):""),o=i?this.toNestedCSS(i).map((function(t){var e=t.cssText?t.cssText:xc(t.css);return"".concat(t.selector," { \n    ").concat(bC(Sc(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=i?i.selectors:[];return"\n<div class=''>\n\n".concat(a&&"<div><pre title='CSS'>".concat(a,"</pre></div>"),"\n\n").concat(o.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        ")}}]),t}();function xC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wC=function(t){R()(n,t);var e=xC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=(t.name,t.itemType,n||"div");return"    \n      <".concat(i,' class="element-item artboard" data-id="').concat(r,'">\n        ').concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(i,">\n    ")}},{key:"toBorderCSS",value:function(t){return{}}}]),n}(KS);function PC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OC=function(t){R()(n,t);var e=PC(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(WS);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 jC(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){w()(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}function $C(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RC=["front","back","left","right","top","bottom"],CC=function(t){R()(n,t);var e=$C(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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",jC(jC({},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 jC(jC(jC(jC(jC({},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"],c=jC(jC(jC(jC({},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(xc(c),"\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(RC.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>")}}]),n}(WS);function MC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TC=function(t){R()(n,t);var e=MC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(WS);function VC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function EC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VC(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DC="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),LC={xChannelSelector:!0,yChannelSelector:!0},BC=function(t){R()(n,t);var e=IC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=ga();return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,EC({itemType:"svgfilter",id:e,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},t))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(t,e){this.json.in[t]={id:e.id,type:e.type}}},{key:"setConnected",value:function(t){0===this.json.connected.filter((function(e){return e.id===t.id})).length&&this.json.connected.push({id:t.id})}},{key:"convert",value:function(t){return"string"==typeof t.in&&(t.in=JSON.parse(t.in)),"string"==typeof t.bound&&(t.bound=JSON.parse(t.bound)),"string"==typeof t.connected&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return EC(EC({},Ta()(V()(n.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(LC).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=""),DC.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,rT[t.type])(t)}}]),n}(Ec);function AC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zC=function(t){R()(n,t);var e=AC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:n.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Ca.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    ')}}]),n}(BC);function FC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}zC.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Ca.number(0)}};var HC=function(t){R()(n,t);var e=FC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.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>")}}]),n}(BC);function GC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HC.spec={};var _C=function(t){R()(n,t);var e=GC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:n.spec.operator.defaultValue,k1:n.spec.k1.defaultValue,k2:n.spec.k2.defaultValue,k3:n.spec.k3.defaultValue,k4:n.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}}]),n}(BC);function NC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_C.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:Ca.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)}};var XC=function(t){R()(n,t);var e=NC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:n.spec.operator.defaultValue,radius:n.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()," />")}}]),n}(BC);function YC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XC.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)}};var KC=function(t){R()(n,t);var e=YC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:n.spec.filterType.defaultValue,baseFrequency:n.spec.baseFrequency.defaultValue,numOctaves:n.spec.numOctaves.defaultValue,seed:n.spec.seed.defaultValue})}},{key:"convert",value:function(t){return t.baseFrequency=Ca.parse(t.baseFrequency),t.numOctaves=Ca.parse(t.numOctaves),t.seed=Ca.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(Pc({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function UC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KC.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Ca.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Ca.number(0)}};var WC=function(t){R()(n,t);var e=UC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:n.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(t){return t.scale=Ca.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}}]),n}(BC);function ZC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WC.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Ca.number(0)}};var qC=function(t){R()(n,t);var e=ZC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:n.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()," />")}}]),n}(BC);function JC(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qC.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 QC=function(t){R()(n,t);var e=JC(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:n.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()," />")}}]),n}(BC);function tM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}QC.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var eM=function(t){R()(n,t);var e=tM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:n.spec.stdDeviationX.defaultValue,stdDeviationY:n.spec.stdDeviationY.defaultValue,edgeMode:n.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.stdDeviationX=Ca.parse(t.stdDeviationX),t.stdDeviationY=Ca.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()," />")}}]),n}(BC);function nM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}eM.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var rM=function(t){R()(n,t);var e=nM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,color:n.spec.color.defaultValue,opacity:n.spec.opacity.defaultValue})}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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(Pc({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),n}(BC);function iM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}rM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var aM=function(t){R()(n,t);var e=iM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:n.spec.r.defaultValue,g:n.spec.g.defaultValue,b:n.spec.b.defaultValue,a:n.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(t){var e=t.split(" "),n=Aa()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=_t()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=_t()(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(Pc(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(Pc(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(Pc(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(Pc(i)," />"),"\n    </feComponentTransfe>")}}]),n}(BC);function oM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}aM.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 cM=function(t){R()(n,t);var e=oM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:n.spec.azimuth.defaultValue,elevation:n.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(Pc({azimuth:e,elevation:n})," />")}}]),n}(BC);function sM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}cM.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var uM=function(t){R()(n,t);var e=sM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,z:n.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(Pc({x:e,y:n,z:r})," />")}}]),n}(BC);function lM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}uM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var fM=function(t){R()(n,t);var e=lM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:n.spec.x.defaultValue,y:n.spec.x.defaultValue,z:n.spec.x.defaultValue,pointsAtX:n.spec.pointsAtX.defaultValue,pointsAtY:n.spec.pointsAtY.defaultValue,pointsAtZ:n.spec.pointsAtZ.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,limitingConeAngle:n.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,c=t.specularExponent,s=t.limitingConeAngle;return"<feSpotLight ".concat(Pc({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:c,limitingConeAngle:s})," />")}}]),n}(BC);function hM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}fM.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)}};var vM=function(t){R()(n,t);var e=dM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,diffuseConstant:n.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return pM(pM({},Ta()(V()(n.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(Pc({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>")}}]),n}(BC);function yM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}vM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var bM=function(t){R()(n,t);var e=mM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:n.spec.surfaceScale.defaultValue,lightingColor:n.spec.lightingColor.defaultValue,specularConstant:n.spec.specularConstant.defaultValue,specularExponent:n.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return gM(gM({},Ta()(V()(n.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(Pc({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>")}},{key:"getSourceInAttribute",value:function(){return""}}]),n}(BC);function kM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}bM.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Ca.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var xM=function(t){R()(n,t);var e=kM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:n.spec.dx.defaultValue,dy:n.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(Pc({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function wM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}xM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var PM=function(t){R()(n,t);var e=wM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:n.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var t=this.json.mode;return"<feBlend ".concat(Pc({mode:t})," ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),n}(BC);function OM(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SM(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OM(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}PM.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var $M=function(t){R()(n,t);var e=jM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,SM({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),n}(BC);function RM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var CM=function(t){R()(n,t);var e=RM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),n}($M);function MM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TM=function(t){R()(n,t);var e=MM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),n}($M);function VM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var EM=function(t){R()(n,t);var e=VM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),n}($M);function IM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DM=function(t){R()(n,t);var e=IM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),n}($M);function LM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var BM=function(t){R()(n,t);var e=LM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),n}($M);function AM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zM=function(t){R()(n,t);var e=AM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),n}($M);function FM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var HM=function(t){R()(n,t);var e=FM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:n.spec.dx.defaultValue,dy:n.spec.dy.defaultValue,stdDeviation:n.spec.stdDeviation.defaultValue,color:n.spec.color.defaultValue,opacity:n.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(Pc({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function GM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}HM.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Ca.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Ca.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var _M=function(t){R()(n,t);var e=GM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:n.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()," />")}}]),n}(BC);function NM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}_M.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Ca.number(0)}};var XM=function(t){R()(n,t);var e=NM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:n.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()," />")}}]),n}(BC);function YM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}XM.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Ca.number(0)}};var KM=function(t){R()(n,t);var e=YM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),n}(BC);function UM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}KM.spec={};var WM=function(t){R()(n,t);var e=UM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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(Pc({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);function ZM(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}WM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)}};var qM=function(t){R()(n,t);var e=ZM(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,{type:"Image",x:n.spec.x.defaultValue,y:n.spec.y.defaultValue,width:n.spec.width.defaultValue,height:n.spec.height.defaultValue,src:n.spec.src.defaultValue,alignment:n.spec.alignment.defaultValue,scaleing:n.spec.scaleing.defaultValue})}},{key:"convert",value:function(t){return t.x=Ca.parse(t.x),t.y=Ca.parse(t.y),t.width=Ca.parse(t.width),t.height=Ca.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,c=t.scaleing;return"<feImage ".concat(Pc({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(c)})," ").concat(this.getDefaultAttribute()," />")}}]),n}(BC);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){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JM(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function tT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}qM.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Ca.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 eT=["result"],nT=function(t){R()(n,t);var e=tT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ta()(V()(n.prototype),"getDefaultObject",this).call(this,QM({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return eT.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,rT[t.type])(t)}}]),n}(Ec),rT={Image:qM,Tile:WM,Saturate:_M,HueRotate:XM,LuminanceAlpha:KM,DropShadow:HM,SourceGraphic:CM,SourceAlpha:TM,BackgroundImage:EM,BackgroundAlpha:DM,FillPaint:BM,StrokePaint:zM,ComponentTransfer:aM,DistantLight:cM,PointLight:uM,SpotLight:fM,DiffuseLighting:vM,SpecularLighting:bM,Blend:PM,Offset:xM,RotaMatrix:zC,GaussianBlur:eM,Flood:rM,Merge:HC,Composite:_C,Morphology:XC,Turbulence:KC,DisplacementMap:WC,ColorMatrix:qC,ConvolveMatrix:QC},iT={Image:qM.spec,Tile:WM.spec,DropShadow:HM.spec,Saturate:_M.spec,HueRotate:XM.spec,LuminanceAlpha:KM.spec,Offset:xM.spec,ComponentTransfer:aM.spec,SpecularLighting:bM.spec,SpotLight:fM.spec,PointLight:uM.spec,DistantLight:cM.spec,DiffuseLighting:vM.spec,Blend:PM.spec,RotaMatrix:zC.spec,Merge:HC.spec,GaussianBlur:eM.spec,Flood:rM.spec,Morphology:XC.spec,Composite:_C.spec,Turbulence:KC.spec,DisplacementMap:WC.spec,ColorMatrix:qC.spec,ConvolveMatrix:QC.spec};function aT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oT=function(t){R()(n,t);var e=aT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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=_t()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(fe()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n<style type='text/css' data-renderer-type=\"html\" data-id='".concat(t.id,"'>\n    :root {\n        ").concat(xc(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 nT.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")}}]),n}(KS);function cT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sT=function(t){R()(n,t);var e=cT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(WS);function uT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function fT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hT=function(t){R()(n,t);var e=fT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(qa.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:"cachedStroke",value:function(t){return t.computed("stroke",(function(t){return Qm.parseImage(t||"black")}))}},{key:"cachedFill",value:function(t){return t.computed("fill",(function(t){return Qm.parseImage(t||"black")}))}},{key:"toFillSVG",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toStrokeSVG",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toSVGString)||void 0===e?void 0:e.call(n,this.strokeId(t))}},{key:"toFillValue",value:function(t){var e,n=this.cachedFill(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return pu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){var e,n=this.cachedStroke(t);return null==n||null===(e=n.toFillValue)||void 0===e?void 0:e.call(n,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 lT(lT({},Ta()(V()(n.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)}}]),n}(WS);function pT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dT=function(t){R()(n,t);var e=pT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(t.hasChangedField("width","height","d")&&n.setAttrNS({d:t.d}),t.hasChangedField("fill")&&n.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&n.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&n.setAttrNS({filter:this.toFilterValue(t)}),t.hasChangedField("fill-rule")&&n.setAttrNS({"fill-rule":t["fill-rule"]||"nonezero"})),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    ')}}]),n}(hT);function vT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yT=function(t){R()(n,t);var e=vT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&t.hasChangedField("width","height","d")&&n.attr("d",t.d);var r=e.$("path.guide");r&&t.hasChangedField("width","height","d")&&r.attr("d",t.d);var i=e.$("textPath");i&&(t.hasChangedField("text")&&i.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&i.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&i.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&i.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&i.setAttrNS({filter:this.toFilterValue(t)})),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,'" stroke="rgba(0, 0, 0, 0.5)" fill="none"/>\n      </svg>\n    ')}}]),n}(hT);function gT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mT=function(t){R()(n,t);var e=gT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){e.$("text")&&(t.hasChangedField("text")&&$textPath.text(t.text),t.hasChangedField("textLength","lengthAdjust","startOffset")&&$textPath.setAttrNS({textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset}),t.hasChangedField("fill")&&$textPath.setAttrNS({fill:this.toFillValue(t)}),t.hasChangedField("stroke")&&$textPath.setAttrNS({stroke:this.toStrokeValue(t)}),t.hasChangedField("filter")&&$textPath.setAttrNS({filter:this.toFilterValue(t)})),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>")}}]),n}(hT),bT={dom:function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t){return t}}]),t}()},kT=function(){function t(){O()(this,t)}return j()(t,null,[{key:"compile",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=bT[t]||bT.dom;return r.compile(e,n)}}]),t}();function xT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wT=function(t){R()(n,t);var e=xT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){if(!1===t.hasChangedField("x","y","width","height")){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r)}Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return kT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=this.compile(t);return"\n      <div class='element-item template' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <style id="style-').concat(e,'">\n          [data-id="').concat(e,'"] .inner-html {\n            width: 100%; \n            height: 100%;\n            position:relative;\n            display:block;\n            pointer-events: none; \n          }\n\n          [data-id="').concat(e,'"] .inner-html > * {\n            width: 100%; \n            height: 100%;\n          }          \n        </style>\n        <div class="inner-html" data-domdiff-pass="true">\n          ').concat(n,"\n        </div>\n      </div>")}}]),n}(WS);function PT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OT=function(t){R()(n,t);var e=PT(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=Ta()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{key:"update",value:function(t,e){var r=e.$(".text-content");if(r){var i=t.content;r.updateDiff(i)}Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.id,n=t.content;return"\n            <div class='element-item text' data-id=\"".concat(e,'">\n                ').concat(this.toDefString(t),'\n                <div class="text-content" tabIndex="-1" data-id="').concat(e,'">').concat(n,"</div>\n            </div>\n        ")}}]),n}(WS);function ST(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jT=function(t){R()(n,t);var e=ST(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=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(c,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>")}},{key:"update",value:function(t,e){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=e.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(WS),$T=function(){function t(e){O()(this,t),this.editor=e}var e,n;return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("json","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("json",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:(n=Fa()(Na.a.mark((function t(e,n){var r;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=2;break}return t.abrupt("return");case 2:if(!(r=this.getRendererInstance(e))){t.next=7;break}return t.next=6,r.render(e,n||this);case 6:return t.abrupt("return",t.sent);case 7:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"getResourceDataURI",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}(),RT=function(){function t(){O()(this,t)}var e,n;return j()(t,[{key:"render",value:(n=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.toCloneObject(e,n);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t,this)}))),function(t,e){return n.apply(this,arguments)})},{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){var r,i,a,o;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:(r=e.attrs("itemType","name","elementType","type","visible","lock","selected")).referenceId=e.id,r.newTargetId=ya(),i=[],a=0,o=e.layers.length;case 5:if(!(a<o)){t.next=14;break}return t.t0=i,t.next=9,n.render(e.layers[a],n);case 9:t.t1=t.sent,t.t0.push.call(t.t0,t.t1);case 11:a++,t.next=5;break;case 14:return r.layers=i,t.abrupt("return",r);case 16:case"end":return t.stop()}}),t)}))),function(t,n){return e.apply(this,arguments)})}]),t}();function CT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?CT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function TT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function VT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ET(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DT=function(t){R()(r,t);var e,n=IT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=ET,t.t1=ET,t.t2=ET,t.t3={},t.next=6,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 6:return t.t4=t.sent,t.t5=(0,t.t2)(t.t3,t.t4),t.t6=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"),t.t7=(0,t.t1)(t.t5,t.t6),t.t8={},t.t9={selectors:e.selectors.map((function(t){return t.clone()})),svg:e.svg.map((function(t){return t.clone()}))},t.abrupt("return",(0,t.t0)(t.t7,t.t8,t.t9));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=TT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=MT,t.t1=MT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("x","y","width","height"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(RT));function LT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zT=function(t){R()(r,t);var e,n=AT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=BT,t.t1=BT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(DT);function FT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function GT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var _T=function(t){R()(r,t);var e,n=GT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=HT,t.t1=HT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("tagName"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(DT);function NT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var XT=function(t){R()(n,t);var e=NT(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(_T);function YT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function KT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?YT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):YT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function UT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var WT=function(t){R()(r,t);var e,n=UT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=KT,t.t1=KT,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function ZT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qT(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ZT(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ZT(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function JT(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QT=function(t){R()(r,t);var e,n=JT(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){var i,a,o;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=e.project,a=i.imageKeys[e.src],o=a.original,t.t0=qT,t.t1=qT,t.t2={},t.next=8,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 8:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5={},t.t6={src:o},t.abrupt("return",(0,t.t0)(t.t4,t.t5,t.t6));case 13:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);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){w()(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}function nV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function rV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function iV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function aV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}function oV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function sV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var uV=function(t){R()(r,t);var e,n=sV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=cV,t.t1=cV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("name","description","rootVariable"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=aV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=iV,t.t1=iV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("timeline"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(function(t){R()(r,t);var e,n=nV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=eV,t.t1=eV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(RT)));function lV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var fV=function(t){R()(n,t);var e=lV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(_T);function hV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function dV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var vV=function(t){R()(r,t);var e,n=dV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=pV,t.t1=pV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function yV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var bV=function(t){R()(r,t);var e,n=mV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=gV,t.t1=gV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("d"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function kV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function wV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var PV=function(t){R()(r,t);var e,n=wV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=xV,t.t1=xV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function OV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function SV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var $V=function(t){R()(r,t);var e,n=jV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=SV,t.t1=SV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(vV);function RV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function CV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?RV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function MV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TV=function(t){R()(r,t);var e,n=MV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=CV,t.t1=CV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("engine","template","params"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function VV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?VV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function IV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DV=function(t){R()(r,t);var e,n=IV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=EV,t.t1=EV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("content"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T);function LV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zV=function(t){R()(r,t);var e,n=AV(r);function r(){return O()(this,r),n.apply(this,arguments)}return j()(r,[{key:"toCloneObject",value:(e=Fa()(Na.a.mark((function t(e,n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=BV,t.t1=BV,t.t2={},t.next=5,Ta()(V()(r.prototype),"toCloneObject",this).call(this,e,n);case 5:return t.t3=t.sent,t.t4=(0,t.t1)(t.t2,t.t3),t.t5=e.attrs("src"),t.abrupt("return",(0,t.t0)(t.t4,t.t5));case 9:case"end":return t.stop()}}),t,this)}))),function(t,n){return e.apply(this,arguments)})}]),r}(_T),FV=function(){function t(e){O()(this,t),this.editor=e}return j()(t,[{key:"getDefaultRendererInstance",value:function(){return this.editor.getRendererInstance("svg","rect")}},{key:"getRendererInstance",value:function(t){return this.editor.getRendererInstance("svg",t.itemType)||this.getDefaultRendererInstance()||t}},{key:"render",value:function(t,e){if(!t)return"";var n=this.getRendererInstance(t);return n?n.render(t,e||this):void 0}},{key:"toCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toCSS(t)}},{key:"toTransformCSS",value:function(t){var e=this.getRendererInstance(t);if(e)return e.toTransformCSS(t)}},{key:"toStyle",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.toStyle(t,e||this)}},{key:"update",value:function(t,e){var n=this.getRendererInstance(t);if(n)return n.update(t,e)}},{key:"codeview",value: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        ")}}]),t}();function HV(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GV(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HV(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HV(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NV=function(t){R()(n,t);var e=_V(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toDefaultCSS",value:function(t){return GV({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.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return GV(GV({},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,c=t.itemType;return"\n\n<svg class='svg-element-item ".concat(c,'\'\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(ne(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(xc(a),';width:100%;height:100%;"></').concat(i,">\n</foreignObject>    \n").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),n}(KS);function XV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YV=function(t){R()(n,t);var e=XV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),n}(NV);function KV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var UV=function(t){R()(n,t);var e=KV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(NV);function WV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZV=function(t){R()(n,t);var e=WV(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(UV);function qV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var JV=function(t){R()(n,t);var e=qV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=e.$("iframe");r&&r.attr("src",t.url||"about:blank"),Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"render",value:function(t){var e=t.width,n=t.height,r=(t.id,t.url),i=void 0===r?"about:blank":r,a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n  <foreignObject\n      width="'.concat(e.value,'"\n      height="').concat(n.value,'"\n  >\n      <iframe \n          xmlns="http://www.w3.org/1999/xhtml"\n          width="100%" \n          height="100%" \n          style="border:0px;width:100%;height:100%;pointer-events:none; ').concat(xc(a),'" \n          src="').concat(i,'"\n      ></iframe>\n  </foreignObject>              \n          ')}))}}]),n}(UV);function QV(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tE=function(t){R()(n,t);var e=QV(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(xc(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,e){var r=e.$("img");r&&r.attr("src",this.getUrl(t)),Ta()(V()(n.prototype),"update",this).call(this,t,e)}}]),n}(UV);function eE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nE=function(t){R()(n,t);var e=eE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),n}(NV);function rE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iE=function(t){R()(n,t);var e=rE(n);function n(){return O()(this,n),e.apply(this,arguments)}return n}(UV);function aE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oE=function(t){R()(n,t);var e=aE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(qa.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 Qm.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return Qm.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return Qm.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return pu.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return Qm.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{}}}]),n}(UV);function cE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function uE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lE=function(t){R()(n,t);var e=uE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(sE(sE({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:xc(e.toCSS(t))}))," />\n    ")}))}}]),n}(oE);function fE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?fE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):fE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function pE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dE=function(t){R()(n,t);var e=pE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(hE(hE({"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:xc(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      ")}))}}]),n}(oE);function vE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function yE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function gE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mE=function(t){R()(n,t);var e=gE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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(Pc(yE(yE({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t)),{},{style:xc(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),n}(oE);function bE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kE=function(t){R()(n,t);var e=bE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"update",value:function(t,e){var r=this.compile(t),i=e.$(".inner-html");i&&i.updateDiff(r),Ta()(V()(n.prototype),"update",this).call(this,t,e)}},{key:"compile",value:function(t){return kT.compile("dom",t.template,t.params)}},{key:"render",value:function(t){var e=t.id,n=t.width,r=t.height,i=this.compile(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" style="width: 100%;height:100%;">\n                    <style id="style-').concat(e,'">\n                    [data-id="').concat(e,'"] .inner-html {\n                        width: 100%; \n                        height: 100%;\n                        position:relative;\n                        display:block;\n                        pointer-events: none; \n                    }\n\n                    [data-id="').concat(e,'"] .inner-html > * {\n                        width: 100%; \n                        height: 100%;\n                    }          \n                    </style>\n                    <div class="inner-html">\n                    ').concat(i,"\n                    </div>\n                </div>\n            </foreignObject>              \n          ")}))}}]),n}(UV);function xE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wE=function(t){R()(n,t);var e=xE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"toCSS",value:function(t){var e=Ta()(V()(n.prototype),"toCSS",this).call(this,t);return e.margin=e.margin||"0px",e}},{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(xc(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),n}(UV);function PE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var OE=function(t){R()(n,t);var e=PE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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,c=t.poster,s=t.loop,u=t.crossorigin,l=t.autoplay,f=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(c,'"\n                    loop="').concat(s,'"\n                    crossorigin="').concat(u,'"\n                    autoplay="').concat(l,'"\n                    style="').concat(xc(f),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),n}(UV);n(124);function SE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var jE=function(t){R()(n,t);var e=SE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{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='elf--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:xt("$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(){Ta()(V()(n.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:ct("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:ct("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),n}(sw);n(125);function $E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RE=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].map((function(t){return{value:t}})),CE=function(t){R()(n,t);var e=$E(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("selector.property.title")}},{key:"getBody",value:function(){return"<div class='elf--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\" none-value=\"selector\" options=".concat(this.variable(RE),' />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Tg.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(Tg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:ht("$selectorList .selector-item .del")+at+ot,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:ct("refreshSelection")+tt(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Dt("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?zb.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:yt("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:mt("$selectorList .selector-item")+at,value:function(t){}},{key:gt("$selectorList .selector-item")+at,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:ht("$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:ct("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))}}]),n}(Ux);n(126);function ME(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var TE=function(t){R()(n,t);var e=ME(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid"}}},{key:"getClassName",value:function(){return"elf--svgfilter-assets-property"}},{key:ct("refreshSelection")+tt(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:Dt("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return nT.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(Tg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Tg.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Tg.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:ht("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:ga(),filters:[]})}))}},{key:ht("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:ht("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:xt("$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:ht("$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:ct("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:ct("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:ct("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),n}(Ux),VE={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"};n(127);function EE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var IE=Object.keys(VE).map((function(t){return{title:t,values:VE[t]}})),DE=function(t){R()(n,t);var e=EE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{values:Sa(this.props.values)}}},{key:"template",value:function(){return"\n            <div class='elf--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:At("$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:Dt("$sample"),value:function(){return IE.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:ht("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=IE[e];this.updateData({values:Sa(n.values)}),this.load("$body")}},{key:Dt("$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:xt("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),n}(Xg);n(128);function LE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function BE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?LE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):LE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function AE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var zE=function(t){R()(n,t);var e=AE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return BE({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=Aa()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=_t()(i,2),o=a[0],c=a[1];else if("gamma"===r)var s=_t()(i,3),u=s[0],l=s[1],f=s[2];return{type:r,values:i,slop:o,intercept:c,amplitude:u,exponent:l,offset:f}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Dt("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="SelectEditor"  \n            label="'.concat(r,'" \n            key="type" \n            value="').concat(this.state.type,'" \n            options=').concat(this.variable(["identity","table","discrete","linear","gamma"]),' \n            onchange="changeType" />\n        <div class=\'elf--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\" \n                    label='tableValues' \n                    ref='$values' \n                    key='values' \n                    value=\"").concat(this.state.values.join(" "),'" \n                    onchange=').concat(this.subscribe((function(e,n){t.updateData(w()({},e,n.split(" ")))}))," />\n            </div>\n            <div data-type='linear'>\n                ").concat(["slop","intercept"].map((function(e){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                            />\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"  \n                                label=\''.concat(e,"' \n                                ref='$").concat(e,"' \n                                key='").concat(e,"' \n                                value=\"").concat(t.state[e],'" \n                                onchange=').concat(t.subscribe((function(e,n){t.updateData(w()({},e,n))})),"\n                                />\n                        </div>                    \n                    ")})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:ct("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(fe()(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(BE({},this.parse(t)))}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),n}(Xg),FE={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"}]}]};n(129);function HE(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function GE(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?HE(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):HE(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function _E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var NE=[{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"}]}],XE=[{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 YE(t){switch(t){case"SpecularLighting":return Tg.specular;case"DiffuseLighting":return Tg.diffuse;case"SourceGraphic":case"SourceAlpha":return Tg.image;case"BackgroundImage":case"BackgroundAlpha":return Tg.outline_image;case"Flood":return Tg.palette;case"Image":return Tg.landscape;case"GaussianBlur":return Tg.blur;case"ColorMatrix":return Tg.blur_linear;case"Turbulence":return Tg.waves;case"Saturate":return Tg.vintage;case"HueRotate":return Tg.looks;case"LuminanceAlpha":return Tg.opacity;case"DropShadow":return Tg.shadow;case"Morphology":return Tg.broken_image;case"ConvolveMatrix":return Tg.camera_roll;case"Offset":return Tg.transform;case"Tile":return Tg.view_comfy;case"Blend":return Tg.gradient;case"Composite":return Tg.merge;case"Merge":return Tg.settings_input_component;case"DisplacementMap":return Tg.texture}return""}function KE(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 UE=[45],WE=[20],ZE={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},qE={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(qE).forEach((function(t){qE[t]=qE[t].map((function(t){return t+20}))}));var JE=function(t){R()(n,t);var e=_E(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"makeFilterSelect",value:function(){var t=this;return"\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(jc(NE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(jc(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(YE(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(jc(XE,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(jc(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=\'elf--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 scrollbar selected" data-value="1">\n                ').concat(this.makeFilterSelect(),'\n              </div>\n              <div class="tab-content  scrollbar" 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:ht("$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:yt("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:mt("$connectedLinePanel")+at,value:function(){}},{key:gt("$connectedLinePanel")+at,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=FE[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return iT[t]}},{key:"makeFilterEditorTemplate",value:function(t,e,n){var r=this,i="".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(i,"' \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(i,"' \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(i,"' \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 a=t.options;return ne(t.options)&&(a=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(i,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(a,"' \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(i,"' \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(i,"' \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(i,"' \n            label=\"").concat(t.title,'" \n            key="').concat(n,'"\n            value="').concat(e[n].toString(),'" \n            onchange=').concat(this.subscribe((function(t,e,n){r.trigger("changeRangeEditor",t,e,n)})),"\n          />\n        </div>\n      "):"FuncFilter"===t.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(i,"' \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(i,"' \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(i,"' \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(Tg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Zt(t,e).join(n)}(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:Dt("$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 nT.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return nT.parse(GE(GE({},e),{},{type:t}))}},{key:ht("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:ht("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:ht("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Dt("$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:jt("$graphPanel .filter-node")+Fg()+Hg(),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=qa.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=ae(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,c=a.y-e.y,s=o+a.width/2,u=c+a.height/2;this.startXY={x:s,y:u}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Dt("$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 bf,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+UE[0],r=t.bound.y+WE[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 c=o.index;return[{x:n,y:r},{x:i.it.bound.x+ZE[a][0],y:i.it.bound.y+qE[a][c]}]}},{key:Dt("$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=KE(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:ht("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=_t()(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=qa.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(c=this.state.filters[+a.attr("data-index")])if(!c.hasLight()&&n.isLight());else{var o=+i.attr("data-index");c.in[o]||(c.setIn(o,n),n.setConnected(c))}}else if("in"===this.pointType){var c;if(i.hasClass("out"))(c=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!c.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,c),c.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(t,e){var n=this.state.selectedFilter;n&&(this.startXY.dx=t,this.startXY.dy=e,"in"===this.pointType||"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+t,y:this.startXY.y+e}}),this.$target.css({left:Ca.px(n.bound.x),top:Ca.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(Oc({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(Tg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(KE(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(YE(e.type),"</div>\n          <div class='in-list'>\n            ").concat(kc(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(Tg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:ut("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:ut("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:ut("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(w()({},t,e)),this.modifyFilter()}},{key:"removeFilter",value:function(t){var e=this.state.filters.filter((function(e){return e.id!=t}));e.forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=t})),e.in=e.in.filter((function(e){return e.id!=t}))})),this.state.selectedFilter.id===t&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:e}),this.modifyFilter()}},{key:ht("$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)}}]),n}(Xg);n(130);function QE(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var tI=function(t){R()(n,t);var e=QE(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{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='elf--svg-filter-popup' ref='$popup'>\n      <div class=\"box\">\n        <div class='editor' ref='$editor'></div>\n      </div>\n    </div>"}},{key:Dt("$editor"),value:function(){var t=this;return"\n      <object refClass=\"SVGFilterEditor\" ref='$filter' title='Filter Type' key=\"filter\" onchange=".concat(this.subscribe((function(e,n){t.updateData({filters:n})})),'>\n        <property name="value" valueType="json">').concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:ct("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return nT.parse(t)})),t.preview=!Jt(t.preview)||t.preview,this.setState(t),this.show(1e3)}},{key:ct("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),n}(sw);n(131);function eI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nI=function(t){R()(n,t);var e=eI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value;return{options:[],label:this.props.label||"",value:t}}},{key:"template",value:function(){var t=this.state.label;return"\n            <div class='elf--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(Tg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Tg.remove,"</button>\n            </div>\n        ")}},{key:ht("$remove"),value:function(t){this.updateData({value:""})}},{key:ht("$open"),value:function(t){var e=this.state.value;if(e.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(e);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(t){this.setState({value:t})}},{key:"refresh",value:function(){this.load()}},{key:At("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Dt("$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=_t()(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:kt("$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:ct("refreshSVGArea")+tt(1e3),value:function(){this.load("$options")}},{key:ct("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:ct("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),n}(Xg);function rI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iI=function(t){R()(n,t);var e=rI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"editableProperty",get:function(){return"svg-item"}},{key:ct("refreshSelection")+U("checkShow"),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"]||Ca.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Ca.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Ca.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"]))}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return"\n      <div ref='$svgProperty'>\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=').concat(this.variable(["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        \x3c!--<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>--\x3e\n        <div class=\'property-item\'>\n          <object refClass="StrokeDashArrayEditor" label="').concat(this.$i18n("svg.item.property.dashArray"),"\" 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=').concat(this.variable(["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=').concat(this.variable(["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        \x3c!--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--\x3e         \n      </div>\n   \n    ')}},{key:ut("changeValue"),value:function(t,e,n){this.command("setAttributeForMulti","change svg item property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change attribute : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function aI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oI=function(t){R()(n,t);var e=aI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:ct("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=').concat(this.variable(["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=").concat(this.variable(["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:ut("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change svg text property: ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function cI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sI="none,uppercase:AG,lowercase:ag,capitalize:Ag".split(",").map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),uI="none,underline,overline:O,line-through".split(",").map((function(t){var e=t.split(":"),n=_t()(e,2);return{value:n[0],text:n[1]}})),lI=function(t){R()(n,t);var e=cI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"editableProperty",get:function(){return"text-style"}},{key:ct("refreshSelection")+U("checkShow"),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=").concat(this.variable(["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=").concat(this.variable(sI),'\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=").concat(this.variable(uI),"\n          icons=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:ut("changeTextValue"),value:function(t,e){this.command("setAttributeForMulti","change text property : ".concat(t),this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);function fI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hI=function(t){R()(n,t);var e=fI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.clip.property.title")}},{key:"isFirstShow",value:function(){return!1}},{key:"getClassName",value:function(){return"item"}},{key:"getTools",value:function(){return"<div ref='$textClip'></div>"}},{key:Dt("$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=').concat(this.variable(["","text"]),' onchange="changeSelect" />\n    ')}},{key:ut("changeSelect"),value:function(t,e){this.emit("setAttributeForMulti",this.$selection.packByValue(w()({},t,e)))}},{key:"editableProperty",get:function(){return"text-clip"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);function pI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var dI=function(t){R()(n,t);var e=pI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"editableProperty",get:function(){return"text-fill"}},{key:ct("refreshSelection")+U("checkShow"),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:ut("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:ut("changeRangeEditor"),value:function(t,e){this.command("setAttributeForMulti","change text fill",this.$selection.packByValue(w()({},t,e)))}}]),n}(Ux);n(132);function vI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var yI=function(t){R()(n,t);var e=vI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:this.props.value}}},{key:"template",value:function(){var t=this.state.hideLabel?"hide":"";return'\n      <div class="elf--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(Tg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    ")}},{key:Dt("$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(Tg.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:ct("add"),value:function(){this.state.textShadows.push(new ju),this.refresh(),this.modifyTextShadow()}},{key:ht("$add"),value:function(){this.trigger("add")}},{key:ht("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:ht("$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:ct("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),n}(Xg);function gI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var mI=function(t){R()(n,t);var e=gI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("text.shadow.property.title")}},{key:"getBody",value:function(){return'\n      <div class="full text-shadow-item" ref="$shadowList"></div>\n    '}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"text-shadow"}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Tg.add,"</button>")}},{key:ht("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Dt("$shadowList"),value:function(){var t=this,e=this.$selection.current||{};return'\n      <object refClass="TextShadowEditor" \n        ref=\'$textshadow\' \n        value="'.concat(this.variable(ju.parseStyle(e["text-shadow"])),'" \n        hide-label="true" \n        onChange=').concat(this.subscribe((function(e){t.command("setAttributeForMulti","change text shadow",t.$selection.packByValue({"text-shadow":e}))})),"\n      />\n    ")}},{key:"editableProperty",get:function(){return"text-shadow"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}}]),n}(Ux);n(133);function bI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var kI=function(t){R()(n,t);var e=bI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Ca.z(),offsetY:Ca.z(),blurRadius:Ca.z()}}},{key:"updateData",value:function(t){this.setState(t,!1),this.emit(this.changeEvent,t,this.params)}},{key:"getBody",value:function(){return"<div class='elf--text-shadow-property-popup' ref='$popup'></div>"}},{key:Dt("$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:ct("changeShadow"),value:function(t,e){this.updateData(w()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:jt("$popup .drag-board")+Fg("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,c=r-a;o<-i?o=-i:o>i&&(o=i),c<-a?c=-a:c>a&&(c=a),o=Math.floor(o),c=Math.floor(c),this.updateData({offsetX:Ca.px(o),offsetY:Ca.px(c)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:ct("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:ct("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),n}(sw);n(134);function xI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var wI=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],PI={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},OI=function(t){R()(n,t);var e=xI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n            <div class='elf--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(wI.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(Tg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:ht("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Ca.deg(PI[e]||0);this.$selection.each((function(t){var e=zc.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool",!1)}},{key:At("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:zc.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:At("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:zc.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:pt("$rotateArea"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return zc.remove(t.transform,["rotateX","rotateY"])}})),this.command("setAttributeForMulti","change direction",this.$selection.pack("transform")),this.emit("refreshSelectionTool"),this.bindData("$rotateContainer")}},{key:jt("$rotateArea")+Fg("moveRotateXY")+Hg("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=zc.get(t.transform,"rotateX"),n=zc.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Ca.deg(0),rotateY:n?n[0]:Ca.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Ca.deg(-e),r=Ca.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=zc.rotateX(e,Ca.deg(t.rotateX.value+n.value)),e=zc.rotateY(e,Ca.deg(t.rotateY.value+r.value)),t.item.reset({transform:e})})),this.bindData("$rotateContainer"),this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"moveEndRotateXY",value:function(t,e){this.command("setAttributeForMulti","change rotate",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:pt("$handle"),value:function(){this.$selection.reset(this.$selection.packByValue({transform:function(t){return zc.remove(t.transform,["rotateZ","rotate"])}})),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:jt("$handle")+Fg()+Hg(),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=zc.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Ca.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"end",value:function(){this.command("setAttributeForMulti","change rotate handle",this.$selection.pack("transform")),this.emit("refreshSelectionTool")}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Ca.deg(Math.floor(pa(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=zc.rotateZ(e,Ca.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:ct("refreshSelection"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView"),value:function(){this.$selection.hasChangedField("transform")&&this.refresh()}}]),n}(Xg);n(135);function SI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function $I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var RI=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],CI={scale:["X","Y"],skew:["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"]},MI=function(t){R()(n,t);var e=$I(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:zc.parseStyle(this.props.value)}}},{key:"template",value:function(){var t=this,e=this.state.hideLabel?"hide":"";return"\n      <div class='elf--transform-editor transform-list'>\n          <div class='label ".concat(e,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(RI.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(Tg.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":case"skew":return CI[t][e]}return""}},{key:"isMultiValue",value:function(t){switch(t){case"translate3d":case"matrix":case"matrix3d":case"skew":return!0}return!1}},{key:"getRange",value:function(t){switch(t){case"translateX":case"translateY":case"translateZ":case"translate":case"translate3d":return{min:-100,max:100,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"skew":case"skewY":case"skewX":return{min:-360,max:360,step:.1,units:"deg,turn,rad",editorType:"RangeEditor"};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-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Tg.remove2,'\n            </button>\n          </div>\n        </div>\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),c=o.min,s=o.max,u=o.step,l=o.units;return'\n            <div>\n              <object refClass="RangeEditor"  \n                    ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                    min=\"").concat(c,'" \n                    max="').concat(s,'" \n                    step="').concat(u,'" \n                    label="').concat(a,'"\n                    key="').concat(n,"\" \n                    params='").concat(i,"' \n                    value=\"").concat(e,'" \n                    units="').concat(l,'" \n                    onchange="changeRangeEditor" />\n            </div>')})).join(""),"      \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(Tg.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),c=o.min,s=o.max,u=o.step,l=o.units,f=o.editorType;return'\n              <div>\n                <object refClass="'.concat(void 0===f?"NumberInputEditor":f,"\"  \n                      ref='$range_").concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(c,'" \n                      max="').concat(s,'" \n                      step="').concat(u,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(l,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    ")}},{key:"makeTransformTemplate",value:function(t,e){return this.isMultiValue(t.type)?this.makeMultiTransformTemplate(t.type,t,e):this.makeOneTransformTemplate(t.type,t,e)}},{key:Dt("$transformList")+Q,value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:"setValue",value:function(t){this.setState({transforms:zc.parseStyle(t)})}},{key:yt("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:mt("$transformList .transform-item")+at,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(fe()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:gt("$transformList .transform-item")+at,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[Ca.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Ca.deg(0)];case"translate":return[Ca.z(),Ca.z()];case"translate3d":return[Ca.z(),Ca.z(),Ca.z()];case"scale":return[Ca.number(1),Ca.number(1)];case"skew":return[Ca.deg(0),Ca.deg(0)];case"scaleX":case"scaleY":return[Ca.number(1)];case"matrix":return[Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0)];case"matrix3d":return[Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(0),Ca.number(1)]}return[Ca.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return zc.parse(jI(jI({},e),{},{type:t,value:n}))}},{key:ut("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:ht("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:ht("$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:ut("changeRangeEditor"),value:function(t,e,n){Jt(n)?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),n}(Xg);function TI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var VI=["rotate","rotateX","rotateY","rotateZ","rotate3d","skew","skewX","skewY","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],EI=function(t){R()(n,t);var e=TI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"isFirstShow",value:function(){return!0}},{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(VI.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(Tg.add,"</button>\n    ")}},{key:ht("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Dt("$body")+Q,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:ut("changeTransformEditor"),value:function(t){var e=this;this.command("setAttributeForMulti","change transform property",this.$selection.packByValue({transform:t})),this.nextTick((function(){e.emit("refreshSelectionTool",!1)}))}},{key:"refresh",value:function(){this.children.$transformEditor.setValue(this.$selection.current.transform)}},{key:"editableProperty",get:function(){return"transform"}},{key:ct("refreshSelection")+U("checkShow"),value:function(){this.refresh()}},{key:ct("refreshSelectionStyleView")+tt(100),value:function(){var t=this.$selection.current;t&&t.hasChangedField("transform")&&this.refresh()}}]),n}(Ux);n(136);function II(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var DI=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],LI=DI.map((function(t){return t.key})),BI={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%"},AI=function(t){R()(n,t);var e=II(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Ca.percent(50),"transform-origin-x":Ca.percent(50),"transform-origin-y":Ca.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Ca.parse(t[0]),e["transform-origin-x"]=Ca.parse(t[0]),e["transform-origin-y"]=Ca.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Ca.parse(t[0]),e["transform-origin-y"]=Ca.parse(t[1]))),e}},{key:"template",value:function(){return"\n      <div class='elf--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:ht("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=BI[e].split(" "),r=_t()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Ca.parse(i),this.state["transform-origin-y"]=Ca.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:ut("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&LI.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Dt("$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(DI.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,LI.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:ht("$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()}}]),n}(Xg);function zI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var FI=function(t){R()(n,t);var e=zI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{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:ht("$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:Dt("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:"editableProperty",get:function(){return"transform-origin"}},{key:ct("refreshSelection")+tt(100)+U("checkShow"),value:function(){this.refresh()}},{key:ut("changeTransformOrigin"),value:function(t,e){this.command("setAttributeForMulti","change transform-origin",this.$selection.packByValue({"transform-origin":e}))}}]),n}(Ux);function HI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var GI=/((cubic-bezier|steps)\(([^\)]*)\))/gi,_I=function(t){R()(n,t);var e=HI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Ca.second(0),timingFunction:"linear",delay:Ca.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 n(t)}},{key:"join",value:function(t){return t.map((function(t){return new n(t).toString()})).join(",")}},{key:"add",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.parseStyle(t);return r.push(n.parse(e)),n.join(r)}},{key:"remove",value:function(t,e){return n.filter(t,(function(t,n){return e!=n}))}},{key:"filter",value:function(t,e){return n.join(n.parseStyle(t).filter((function(t){return e(t)})))}},{key:"replace",value:function(t,e,r){var i=n.parseStyle(t);return i[e]?i[e]=r:i.push(r),n.join(i)}},{key:"get",value:function(t,e){return n.parseStyle(t)[e]}},{key:"parseStyle",value:function(t){var e=[];if(!t)return e;var r=Jx(t,GI);return(e=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Ca.parse(e[1]),timingFunction:Qx(e[2],r.matches),delay:Ca.parse(e[3])}:e.length>=3?{name:e[0],duration:Ca.parse(e[1]),delay:Ca.parse(e[2])}:e.length>=1?{name:e[0],duration:Ca.parse(e[1])}:{}}))).map((function(t){return n.parse(t)}))}}]),n}(Ec);n(137);function NI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function XI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var YI=function(t){R()(n,t);var e=XI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return this.$i18n("transition.property.title")}},{key:"getBody",value:function(){return"<div class='elf--transition-list' ref='$transitionList'></div>"}},{key:"getTools",value:function(){return'\n        <button type="button" ref="$add" title="add Transition">'.concat(Tg.add,"</button>\n    ")}},{key:"isFirstShow",value:function(){return!0}},{key:Dt("$transitionList")+Q,value:function(){var t=this,e=this.$selection.current;return e?_I.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=Rc(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(Tg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:ct("refreshSelection"),value:function(){this.refreshShowIsNot([])}},{key:ht("$add"),value:function(t){var e=this;this.$selection.current?(this.command("setAttributeForMulti","add transition",this.$selection.packByValue({transition:function(t){return _I.add(t.transition)}})),this.nextTick((function(){setTimeout((function(){e.refresh()}),100)}))):alert("Select a layer")}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:ht("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:_I.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=_I.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:ht("$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:ct("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?NI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):NI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:_I.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),n}(Ux);n(138);function KI(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function UI(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KI(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KI(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function WI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var ZI=["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"].map((function(t){return{value:t,text:t}})),qI=function(t){R()(n,t);var e=WI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getTitle",value:function(){return"Transition"}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=UI(UI({},this.state.data),t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='elf--transition-property-popup' ref='$popup'></div>"}},{key:Dt("$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:ut("changeTransition"),value:function(t,e){this.updateData(w()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  \n          ref=\'$property\' \n          icon="true" \n          label="Property" \n          key=\'name\' \n          value="'.concat(this.state.data.name,'" \n          options=').concat(this.variable(ZI)," \n          onChange='changeTransition' \n        /> \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:ut("changeRangeEditor"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ut("changeCubicBezier"),value:function(t,e){this.updateData(w()({},t,e))}},{key:ct("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:ct("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),n}(sw);n(139);function JI(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var QI=function(t){R()(n,t);var e=JI(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"getClassName",value:function(){return"item elf--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:"video",get:function(){return this.state.$video.el}},{key:"volumeStatus",get:function(){return 0===this.state.volume?"muted":this.state.volume>.5?"up":"down"}},{key:"play",value:function(){this.video&&this.video.play()}},{key:"pause",value:function(){this.video&&this.video.pause()}},{key:Dt("$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(Tg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Tg.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(Tg.volume_off,"</span>\n            <span data-value='down'>").concat(Tg.volume_down,"</span>\n            <span data-value='up'>").concat(Tg.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:ct("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({currentTime:e}))}},{key:ct("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({playbackRate:e}))}},{key:Tt("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttributeForMulti","change video property",this.$selection.packByValue({volume:e}))}},{key:At("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:At("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:ht("$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:ut("changeValue")+tt(100),value:function(t,e){this.state.$video&&this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:ut("changeSelect"),value:function(t,e){this.command("setAttributeForMulti","change video property",this.$selection.packByValue(w()({},t,e)))}},{key:ut("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:ct("refreshSelection")+tt(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")}))}}]),n}(Ux),tD=[function(t){cO.forEach((function(e){t.registerConfig(e)}))},function(t){Object.keys(eS).forEach((function(e){t.registerI18nMessage(e,eS[e])}))},function(t){t.registerItem("project",ih),t.registerItem("artboard",Ub),t.registerItem("rect",PO),t.registerItem("circle",vO),t.registerItem("image",bO),t.registerItem("text",tS),t.registerItem("svg-path",VO),t.registerItem("svg-text",LO),t.registerItem("svg-textpath",FO),t.registerItem("template",WO)},function(t){t.registerRendererType("html",new kC(t)),t.registerRenderer("html","project",new oT),t.registerRenderer("html","artboard",new wC),t.registerRenderer("html","rect",new sT),t.registerRenderer("html","circle",new OC),t.registerRenderer("html","image",new TC),t.registerRenderer("html","text",new OT),t.registerRenderer("html","video",new jT),t.registerRenderer("html","svg-path",new dT),t.registerRenderer("html","svg-text",new mT),t.registerRenderer("html","svg-textpath",new yT),t.registerRenderer("html","cube",new CC),t.registerRenderer("html","template",new wT)},function(t){t.registerRendererType("json",new $T(t)),t.registerRenderer("json","project",new uV),t.registerRenderer("json","artboard",new zT),t.registerRenderer("json","rect",new fV),t.registerRenderer("json","circle",new XT),t.registerRenderer("json","image",new QT),t.registerRenderer("json","template",new TV),t.registerRenderer("json","iframe",new WT),t.registerRenderer("json","text",new DV),t.registerRenderer("json","video",new zV),t.registerRenderer("json","svg-path",new bV),t.registerRenderer("json","svg-text",new $V),t.registerRenderer("json","svg-textpath",new PV)},function(t){t.registerRendererType("svg",new FV(t)),t.registerRenderer("svg","project",new nE),t.registerRenderer("svg","artboard",new YV),t.registerRenderer("svg","rect",new iE),t.registerRenderer("svg","circle",new ZV),t.registerRenderer("svg","image",new tE),t.registerRenderer("svg","template",new kE),t.registerRenderer("svg","iframe",new JV),t.registerRenderer("svg","video",new OE),t.registerRenderer("svg","text",new wE),t.registerRenderer("svg","svg-path",new lE),t.registerRenderer("svg","svg-text",new mE),t.registerRenderer("svg","svg-textpath",new dE)},function(t){t.registerElement({IconListViewEditor:BR,TextAreaEditor:lC,TextEditor:hC,ColorSingleEditor:uR,CubicBezierEditor:vR,ClipPathEditor:m$,ColorViewEditor:fR,VarEditor:dC,PathDataEditor:nC,PolygonDataEditor:iC,InputArrayEditor:zR,StrokeDashArrayEditor:sC,NumberInputEditor:qR,NumberRangeEditor:QR,MediaProgressEditor:WR,SelectIconEditor:oC,CSSPropertyEditor:pR,DirectionEditor:mR,IterationCountEditor:KR,GradientEditor:DR,FilterEditor:PR,SelectEditor:f$,BlendSelectEditor:y$,RangeEditor:_R,InputRangeEditor:HR,ColorAssetsEditor:cR,FontSelectEditor:RR})},function(t){t.registerElement({ColorPickerEditor:ZP,EmbedColorPicker:tO}),t.registerMenuItem("popup",{ColorPickerPopup:JP})},function(t){t.registerElement({FillSingleEditor:CS,FillEditor:mS,GradientSingleEditor:VS}),t.registerMenuItem("popup",{FillPickerPopup:$S,GradientPickerPopup:PS})},function(t){t.registerMenuItem("inspector.tab.style",{SVGTextProperty:oI})},function(t){t.registerMenuItem("inspector.tab.style",{FontProperty:sS})},function(t){t.registerMenuItem("inspector.tab.style",{TextProperty:lI})},function(t){t.registerElement({TextShadowEditor:yI}),t.registerMenuItem("inspector.tab.style",{TextShadowProperty:mI}),t.registerMenuItem("popup",{TextShadowPropertyPopup:kI})},function(t){t.registerMenuItem("inspector.tab.style",{FontSpacingProperty:lS})},function(t){t.registerElement({ContentProperty:oO})},function(t){t.registerMenuItem("inspector.tab.style",{TextFillProperty:dI})},function(t){t.registerMenuItem("inspector.tab.style",{TextClipProperty:hI})},function(t){t.registerElement({AlignmentProperty:Zx})},function(t){t.registerMenuItem("inspector.tab.style",{ArtBoardSizeProperty:mw})},function(t){t.registerElement({FlexLayoutEditor:yj,FlexLayoutItemEditor:bj,GridLayoutEditor:Mj,GridLayoutItemEditor:Ej,GridBoxEditor:Oj,GridGapEditor:jj}),t.registerMenuItem("inspector.tab.style",{LayoutProperty:Bj,GridLayoutItemProperty:Dj,FlexLayoutItemProperty:xj})},function(t){t.registerElement({AppearanceProperty:vw})},function(t){t.registerMenuItem("inspector.tab.style",{ComponentProperty:iO})},function(t){t.registerElement({BackgroundImageEditor:$w,BackgroundPositionEditor:Dw}),t.registerMenuItem("inspector.tab.style",{BackgroundImageProperty:Tw}),t.registerMenuItem("popup",{BackgroundImagePositionPopup:Cw})},function(t){t.registerElement({BorderEditor:Hw,BorderValueEditor:Yw}),t.registerMenuItem("inspector.tab.style",{BorderProperty:_w})},function(t){t.registerElement({BorderRadiusEditor:rP}),t.registerMenuItem("inspector.tab.style",{BorderRadiusProperty:aP})},function(t){t.registerMenuItem("inspector.tab.style",{VideoProperty:QI})},function(t){t.registerElement({ImageSelectEditor:nj}),t.registerMenuItem("inspector.tab.style",{ImageProperty:tj}),t.registerMenuItem("popup",{ImageSelectPopup:ij})},function(t){t.registerElement({PatternEditor:Gj,PatternSizeEditor:qj,PatternAssetsProperty:Fj}),t.registerMenuItem("inspector.tab.style",{PatternProperty:Kj}),t.registerMenuItem("popup",{PatternInfoPopup:Nj})},function(t){t.registerElement({SVGFilterAssetsProperty:TE})},function(t){t.registerElement({ColorMatrixEditor:DE,FuncFilterEditor:zE,SVGFilterSelectEditor:nI,SVGFilterEditor:JE}),t.registerMenuItem("inspector.tab.style",{SVGItemProperty:iI}),t.registerMenuItem("popup",{SVGFilterPopup:tI})},function(t){t.registerElement({LayerTreeProperty:hj})},function(t){t.registerElement({BackgroundClipProperty:Pw})},function(t){t.registerElement({BorderImageProperty:Qw})},function(t){t.registerMenuItem("inspector.tab.style",{FilterProperty:oS})},function(t){t.registerMenuItem("inspector.tab.style",{BackdropFilterProperty:xw})},function(t){t.registerElement({BoxShadowEditor:lP}),t.registerMenuItem("inspector.tab.style",{BoxShadowProperty:hP}),t.registerMenuItem("popup",{BoxShadowPropertyPopup:yP})},function(t){t.registerMenuItem("inspector.tab.style",{ClipPathProperty:TP}),t.registerMenuItem("popup",{ClipPathPopup:RP})},function(t){t.registerMenuItem("inspector.tab.style",{BoxModelProperty:sP})},function(t){t.registerElement({PositionProperty:u$})},function(t){t.registerElement({GradientAssetsProperty:zS})},function(t){t.registerElement({RotateEditorView:OI,TransformEditor:MI}),t.registerMenuItem("inspector.tab.style",{TransformProperty:EI})},function(t){t.registerElement({TransformOriginEditor:AI}),t.registerMenuItem("inspector.tab.style",{TransformOriginProperty:FI})},function(t){t.registerMenuItem("inspector.tab.style",{PerspectiveProperty:Qj})},function(t){t.registerElement({PerspectiveOriginEditor:i$}),t.registerMenuItem("inspector.tab.style",{PerspectiveOriginProperty:o$})},function(t){t.registerMenuItem("inspector.tab.style",{ExportProperty:rS})},function(t){t.registerMenuItem("inspector.tab.transition",{TransitionProperty:YI}),t.registerMenuItem("popup",{TransitionPropertyPopup:qI})},function(t){t.registerElement({OffsetEditor:lj}),t.registerMenuItem("inspector.tab.transition",{KeyframeProperty:sj}),t.registerMenuItem("popup",{KeyframePopup:oj})},function(t){t.registerMenuItem("inspector.tab.transition",{AnimationProperty:ow}),t.registerMenuItem("popup",{AnimationPropertyPopup:hw})},function(t){t.registerMenuItem("inspector.tab.transition",{SelectorProperty:CE}),t.registerMenuItem("popup",{SelectorPopup:jE})},function(t){t.registerMenuItem("inspector.tab.code",{CodeViewProperty:EP})},function(t){t.registerMenuItem("inspector.tab.history",{HistoryProperty:HS})}];function eD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var nD=function(t){R()(n,t);var e=eD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return'\n      <div class=\'object-items\' style="height:100%;">\n        <div>\n          <object refClass="LayerTreeProperty" />\n        </div>\n      </div>\n    '}}]),n}(Xg);n(140);function rD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var iD=function(t){R()(i,t);var e,n,r=rD(i);function i(){return O()(this,i),r.apply(this,arguments)}return j()(i,[{key:"template",value:function(){return"\n      <div class='elf--custom-assets'>\n        <div class='custom-assets-tools'>\n          <div class='title'><label>Custom Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addCustomAsset'>".concat(Tg.add,"</button>\n          </div>\n        </div>\n        <div class='elf--asset-list' ref='$list'></div>\n      </div>\n    ")}},{key:Dt("$list"),value:(n=Fa()(Na.a.mark((function t(){var e;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$storageManager.getCustomAssetList();case 2:return e=t.sent,t.abrupt("return",e.map((function(t){return'\n        <div class=\'asset-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.component.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-asset-preview' data-preview-id=\"").concat(t.id,'">').concat(Tg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)})},{key:ht("$list .remove-asset-preview"),value:(e=Fa()(Na.a.mark((function t(e){var n;return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeCustomAsset"))){t.next=5;break}return n=e.$dt.data("preview-id"),t.next=4,this.$storageManager.removeCustomAsset(n);case 4:this.refresh();case 5:case"end":return t.stop()}}),t,this)}))),function(t){return e.apply(this,arguments)})},{key:yt("$list .asset-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/asset",e)}},{key:ht("$addCustomAsset"),value:function(t){var e=this;this.emit("savePNG",function(){var t=Fa()(Na.a.mark((function t(n){return Na.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.$storageManager.saveCustomAsset(n);case 2:e.refresh();case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())}}]),i}(Xg);n(141);function aD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var oD=function(t){R()(n,t);var e=aD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){var t=this;return'\n      <div class=\'elf--library-items\'>\n        <div>\n          <object label="Search" refClass="TextEditor" key="search" onchange='.concat(this.subscribe((function(e,n){t.broadcast("search",n)}),300)," />\n        </div>\n        ").concat(this.$menuManager.generate("library"),"\n      </div>\n    ")}}]),n}(Xg);function cD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var sD=function(t){R()(n,t);var e=cD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"template",value:function(){return"\n      <div class='asset-items'>\n        ".concat(this.$menuManager.generate("asset"),"\n      </div>\n    ")}}]),n}(Xg);function uD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var lD=function(t){R()(n,t);var e=uD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{AssetItems:sD,LibraryItems:oD,CustomAssets:iD,ObjectItems:nD}}},{key:"initState",value:function(){return{selectedIndexValue:2}}},{key:"template",value:function(){var t=this;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" ref="$header">   \n            <div class="tab-item selected" data-value="2" data-direction="right" data-tooltip="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Tg.layers,"</label>\n            </div>            \n            <div class='tab-item' data-value='3' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.libraries"),'">\n              <label>').concat(Tg.auto_awesome,"</label>\n            </div>                     \n            <div class='tab-item' data-value='5' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Tg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' data-direction=\"right\"  data-tooltip=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Tg.plugin,"</label>\n            </div>            \n\n            ").concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(t){var e=t.class,n=e.value,r=e.title;return"\n                <div class='tab-item' data-value='".concat(n,'\' data-direction="right"  data-tooltip="').concat(r,'">\n                  <label>').concat(Tg[t.class.icon]||t.class.icon,"</label>\n                </div>\n              ")})),'\n\n          </div>\n          <div class="tab-body" ref="$body">\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=\'5\'>\n              <object refClass="AssetItems" />            \n              <div class=\'assets\'>\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="CustomAssets" />\n            </div>\n            ').concat(this.$menuManager.getTargetMenuItems("leftbar.tab").map((function(e){var n=e.class,r=n.value,i=(n.title,n.loadElements);return"\n                <div class='tab-content' data-value='".concat(r,"'>\n                  ").concat(i.map((function(t){return'<object refClass="'.concat(t,'" />')})).join("\n"),"\n                  ").concat(t.$menuManager.generate("leftbar.tab.".concat(r)),"\n                </div>\n              ")})),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:ht("$header .tab-item:not(.extra-item)"),value:function(t){var e=t.$dt.attr("data-value");this.state.selectedIndexValue!==e&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndexValue,'"]')).forEach((function(t){return t.removeClass("selected")})),this.$el.$$('[data-value="'.concat(e,'"]')).forEach((function(t){return t.addClass("selected")})),this.setState({selectedIndexValue:e},!1))}}]),n}(Xg);function fD(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=V()(t);if(e){var i=V()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return M()(this,n)}}var hD=function(t){R()(n,t);var e=fD(n);function n(){return O()(this,n),e.apply(this,arguments)}return j()(n,[{key:"components",value:function(){return{LayerTab:lD,PageSubEditor:Nk,ToolBar:Mx,StatusBar:Bk,Inspector:wk,BodyPanel:ek,PopupManager:gk,KeyboardManager:kk}}},{key:"getPlugins",value:function(){return tD}},{key:"initState",value:function(){return{leftSize:340,rightSize:280,bottomSize:0,lastBottomSize:150}}},{key:"template",value:function(){return"\n      <div class=\"designeditor\">\n        <div class=\"layout-main\">\n          <div class='layout-top' ref='$top'>\n            <object refClass=\"ToolBar\" />\n            <object refClass=\"PageSubEditor\" />\n          </div>\n          <div class=\"layout-middle\" ref='$middle'>      \n            <div class=\"layout-body\" ref='$bodyPanel'>\n              <object refClass=\"BodyPanel\" ref=\"$bodyPanelView\" />\n            </div>                           \n            <div class='layout-left' ref='$leftPanel'>\n              <object refClass='LayerTab' />\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          </div>\n          <object refClass='StatusBar' />\n          <object refClass=\"KeyboardManager\" />                \n        </div>\n        <object refClass=\"PopupManager\" />                      \n      </div>\n    ")}},{key:At("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),{style:{left:t}}}},{key:At("$leftPanel"),value:function(){var t="0px",e=Ca.px(this.state.leftSize),n=Ca.px(this.state.bottomSize);return this.$config.false("show.left.panel")&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:At("$rightPanel"),value:function(){var t="0px",e=Ca.px(this.state.bottomSize);return this.$config.false("show.right.panel")&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:At("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.$config.false("show.left.panel")&&(t="0px"),this.$config.false("show.right.panel")&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:At("$footerPanel"),value:function(){return{style:{height:Ca.px(this.state.bottomSize)}}}},{key:jt("$splitter")+Fg("moveSplitter")+Hg("moveEndSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Ca.parse(this.refs.$splitter.css("left")).value,this.refs.$splitter.addClass("selected")}},{key:"moveSplitter",value:function(t){this.setState({leftSize:Math.max(Math.min(this.leftSize+t,this.maxSize),this.minSize)})}},{key:"moveEndSplitter",value:function(){this.refs.$splitter.removeClass("selected")}},{key:jt("$footerSplitter")+Fg("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Ca.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})}},{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:lt("show.left.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:lt("show.right.panel"),value:function(){var t=this;this.refresh(),this.nextTick((function(){t.emit("resizeCanvas")}))}},{key:ct("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:Et("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:mt("$middle")+at,value:function(t){}},{key:gt("$middle")+at,value:function(t){}},{key:ct("toggle.fullscreen"),value:function(){this.$el.toggleFullscreen()}}]),n}(Wg),pD=function(t,e){var n=qa.create(e.container||document.body),r=new t(e,e);return r.render(n),r};function dD(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function vD(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dD(Object(n),!0).forEach((function(e){w()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dD(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.default=vD({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return pD(hD,vD({},t))}},{})}]);
\ No newline at end of file