".concat(t.template,"
")}},{key:"components",value:function(){return t.components||{}}},{key:In("document"),value:function(t){if("INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName){var e=t.xy||Ul;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}}},{key:Ln("document"),value:function(t){"INPUT"!==t.target.nodeName&&"SELECT"!==t.target.nodeName&&"TEXTAREA"!==t.target.nodeName&&(this.$config.set("bodyEvent",t),this.removeBodyMoves(),this.requestId=null)}},{key:Rn("window")+Wn(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}])&&Yl(r.prototype,o),i&&Yl(r,i),n}(yo))(t)},Jl={App:v,Color:Fe,HueColor:He,ColorNames:fe,Dom:un,EventMachine:eo,UIElement:yo};function Ql(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tf(t){for(var e=1;e\n \n
\n \n '}},{key:or("$container"),value:function(){return{style:{"background-color":this.parent.manager.toString("rgb")}}}},{key:"getDefaultValue",value:function(){return this.parent.hsv.v}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({type:"hsv",v:e/100*this.state.maxValue})}}])&&Ef(n.prototype,r),o&&Ef(n,o),e}(Pf);function Df(t){return(Df="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Vf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Af(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function If(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Lf(t,e){for(var n=0;n\n \n \n
\n \n '}},{key:"refresh",value:function(){Bf(zf(e.prototype),"refresh",this).call(this),this.setOpacityColorBar()}},{key:"setOpacityColorBar",value:function(){var t=function(t){for(var e=1;e\n \n
\n \n
\n \n \n
\n HEX
\n \n
\n \n \n
\n R
\n \n \n
\n G
\n \n \n
\n B
\n \n \n
\n A
\n \n
\n \n '}},{key:"setCurrentFormat",value:function(t){this.format=t,this.initFormat()}},{key:"initFormat",value:function(){var t=this,e=this.format||"hex";["hex","rgb","hsl"].filter((function(t){return t!==e})).forEach((function(e){t.$el.removeClass(e)})),this.$el.addClass(e)}},{key:"nextFormat",value:function(){var t=this.format||"hex",e="hex";"hex"==t?e="rgb":"rgb"==t?e="hsl":"hsl"==t&&(e=1==this.parent.alpha?"hex":"rgb"),this.format=e,this.initFormat(),this.parent.manager.changeFormat(this.format)}},{key:"goToFormat",value:function(t){this.format=t,"rgb"!==t&&"hsl"!==t||this.initFormat(),this.parent.manager.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.changeColor({type:"rgb",r:this.refs.$rgb_r.int(),g:this.refs.$rgb_g.int(),b:this.refs.$rgb_b.int(),a:this.refs.$rgb_a.float()})}},{key:"changeHslColor",value:function(){this.parent.changeColor({type:"hsl",h:this.refs.$hsl_h.int(),s:this.refs.$hsl_s.int(),l:this.refs.$hsl_l.int(),a:this.refs.$hsl_a.float()})}},{key:po("changeColor","initColor"),value:function(){this.refresh()}},{key:En("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:En("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:En("$hsl_h"),value:function(t){this.changeHslColor()}},{key:En("$hsl_s"),value:function(t){this.changeHslColor()}},{key:En("$hsl_l"),value:function(t){this.changeHslColor()}},{key:En("$hsl_a"),value:function(t){this.changeHslColor()}},{key:On("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||this.parent.initColor(e)}},{key:bn("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:bn("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:bn("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:bn("$el .information-item.hsl .input-field .title"),value:function(t){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.parent.rgb.r),this.refs.$rgb_g.val(this.parent.rgb.g),this.refs.$rgb_b.val(this.parent.rgb.b),this.refs.$rgb_a.val(this.parent.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.parent.hsl.h),this.refs.$hsl_s.val(this.parent.hsl.s),this.refs.$hsl_l.val(this.parent.hsl.l),this.refs.$hsl_a.val(this.parent.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.parent.manager.toString("hex"))}},{key:"refresh",value:function(){this.setCurrentFormat(this.parent.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}}])&&cp(n.prototype,r),o&&cp(n,o),e}(yo);function pp(t){return(pp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yp(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function hp(t,e){for(var n=0;n\n \n
\n H
\n \n \n
\n %
\n S
\n \n \n
\n %
\n L
\n \n \n
\n A
\n \n
\n '}},{key:po("changeCurrentColorSets"),value:function(){this.refresh()}},{key:po("toggleColorChooser"),value:function(){this.toggle()}},{key:tr("$colorsetsList"),value:function(){var t=this.parent.manager.getColorSetsList();return"\n \n
\n \n Color Palettes
\n ×\n\n ".concat(t.map((function(t,e){return'\n
\n ")}},{key:"show",value:function(){this.$el.addClass("open")}},{key:"hide",value:function(){this.$el.removeClass("open")}},{key:"toggle",value:function(){this.$el.toggleClass("open")}},{key:bn("$toggleButton"),value:function(t){this.toggle()}},{key:bn("$colorsetsList .colorsets-item"),value:function(t,e){if(e){var n=parseInt(e.attr("data-colorsets-index"));this.parent.manager.setCurrentColorSets(n),this.hide()}}},{key:"destroy",value:function(){vp(bp(e.prototype),"destroy",this).call(this),this.hide()}}])&&hp(n.prototype,r),o&&hp(n,o),e}(yo);function wp(t){return(wp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Op(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kp(t,e){for(var n=0;n\n
")})).join(""),"\n ').concat(t.name,'
\n\n
\n \n ').concat(t.colors.filter((function(t,e){return e<5})).map((function(t){return'
\n \n \n
')})).join(""),"\n \n '.concat(e.map((function(t,e){return'
")}},{key:"addColor",value:function(t){this.parent.manager.addCurrentColor(t),this.refresh()}},{key:po("changeCurrentColorSets"),value:function(){this.refresh()}},{key:po("initColor"),value:function(){this.refresh()}},{key:bn("$colorSetsChooseButton"),value:function(t){this.emit("toggleColorChooser")}},{key:xn("$colorSetsColorList"),value:function(t){if(t.preventDefault(),this.parent.manager.getCurrentColorSets().edit){var e=un.create(t.target).closest("color-item");if(e){var n=parseInt(e.attr("data-index"));this.emit("showContextMenu",t,n)}else this.emit("showContextMenu",t)}}},{key:bn("$colorSetsColorList .add-color-item"),value:function(t){this.addColor(this.parent.getColor())}},{key:bn("$colorSetsColorList .color-item"),value:function(t,e){this.parent.initColor(e.attr("data-color"))}}])&&kp(n.prototype,r),o&&kp(n,o),e}(yo);function $p(t){return($p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ep(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _p(t,e){for(var n=0;n\n \n \n
')})).join("")," \n ").concat(t.edit?'+
':""," \n \n
\n \n \n
\n \n '}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.state.maxValue),this.changeColor({h:e/100*this.state.maxValue,type:"hsv"})}}])&&Hp(n.prototype,r),o&&Hp(n,o),e}(Pf);function Wp(t){return(Wp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Up(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Zp(t,e){for(var n=0;n\n
\n \n '}},{key:"setBackgroundColor",value:function(t){this.$el.css("background-color",t)}},{key:"refresh",value:function(){this.setColorUI()}},{key:"calculateSV",value:function(){var t=this.drag_pointer_pos||{x:0,y:0},e=this.$el.width(),n=this.$el.height(),r=t.x/e,o=(n-t.y)/n;this.parent.initColor({type:"hsv",s:r,v:o})}},{key:"setColorUI",value:function(){var t=this.$el.width()*this.parent.hsv.s,e=this.$el.height()*(1-this.parent.hsv.v);this.refs.$drag_pointer.px("left",t),this.refs.$drag_pointer.px("top",e),this.drag_pointer_pos={x:t,y:e},this.setBackgroundColor(this.parent.manager.getHueColor())}},{key:"setMainColor",value:function(t){var e=this.$el.offset(),n=this.$el.contentWidth(),r=this.$el.contentHeight(),o=ir.pos(t).pageX-e.left,i=ir.pos(t).pageY-e.top;o<0?o=0:o>n&&(o=n),i<0?i=0:i>r&&(i=r),this.refs.$drag_pointer.px("left",o),this.refs.$drag_pointer.px("top",i),this.drag_pointer_pos={x:o,y:i},this.calculateSV()}},{key:po("changeColor","initColor"),value:function(){this.refresh()}},{key:Ln("document"),value:function(t){this.isDown=!1}},{key:In("document"),value:function(t){this.isDown&&this.setMainColor(t)}},{key:An(),value:function(t){this.isDown=!0,this.setMainColor(t)}},{key:Ln(),value:function(t){this.isDown=!1}}])&&Zp(n.prototype,r),o&&Zp(n,o),e}(yo);function ey(t){return(ey="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ny(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ry(t,e){for(var n=0;n\n \n
\n \n
\n \n
\n \n "}},{key:"components",value:function(){return{Hue:Kp,Opacity:Gf,Palette:ty}}}])&&ly(n.prototype,r),o&&ly(n,o),e}(pf);function dy(t){return(dy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function by(t,e){for(var n=0;n\n \n
\n \n '}},{key:"getDefaultValue",value:function(){return this.parent.hsv.h}},{key:"refreshColorUI",value:function(t){var e=this.getCalculatedDist(t);this.setColorUI(e/100*this.maxValue),this.changeColor({h:e/100*this.maxValue,type:"hsv"})}}])&&Sy(n.prototype,r),o&&Sy(n,o),e}(Oy);function Cy(t){return(Cy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ty(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ry(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Dy(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Vy(t,e){for(var n=0;n\n \n \n
\n \n '}},{key:"refresh",value:function(){Iy(Ly(e.prototype),"refresh",this).call(this),this.setOpacityColorBar()}},{key:"setOpacityColorBar",value:function(){var t=function(t){for(var e=1;e\n
\n \n
\n \n
\n ')}},{key:bn("$tabHeader .color-tab-item"),value:function(t,e){if(!e.hasClass("active")){var n;(n=this.refs.$tabHeader.$(".active"))&&n.removeClass("active"),e.addClass("active"),(n=this.refs.$tabBody.$(".active"))&&n.removeClass("active");var r=this.refs.$tabBody.$("[item-id='".concat(e.attr("item-id"),"']"));r&&r.addClass("active")}}},{key:"components",value:function(){return{Value:Rf,Opacity:Gf,ColorView:Uf,ColorRing:th,Palette:ty,Information:fp,CurrentColorSets:xp,ColorSetsChooser:mp,ContextMenu:Dp}}}])&&bh(n.prototype,r),o&&bh(n,o),e}(pf);function kh(t){return(kh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function jh(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Sh(t,e){for(var n=0;n\n
\n ".concat(this.opt.tabTitle,' Color
\n Swatch
\n Color Set
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n ')}},{key:bn("$tabHeader .color-tab-item"),value:function(t,e){if(!e.hasClass("active")){var n;(n=this.refs.$tabHeader.$(".active"))&&n.removeClass("active"),e.addClass("active"),(n=this.refs.$tabBody.$(".active"))&&n.removeClass("active");var r=this.refs.$tabBody.$("[item-id='".concat(e.attr("item-id"),"']"));r&&r.addClass("active")}}},{key:"components",value:function(){return{Hue:_y,Opacity:By,Palette:ty,Information:fp,CurrentColorSets:xp,ColorSetsChooser:mp,ContextMenu:Dp}}}])&&Sh(n.prototype,r),o&&Sh(n,o),e}(pf),_h={create:function(t){switch(t.type){case"macos":return new zp(t);case"xd":return new hh(t);case"xd-tab":return new Eh(t);case"ring":return new ch(t);case"ring-tab":return new Oh(t);case"mini":return new hy(t);case"mini-vertical":return new Ny(t);case"sketch":case"palette":default:return new cy(t)}},ColorPicker:cy,ChromeDevToolColorPicker:cy,MacOSColorPicker:zp,RingColorPicker:ch,MiniColorPicker:hy,MiniVerticalColorPicker:Ny,XDColorPicker:hh};function Ch(t){return(Ch="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Th(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Rh(t,e){for(var n=0;n\n
\n ".concat(this.opt.tabTitle,' Color
\n Swatch
\n Color Set
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n <').concat(u,' style="').concat(q(s),'" > \n
\n \n <').concat(u,' style="').concat(q(s),'" > \n
\n \n
\n \n ').concat(Nk.map((function(t){return'')})).join("")," \n
\n \n
\n \n ').concat(Nk.map((function(t){return'')})).join("")," \n
\n \n ').concat(this.toDefString,"\n ").concat(Nk.map((function(t){return"")})).join(""),"\n
"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Fk(n.prototype,r),o&&Fk(n,o),e}(Vk);function qk(t){return(qk="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Jk(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Qk(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e\n ').concat(this.toDefString,"\n ").concat(K(r).map((function(t,e){return"')})).join(""),"\n
")}},{key:"svg",get:function(){var t=this.json,e=t.width,n=t.height,r=t.x,o=t.y;r=r.value,o=o.value;var i=this.toCSS(),a=this.toNestedCSS(),c=this.json.count.value,u=a.find((function(t){return".face"===t.selector}))||{cssText:""};u=u.cssText.replace(/\n/g,"");var s=K(c).map((function(t,e){return a[e+1].cssText.replace(/\n/g,"")}));return delete i.left,delete i.top,"absolute"===i.position&&delete i.position,'\n \n
\n \n ').concat(K(c).map((function(t,e){return"")})).join(""),"\n
\n \n ').concat(this.toDefString,"\n ![](").concat(r,")
\n
"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&Ox(n.prototype,r),o&&Ox(n,o),e}(rv);function $x(t){return($x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ex(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _x(t,e){for(var n=0;n\n
\n ').concat(i,"
\n').concat(r,"
"))}},{key:"svg",get:function(){var t=this.json.x.value,e=this.json.y.value;return this.toSVG(t,e)}}])&&WE(n.prototype,r),o&&WE(n,o),e}(rv);function t_(t){return(t_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e_(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function n_(t){for(var e=1;e\n
\n \n ")}},{key:bn('$selectionTool .selection-tool-item[data-position="path"]'),value:function(t){this.trigger("openPathEditor")}},{key:"toggleEditingPath",value:function(t){this.refs.$selectionTool.toggleClass("editing-path",t)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:An("$selectionView .selection-tool-item")+Gn("checkEditMode")+Zn()+qn(),value:function(t){var e;this.initMoveType(t.$dt),(e=this.parent).selectCurrent.apply(e,iC(this.$selection.items)),this.$selection.setRectCache("move"!==this.pointerType),this.initSelectionTool()}},{key:"initMoveType",value:function(t){this.$target=t||this.refs.$selectionTool.$('.selection-tool-item[data-position="move"]'),this.$target&&(this.pointerType=this.$target.attr("data-position"),this.refs.$selectionTool.attr("data-selected-position",this.pointerType),this.refs.$selectionTool.attr("data-selected-movetype",yC[this.pointerType]))}},{key:"move",value:function(t,e){this.$config.get("bodyEvent").altKey&&(e=t),this.refreshSelectionToolView(t,e),this.parent.updateRealPosition(),this.emit("refreshSelectionDragStyleView",null,!0)}},{key:po("moveByKey"),value:function(t,e){var n;if(0!==t||0!==e){this.pointerType="move",this.$selection.move(t,e),(n=this.parent).selectCurrent.apply(n,iC(this.$selection.items)),this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.guideView.move(this.pointerType,t,e);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r)),this.makeSelectionTool()}}},{key:"end",value:function(){this.refs.$selectionTool.attr("data-selected-position",""),this.refs.$selectionTool.attr("data-selected-movetype",""),this.$selection.setRectCache(),this.emit("refreshAllElementBoundSize"),this.emit("removeGuideLine")}},{key:"refreshSelectionToolView",value:function(t,e,n){if(0===t&&0===e);else{this.guideView.move(n||this.pointerType,t/this.$editor.scale,e/this.$editor.scale);var r=this.guideView.calculate();this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(r))}this.makeSelectionTool()}},{key:"getOriginalRect",value:function(){return this.originalRect||(this.originalRect=this.parent.$el.rect()),this.originalRect}},{key:"getOriginalArtboardRect",value:function(){return this.originalArtboardRect||(this.originalArtboardRect=this.parent.refs.$view.rect()),this.originalArtboardRect}},{key:"removeOriginalRect",value:function(){this.originalArtboardRect=null,this.originalRect=null}},{key:"initSelectionTool",value:function(){this.removeOriginalRect(),this.guideView.makeGuideCache();var t=this.$selection.current;if(t){var e=t.is("svg-path","svg-brush","svg-textpath");this.refs.$selectionTool.toggleClass("path",e)}this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$el.show(),this.bindData("$selectionTool"),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.guideView.recoverAll();var t=rn.px(0),e=rn.px(0),n=rn.px(0),r=rn.px(0);if(this.guideView.rect){var o=this.calculateWorldPosition(this.guideView.rect);t=o.x,e=o.y,n=o.width,r=o.height}t.is(0)&&e.is(0)&&n.is(0)&&r.is(0)?(t.add(-1e4),e.add(-1e4)):this.$selection.currentArtboard||(t.add(-1e4),e.add(-1e4));var i=t,a=e;this.refs.$selectionTool.css({left:i,top:a,width:n,height:r}),this.refreshPositionText(t,e,n,r)}},{key:"refreshPositionText",value:function(t,e,n,r){if(this.$selection.currentArtboard){var o=rn.px(t.value-this.$selection.currentArtboard.x.value/this.$editor.scale).round(1),i=rn.px(e.value-this.$selection.currentArtboard.y.value/this.$editor.scale).round(1),a=rn.px(n.value/this.$editor.scale).round(1),c=rn.px(r.value/this.$editor.scale).round(1),u="";switch(this.pointerType){case"move":u="X: ".concat(o,", Y: ").concat(i);break;case"to top":case"to bottom":u="Y: ".concat(i,", H: ").concat(c);break;case"to left":case"to right":u="X: ".concat(o,", W: ").concat(a);break;case"to top right":case"to top left":u="X: ".concat(o,", Y: ").concat(i,", W: ").concat(a,", H: ").concat(c);break;case"to bottom right":u="W: ".concat(a,", H: ").concat(c);break;case"to bottom left":u="X: ".concat(o,", Y: ").concat(i,", W: ").concat(a,", H: ").concat(c)}this.setPositionText(u);var s=this.$selection.length,l="";if(1===s){var f=this.$selection.current;l=f.title||f.getDefaultTitle();var p=Nd[hC[f.itemType]||hC.rect];this.refs.$selectionIcon.html(p)}else s>=2&&(l="multi : ".concat(s),this.refs.$selectionIcon.html(Nd.flag));this.refs.$selectionTitle.text(l),this.refs.$selectionMove.attr("title",l)}}},{key:"setPositionText",value:function(t){this.$target&&(this.$selection.current&&this.$selection.current.is("artboard")&&(t=t.split(",").filter((function(t){return!t.includes("X:")&&!t.includes("Y:")})).join(",")),this.$target.attr("data-position-text",t))}},{key:"calculateWorldPositionForGuideLine",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){var n,r,o,i,a=new Oi(t.calculateWorldPosition(e.A)),c=new Oi(t.calculateWorldPosition(e.B));return I(e.ax)&&(n=e.ax*t.$editor.scale),I(e.bx)&&(r=e.bx*t.$editor.scale),I(e.ay)&&(o=e.ay*t.$editor.scale),I(e.by)&&(i=e.by*t.$editor.scale),{A:a,B:c,ax:n,bx:r,ay:o,by:i}}))}},{key:"calculateWorldPosition",value:function(t){return{x:rn.px(t.screenX.value*this.$editor.scale),y:rn.px(t.screenY.value*this.$editor.scale),width:rn.px(t.width.value*this.$editor.scale),height:rn.px(t.height.value*this.$editor.scale),transform:t.transform}}}]),e}(function(t){function e(){return aC(this,e),sC(this,lC(e).apply(this,arguments))}return fC(e,t),uC(e,[{key:or("$selectionTool"),value:function(){var t=this.$selection.current;return{"data-is-layout-item":t&&t.isLayoutItem(),"data-is-layout-container":t&&t.hasLayout(),"data-layout-container":t&&(t.layout||t.parent.layout),"data-selection-length":this.$selection.length}}}]),e}(function(t){function e(){return aC(this,e),sC(this,lC(e).apply(this,arguments))}return fC(e,t),uC(e,[{key:po("hideSelectionToolView"),value:function(){this.refs.$selectionTool.css({left:"-10000px",top:"-10000px"})}},{key:po("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:po("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.is("svg-path","svg-brush","svg-textpath")&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{changeEvent:"updatePathItem",current:t,d:t.d,box:t.is("svg-textpath")?"box":"canvas",screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}))}},{key:po("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:po("updatePathItem"),value:function(t){var e,n=this.$selection.current;n&&(n.updatePathItem&&(n.updatePathItem(t),(e=this.parent).selectCurrent.apply(e,iC(this.$selection.items)),this.$selection.setRectCache(),this.emit("refreshSelectionStyleView",n,!0,!0)))}},{key:po("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:po("makeSelectionTool"),value:function(t){t&&this.removeOriginalRect();var e=this.guideView.calculate();this.makeSelectionTool(),0===this.$selection.length&&(e=[]),this.emit("refreshGuideLine",this.calculateWorldPositionForGuideLine(e))}}]),e}(yo)));function vC(t){return(vC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function bC(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function gC(t,e){for(var n=0;n\n ".concat(Nd.flag,"\n \n
\n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n "}},{key:or("$tool"),value:function(){this.resetTransformZone();var t=this.state.transformZoneRect;return{"data-show":"transform"===this.state.mode,"data-position":this.transformMoveType,style:{left:rn.px(t.x),top:rn.px(t.y),width:rn.px(t.width),height:rn.px(t.height)}}}},{key:"renderTransformTool",value:function(){this.bindData("$tool")}},{key:"isShow",value:function(){return this.state.isShow}},{key:"initRect",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!t||(this.state.rect=this.parent.refs.$body.rect())}},{key:On("document")+Gn("isShow")+Yn+Xn+Jn+Qn,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.pathGenerator.toPath(t.x,t.y,this.scale).d,o=this.$selection.currentArtboard;if(o){var i=t.x/this.scale,a=t.y/this.scale,c=t.width/this.scale,u=t.height/this.scale;e=o.add(new cE({width:rn.px(c),height:rn.px(u),d:r,totalLength:this.totalPathLength})),cT.forEach((function(t){n.state[t]&&e.reset(UC({},t,n.state[t]))})),e.setScreenX(i),e.setScreenY(a)}return e}},{key:"updatePathLayer",value:function(){var t=this.getPathRect(),e=t.x,n=t.y,r=this.state.current;if(r&&this.isBoxMode)e=r.screenX.value/this.scale,n=r.screenY.value/this.scale;var o=this.pathGenerator.toPath(e,n,this.scale).d,i=new ia(o);this.emit(this.state.changeEvent,{d:i.toString(),totalLength:this.totalPathLength,rect:{x:0===t.x?0:t.x/this.scale,y:0===t.y?0:t.y/this.scale,width:0===t.width?0:t.width/this.scale,height:0===t.height?0:t.height/this.scale}}),this.emit("refreshPathLayer")}},{key:"addPathLayer",value:function(){var t=this.getPathRect();if(this.changeMode("modify"),0!==t.width&&0!==t.height){var e=this.makePathLayer(t);e&&(this.$selection.select(e),this.emit("refreshAll"),this.emit("refreshSelection"))}}},{key:"changeMode",value:function(t,e){this.setState(WC({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:po("changePathManager"),value:function(t){this.setState(WC({},t,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:po("changeScale"),value:function(){this.refresh()}},{key:"getCurrentObject",value:function(){var t=this.state.current;return t?{current:t,d:t.d,screenX:t.screenX,screenY:t.screenY,screenWidth:t.screenWidth,screenHeight:t.screenHeight}:null}},{key:"refresh",value:function(t){if((t=t||this.getCurrentObject())&&t.d){this.pathParser.reset(t.d),this.pathParser.scale(this.scale,this.scale);var e=t.screenX.value*this.scale,n=t.screenY.value*this.scale;this.pathParser.translate(e,n),this.state.points=this.pathParser.convertGenerator(),this.state.hasTransform=!!t.current.transform}else this.state.hasTransform=!1;this.pathGenerator.initializeSelect(),this.renderPath()}},{key:po("showPathEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===t?(e.current=null,e.points=[]):e.current||(e.current=null),e.box=e.box||"canvas",this.changeMode(t,e),this.refresh(e),this.state.isShow=!0,this.$el.show(),this.$el.focus(),this.emit("showPathManager",{mode:this.state.mode}),this.emit("hidePathDrawEditor"),this.emit("change.mode.view","PathEditorView")}},{key:po("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"))}},{key:or("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,transform:"transform"===this.state.mode,box:"box"===this.state.box,"has-transform":!!this.state.hasTransform,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:or("$splitCircle"),value:function(){return this.state.splitXY?{cx:this.state.splitXY.x,cy:this.state.splitXY.y,r:5}:{r:0}}},{key:"refreshPathLayer",value:function(){this.updatePathLayer()}},{key:"renderPath",value:function(){this.bindData("$view"),this.renderTransformTool()}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:rn.px(0),y:rn.px(0),width:rn.px(0),height:rn.px(0)};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:"resetTransformZone",value:function(){var t=this.getPathRect();this.state.transformZoneRect=t}},{key:In("$view"),value:function(t){if(this.initRect(),this.isMode("path")&&this.state.rect)this.state.moveXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.altKey=t.altKey,this.renderPath();else{var e=un.create(t.target),n=e.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(e.attr("d"),{x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:An("$view :not(.split-path)")+Zn()+qn(),value:function(t){this.initRect(),this.state.altKey=!1;var e=this.isMode("path");this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.isOnCanvas=!1;var n=un.create(t.target);if(n.hasClass("svg-editor-canvas")&&!e?this.state.isOnCanvas=!0:(this.pathGenerator.reselect(),this.state.isSegment="true"===n.attr("data-segment"),this.state.isFirstSegment=this.state.isSegment&&"true"===n.attr("data-is-first")),e){if(this.state.isFirstSegment){var r=+n.attr("data-index");this.state.startPoint=this.state.points[r].startPoint}else this.state.startPoint=this.state.dragXY;this.state.dragPoints=!1,this.state.endPoint=null}else if(this.isOnCanvas)this.renderSelectBox(this.state.dragXY);else if(this.state.isSegment){this.changeMode("segment-move");var o=iT(n.attrs("data-index","data-segment-point"),2),i=(r=o[0],o[1]);this.pathGenerator.setCachePoint(+r,i),this.pathGenerator.selectKeyIndex(i,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:rn.px(-1e5)})}},{key:"renderSelectBox",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={left:rn.px(t.x+(e<0?e:0)),top:rn.px(t.y+(n<0?n:0)),width:rn.px(Math.abs(e)),height:rn.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=iT(this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return rn.parse(t)})),4),e={x:t[0],y:t[1],width:t[2],height:t[3]};return e.x2=rn.px(e.x.value+e.width.value),e.y2=rn.px(e.y.value+e.height.value),e}},{key:"move",value:function(t,e){if(this.state.isOnCanvas)this.renderSelectBox(this.state.dragXY,t,e);else if(this.isMode("segment-move")){var n=this.$config.get("bodyEvent");this.pathGenerator.move(t,e,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),G(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:po("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:po("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:"end",value:function(t,e){this.state.isOnCanvas?0===t&&0===e?(this.changeMode("modify"),this.trigger("hidePathEditor")):(this.changeMode("segment-move"),this.pathGenerator.selectInBox(this.getSelectBox()),this.renderPath(),this.hideSelectBox()):this.isMode("modify")||(this.isMode("segment-move")?this.changeMode("modify"):this.isMode("path")&&(this.state.isFirstSegment?(this.changeMode("modify"),this.pathGenerator.setConnectedPoint(t,e),this.renderPath(),this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("hidePathEditor"))):(this.pathGenerator.moveEnd(t,e),this.state.clickCount++,this.renderPath())))}},{key:"scale",get:function(){return this.$editor.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var t=this.refs.$view.$("path.object");return t?t.totalLength:0}},{key:"isBoxMode",get:function(){return"box"===this.state.box}}]),e}(function(t){function e(){return JC(this,e),eT(this,nT(e).apply(this,arguments))}return rT(e,t),tT(e,[{key:po("changePathTransform"),value:function(t){this.resetTransformZone();var e=this.state.transformZoneRect,n=e.width,r=e.height;switch(this.pathGenerator.initTransform(this.state.transformZoneRect),t){case"flipX":this.pathGenerator.transform("flipX",n,0);break;case"flipY":this.pathGenerator.transform("flipY",0,r);break;case"flip":this.pathGenerator.transform("flip",n,r)}this.renderPath(),this.refreshPathLayer()}},{key:An("$tool .transform-tool-item")+Zn("moveTransformTool")+qn("moveEndTransformTool"),value:function(t){this.transformMoveType=t.$dt.attr("data-position"),this.resetTransformZone(),this.pathGenerator.initTransform(this.state.transformZoneRect),this.startXY=t.xy}},{key:"moveTransformTool",value:function(t,e){this.pathGenerator.transform(this.transformMoveType,t,e),this.renderPath(),this.refreshPathLayer()}},{key:"moveEndTransformTool",value:function(t,e){this.transformMoveType="none",this.renderTransformTool()}}]),e}(function(t){function e(){return JC(this,e),eT(this,nT(e).apply(this,arguments))}return rT(e,t),tT(e,[{key:"calculatePointOnLine",value:function(t,e){var n=new ia(t);if("C"===n.segments[1].command){var r=[aT(n.segments[0].values),aT(n.segments[1].values.slice(0,2)),aT(n.segments[1].values.slice(2,4)),aT(n.segments[1].values.slice(4,6))],o=$j.apply(void 0,qC(r).concat([200]))(e.x,e.y);return Aj(r,o).first[3]}if("Q"===n.segments[1].command){r=[aT(n.segments[0].values),aT(n.segments[1].values.slice(0,2)),aT(n.segments[1].values.slice(2,4))],o=Ej.apply(void 0,qC(r).concat([200]))(e.x,e.y);return Ij(r,o).first[2]}if("L"===n.segments[1].command){r=[aT(n.segments[0].values),aT(n.segments[1].values.slice(0,2))],o=_j.apply(void 0,qC(r).concat([200]))(e.x,e.y);return Lj(r,o).first[1]}return e}},{key:bn("$view .split-path"),value:function(t){this.initRect();var e=new ia(t.$dt.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y};if("C"===e.segments[1].command){var r=[aT(e.segments[0].values),aT(e.segments[1].values.slice(0,2)),aT(e.segments[1].values.slice(2,4)),aT(e.segments[1].values.slice(4,6))],o=$j.apply(void 0,qC(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPoint(Aj(r,o))}else if("Q"===e.segments[1].command){r=[aT(e.segments[0].values),aT(e.segments[1].values.slice(0,2)),aT(e.segments[1].values.slice(2,4))],o=Ej.apply(void 0,qC(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointQuard(Ij(r,o))}else if("L"===e.segments[1].command){r=[aT(e.segments[0].values),aT(e.segments[1].values.slice(0,2))],o=_j.apply(void 0,qC(r).concat([200]))(n.x,n.y);this.changeMode("modify"),this.pathGenerator.setPointLine(Lj(r,o))}this.renderPath(),this.refreshPathLayer()}}]),e}(function(t){function e(){return JC(this,e),eT(this,nT(e).apply(this,arguments))}return rT(e,t),tT(e,[{key:gn("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}}]),e}(yo))));function sT(t){return(sT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function lT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fT(t){for(var e=1;e\n \n \n \n \n \n \n \n \n \n \n
\n \n ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return(""))})).join(""),"\n
")}return("")}},{key:po("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}}])&&hT(n.prototype,r),o&&hT(n,o),e}(yo);function mT(t){return(mT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function wT(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function OT(t){for(var e=1;e\n ").concat(o?""):"","\n
\n ')}},{key:"getValue",value:function(){return this.state.value||0}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}])&&tR(n.prototype,r),o&&tR(n,o),e}(yo);function iR(t){return(iR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function aR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function cR(t,e){for(var n=0;n\n
\n \n \n
\n \n
\n \n \n \n\n ")}},{key:po("changeScaleValue"),value:function(t){t<=0&&(t=.01),t=st(100*t,100),this.children.$scale.setValue(t),this.emit("updateScale",t/100)}},{key:po("changeRangeEditor")+Wn(1e3),value:function(t,e){this.trigger("changeScaleValue",Math.floor(e/100))}},{key:bn("$plus")+Jn+Qn,value:function(){this.trigger("changeScaleValue",this.$editor.scale+.25)}},{key:bn("$minus")+Jn+Qn,value:function(){this.trigger("changeScaleValue",this.$editor.scale-.25)}}])&&cR(n.prototype,r),o&&cR(n,o),e}(yo);function pR(t){return(pR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function yR(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e\n \n
\n \n \n "))}},{key:"templateForBlendMode",value:function(t,e){return"\n \n \n
\n \n
\n ')}},{key:tr("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var o=n.image,i=wR[o.type],a=mR[o.type],c=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n \n
\n ")}))}},{key:"modifyBackgroundImage",value:function(){var t=q(Gs.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:po("add"),value:function(){this.state.images.push(new Gs({image:new $u({angle:90,colorsteps:[new Tc({percent:0,color:"white",index:0}),new Tc({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:kn("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:Sn("$fillList .fill-item")+Jn,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e\n
\n \n
\n ').concat(a,"
\n \n ").concat(t.templateForBlendMode(r,n.blendMode),"\n
\n \n \n
\n \n \n
\n \n \n "))}},{key:tr("$shadowList"),value:function(){var t=this.state.boxShadows.map((function(t,e){return'\n \n ").concat(this.props.title?"":"Add","\n
\n \n
\n ")}));return t.length&&t.push('\n \n
\n \n
\n ').concat(Nd.check,'
\n ').concat(t.offsetX,'
\n ').concat(t.offsetY,'
\n ').concat(t.blurRadius,'
\n ').concat(t.spreadRadius,'
\n \n \n
\n \n \n
\n ')),t.join("")}},{key:po("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:po("add"),value:function(){this.state.boxShadows.push(new nS),this.refresh(),this.modifyBoxShadow()}},{key:bn("$add"),value:function(){this.trigger("add")}},{key:bn("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.boxShadows.splice(e,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:bn("$shadowList .shadow-item.real > div:not(.tools)"),value:function(t){var e=+t.$dt.closest("shadow-item").attr("data-index"),n=this.state.boxShadows[e];this.viewShadowPopup(n,e)}},{key:"viewShadowPopup",value:function(t,e){this.selectedIndex=e,this.viewBoxShadowPropertyPopup(t)}},{key:"viewBoxShadowPropertyPopup",value:function(t){this.emit("showBoxShadowPropertyPopup",{changeEvent:"changeBoxShadowEditorPopup",color:t.color,inset:t.inset,offsetX:t.offsetX,offsetY:t.offsetY,blurRadius:t.blurRadius,spreadRadius:t.spreadRadius},{id:this.id})}},{key:po("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:po("changeBoxShadowEditorPopup"),value:function(t,e){if(e.id===this.id){var n=this.state.boxShadows[this.selectedIndex];n&&(n.reset(t),this.refresh(),this.modifyBoxShadow())}}}])&&SR(n.prototype,r),o&&SR(n,o),e}(yo);function _R(t){return(_R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function CR(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function TR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function RR(t,e){for(var n=0;nInset
\n\n X
\n Y
\n '.concat(this.$i18n("boxshadow.editor.blur"),'
\n ').concat(this.$i18n("boxshadow.editor.spread"),'
\n \n
\n \n ").concat(o?""):"","\n
\n ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:rn.parse(t)})}},{key:_n("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:Tn("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:bn("$remove"),value:function(t){this.updateData({value:""})}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initValue",value:function(){""==this.state.value&&(this.state.value=new rn(0,this.children.$unit.getValue()))}},{key:En("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:En("$property"),value:function(t){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new rn(e,this.children.$unit.getValue())})}},{key:po("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}])&&zR(n.prototype,r),o&&zR(n,o),e}(yo);function YR(t){return(YR="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function NR(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function KR(t,e){for(var n=0;n\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n