npm - @voicenter-team/voicenter-ui-plus - Versions diffs - 0.2.6 → 0.2.7 - Mend

@voicenter-team/voicenter-ui-plus 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/library/fonts/VC-Icon.svg +295 -295
package/library/style.css +1 -1
package/library/super.mjs +2 -2
package/library/super.mjs.map +1 -1
package/library/super.umd.js +1 -1
package/library/super.umd.js.map +1 -1
package/package.json +1 -1

package/library/super.umd.js CHANGED Viewed

@@ -47,7 +47,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */function cm(e,t){var r,a;return e&&t?(r=""+e+t[0].toUpperCase()+t.slice(1),a=e+"-"+t):(r=e||t,a=e||t),{name:r,classname:a}}function um(e){return/^blob:/.test(e)}function fm(e){return um(e)||function(t){return/^data:/.test(t)}(e)}function Qr(e){return!!(e&&e.constructor&&e.call&&e.apply)}function Je(e){return e===void 0}function li(e){return typeof e=="object"&&e!==null}function Wl(e,t,r){var a={};return li(e)?(Object.keys(t).forEach(function(o){Je(e[o])?a[o]=t[o]:li(t[o])?li(e[o])?a[o]=Wl(e[o],t[o],r[o]):a[o]=e[o]?t[o]:r[o]:t[o]===!0||t[o]===!1?a[o]=Boolean(e[o]):a[o]=e[o]}),a):e?t:r}function di(e){var t=Number(e);return Number.isNaN(t)?e:t}function pm(e){return typeof(e=="number"||function(t){return typeof t=="object"&&t!==null}(e)&&toString.call(e)=="[object Number]")&&!hm(e)}function hm(e){return e!=e}function mm(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}var qa=function(e,t){e===void 0&&(e={}),t===void 0&&(t={}),this.type="manipulateImage",this.move=e,this.scale=t},hx=function(e,t){t===void 0&&(t={}),this.type="resize",this.directions=e,this.params=t},Ul=function(e){this.type="move",this.directions=e},mx=function(){function e(t,r,a,o,i){this.type="drag",this.nativeEvent=t,this.position=a,this.previousPosition=o,this.element=r,this.anchor=i}return e.prototype.shift=function(){var t=this,r=t.element,a=t.anchor,o=t.position;if(r){var i=r.getBoundingClientRect(),s=i.left,l=i.top;return{left:o.left-s-a.left,top:o.top-l-a.top}}return{left:0,top:0}},e}(),Hl={name:"DraggableElement",props:{classname:{type:String}},beforeMount:function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1})},beforeUnmount:function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},mounted:function(){if(!this.$refs.draggable)throw new Error('You should add ref "draggable" to your root element to use draggable mixin');this.touches=[],this.hovered=!1},methods:{onMouseOver:function(){this.hovered||(this.hovered=!0,this.$emit("enter"))},onMouseLeave:function(){this.hovered&&!this.touches.length&&(this.hovered=!1,this.$emit("leave"))},onTouchStart:function(e){e.cancelable&&!this.disabled&&e.touches.length===1&&(this.touches=yr(e.touches),this.hovered||(this.$emit("enter"),this.hovered=!0),e.touches.length&&this.initAnchor(this.touches.reduce(function(t,r){return{clientX:t.clientX+r.clientX/e.touches.length,clientY:t.clientY+r.clientY/e.touches.length}},{clientX:0,clientY:0})),e.preventDefault&&e.preventDefault(),e.stopPropagation())},onTouchEnd:function(){this.processEnd()},onTouchMove:function(e){this.touches.length&&(this.processMove(e,e.touches),e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation())},onMouseDown:function(e){if(!this.disabled){var t={fake:!0,clientX:e.clientX,clientY:e.clientY};this.touches=[t],this.initAnchor(t),e.stopPropagation()}},onMouseMove:function(e){this.touches.length&&(this.processMove(e,[{fake:!0,clientX:e.clientX,clientY:e.clientY}]),e.preventDefault&&e.preventDefault())},onMouseUp:function(){this.processEnd()},initAnchor:function(e){var t=this.$refs.draggable.getBoundingClientRect(),r=t.left,a=t.right,o=t.bottom,i=t.top;this.anchor={left:e.clientX-r,top:e.clientY-i,bottom:o-e.clientY,right:a-e.clientX}},processMove:function(e,t){var r=yr(t);if(this.touches.length){if(this.touches.length===1&&r.length===1){var a=this.$refs.draggable;this.$emit("drag",new mx(e,a,{left:r[0].clientX,top:r[0].clientY},{left:this.touches[0].clientX,top:this.touches[0].clientY},this.anchor))}this.touches=r}},processEnd:function(){this.touches.length&&this.$emit("drag-end"),this.hovered&&(this.$emit("leave"),this.hovered=!1),this.touches=[]}},emits:["drag","drag-end","leave","enter"]};Hl.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"draggable",class:r.classname,onTouchstart:t[1]||(t[1]=function(){return i.onTouchStart&&i.onTouchStart.apply(i,arguments)}),onMousedown:t[2]||(t[2]=function(){return i.onMouseDown&&i.onMouseDown.apply(i,arguments)}),onMouseover:t[3]||(t[3]=function(){return i.onMouseOver&&i.onMouseOver.apply(i,arguments)}),onMouseleave:t[4]||(t[4]=function(){return i.onMouseLeave&&i.onMouseLeave.apply(i,arguments)})},[n.renderSlot(e.$slots,"default")],34)};var Kl=Kt("vue-handler-wrapper"),gm={name:"HandlerWrapper",components:{DraggableElement:Hl},props:{horizontalPosition:{type:String},verticalPosition:{type:String},disabled:{type:Boolean,default:!1}},computed:{classes:function(){var e;if(this.horizontalPosition||this.verticalPosition){var t,r=cm(this.horizontalPosition,this.verticalPosition);e=Kl((Ot(t={},r.classname,!0),Ot(t,"disabled",this.disabled),t))}else e=Kl({disabled:this.disabled});return{root:e,draggable:Kl("draggable")}}},emits:["leave","enter","drag","drag-end"]};gm.render=function(e,t,r,a,o,i){var s=n.resolveComponent("DraggableElement");return n.openBlock(),n.createBlock("div",{class:i.classes.root},[n.createVNode(s,{class:i.classes.draggable,onDrag:t[1]||(t[1]=function(l){return e.$emit("drag",l)}),onDragEnd:t[2]||(t[2]=function(l){return e.$emit("drag-end")}),onLeave:t[3]||(t[3]=function(l){return e.$emit("leave")}),onEnter:t[4]||(t[4]=function(l){return e.$emit("enter")})},{default:n.withCtx(function(){return[n.renderSlot(e.$slots,"default")]}),_:3},8,["class"])],2)};var gx=Kt("vue-line-wrapper"),ym={name:"LineWrapper",components:{DraggableElement:Hl},props:{position:{type:String,required:!0},disabled:{type:Boolean,default:!1}},computed:{classname:function(){var e;return gx((Ot(e={},this.position,!0),Ot(e,"disabled",this.disabled),e))}},emits:["leave","enter","drag","drag-end"]};ym.render=function(e,t,r,a,o,i){var s=n.resolveComponent("DraggableElement");return n.openBlock(),n.createBlock(s,{class:i.classname,onDrag:t[1]||(t[1]=function(l){return e.$emit("drag",l)}),onDragEnd:t[2]||(t[2]=function(l){return e.$emit("drag-end")}),onLeave:t[3]||(t[3]=function(l){return e.$emit("leave")}),onEnter:t[4]||(t[4]=function(l){return e.$emit("enter")})},{default:n.withCtx(function(){return[n.renderSlot(e.$slots,"default")]}),_:3},8,["class"])};var sn=["left","right","top","bottom"],yx=["left","right"],bx=["top","bottom"],$x=["left","top"],vx=["fill-area","fit-area","stencil","none"],bm={left:0,top:0,width:0,height:0};function $m(e,t,r){return!(r=r||["width","height","left","top"]).some(function(a){return e[a]!==t[a]})}function ln(e){return{left:e.left,top:e.top,right:e.left+e.width,bottom:e.top+e.height}}function Jr(e,t){return{left:e.left-t.left,top:e.top-t.top}}function rt(e){return{left:e.left+e.width/2,top:e.top+e.height/2}}function Ya(e,t){var r={left:0,top:0,right:0,bottom:0};return sn.forEach(function(a){var o=t[a],i=ln(e)[a];r[a]=o!==void 0&&i!==void 0?a==="left"||a==="top"?Math.max(0,o-i):Math.max(0,i-o):0}),r}function dn(e,t){return{left:e.left-t.left,top:e.top-t.top,width:e.width+t.left+t.right,height:e.height+t.top+t.bottom}}function ci(e){return{left:-e.left,top:-e.top}}function gt(e,t){return le(le({},e),{left:e.left+t.left,top:e.top+t.top})}function Dt(e,t,r,a){if(t!==1){if(r){var o=rt(e);return{width:e.width*t,height:e.height*t,left:e.left+e.width*(1-t)/2+(r.left-o.left)*(a||1-t),top:e.top+e.height*(1-t)/2+(r.top-o.top)*(a||1-t)}}return{width:e.width*t,height:e.height*t,left:e.left+e.width*(1-t)/2,top:e.top+e.height*(1-t)/2}}return e}function Se(e){return e.width/e.height}function ea(e,t){return Math.min(t.right!==void 0&&t.left!==void 0?(t.right-t.left)/e.width:1/0,t.bottom!==void 0&&t.top!==void 0?(t.bottom-t.top)/e.height:1/0)}function ta(e,t){var r={left:0,top:0},a=Ya(e,t);return a.left&&a.left>0?r.left=a.left:a.right&&a.right>0&&(r.left=-a.right),a.top&&a.top>0?r.top=a.top:a.bottom&&a.bottom>0&&(r.top=-a.bottom),r}function Gl(e,t){var r;return t.minimum&&e<t.minimum?r=t.minimum:t.maximum&&e>t.maximum&&(r=t.maximum),r}function vm(e,t){var r=Se(e),a=Se(t);return t.width<1/0&&t.height<1/0?r>a?{width:t.width,height:t.width/r}:{width:t.height*r,height:t.height}:t.width<1/0?{width:t.width,height:t.width/r}:t.height<1/0?{width:t.height*r,height:t.height}:e}function wm(e,t){var r=t*Math.PI/180;return{width:Math.abs(e.width*Math.cos(r))+Math.abs(e.height*Math.sin(r)),height:Math.abs(e.width*Math.sin(r))+Math.abs(e.height*Math.cos(r))}}function jn(e,t){var r=t*Math.PI/180;return{left:e.left*Math.cos(r)-e.top*Math.sin(r),top:e.left*Math.sin(r)+e.top*Math.cos(r)}}function ui(e,t){var r=Ya(at(e,t),t);return r.left+r.right+r.top+r.bottom?r.left+r.right>r.top+r.bottom?Math.min((e.width+r.left+r.right)/e.width,ea(e,t)):Math.min((e.height+r.top+r.bottom)/e.height,ea(e,t)):1}function at(e,t,r){r===void 0&&(r=!1);var a=ta(e,t);return gt(e,r?ci(a):a)}function ql(e){return{width:e.right!==void 0&&e.left!==void 0?e.right-e.left:1/0,height:e.bottom!==void 0&&e.top!==void 0?e.bottom-e.top:1/0}}function wx(e,t){return le(le({},e),{minWidth:Math.min(t.width,e.minWidth),minHeight:Math.min(t.height,e.minHeight),maxWidth:Math.min(t.width,e.maxWidth),maxHeight:Math.min(t.height,e.maxHeight)})}function Cm(e,t,r){r===void 0&&(r=!0);var a={};return sn.forEach(function(o){var i=e[o],s=t[o];i!==void 0&&s!==void 0?a[o]=o==="left"||o==="top"?r?Math.max(i,s):Math.min(i,s):r?Math.min(i,s):Math.max(i,s):s!==void 0?a[o]=s:i!==void 0&&(a[o]=i)}),a}function fi(e,t){return Cm(e,t,!0)}function km(e){var t=e.size,r=e.aspectRatio,a=e.ignoreMinimum,o=e.sizeRestrictions;return Boolean((t.correctRatio||Se(t)>=r.minimum&&Se(t)<=r.maximum)&&t.height<=o.maxHeight&&t.width<=o.maxWidth&&t.width&&t.height&&(a||t.height>=o.minHeight&&t.width>=o.minWidth))}function Sm(e,t){return Math.pow(e.width-t.width,2)+Math.pow(e.height-t.height,2)}function $n(e){var t=e.width,r=e.height,a=e.sizeRestrictions,o={minimum:e.aspectRatio&&e.aspectRatio.minimum||0,maximum:e.aspectRatio&&e.aspectRatio.maximum||1/0},i={width:Math.max(a.minWidth,Math.min(a.maxWidth,t)),height:Math.max(a.minHeight,Math.min(a.maxHeight,r))};function s(c,u){return u===void 0&&(u=!1),c.reduce(function(f,p){return km({size:p,aspectRatio:o,sizeRestrictions:a,ignoreMinimum:u})&&(!f||Sm(p,{width:t,height:r})<Sm(f,{width:t,height:r}))?p:f},null)}var l=[];o&&[o.minimum,o.maximum].forEach(function(c){c&&l.push({width:i.width,height:i.width/c,correctRatio:!0},{width:i.height*c,height:i.height,correctRatio:!0})}),km({size:i,aspectRatio:o,sizeRestrictions:a})&&l.push(i);var d=s(l)||s(l,!0);return d&&{width:d.width,height:d.height}}function Yl(e){var t=e.event,r=e.coordinates,a=e.positionRestrictions,o=a===void 0?{}:a,i=gt(r,t.directions);return gt(i,ta(i,o))}function Cx(e){var t=e.coordinates,r=e.transform,a=e.imageSize,o=e.sizeRestrictions,i=e.positionRestrictions,s=e.aspectRatio,l=e.visibleArea,d=function(u,f){return Yl({coordinates:u,positionRestrictions:i,event:new Ul({left:f.left-u.left,top:f.top-u.top})})},c=le({},t);return(Array.isArray(r)?r:[r]).forEach(function(u){var f={};Je((f=typeof u=="function"?u({coordinates:c,imageSize:a,visibleArea:l}):u).width)&&Je(f.height)||(c=function(p,g){var m=le(le(le({},p),$n({width:g.width,height:g.height,sizeRestrictions:o,aspectRatio:s})),{left:0,top:0});return d(m,{left:p.left,top:p.top})}(c,le(le({},c),f))),Je(f.left)&&Je(f.top)||(c=d(c,le(le({},c),f)))}),c}function kx(e){e.event;var t=e.getAreaRestrictions,r=e.boundaries,a=e.coordinates,o=e.visibleArea;e.aspectRatio;var i=e.stencilSize,s=e.sizeRestrictions,l=e.positionRestrictions;e.stencilReference;var d,c,u,f=le({},a),p=le({},o),g=le({},i);d=Se(g),c=Se(f),u===void 0&&(u=.001),(d===0||c===0?Math.abs(c-d)<u:Math.abs(c/d)<1+u&&Math.abs(c/d)>1-u)||(f=le(le({},f),$n({sizeRestrictions:s,width:f.width,height:f.height,aspectRatio:{minimum:Se(g),maximum:Se(g)}})));var m=ui(p=Dt(p,f.width*r.width/(p.width*g.width)),t({visibleArea:p,type:"resize"}));return m!==1&&(p=Dt(p,m),f=Dt(f,m)),p=at(p=gt(p,Jr(rt(f),rt(p))),t({visibleArea:p,type:"move"})),{coordinates:f=at(f,fi(ln(p),l)),visibleArea:p}}function Sx(e){var t=e.event,r=e.getAreaRestrictions,a=e.boundaries,o=e.coordinates,i=e.visibleArea;e.aspectRatio,e.stencilSize,e.sizeRestrictions;var s=e.positionRestrictions;e.stencilReference;var l=le({},o),d=le({},i);if(o&&i&&t.type!=="manipulateImage"){var c={width:0,height:0};d.width,a.width,Se(a)>Se(l)?(c.height=.8*a.height,c.width=c.height*Se(l)):(c.width=.8*a.width,c.height=c.width*Se(l));var u=ui(d=Dt(d,l.width*a.width/(d.width*c.width)),r({visibleArea:d,type:"resize"}));d=Dt(d,u),u!==1&&(c.height/=u,c.width/=u),d=at(d=gt(d,Jr(rt(l),rt(d))),r({visibleArea:d,type:"move"})),l=at(l,fi(ln(d),s))}return{coordinates:l,visibleArea:d}}function _x(e){var t=e.event,r=e.coordinates,a=e.visibleArea,o=e.getAreaRestrictions,i=le({},a),s=le({},r);if(t.type==="setCoordinates"){var l=Math.max(0,s.width-i.width),d=Math.max(0,s.height-i.height);l>d?i=Dt(i,Math.min(s.width/i.width,ea(i,o({visibleArea:i,type:"resize"})))):d>l&&(i=Dt(i,Math.min(s.height/i.height,ea(i,o({visibleArea:i,type:"resize"}))))),i=at(i=gt(i,ci(ta(s,ln(i)))),o({visibleArea:i,type:"move"}))}return{visibleArea:i,coordinates:s}}function Ex(e){var t=e.imageSize,r=e.visibleArea,a=e.coordinates,o=r||t;return{left:(r?r.left:0)+o.width/2-a.width/2,top:(r?r.top:0)+o.height/2-a.height/2}}function Nx(e){var t=e.imageSize,r=e.visibleArea,a=e.aspectRatio,o=e.sizeRestrictions,i=r||t,s=Math.min(a.maximum||1/0,Math.max(a.minimum||0,Se(i))),l=i.width<i.height?{width:.8*i.width,height:.8*i.width/s}:{height:.8*i.height,width:.8*i.height*s};return $n(le(le({},l),{aspectRatio:a,sizeRestrictions:o}))}function Tx(e){var t,r,a=e.imageSize,o=e.visibleArea,i=e.boundaries,s=e.aspectRatio,l=e.sizeRestrictions,d=e.stencilSize,c=o||a;return Se(c)>Se(i)?r=(t=d.height*c.height/i.height)*Se(d):t=(r=d.width*c.width/i.width)/Se(d),$n({width:r,height:t,aspectRatio:s,sizeRestrictions:l})}function Ax(e){var t=e.getAreaRestrictions,r=e.coordinates,a=e.imageSize,o=Se(e.boundaries);if(r){var i={height:Math.max(r.height,a.height),width:Math.max(r.width,a.width)},s=vm({width:Se(i)>o?i.width:i.height*o,height:Se(i)>o?i.width/o:i.height},ql(t())),l={left:r.left+r.width/2-s.width/2,top:r.top+r.height/2-s.height/2,width:s.width,height:s.height},d=Ya(r,ln(le({left:0,top:0},a))),c={};return!d.left&&!d.right&&l.width<=a.width&&(c.left=0,c.right=a.width),!d.top&&!d.bottom&&l.height<=a.height&&(c.top=0,c.bottom=a.height),at(l,c)}var u=Se(a);return s={height:u>o?a.height:a.width/o,width:u>o?a.height*o:a.width},{left:a.width/2-s.width/2,top:a.height/2-s.height/2,width:s.width,height:s.height}}function pi(e,t){return Cm(e,ln(t))}function Px(e){var t=e.event,r=e.coordinates,a=e.visibleArea,o=e.sizeRestrictions,i=e.getAreaRestrictions,s=e.positionRestrictions,l=e.adjustStencil,d=t.scale,c=t.move,u=le({},a),f=le({},r),p=1,g=1,m=d.factor&&Math.abs(d.factor-1)>.001;u=gt(u,{left:c.left||0,top:c.top||0});var h={stencil:{minimum:Math.max(o.minWidth?o.minWidth/f.width:0,o.minHeight?o.minHeight/f.height:0),maximum:Math.min(o.maxWidth?o.maxWidth/f.width:1/0,o.maxHeight?o.maxHeight/f.height:1/0,ea(f,s))},area:{maximum:ea(u,i({visibleArea:u,type:"resize"}))}};d.factor&&m&&(d.factor<1?(g=Math.max(d.factor,h.stencil.minimum))>1&&(g=1):d.factor>1&&(g=Math.min(d.factor,Math.min(h.area.maximum,h.stencil.maximum)))<1&&(g=1)),g&&(u=Dt(u,g,d.center));var y=r.left-a.left,b=a.width+a.left-(r.width+r.left),_=r.top-a.top,w=a.height+a.top-(r.height+r.top);return u=at(u=gt(u,ta(u,{left:s.left!==void 0?s.left-y*g:void 0,top:s.top!==void 0?s.top-_*g:void 0,bottom:s.bottom!==void 0?s.bottom+w*g:void 0,right:s.right!==void 0?s.right+b*g:void 0})),i({visibleArea:u,type:"move"})),f.width=f.width*g,f.height=f.height*g,f.left=u.left+y*g,f.top=u.top+_*g,f=at(f,fi(ln(u),s)),d.factor&&m&&l&&(d.factor>1?p=Math.min(h.area.maximum,d.factor)/g:d.factor<1&&(p=Math.max(f.height/u.height,f.width/u.width,d.factor/g)),p!==1&&(u=gt(u=at(u=Dt(u,p,d.factor>1?d.center:rt(f)),i({visibleArea:u,type:"move"})),ci(ta(f,ln(u)))))),{coordinates:f,visibleArea:u}}function Bx(e){var t=e.aspectRatio,r=e.getAreaRestrictions,a=e.coordinates,o=e.visibleArea,i=e.sizeRestrictions,s=e.positionRestrictions,l=e.imageSize,d=e.previousImageSize,c=e.angle,u=le({},a),f=le({},o),p=jn(rt(le({left:0,top:0},d)),c);return(u=le(le({},$n({sizeRestrictions:i,aspectRatio:t,width:u.width,height:u.height})),jn(rt(u),c))).left-=p.left-l.width/2+u.width/2,u.top-=p.top-l.height/2+u.height/2,f=Dt(f,ui(f,r({visibleArea:f,type:"resize"}))),{coordinates:u=at(u,s),visibleArea:f=at(f=gt(f,Jr(rt(u),rt(a))),r({visibleArea:f,type:"move"}))}}function Vx(e){var t=e.flip,r=e.previousFlip,a=e.rotate;e.aspectRatio;var o=e.getAreaRestrictions,i=e.coordinates,s=e.visibleArea,l=e.imageSize,d=le({},i),c=le({},s),u=r.horizontal!==t.horizontal,f=r.vertical!==t.vertical;if(u||f){var p=jn({left:l.width/2,top:l.height/2},-a),g=jn(rt(d),-a),m=jn({left:u?p.left-(g.left-p.left):g.left,top:f?p.top-(g.top-p.top):g.top},a);d=gt(d,Jr(m,rt(d))),g=jn(rt(c),-a),c=at(c=gt(c,Jr(m=jn({left:u?p.left-(g.left-p.left):g.left,top:f?p.top-(g.top-p.top):g.top},a),rt(c))),o({visibleArea:c,type:"move"}))}return{coordinates:d,visibleArea:c}}function _m(e){var t=e.directions,r=e.coordinates,a=e.positionRestrictions,o=a===void 0?{}:a,i=e.sizeRestrictions,s=e.preserveRatio,l=e.compensate,d=le({},t),c=dn(r,d).width,u=dn(r,d).height;c<0&&(d.left<0&&d.right<0?(d.left=-(r.width-i.minWidth)/(d.left/d.right),d.right=-(r.width-i.minWidth)/(d.right/d.left)):d.left<0?d.left=-(r.width-i.minWidth):d.right<0&&(d.right=-(r.width-i.minWidth))),u<0&&(d.top<0&&d.bottom<0?(d.top=-(r.height-i.minHeight)/(d.top/d.bottom),d.bottom=-(r.height-i.minHeight)/(d.bottom/d.top)):d.top<0?d.top=-(r.height-i.minHeight):d.bottom<0&&(d.bottom=-(r.height-i.minHeight)));var f=Ya(dn(r,d),o);l&&(f.left&&f.left>0&&f.right===0?(d.right+=f.left,d.left-=f.left):f.right&&f.right>0&&f.left===0&&(d.left+=f.right,d.right-=f.right),f.top&&f.top>0&&f.bottom===0?(d.bottom+=f.top,d.top-=f.top):f.bottom&&f.bottom>0&&f.top===0&&(d.top+=f.bottom,d.bottom-=f.bottom),f=Ya(dn(r,d),o));var p={width:1/0,height:1/0,left:1/0,right:1/0,top:1/0,bottom:1/0};if(sn.forEach(function(h){var y=f[h];y&&d[h]&&(p[h]=Math.max(0,1-y/d[h]))}),s){var g=Math.min.apply(null,sn.map(function(h){return p[h]}));g!==1/0&&sn.forEach(function(h){d[h]*=g})}else sn.forEach(function(h){p[h]!==1/0&&(d[h]*=p[h])});if(c=dn(r,d).width,u=dn(r,d).height,d.right+d.left&&(c>i.maxWidth?p.width=(i.maxWidth-r.width)/(d.right+d.left):c<i.minWidth&&(p.width=(i.minWidth-r.width)/(d.right+d.left))),d.bottom+d.top&&(u>i.maxHeight?p.height=(i.maxHeight-r.height)/(d.bottom+d.top):u<i.minHeight&&(p.height=(i.minHeight-r.height)/(d.bottom+d.top))),s){var m=Math.min(p.width,p.height);m!==1/0&&sn.forEach(function(h){d[h]*=m})}else p.width!==1/0&&yx.forEach(function(h){d[h]*=p.width}),p.height!==1/0&&bx.forEach(function(h){d[h]*=p.height});return d}function hi(e,t,r){return t==0&&r==0?e/2:t==0?0:r==0?e:e*Math.abs(t/(t+r))}var Ox=Kt("vue-simple-handler"),Dx=Kt("vue-simple-handler-wrapper"),Xl={name:"SimpleHandler",components:{HandlerWrapper:gm},props:{defaultClass:{type:String},hoverClass:{type:String},wrapperClass:{type:String},horizontalPosition:{type:String},verticalPosition:{type:String},disabled:{type:Boolean,default:!1}},data:function(){return{hover:!1}},computed:{classes:function(){var e,t=(Ot(e={},this.horizontalPosition,Boolean(this.horizontalPosition)),Ot(e,this.verticalPosition,Boolean(this.verticalPosition)),Ot(e,"".concat(this.horizontalPosition,"-").concat(this.verticalPosition),Boolean(this.verticalPosition&&this.horizontalPosition)),Ot(e,"hover",this.hover),e);return{default:Qe(Ox(t),this.defaultClass,this.hover&&this.hoverClass),wrapper:Qe(Dx(t),this.wrapperClass)}}},methods:{onDrag:function(e){this.$emit("drag",e)},onEnter:function(){this.hover=!0},onLeave:function(){this.hover=!1},onDragEnd:function(){this.$emit("drag-end")}},emits:["drag","drag-end"]};Xl.render=function(e,t,r,a,o,i){var s=n.resolveComponent("HandlerWrapper");return n.openBlock(),n.createBlock(s,{class:i.classes.wrapper,"vertical-position":r.verticalPosition,"horizontal-position":r.horizontalPosition,disabled:r.disabled,onDrag:i.onDrag,onDragEnd:i.onDragEnd,onEnter:i.onEnter,onLeave:i.onLeave},{default:n.withCtx(function(){return[n.createVNode("div",{class:i.classes.default},null,2)]}),_:1},8,["class","vertical-position","horizontal-position","disabled","onDrag","onDragEnd","onEnter","onLeave"])};var Ix=Kt("vue-simple-line"),Mx=Kt("vue-simple-line-wrapper"),Zl={name:"SimpleLine",components:{LineWrapper:ym},props:{defaultClass:{type:String},hoverClass:{type:String},wrapperClass:{type:String},position:{type:String},disabled:{type:Boolean,default:!1}},data:function(){return{hover:!1}},computed:{classes:function(){return{root:Qe(Ix(Ot({},this.position,!0)),this.defaultClass,this.hover&&this.hoverClass),wrapper:Qe(Mx(Ot({},this.position,!0)),this.wrapperClass)}}},methods:{onDrag:function(e){this.$emit("drag",e)},onEnter:function(){this.hover=!0},onLeave:function(){this.hover=!1},onDragEnd:function(){this.$emit("drag-end")}},emits:["drag","drag-end"]};Zl.render=function(e,t,r,a,o,i){var s=n.resolveComponent("LineWrapper");return n.openBlock(),n.createBlock(s,{class:i.classes.wrapper,position:r.position,disabled:r.disabled,onDrag:i.onDrag,onDragEnd:i.onDragEnd,onEnter:i.onEnter,onLeave:i.onLeave},{default:n.withCtx(function(){return[n.createVNode("div",{class:i.classes.root},null,2)]}),_:1},8,["class","position","disabled","onDrag","onDragEnd","onEnter","onLeave"])};var Ql=Kt("vue-bounding-box"),Rx=["east","west",null],Fx=["south","north",null],Em={name:"BoundingBox",props:{width:{type:Number},height:{type:Number},transitions:{type:Object},handlers:{type:Object,default:function(){return{eastNorth:!0,north:!0,westNorth:!0,west:!0,westSouth:!0,south:!0,eastSouth:!0,east:!0}}},handlersComponent:{type:[Object,String],default:function(){return Xl}},handlersClasses:{type:Object,default:function(){return{}}},handlersWrappersClasses:{type:Object,default:function(){return{}}},lines:{type:Object,default:function(){return{west:!0,north:!0,east:!0,south:!0}}},linesComponent:{type:[Object,String],default:function(){return Zl}},linesClasses:{type:Object,default:function(){return{}}},linesWrappersClasses:{type:Object,default:function(){return{}}},resizable:{type:Boolean,default:!0}},data:function(){var e=[];return Rx.forEach(function(t){Fx.forEach(function(r){if(t!==r){var a=cm(t,r),o=a.name,i=a.classname;e.push({name:o,classname:i,verticalDirection:r,horizontalDirection:t})}})}),{points:e}},computed:{style:function(){var e={};return this.width&&this.height&&(e.width="".concat(this.width,"px"),e.height="".concat(this.height,"px"),this.transitions&&this.transitions.enabled&&(e.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction))),e},classes:function(){var e=this.handlersClasses,t=this.handlersWrappersClasses,r=this.linesClasses,a=this.linesWrappersClasses;return{root:Ql(),handlers:e,handlersWrappers:t,lines:r,linesWrappers:a}},lineNodes:function(){var e=this,t=[];return this.points.forEach(function(r){r.horizontalDirection&&r.verticalDirection||!e.lines[r.name]||t.push({name:r.name,component:e.linesComponent,class:Qe(e.classes.lines.default,e.classes.lines[r.name],!e.resizable&&e.classes.lines.disabled),wrapperClass:Qe(e.classes.linesWrappers.default,e.classes.linesWrappers[r.name],!e.resizable&&e.classes.linesWrappers.disabled),hoverClass:e.classes.lines.hover,verticalDirection:r.verticalDirection,horizontalDirection:r.horizontalDirection,disabled:!e.resizable})}),t},handlerNodes:function(){var e=this,t=[],r=this.width,a=this.height;return this.points.forEach(function(o){if(e.handlers[o.name]){var i={name:o.name,component:e.handlersComponent,class:Qe(e.classes.handlers.default,e.classes.handlers[o.name]),wrapperClass:Qe(e.classes.handlersWrappers.default,e.classes.handlersWrappers[o.name]),hoverClass:e.classes.handlers.hover,verticalDirection:o.verticalDirection,horizontalDirection:o.horizontalDirection,disabled:!e.resizable};if(r&&a){var s=o.horizontalDirection,l=o.verticalDirection,d=s==="east"?r:s==="west"?0:r/2,c=l==="south"?a:l==="north"?0:a/2;i.wrapperClass=Ql("handler"),i.wrapperStyle={transform:"translate(".concat(d,"px, ").concat(c,"px)")},e.transitions&&e.transitions.enabled&&(i.wrapperStyle.transition="".concat(e.transitions.time,"ms ").concat(e.transitions.timingFunction))}else i.wrapperClass=Ql("handler",Ot({},o.classname,!0));t.push(i)}}),t}},beforeMount:function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1})},beforeUnmount:function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},mounted:function(){this.touches=[]},methods:{onEnd:function(){this.$emit("resize-end")},onHandlerDrag:function(e,t,r){var a,o=e.shift(),i=o.left,s=o.top,l={left:0,right:0,top:0,bottom:0};t==="west"?l.left-=i:t==="east"&&(l.right+=i),r==="north"?l.top-=s:r==="south"&&(l.bottom+=s),!r&&t?a="width":r&&!t&&(a="height"),this.resizable&&this.$emit("resize",new hx(l,{allowedDirections:{left:t==="west"||!t,right:t==="east"||!t,bottom:r==="south"||!r,top:r==="north"||!r},preserveAspectRatio:e.nativeEvent&&e.nativeEvent.shiftKey,respectDirection:a}))}},emits:["resize","resize-end"]};Em.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"box",class:i.classes.root,style:i.style},[n.renderSlot(e.$slots,"default"),n.createVNode("div",null,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.lineNodes,function(s){return n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.component),{key:s.name,"default-class":s.class,"hover-class":s.hoverClass,"wrapper-class":s.wrapperClass,position:s.name,disabled:s.disabled,onDrag:function(l){return i.onHandlerDrag(l,s.horizontalDirection,s.verticalDirection)},onDragEnd:t[1]||(t[1]=function(l){return i.onEnd()})},null,8,["default-class","hover-class","wrapper-class","position","disabled","onDrag"])}),128))]),(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(i.handlerNodes,function(s){return n.openBlock(),n.createBlock("div",{key:s.name,style:s.wrapperStyle,class:s.wrapperClass},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.component),{"default-class":s.class,"hover-class":s.hoverClass,"wrapper-class":s.wrapperClass,"horizontal-position":s.horizontalDirection,"vertical-position":s.verticalDirection,disabled:s.disabled,onDrag:function(l){return i.onHandlerDrag(l,s.horizontalDirection,s.verticalDirection)},onDragEnd:t[2]||(t[2]=function(l){return i.onEnd()})},null,8,["default-class","hover-class","wrapper-class","horizontal-position","vertical-position","disabled","onDrag"]))],6)}),128))],6)};var xx=Kt("vue-draggable-area"),Nm={name:"DraggableArea",props:{movable:{type:Boolean,default:!0},activationDistance:{type:Number,default:20}},computed:{classnames:function(){return{default:xx()}}},beforeMount:function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1})},beforeUnmount:function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},mounted:function(){this.touches=[],this.touchStarted=!1},methods:{onTouchStart:function(e){if(e.cancelable){var t=this.movable&&e.touches.length===1;t&&(this.touches=yr(e.touches)),(this.touchStarted||t)&&(e.preventDefault(),e.stopPropagation())}},onTouchEnd:function(){this.touchStarted=!1,this.processEnd()},onTouchMove:function(e){this.touches.length>=1&&(this.touchStarted?(this.processMove(e,e.touches),e.preventDefault(),e.stopPropagation()):mm({x:this.touches[0].clientX,y:this.touches[0].clientY},{x:e.touches[0].clientX,y:e.touches[0].clientY})>this.activationDistance&&(this.initAnchor({clientX:e.touches[0].clientX,clientY:e.touches[0].clientY}),this.touchStarted=!0))},onMouseDown:function(e){if(this.movable&&e.button===0){var t={fake:!0,clientX:e.clientX,clientY:e.clientY};this.touches=[t],this.initAnchor(t),e.stopPropagation()}},onMouseMove:function(e){this.touches.length&&(this.processMove(e,[{fake:!0,clientX:e.clientX,clientY:e.clientY}]),e.preventDefault&&e.cancelable&&e.preventDefault(),e.stopPropagation())},onMouseUp:function(){this.processEnd()},initAnchor:function(e){var t=this.$refs.container.getBoundingClientRect(),r=t.left,a=t.top;this.anchor={x:e.clientX-r,y:e.clientY-a}},processMove:function(e,t){var r=yr(t);if(this.touches.length){var a=this.$refs.container.getBoundingClientRect(),o=a.left,i=a.top;this.touches.length===1&&r.length===1&&this.$emit("move",new Ul({left:r[0].clientX-(o+this.anchor.x),top:r[0].clientY-(i+this.anchor.y)}))}},processEnd:function(){this.touches.length&&this.$emit("move-end"),this.touches=[]}},emits:["move","move-end"]};Nm.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"container",onTouchstart:t[1]||(t[1]=function(){return i.onTouchStart&&i.onTouchStart.apply(i,arguments)}),onMousedown:t[2]||(t[2]=function(){return i.onMouseDown&&i.onMouseDown.apply(i,arguments)})},[n.renderSlot(e.$slots,"default")],544)};function Jl(e){var t,r;return{rotate:e.rotate||0,flip:{horizontal:((t=e==null?void 0:e.flip)===null||t===void 0?void 0:t.horizontal)||!1,vertical:((r=e==null?void 0:e.flip)===null||r===void 0?void 0:r.vertical)||!1}}}function Lx(e){return new Promise(function(t,r){try{if(e)if(/^data:/i.test(e))t(function(d){d=d.replace(/^data:([^;]+);base64,/gim,"");for(var c=atob(d),u=c.length,f=new ArrayBuffer(u),p=new Uint8Array(f),g=0;g<u;g++)p[g]=c.charCodeAt(g);return f}(e));else if(/^blob:/i.test(e)){var a=new FileReader;a.onload=function(d){t(d.target.result)},i=e,s=function(d){a.readAsArrayBuffer(d)},(l=new XMLHttpRequest).open("GET",i,!0),l.responseType="blob",l.onload=function(){this.status!=200&&this.status!==0||s(this.response)},l.send()}else{var o=new XMLHttpRequest;o.onreadystatechange=function(){o.readyState===4&&(o.status===200||o.status===0?t(o.response):r("Warning: could not load an image to parse its orientation"),o=null)},o.onprogress=function(){o.getResponseHeader("content-type")!=="image/jpeg"&&o.abort()},o.withCredentials=!1,o.open("GET",e,!0),o.responseType="arraybuffer",o.send(null)}else r("Error: the image is empty")}catch(d){r(d)}var i,s,l})}function Tm(e){var t=e.rotate,r=e.flip,a=e.scaleX,o=e.scaleY,i="";return i+=" rotate("+t+"deg) ",i+=" scaleX("+a*(r.horizontal?-1:1)+") ",i+=" scaleY("+o*(r.vertical?-1:1)+") "}function zx(e){try{var t,r=new DataView(e),a=void 0,o=void 0,i=void 0,s=void 0;if(r.getUint8(0)===255&&r.getUint8(1)===216)for(var l=r.byteLength,d=2;d+1<l;){if(r.getUint8(d)===255&&r.getUint8(d+1)===225){i=d;break}d++}if(i&&(a=i+10,function(g,m,h){var y,b="";for(y=m,h+=m;y<h;y++)b+=String.fromCharCode(g.getUint8(y));return b}(r,i+4,4)==="Exif")){var c=r.getUint16(a);if(((o=c===18761)||c===19789)&&r.getUint16(a+2,o)===42){var u=r.getUint32(a+4,o);u>=8&&(s=a+u)}}if(s){for(var f=r.getUint16(s,o),p=0;p<f;p++)if(d=s+12*p+2,r.getUint16(d,o)===274){d+=8,t=r.getUint16(d,o),r.setUint16(d,1,o);break}}return t}catch{return null}}function Am(e,t){var r=t.getBoundingClientRect(),a=r.left,o=r.top,i={left:0,top:0},s=0;return e.forEach(function(l){i.left+=(l.clientX-a)/e.length,i.top+=(l.clientY-o)/e.length}),e.forEach(function(l){s+=mm({x:i.left,y:i.top},{x:l.clientX-a,y:l.clientY-o})}),{centerMass:i,spread:s,count:e.length}}var Pm={props:{touchMove:{type:Boolean,required:!0},mouseMove:{type:Boolean,required:!0},touchResize:{type:Boolean,required:!0},wheelResize:{type:[Boolean,Object],required:!0},eventsFilter:{type:Function,required:!1}},beforeMount:function(){window.addEventListener("mouseup",this.onMouseUp,{passive:!1}),window.addEventListener("mousemove",this.onMouseMove,{passive:!1}),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd,{passive:!1})},beforeUnmount:function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},created:function(){this.transforming=!1,this.debouncedProcessEnd=jl(this.processEnd),this.touches=[]},methods:{processMove:function(e,t){if(this.touches.length){if(this.touches.length===1&&t.length===1)this.$emit("move",new qa({left:this.touches[0].clientX-t[0].clientX,top:this.touches[0].clientY-t[0].clientY}));else if(this.touches.length>1&&this.touchResize){var r=Am(t,this.$refs.container),a=this.oldGeometricProperties;a.count===r.count&&a.count>1&&this.$emit("resize",new qa({left:a.centerMass.left-r.centerMass.left,top:a.centerMass.top-r.centerMass.top},{factor:a.spread/r.spread,center:r.centerMass})),this.oldGeometricProperties=r}this.touches=t}},processEnd:function(){this.transforming&&(this.transforming=!1,this.$emit("transform-end"))},processStart:function(){this.transforming=!0,this.debouncedProcessEnd.clear()},processEvent:function(e){return this.eventsFilter?this.eventsFilter(e,this.transforming)!==!1:(e.preventDefault(),e.stopPropagation(),!0)},onTouchStart:function(e){if(e.cancelable&&(this.touchMove||this.touchResize&&e.touches.length>1)&&this.processEvent(e)){var t=this.$refs.container,r=t.getBoundingClientRect(),a=r.left,o=r.top,i=r.bottom,s=r.right;this.touches=yr(e.touches).filter(function(l){return l.clientX>a&&l.clientX<s&&l.clientY>o&&l.clientY<i}),this.oldGeometricProperties=Am(this.touches,t)}},onTouchEnd:function(e){e.touches.length===0&&(this.touches=[],this.processEnd())},onTouchMove:function(e){var t=this;if(this.touches.length){var r=yr(e.touches).filter(function(a){return!a.identifier||t.touches.find(function(o){return o.identifier===a.identifier})});this.processEvent(e)&&(this.processMove(e,r),this.processStart())}},onMouseDown:function(e){if(this.mouseMove&&"buttons"in e&&e.buttons===1&&this.processEvent(e)){var t={fake:!0,clientX:e.clientX,clientY:e.clientY};this.touches=[t],this.processStart()}},onMouseMove:function(e){this.touches.length&&this.processEvent(e)&&this.processMove(e,[{clientX:e.clientX,clientY:e.clientY}])},onMouseUp:function(){this.touches=[],this.processEnd()},onWheel:function(e){if(this.wheelResize&&this.processEvent(e)){var t=this.$refs.container.getBoundingClientRect(),r=t.left,a=t.top,o=1+this.wheelResize.ratio*(s=e.deltaY||e.detail||e.wheelDelta,(l=+s)==0||hm(l)?l:l>0?1:-1),i={left:e.clientX-r,top:e.clientY-a};this.$emit("resize",new qa({},{factor:o,center:i})),this.touches.length||this.debouncedProcessEnd()}var s,l}},emits:["resize","move","transform-end"]};Pm.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"container",onTouchstart:t[1]||(t[1]=function(){return i.onTouchStart&&i.onTouchStart.apply(i,arguments)}),onMousedown:t[2]||(t[2]=function(){return i.onMouseDown&&i.onMouseDown.apply(i,arguments)}),onWheel:t[3]||(t[3]=function(){return i.onWheel&&i.onWheel.apply(i,arguments)})},[n.renderSlot(e.$slots,"default")],544)};var ed={components:{TransformableImage:Pm},props:{touchMove:{type:Boolean,required:!0},mouseMove:{type:Boolean,required:!0},touchResize:{type:Boolean,required:!0},wheelResize:{type:[Boolean,Object],required:!0}},emits:["resize","move"]};ed.render=function(e,t,r,a,o,i){var s=n.resolveComponent("transformable-image");return n.openBlock(),n.createBlock(s,{"touch-move":r.touchMove,"touch-resize":r.touchResize,"mouse-move":r.mouseMove,"wheel-resize":r.wheelResize,onMove:t[1]||(t[1]=function(l){return e.$emit("move",l)}),onResize:t[2]||(t[2]=function(l){return e.$emit("resize",l)})},{default:n.withCtx(function(){return[n.renderSlot(e.$slots,"default")]}),_:3},8,["touch-move","touch-resize","mouse-move","wheel-resize"])};var mi=Kt("vue-preview"),td={props:{coordinates:{type:Object},transitions:{type:Object},image:{type:Object,default:function(){return{}}},imageClass:{type:String},width:{type:Number},height:{type:Number},fill:{type:Boolean}},data:function(){return{calculatedImageSize:{width:0,height:0},calculatedSize:{width:0,height:0}}},computed:{classes:function(){return{root:mi({fill:this.fill}),wrapper:mi("wrapper"),imageWrapper:mi("image-wrapper"),image:Qe(mi("image"),this.imageClass)}},style:function(){if(this.fill)return{};var e={};return this.width&&(e.width="".concat(this.size.width,"px")),this.height&&(e.height="".concat(this.size.height,"px")),this.transitions&&this.transitions.enabled&&(e.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),e},wrapperStyle:function(){var e={width:"".concat(this.size.width,"px"),height:"".concat(this.size.height,"px"),left:"calc(50% - ".concat(this.size.width/2,"px)"),top:"calc(50% - ".concat(this.size.height/2,"px)")};return this.transitions&&this.transitions.enabled&&(e.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),e},imageStyle:function(){if(this.coordinates&&this.image){var e=this.coordinates.width/this.size.width,t=ke(ke({rotate:0,flip:{horizontal:!1,vertical:!1}},this.image.transforms),{},{scaleX:1/e,scaleY:1/e}),r=this.imageSize.width,a=this.imageSize.height,o=wm({width:r,height:a},t.rotate),i={width:"".concat(r,"px"),height:"".concat(a,"px"),left:"0px",top:"0px"},s={rotate:{left:(r-o.width)*t.scaleX/2,top:(a-o.height)*t.scaleY/2},scale:{left:(1-t.scaleX)*r/2,top:(1-t.scaleY)*a/2}};return i.transform=`translate(
-				`.concat(-this.coordinates.left/e-s.rotate.left-s.scale.left,"px,").concat(-this.coordinates.top/e-s.rotate.top-s.scale.top,"px) ")+Tm(t),this.transitions&&this.transitions.enabled&&(i.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),i}return{}},size:function(){return{width:this.width||this.calculatedSize.width,height:this.height||this.calculatedSize.height}},imageSize:function(){return{width:this.image.width||this.calculatedImageSize.width,height:this.image.height||this.calculatedImageSize.height}}},watch:{image:function(e){(e.width||e.height)&&this.onChangeImage()}},mounted:function(){var e=this;this.onChangeImage(),this.$refs.image.addEventListener("load",function(){e.refreshImage()}),window.addEventListener("resize",this.refresh),window.addEventListener("orientationchange",this.refresh)},unmounted:function(){window.removeEventListener("resize",this.refresh),window.removeEventListener("orientationchange",this.refresh)},methods:{refreshImage:function(){var e=this.$refs.image;this.calculatedImageSize.height=e.naturalHeight,this.calculatedImageSize.width=e.naturalWidth},refresh:function(){var e=this.$refs.root;this.width||(this.calculatedSize.width=e.clientWidth),this.height||(this.calculatedSize.height=e.clientHeight)},onChangeImage:function(){var e=this.$refs.image;e&&e.complete&&this.refreshImage(),this.refresh()}}};td.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"root",class:i.classes.root,style:i.style},[n.createVNode("div",{ref:"wrapper",class:i.classes.wrapper,style:i.wrapperStyle},[n.withDirectives(n.createVNode("img",{ref:"image",src:r.image&&r.image.src,class:i.classes.image,style:i.imageStyle},null,14,["src"]),[[n.vShow,r.image&&r.image.src]])],6)],6)};var Bm={components:{Preview:td},inheritAttrs:!1};Bm.render=function(e,t,r,a,o,i){var s=n.resolveComponent("preview");return n.openBlock(),n.createBlock(s,n.mergeProps(e.$attrs,{fill:!0}),null,16)};var nd=Kt("vue-rectangle-stencil"),Vm={name:"RectangleStencil",components:{StencilPreview:Bm,BoundingBox:Em,DraggableArea:Nm},props:{image:{type:Object},coordinates:{type:Object},stencilCoordinates:{type:Object},handlers:{type:Object},handlersComponent:{type:[Object,String],default:function(){return Xl}},lines:{type:Object},linesComponent:{type:[Object,String],default:function(){return Zl}},aspectRatio:{type:[Number,String]},minAspectRatio:{type:[Number,String]},maxAspectRatio:{type:[Number,String]},movable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},transitions:{type:Object},movingClass:{type:String},resizingClass:{type:String},previewClass:{type:String},boundingBoxClass:{type:String},linesClasses:{type:Object,default:function(){return{}}},linesWrappersClasses:{type:Object,default:function(){return{}}},handlersClasses:{type:Object,default:function(){return{}}},handlersWrappersClasses:{type:Object,default:function(){return{}}}},data:function(){return{moving:!1,resizing:!1}},computed:{classes:function(){return{stencil:Qe(nd({movable:this.movable,moving:this.moving,resizing:this.resizing}),this.moving&&this.movingClass,this.resizing&&this.resizingClass),preview:Qe(nd("preview"),this.previewClass),boundingBox:Qe(nd("bounding-box"),this.boundingBoxClass)}},style:function(){var e=this.stencilCoordinates,t=e.height,r=e.width,a=e.left,o=e.top,i={width:"".concat(r,"px"),height:"".concat(t,"px"),transform:"translate(".concat(a,"px, ").concat(o,"px)")};return this.transitions&&this.transitions.enabled&&(i.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),i}},methods:{onMove:function(e){this.$emit("move",e),this.moving=!0},onMoveEnd:function(){this.$emit("move-end"),this.moving=!1},onResize:function(e){this.$emit("resize",e),this.resizing=!0},onResizeEnd:function(){this.$emit("resize-end"),this.resizing=!1},aspectRatios:function(){return{minimum:this.aspectRatio||this.minAspectRatio,maximum:this.aspectRatio||this.maxAspectRatio}}},emits:["resize","resize-end","move","move-end"]};Vm.render=function(e,t,r,a,o,i){var s=n.resolveComponent("stencil-preview"),l=n.resolveComponent("draggable-area"),d=n.resolveComponent("bounding-box");return n.openBlock(),n.createBlock("div",{class:i.classes.stencil,style:i.style},[n.createVNode(d,{width:r.stencilCoordinates.width,height:r.stencilCoordinates.height,transitions:r.transitions,class:i.classes.boundingBox,handlers:r.handlers,"handlers-component":r.handlersComponent,"handlers-classes":r.handlersClasses,"handlers-wrappers-classes":r.handlersWrappersClasses,lines:r.lines,"lines-component":r.linesComponent,"lines-classes":r.linesClasses,"lines-wrappers-classes":r.linesWrappersClasses,resizable:r.resizable,onResize:i.onResize,onResizeEnd:i.onResizeEnd},{default:n.withCtx(function(){return[n.createVNode(l,{movable:r.movable,onMove:i.onMove,onMoveEnd:i.onMoveEnd},{default:n.withCtx(function(){return[n.createVNode(s,{image:r.image,coordinates:r.coordinates,width:r.stencilCoordinates.width,height:r.stencilCoordinates.height,class:i.classes.preview,transitions:r.transitions},null,8,["image","coordinates","width","height","class","transitions"])]}),_:1},8,["movable","onMove","onMoveEnd"])]}),_:1},8,["width","height","transitions","class","handlers","handlers-component","handlers-classes","handlers-wrappers-classes","lines","lines-component","lines-classes","lines-wrappers-classes","resizable","onResize","onResizeEnd"])],6)};var jx=["transitions"],vn=Kt("vue-advanced-cropper"),Om={name:"Cropper",components:{BackgroundWrapper:ed},props:{src:{type:String,default:null},stencilComponent:{type:[Object,String],default:function(){return Vm}},backgroundWrapperComponent:{type:[Object,String],default:function(){return ed}},stencilProps:{type:Object,default:function(){return{}}},autoZoom:{type:Boolean,default:!1},imageClass:{type:String},boundariesClass:{type:String},backgroundClass:{type:String},foregroundClass:{type:String},minWidth:{type:[Number,String]},minHeight:{type:[Number,String]},maxWidth:{type:[Number,String]},maxHeight:{type:[Number,String]},debounce:{type:[Boolean,Number],default:500},transitions:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},canvas:{type:[Object,Boolean],default:!0},crossOrigin:{type:[Boolean,String],default:void 0},transitionTime:{type:Number,default:300},imageRestriction:{type:String,default:"fit-area",validator:function(e){return vx.indexOf(e)!==-1}},roundResult:{type:Boolean,default:!0},defaultSize:{type:[Function,Object]},defaultPosition:{type:[Function,Object]},defaultVisibleArea:{type:[Function,Object]},defaultTransforms:{type:[Function,Object]},defaultBoundaries:{type:[Function,String],validator:function(e){return!(typeof e=="string"&&e!=="fill"&&e!=="fit")}},priority:{type:String,default:"coordinates"},stencilSize:{type:[Object,Function]},resizeImage:{type:[Boolean,Object],default:!0},moveImage:{type:[Boolean,Object],default:!0},autoZoomAlgorithm:{type:Function},resizeAlgorithm:{type:Function,default:function(e){var t=e.event,r=e.coordinates,a=e.aspectRatio,o=e.positionRestrictions,i=e.sizeRestrictions,s=le(le({},r),{right:r.left+r.width,bottom:r.top+r.height}),l=t.params||{},d=le({},t.directions),c=l.allowedDirections||{left:!0,right:!0,bottom:!0,top:!0};i.widthFrozen&&(d.left=0,d.right=0),i.heightFrozen&&(d.top=0,d.bottom=0),sn.forEach(function(E){c[E]||(d[E]=0)});var u=dn(s,d=_m({coordinates:s,directions:d,sizeRestrictions:i,positionRestrictions:o})).width,f=dn(s,d).height,p=l.preserveRatio?Se(s):Gl(u/f,a);if(p){var g=l.respectDirection;if(g||(g=s.width>=s.height||p===1?"width":"height"),g==="width"){var m=u/p-s.height;if(c.top&&c.bottom){var h=d.top,y=d.bottom;d.bottom=hi(m,y,h),d.top=hi(m,h,y)}else c.bottom?d.bottom=m:c.top?d.top=m:c.right?d.right=0:c.left&&(d.left=0)}else if(g==="height"){var b=s.width-f*p;if(c.left&&c.right){var _=d.left,w=d.right;d.left=-hi(b,_,w),d.right=-hi(b,w,_)}else c.left?d.left=-b:c.right?d.right=-b:c.top?d.top=0:c.bottom&&(d.bottom=0)}d=_m({directions:d,coordinates:s,sizeRestrictions:i,positionRestrictions:o,preserveRatio:!0,compensate:l.compensate})}return u=dn(s,d).width,f=dn(s,d).height,(p=l.preserveRatio?Se(s):Gl(u/f,a))&&Math.abs(p-u/f)>.001&&sn.forEach(function(E){c[E]||(d[E]=0)}),Yl({event:new Ul({left:-d.left,top:-d.top}),coordinates:{width:r.width+d.right+d.left,height:r.height+d.top+d.bottom,left:r.left,top:r.top},positionRestrictions:o})}},moveAlgorithm:{type:Function,default:Yl},initStretcher:{type:Function,default:function(e){var t=e.stretcher,r=e.imageSize,a=Se(r);t.style.width=r.width+"px",t.style.height=t.clientWidth/a+"px",t.style.width=t.clientWidth+"px"}},fitCoordinates:{type:Function,default:function(e){var t=e.visibleArea,r=e.coordinates,a=e.aspectRatio,o=e.sizeRestrictions,i=e.positionRestrictions,s=le(le({},r),$n({width:r.width,height:r.height,aspectRatio:a,sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minHeight:Math.min(t.height,o.minHeight),minWidth:Math.min(t.width,o.minWidth)}}));return s=at(s=gt(s,Jr(rt(r),rt(s))),fi(ln(t),i))}},fitVisibleArea:{type:Function,default:function(e){var t=e.visibleArea,r=e.boundaries,a=e.getAreaRestrictions,o=e.coordinates,i=le({},t);i.height=i.width/Se(r),i.top+=(t.height-i.height)/2,(o.height-i.height>0||o.width-i.width>0)&&(i=Dt(i,Math.max(o.height/i.height,o.width/i.width)));var s=ci(ta(o,ln(i=Dt(i,ui(i,a({visibleArea:i,type:"resize"}))))));return i.width<o.width&&(s.left=0),i.height<o.height&&(s.top=0),i=at(i=gt(i,s),a({visibleArea:i,type:"move"}))}},areaRestrictionsAlgorithm:{type:Function,default:function(e){var t=e.visibleArea,r=e.boundaries,a=e.imageSize,o=e.imageRestriction,i=e.type,s={};return o==="fill-area"?s={left:0,top:0,right:a.width,bottom:a.height}:o==="fit-area"&&(Se(r)>Se(a)?(s={top:0,bottom:a.height},t&&i==="move"&&(t.width>a.width?(s.left=-(t.width-a.width)/2,s.right=a.width-s.left):(s.left=0,s.right=a.width))):(s={left:0,right:a.width},t&&i==="move"&&(t.height>a.height?(s.top=-(t.height-a.height)/2,s.bottom=a.height-s.top):(s.top=0,s.bottom=a.height)))),s}},sizeRestrictionsAlgorithm:{type:Function,default:function(e){return{minWidth:e.minWidth,minHeight:e.minHeight,maxWidth:e.maxWidth,maxHeight:e.maxHeight}}},positionRestrictionsAlgorithm:{type:Function,default:function(e){var t=e.imageSize,r={};return e.imageRestriction!=="none"&&(r={left:0,top:0,right:t.width,bottom:t.height}),r}}},data:function(){return{transitionsActive:!1,imageLoaded:!1,imageAttributes:{width:null,height:null,crossOrigin:null,src:null},defaultImageTransforms:{rotate:0,flip:{horizontal:!1,vertical:!1}},appliedImageTransforms:{rotate:0,flip:{horizontal:!1,vertical:!1}},boundaries:{width:0,height:0},visibleArea:null,coordinates:ke({},bm)}},computed:{image:function(){return{src:this.imageAttributes.src,width:this.imageAttributes.width,height:this.imageAttributes.height,transforms:this.imageTransforms}},imageTransforms:function(){return{rotate:this.appliedImageTransforms.rotate,flip:{horizontal:this.appliedImageTransforms.flip.horizontal,vertical:this.appliedImageTransforms.flip.vertical},translateX:this.visibleArea?this.visibleArea.left/this.coefficient:0,translateY:this.visibleArea?this.visibleArea.top/this.coefficient:0,scaleX:1/this.coefficient,scaleY:1/this.coefficient}},imageSize:function(){var e=function(t){return t*Math.PI/180}(this.imageTransforms.rotate);return{width:Math.abs(this.imageAttributes.width*Math.cos(e))+Math.abs(this.imageAttributes.height*Math.sin(e)),height:Math.abs(this.imageAttributes.width*Math.sin(e))+Math.abs(this.imageAttributes.height*Math.cos(e))}},initialized:function(){return Boolean(this.visibleArea&&this.imageLoaded)},settings:function(){var e=Wl(this.resizeImage,{touch:!0,wheel:{ratio:.1},adjustStencil:!0},{touch:!1,wheel:!1,adjustStencil:!1});return{moveImage:Wl(this.moveImage,{touch:!0,mouse:!0},{touch:!1,mouse:!1}),resizeImage:e}},coefficient:function(){return this.visibleArea?this.visibleArea.width/this.boundaries.width:0},areaRestrictions:function(){return this.imageLoaded?this.areaRestrictionsAlgorithm({imageSize:this.imageSize,imageRestriction:this.imageRestriction,boundaries:this.boundaries}):{}},transitionsOptions:function(){return{enabled:this.transitionsActive,timingFunction:"ease-in-out",time:350}},sizeRestrictions:function(){if(this.boundaries.width&&this.boundaries.height&&this.imageSize.width&&this.imageSize.height){var e=this.sizeRestrictionsAlgorithm({imageSize:this.imageSize,minWidth:Je(this.minWidth)?0:di(this.minWidth),minHeight:Je(this.minHeight)?0:di(this.minHeight),maxWidth:Je(this.maxWidth)?1/0:di(this.maxWidth),maxHeight:Je(this.maxHeight)?1/0:di(this.maxHeight)});if(e=function(a){var o=a.areaRestrictions,i=a.sizeRestrictions;a.imageSize;var s=a.boundaries,l=a.positionRestrictions;a.imageRestriction;var d=le(le({},i),{minWidth:i.minWidth!==void 0?i.minWidth:0,minHeight:i.minHeight!==void 0?i.minHeight:0,maxWidth:i.maxWidth!==void 0?i.maxWidth:1/0,maxHeight:i.maxHeight!==void 0?i.maxHeight:1/0});l.left!==void 0&&l.right!==void 0&&(d.maxWidth=Math.min(d.maxWidth,l.right-l.left)),l.bottom!==void 0&&l.top!==void 0&&(d.maxHeight=Math.min(d.maxHeight,l.bottom-l.top));var c=ql(o),u=vm(s,c);return c.width<1/0&&(!d.maxWidth||d.maxWidth>u.width)&&(d.maxWidth=Math.min(d.maxWidth,u.width)),c.height<1/0&&(!d.maxHeight||d.maxHeight>u.height)&&(d.maxHeight=Math.min(d.maxHeight,u.height)),d.minWidth>d.maxWidth&&(d.minWidth=d.maxWidth,d.widthFrozen=!0),d.minHeight>d.maxHeight&&(d.minHeight=d.maxHeight,d.heightFrozen=!0),d}({sizeRestrictions:e,areaRestrictions:this.getAreaRestrictions({visibleArea:this.visibleArea,type:"resize"}),imageSize:this.imageSize,boundaries:this.boundaries,positionRestrictions:this.positionRestrictions,imageRestriction:this.imageRestriction,visibleArea:this.visibleArea,stencilSize:this.getStencilSize()}),this.visibleArea&&this.stencilSize){var t=this.getStencilSize(),r=ql(this.getAreaRestrictions({visibleArea:this.visibleArea,type:"resize"}));e.maxWidth=Math.min(e.maxWidth,r.width*t.width/this.boundaries.width),e.maxHeight=Math.min(e.maxHeight,r.height*t.height/this.boundaries.height),e.maxWidth<e.minWidth&&(e.minWidth=e.maxWidth),e.maxHeight<e.minHeight&&(e.minHeight=e.maxHeight)}return e}return{minWidth:0,minHeight:0,maxWidth:0,maxHeight:0}},positionRestrictions:function(){return this.positionRestrictionsAlgorithm({imageSize:this.imageSize,imageRestriction:this.imageRestriction})},classes:function(){return{cropper:vn(),image:Qe(vn("image"),this.imageClass),stencil:vn("stencil"),boundaries:Qe(vn("boundaries"),this.boundariesClass),stretcher:Qe(vn("stretcher")),background:Qe(vn("background"),this.backgroundClass),foreground:Qe(vn("foreground"),this.foregroundClass),imageWrapper:Qe(vn("image-wrapper")),cropperWrapper:Qe(vn("cropper-wrapper"))}},stencilCoordinates:function(){if(this.initialized){var e=this.coordinates,t=e.width,r=e.height,a=e.left,o=e.top;return{width:t/this.coefficient,height:r/this.coefficient,left:(a-this.visibleArea.left)/this.coefficient,top:(o-this.visibleArea.top)/this.coefficient}}return this.defaultCoordinates()},boundariesStyle:function(){var e={width:this.boundaries.width?"".concat(Math.round(this.boundaries.width),"px"):"auto",height:this.boundaries.height?"".concat(Math.round(this.boundaries.height),"px"):"auto",transition:"opacity ".concat(this.transitionTime,"ms"),pointerEvents:this.imageLoaded?"all":"none"};return this.imageLoaded||(e.opacity="0"),e},imageStyle:function(){var e=this.imageAttributes.width>this.imageAttributes.height?{width:Math.min(1024,this.imageAttributes.width),height:Math.min(1024,this.imageAttributes.width)/(this.imageAttributes.width/this.imageAttributes.height)}:{height:Math.min(1024,this.imageAttributes.height),width:Math.min(1024,this.imageAttributes.height)*(this.imageAttributes.width/this.imageAttributes.height)},t={left:(e.width-this.imageSize.width)/(2*this.coefficient),top:(e.height-this.imageSize.height)/(2*this.coefficient)},r={left:(1-1/this.coefficient)*e.width/2,top:(1-1/this.coefficient)*e.height/2},a=ke(ke({},this.imageTransforms),{},{scaleX:this.imageTransforms.scaleX*(this.imageAttributes.width/e.width),scaleY:this.imageTransforms.scaleY*(this.imageAttributes.height/e.height)}),o={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),left:"0px",top:"0px",transform:"translate(".concat(-t.left-r.left-this.imageTransforms.translateX,"px, ").concat(-t.top-r.top-this.imageTransforms.translateY,"px)")+Tm(a)};return this.transitionsOptions.enabled&&(o.transition="".concat(this.transitionsOptions.time,"ms ").concat(this.transitionsOptions.timingFunction)),o}},watch:{src:function(){this.onChangeImage()},stencilComponent:function(){var e=this;this.$nextTick(function(){e.resetCoordinates(),e.runAutoZoom("setCoordinates"),e.onChange()})},minWidth:function(){this.onPropsChange()},maxWidth:function(){this.onPropsChange()},minHeight:function(){this.onPropsChange()},maxHeight:function(){this.onPropsChange()},imageRestriction:function(){this.reset()},stencilProps:function(e,t){["aspectRatio","minAspectRatio","maxAspectRatio"].find(function(r){return e[r]!==t[r]})&&this.$nextTick(this.onPropsChange)}},created:function(){this.debouncedUpdate=jl(this.update,this.debounce),this.debouncedDisableTransitions=jl(this.disableTransitions,this.transitionsOptions.time),this.awaiting=!1},mounted:function(){this.$refs.image.addEventListener("load",this.onSuccessLoadImage),this.$refs.image.addEventListener("error",this.onFailLoadImage),this.onChangeImage(),window.addEventListener("resize",this.refresh),window.addEventListener("orientationchange",this.refresh)},unmounted:function(){window.removeEventListener("resize",this.refresh),window.removeEventListener("orientationchange",this.refresh),this.imageAttributes.revoke&&this.imageAttributes.src&&URL.revokeObjectURL(this.imageAttributes.src),this.debouncedUpdate.clear(),this.debouncedDisableTransitions.clear()},methods:{getResult:function(){var e=this.initialized?this.prepareResult(ke({},this.coordinates)):this.defaultCoordinates(),t={rotate:this.imageTransforms.rotate%360,flip:ke({},this.imageTransforms.flip)};if(this.src&&this.imageLoaded){var r=this;return{image:this.image,coordinates:e,visibleArea:this.visibleArea?ke({},this.visibleArea):null,imageTransforms:t,get canvas(){return r.canvas?r.getCanvas():void 0}}}return{image:this.image,coordinates:e,visibleArea:this.visibleArea?ke({},this.visibleArea):null,canvas:void 0,imageTransforms:t}},zoom:function(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},a=r.transitions,o=a===void 0||a;this.onManipulateImage(new qa({},{factor:1/e,center:t}),{normalize:!1,transitions:o})},move:function(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},a=r.transitions,o=a===void 0||a;this.onManipulateImage(new qa({left:e||0,top:t||0}),{normalize:!1,transitions:o})},setCoordinates:function(e){var t=this,r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},a=r.autoZoom,o=a===void 0||a,i=r.transitions,s=i===void 0||i;this.$nextTick(function(){t.imageLoaded?(t.transitionsActive||(s&&t.enableTransitions(),t.coordinates=t.applyTransform(e),o&&t.runAutoZoom("setCoordinates"),s&&t.debouncedDisableTransitions()),t.onChange()):t.delayedTransforms=e})},refresh:function(){var e=this,t=this.$refs.image;if(this.src&&t)return this.initialized?this.updateVisibleArea().then(function(){e.onChange()}):this.resetVisibleArea().then(function(){e.onChange()})},reset:function(){var e=this;return this.resetVisibleArea().then(function(){e.onChange(!1)})},awaitRender:function(e){var t=this;this.awaiting||(this.awaiting=!0,this.$nextTick(function(){e(),t.awaiting=!1}))},prepareResult:function(e){return this.roundResult?function(t){var r=t.coordinates,a=t.sizeRestrictions,o=t.positionRestrictions,i={width:Math.round(r.width),height:Math.round(r.height),left:Math.round(r.left),top:Math.round(r.top)};return i.width>a.maxWidth?i.width=Math.floor(r.width):i.width<a.minWidth&&(i.width=Math.ceil(r.width)),i.height>a.maxHeight?i.height=Math.floor(r.height):i.height<a.minHeight&&(i.height=Math.ceil(r.height)),at(i,o)}(ke(ke({},this.getPublicProperties()),{},{positionRestrictions:pi(this.positionRestrictions,this.visibleArea),coordinates:e})):e},processAutoZoom:function(e,t,r,a){var o=this.autoZoomAlgorithm;o||(o=this.stencilSize?kx:this.autoZoom?Sx:_x);var i=o({event:{type:e,params:a},visibleArea:t,coordinates:r,boundaries:this.boundaries,aspectRatio:this.getAspectRatio(),positionRestrictions:this.positionRestrictions,getAreaRestrictions:this.getAreaRestrictions,sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize()});return ke(ke({},i),{},{changed:!$m(i.visibleArea,t)||!$m(i.coordinates,r)})},runAutoZoom:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.transitions,a=r!==void 0&&r,o=fx(t,jx),i=this.processAutoZoom(e,this.visibleArea,this.coordinates,o),s=i.visibleArea,l=i.coordinates,d=i.changed;a&&d&&this.enableTransitions(),this.visibleArea=s,this.coordinates=l,a&&d&&this.debouncedDisableTransitions()},normalizeEvent:function(e){return function(t){var r=t.event,a=t.visibleArea,o=t.coefficient;if(r.type==="manipulateImage")return le(le({},r),{move:{left:r.move&&r.move.left?o*r.move.left:0,top:r.move&&r.move.top?o*r.move.top:0},scale:{factor:r.scale&&r.scale.factor?r.scale.factor:1,center:r.scale&&r.scale.center?{left:r.scale.center.left*o+a.left,top:r.scale.center.top*o+a.top}:null}});if(r.type==="resize"){var i=le(le({},r),{directions:le({},r.directions)});return sn.forEach(function(l){i.directions[l]*=o}),i}if(r.type==="move"){var s=le(le({},r),{directions:le({},r.directions)});return $x.forEach(function(l){s.directions[l]*=o}),s}return r}(ke(ke({},this.getPublicProperties()),{},{event:e}))},getCanvas:function(){if(this.$refs.canvas){var e=this.$refs.canvas,t=this.$refs.image,r=this.imageTransforms.rotate!==0||this.imageTransforms.flip.horizontal||this.imageTransforms.flip.vertical?function(l,d,c){var u=c.rotate,f=c.flip,p={width:d.naturalWidth,height:d.naturalHeight},g=wm(p,u),m=l.getContext("2d");l.height=g.height,l.width=g.width,m.save();var h=jn(rt(le({left:0,top:0},p)),u);return m.translate(-(h.left-g.width/2),-(h.top-g.height/2)),m.rotate(u*Math.PI/180),m.translate(f.horizontal?p.width:0,f.vertical?p.height:0),m.scale(f.horizontal?-1:1,f.vertical?-1:1),m.drawImage(d,0,0,p.width,p.height),m.restore(),l}(this.$refs.sourceCanvas,t,this.imageTransforms):t,a=ke({minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0,maxArea:this.maxCanvasSize,imageSmoothingEnabled:!0,imageSmoothingQuality:"high",fillColor:"transparent"},this.canvas),o=function(l){return l.find(function(d){return c=d,!Number.isNaN(parseFloat(c))&&isFinite(c);var c})},i=$n({sizeRestrictions:{minWidth:o([a.width,a.minWidth])||0,minHeight:o([a.height,a.minHeight])||0,maxWidth:o([a.width,a.maxWidth])||1/0,maxHeight:o([a.height,a.maxHeight])||1/0},width:this.coordinates.width,height:this.coordinates.height,aspectRatio:{minimum:this.coordinates.width/this.coordinates.height,maximum:this.coordinates.width/this.coordinates.height}});if(a.maxArea&&i.width*i.height>a.maxArea){var s=Math.sqrt(a.maxArea/(i.width*i.height));i={width:Math.round(s*i.width),height:Math.round(s*i.height)}}return function(l,d,c,u,f){l.width=u?u.width:c.width,l.height=u?u.height:c.height;var p=l.getContext("2d");p.clearRect(0,0,l.width,l.height),f&&(f.imageSmoothingEnabled&&(p.imageSmoothingEnabled=f.imageSmoothingEnabled),f.imageSmoothingQuality&&(p.imageSmoothingQuality=f.imageSmoothingQuality),f.fillColor&&(p.fillStyle=f.fillColor,p.fillRect(0,0,l.width,l.height),p.save()));var g=c.left<0?-c.left:0,m=c.top<0?-c.top:0;p.drawImage(d,c.left+g,c.top+m,c.width,c.height,g,m,l.width,l.height)}(e,r,this.coordinates,i,a),e}},update:function(){this.$emit("change",this.getResult())},applyTransform:function(e){var t=arguments.length>1&&arguments[1]!==void 0&&arguments[1],r=this.visibleArea&&t?wx(this.sizeRestrictions,this.visibleArea):this.sizeRestrictions,a=this.visibleArea&&t?pi(this.positionRestrictions,this.visibleArea):this.positionRestrictions;return Cx({transform:e,coordinates:this.coordinates,imageSize:this.imageSize,sizeRestrictions:r,positionRestrictions:a,aspectRatio:this.getAspectRatio(),visibleArea:this.visibleArea})},resetCoordinates:function(){var e=this;if(this.$refs.image){this.$refs.cropper,this.$refs.image;var t=this.defaultSize;t||(t=this.stencilSize?Tx:Nx);var r=this.sizeRestrictions;r.minWidth,r.minHeight,r.maxWidth,r.maxHeight;var a=Qr(t)?t({boundaries:this.boundaries,imageSize:this.imageSize,aspectRatio:this.getAspectRatio(),sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize(),visibleArea:this.visibleArea}):t,o=this.defaultPosition||Ex,i=[a,function(s){var l=s.coordinates;return ke({},Qr(o)?o({coordinates:l,imageSize:e.imageSize,visibleArea:e.visibleArea}):e.defaultPosition)}];this.delayedTransforms&&i.push.apply(i,yr(Array.isArray(this.delayedTransforms)?this.delayedTransforms:[this.delayedTransforms])),this.coordinates=this.applyTransform(i,!0),this.delayedTransforms=null}},clearImage:function(){var e=this;this.imageLoaded=!1,setTimeout(function(){var t=e.$refs.stretcher;t&&(t.style.height="auto",t.style.width="auto"),e.coordinates=e.defaultCoordinates(),e.boundaries={width:0,height:0}},this.transitionTime)},enableTransitions:function(){this.transitions&&(this.transitionsActive=!0)},disableTransitions:function(){this.transitionsActive=!1},updateBoundaries:function(){var e=this,t=this.$refs.stretcher,r=this.$refs.cropper;return this.initStretcher({cropper:r,stretcher:t,imageSize:this.imageSize}),this.$nextTick().then(function(){var a={cropper:r,imageSize:e.imageSize};if(Qr(e.defaultBoundaries)?e.boundaries=e.defaultBoundaries(a):e.defaultBoundaries==="fit"?e.boundaries=function(o){var i=o.cropper,s=o.imageSize,l=i.clientHeight,d=i.clientWidth,c=l,u=s.width*l/s.height;return u>d&&(u=d,c=s.height*d/s.width),{width:u,height:c}}(a):e.boundaries=function(o){var i=o.cropper;return{width:i.clientWidth,height:i.clientHeight}}(a),!e.boundaries.width||!e.boundaries.height)throw new Error("It's impossible to fit the cropper in the current container")})},resetVisibleArea:function(){var e=this;return this.appliedImageTransforms=ke(ke({},this.defaultImageTransforms),{},{flip:ke({},this.defaultImageTransforms.flip)}),this.updateBoundaries().then(function(){e.priority!=="visible-area"&&(e.visibleArea=null,e.resetCoordinates());var t,r,a,o,i,s,l=e.defaultVisibleArea||Ax;e.visibleArea=Qr(l)?l({imageSize:e.imageSize,boundaries:e.boundaries,coordinates:e.priority!=="visible-area"?e.coordinates:null,getAreaRestrictions:e.getAreaRestrictions,stencilSize:e.getStencilSize()}):e.defaultVisibleArea,e.visibleArea=(t={visibleArea:e.visibleArea,boundaries:e.boundaries,getAreaRestrictions:e.getAreaRestrictions},r=t.visibleArea,a=t.boundaries,o=t.getAreaRestrictions,i=le({},r),s=Se(a),i.width/i.height!==s&&(i.height=i.width/s),at(i,o({visibleArea:i,type:"move"}))),e.priority==="visible-area"?e.resetCoordinates():e.coordinates=e.fitCoordinates({visibleArea:e.visibleArea,coordinates:e.coordinates,aspectRatio:e.getAspectRatio(),positionRestrictions:e.positionRestrictions,sizeRestrictions:e.sizeRestrictions}),e.runAutoZoom("resetVisibleArea")}).catch(function(){e.visibleArea=null})},updateVisibleArea:function(){var e=this;return this.updateBoundaries().then(function(){e.visibleArea=e.fitVisibleArea({imageSize:e.imageSize,boundaries:e.boundaries,visibleArea:e.visibleArea,coordinates:e.coordinates,getAreaRestrictions:e.getAreaRestrictions}),e.coordinates=e.fitCoordinates({visibleArea:e.visibleArea,coordinates:e.coordinates,aspectRatio:e.getAspectRatio(),positionRestrictions:e.positionRestrictions,sizeRestrictions:e.sizeRestrictions}),e.runAutoZoom("updateVisibleArea")}).catch(function(){e.visibleArea=null})},onChange:function(){var e=!(arguments.length>0&&arguments[0]!==void 0)||arguments[0];e&&this.debounce?this.debouncedUpdate():this.update()},onChangeImage:function(){var e,t=this;if(this.imageLoaded=!1,this.delayedTransforms=null,this.src){if(function(o){if(fm(o))return!1;var i=window.location,s=/(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(o)||[],l={protocol:s[1]||"",host:s[2]||"",port:s[3]||""},d=function(c){return c.port||((c.protocol||i.protocol)==="http"?80:433)};return!(!l.protocol&&!l.host&&!l.port||Boolean(l.protocol&&l.protocol==i.protocol&&l.host&&l.host==i.host&&l.host&&d(l)==d(i)))}(this.src)){var r=Je(this.crossOrigin)?this.canvas:this.crossOrigin;r===!0&&(r="anonymous"),this.imageAttributes.crossOrigin=r||null}if(this.checkOrientation){var a=(e=this.src,new Promise(function(o){Lx(e).then(function(i){var s=zx(i);o(i?{source:e,arrayBuffer:i,orientation:s}:{source:e,arrayBuffer:null,orientation:null})}).catch(function(i){console.warn(i),o({source:e,arrayBuffer:null,orientation:null})})}));setTimeout(function(){a.then(t.onParseImage)},this.transitionTime)}else setTimeout(function(){t.onParseImage({source:t.src})},this.transitionTime)}else this.clearImage()},onFailLoadImage:function(){this.imageAttributes.src&&(this.clearImage(),this.$emit("error"))},onSuccessLoadImage:function(){var e=this,t=this.$refs.image;t&&!this.imageLoaded&&(this.imageAttributes.height=t.naturalHeight,this.imageAttributes.width=t.naturalWidth,this.imageLoaded=!0,this.resetVisibleArea().then(function(){e.$emit("ready"),e.onChange(!1)}))},onParseImage:function(e){var t=this,r=e.source,a=e.arrayBuffer,o=e.orientation;this.imageAttributes.revoke&&this.imageAttributes.src&&URL.revokeObjectURL(this.imageAttributes.src),this.imageAttributes.revoke=!1,a&&o&&o>1?um(r)||!fm(r)?(this.imageAttributes.src=URL.createObjectURL(new Blob([a])),this.imageAttributes.revoke=!0):this.imageAttributes.src=function(i){for(var s=[],l=new Uint8Array(i);l.length>0;){var d=l.subarray(0,8192);s.push(String.fromCharCode.apply(null,Array.from?Array.from(d):d.slice())),l=l.subarray(8192)}return"data:image/jpeg;base64,"+btoa(s.join(""))}(a):this.imageAttributes.src=r,Qr(this.defaultTransforms)?this.appliedImageTransforms=Jl(this.defaultTransforms()):li(this.defaultTransforms)?this.appliedImageTransforms=Jl(this.defaultTransforms):this.appliedImageTransforms=function(i){var s=Jl({});if(i)switch(i){case 2:s.flip.horizontal=!0;break;case 3:s.rotate=-180;break;case 4:s.flip.vertical=!0;break;case 5:s.rotate=90,s.flip.vertical=!0;break;case 6:s.rotate=90;break;case 7:s.rotate=90,s.flip.horizontal=!0;break;case 8:s.rotate=-90}return s}(o),this.defaultImageTransforms=ke(ke({},this.appliedImageTransforms),{},{flip:ke({},this.appliedImageTransforms.flip)}),this.$nextTick(function(){var i=t.$refs.image;i&&i.complete&&(function(s){return Boolean(s.naturalWidth)}(i)?t.onSuccessLoadImage():t.onFailLoadImage())})},onResizeEnd:function(){this.runAutoZoom("resize",{transitions:!0})},onMoveEnd:function(){this.runAutoZoom("move",{transitions:!0})},onMove:function(e){var t=this;this.transitionsOptions.enabled||this.awaitRender(function(){t.coordinates=t.moveAlgorithm(ke(ke({},t.getPublicProperties()),{},{positionRestrictions:pi(t.positionRestrictions,t.visibleArea),coordinates:t.coordinates,event:t.normalizeEvent(e)})),t.onChange()})},onResize:function(e){var t=this;this.transitionsOptions.enabled||this.stencilSize&&!this.autoZoom||this.awaitRender(function(){var r=t.sizeRestrictions,a=Math.min(t.coordinates.width,t.coordinates.height,20*t.coefficient);t.coordinates=t.resizeAlgorithm(ke(ke({},t.getPublicProperties()),{},{positionRestrictions:pi(t.positionRestrictions,t.visibleArea),sizeRestrictions:{maxWidth:Math.min(r.maxWidth,t.visibleArea.width),maxHeight:Math.min(r.maxHeight,t.visibleArea.height),minWidth:Math.max(r.minWidth,a),minHeight:Math.max(r.minHeight,a)},event:t.normalizeEvent(e)})),t.onChange(),t.ticking=!1})},onManipulateImage:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(!this.transitionsOptions.enabled){var r=t.transitions,a=r!==void 0&&r,o=t.normalize,i=o===void 0||o;a&&this.enableTransitions();var s=Px(ke(ke({},this.getPublicProperties()),{},{event:i?this.normalizeEvent(e):e,getAreaRestrictions:this.getAreaRestrictions,imageRestriction:this.imageRestriction,adjustStencil:!this.stencilSize&&this.settings.resizeImage.adjustStencil})),l=s.visibleArea,d=s.coordinates;this.visibleArea=l,this.coordinates=d,this.runAutoZoom("manipulateImage"),this.onChange(),a&&this.debouncedDisableTransitions()}},onPropsChange:function(){this.coordinates=this.applyTransform(this.coordinates,!0),this.onChange(!1)},getAreaRestrictions:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=e.visibleArea,r=e.type,a=r===void 0?"move":r;return this.areaRestrictionsAlgorithm({boundaries:this.boundaries,imageSize:this.imageSize,imageRestriction:this.imageRestriction,visibleArea:t,type:a})},getAspectRatio:function(e){var t,r,a=this.stencilProps,o=a.aspectRatio,i=a.minAspectRatio,s=a.maxAspectRatio;if(this.$refs.stencil&&this.$refs.stencil.aspectRatios){var l=this.$refs.stencil.aspectRatios();t=l.minimum,r=l.maximum}if(Je(t)&&(t=Je(o)?i:o),Je(r)&&(r=Je(o)?s:o),!e&&(Je(t)||Je(r))){var d=this.getStencilSize(),c=d?Se(d):null;Je(t)&&(t=pm(c)?c:void 0),Je(r)&&(r=pm(c)?c:void 0)}return{minimum:t,maximum:r}},getStencilSize:function(){if(this.stencilSize)return e={currentStencilSize:{width:this.stencilCoordinates.width,height:this.stencilCoordinates.height},stencilSize:this.stencilSize,boundaries:this.boundaries,coefficient:this.coefficient,coordinates:this.coordinates,aspectRatio:this.getAspectRatio(!0)},t=e.boundaries,r=e.stencilSize,a=e.aspectRatio,Gl(Se(o=Qr(r)?r({boundaries:t,aspectRatio:a}):r),a)&&(o=$n({sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minWidth:0,minHeight:0},width:o.width,height:o.height,aspectRatio:{minimum:a.minimum,maximum:a.maximum}})),(o.width>t.width||o.height>t.height)&&(o=$n({sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minWidth:0,minHeight:0},width:o.width,height:o.height,aspectRatio:{minimum:Se(o),maximum:Se(o)}})),o;var e,t,r,a,o},getPublicProperties:function(){return{coefficient:this.coefficient,visibleArea:this.visibleArea,coordinates:this.coordinates,boundaries:this.boundaries,sizeRestrictions:this.sizeRestrictions,positionRestrictions:this.positionRestrictions,aspectRatio:this.getAspectRatio(),imageRestriction:this.imageRestriction}},defaultCoordinates:function(){return ke({},bm)},flip:function(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},a=r.transitions,o=a===void 0||a;if(!this.transitionsActive){o&&this.enableTransitions();var i=ke({},this.imageTransforms.flip),s=Vx({flip:{horizontal:e?!i.horizontal:i.horizontal,vertical:t?!i.vertical:i.vertical},previousFlip:i,rotate:this.imageTransforms.rotate,visibleArea:this.visibleArea,coordinates:this.coordinates,imageSize:this.imageSize,positionRestrictions:this.positionRestrictions,sizeRestrictions:this.sizeRestrictions,getAreaRestrictions:this.getAreaRestrictions,aspectRatio:this.getAspectRatio()}),l=s.visibleArea,d=s.coordinates;e&&(this.appliedImageTransforms.flip.horizontal=!this.appliedImageTransforms.flip.horizontal),t&&(this.appliedImageTransforms.flip.vertical=!this.appliedImageTransforms.flip.vertical),this.visibleArea=l,this.coordinates=d,this.onChange(),o&&this.debouncedDisableTransitions()}},rotate:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.transitions,a=r===void 0||r;if(!this.transitionsActive){a&&this.enableTransitions();var o=ke({},this.imageSize);this.appliedImageTransforms.rotate+=e;var i=Bx({visibleArea:this.visibleArea,coordinates:this.coordinates,previousImageSize:o,imageSize:this.imageSize,angle:e,positionRestrictions:this.positionRestrictions,sizeRestrictions:this.sizeRestrictions,getAreaRestrictions:this.getAreaRestrictions,aspectRatio:this.getAspectRatio()}),s=i.visibleArea,l=i.coordinates,d=this.processAutoZoom("rotateImage",s,l);s=d.visibleArea,l=d.coordinates,this.visibleArea=s,this.coordinates=l,this.onChange(),a&&this.debouncedDisableTransitions()}}},emits:["change","error","ready"]},Wx={key:0,ref:"canvas",style:{display:"none"}},Ux={key:1,ref:"sourceCanvas",style:{display:"none"}};Om.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"cropper",class:i.classes.cropper},[n.createVNode("div",{ref:"stretcher",class:i.classes.stretcher},null,2),n.createVNode("div",{class:i.classes.boundaries,style:i.boundariesStyle},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.backgroundWrapperComponent),{class:i.classes.cropperWrapper,"wheel-resize":i.settings.resizeImage.wheel,"touch-resize":i.settings.resizeImage.touch,"touch-move":i.settings.moveImage.touch,"mouse-move":i.settings.moveImage.mouse,onMove:i.onManipulateImage,onResize:i.onManipulateImage},{default:n.withCtx(function(){return[n.createVNode("div",{class:i.classes.background,style:i.boundariesStyle},null,6),n.createVNode("div",{class:i.classes.imageWrapper},[n.createVNode("img",{ref:"image",crossorigin:o.imageAttributes.crossOrigin,src:o.imageAttributes.src,class:i.classes.image,style:i.imageStyle,onMousedown:t[1]||(t[1]=n.withModifiers(function(){},["prevent"]))},null,46,["crossorigin","src"])],2),n.createVNode("div",{class:i.classes.foreground,style:i.boundariesStyle},null,6),n.withDirectives((n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.stencilComponent),n.mergeProps({ref:"stencil",image:i.image,coordinates:o.coordinates,"stencil-coordinates":i.stencilCoordinates,transitions:i.transitionsOptions},r.stencilProps,{onResize:i.onResize,onResizeEnd:i.onResizeEnd,onMove:i.onMove,onMoveEnd:i.onMoveEnd}),null,16,["image","coordinates","stencil-coordinates","transitions","onResize","onResizeEnd","onMove","onMoveEnd"])),[[n.vShow,o.imageLoaded]]),r.canvas?(n.openBlock(),n.createBlock("canvas",Wx,null,512)):n.createCommentVNode("",!0),r.canvas?(n.openBlock(),n.createBlock("canvas",Ux,null,512)):n.createCommentVNode("",!0)]}),_:1},8,["class","wheel-resize","touch-resize","touch-move","mouse-move","onMove","onResize"]))],6)],2)};const Hx="default",Kx="primary",Gx=n.defineComponent({name:"VcImageUploader",components:{Cropper:Om,Preview:td,VcButton:ir},props:{buttonType:{type:String,default:Hx},buttonColor:{type:String,default:Kx},icon:{type:String,default:"vc-icon-upload"},contentTitle:{type:String,default:"Select the area that will be used in the avatar"},previewTitle:{type:String,default:"Additional sizes:"}},emits:["upload:file","save"],data(){return{dialog:!1,loading:!1,imageState:null,settings:{aspectRatio:1,handlers:{},movable:!1,scalable:!1},result:{coordinates:null,image:null}}},methods:{zoom(e){this.loading||this.$refs.cropElement.zoom(e)},rotate(e){this.loading||this.$refs.cropElement.rotate(e)},openExplorer(){const e=this.$refs.inputUploader;e&&e.click()},async onFileInput(e){var a;const t=e.target,r=(a=t.files)==null?void 0:a.item(0);!r||(this.loading=!0,await this.loadFile(r),setTimeout(()=>{this.loading=!1},500),t.value="")},resetUrlData(){var e;this.imageState&&this.imageState.url&&URL.revokeObjectURL(this.imageState.url),(e=this.result.image)!=null&&e.src&&(URL.revokeObjectURL(this.result.image.src),this.resetResult())},async loadFile(e){if(!e)return;this.resetUrlData();const t=URL.createObjectURL(e),r=new FileReader;try{return await new Promise((a,o)=>{r.addEventListener("load",()=>{if(!r.result)return o(new Error("Could not read the file."));const i=ux(r.result,e.type);if(!(i!=null&&i.startsWith("image")))return o(new Error(`Unsupported mime type: ${i}`));this.imageState={url:t,type:i,name:e.name,size:e.size},this.$emit("upload:file",this.imageState),this.dialog=!0,a(this.imageState)}),r.readAsArrayBuffer(e)})}catch(a){console.warn(a)}},change({coordinates:e,image:t}){this.result={coordinates:e,image:t}},resetResult(){this.result={coordinates:null,image:null}},error(e){console.warn(e)},closeDialog(){this.dialog=!1,this.resetUrlData()},onSaveHandler(){const e=this.$refs.cropElement.getResult(),t=e.canvas.toDataURL();this.$emit("save",t,e),this.closeDialog()}}}),DX="",qx={class:"vc-image-uploader"},Yx={class:"vc-image-uploader__upload-action"},Xx={class:"vc-image-uploader__content"},Zx={class:"vc-image-uploader__content-header"},Qx={class:"vc-image-uploader__cropper-content"},Jx={class:"cropper-block relative"},eL={key:1},tL={class:"overflow-hidden relative rounded-md"},nL={class:"cropper-block__actions"},rL={class:"flex items-center py-3"},aL=[n.createElementVNode("i",{class:"vc-icon-minus-linear icon-lg text-active"},null,-1)],oL=[n.createElementVNode("i",{class:"vc-icon-plus-linear icon-lg text-active"},null,-1)],iL={class:"flex items-center py-3"},sL=[n.createElementVNode("i",{class:"vc-icon-cancel vc-icon-minus-linear icon-lg text-active"},null,-1)],lL=[n.createElementVNode("i",{class:"vc-icon-cancel icon-lg text-active"},null,-1)],dL={class:"preview-block"},cL={class:"font-semibold text-sm"},uL={class:"flex items-end flex-wrap my-2 relative",style:{"min-height":"36px"}},fL={class:"flex items-center justify-center px-2 min-h-10"},pL={class:"flex items-center justify-center px-2"},hL={class:"mt-10"},mL={class:"vc-image-uploader__modal-footer"},gL={class:"px-3 w-full sm:w-auto"},yL={class:"px-3 w-full sm:w-auto"};function bL(e,t,r,a,o,i){const s=n.resolveComponent("VcButton"),l=n.resolveComponent("VcSkeletonLoader"),d=n.resolveComponent("cropper"),c=n.resolveComponent("preview"),u=n.resolveComponent("VcModal");return n.openBlock(),n.createElementBlock("div",qx,[n.createElementVNode("div",Yx,[n.renderSlot(e.$slots,"upload-action",{loading:e.loading,handler:e.openExplorer},()=>[n.createVNode(s,{type:e.buttonType,loading:e.loading,color:e.buttonColor,icon:e.icon,onClick:e.openExplorer},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("general.upload")),1)]),_:1},8,["type","loading","color","icon","onClick"])]),n.createElementVNode("input",{ref:"inputUploader",hidden:"",name:"file-upload-input",accept:"image/*",type:"file",class:"sr-only",onChange:t[0]||(t[0]=(...f)=>e.onFileInput&&e.onFileInput(...f))},null,544)]),n.createVNode(u,{visible:e.dialog,header:"Image Editor",width:"760px",onClose:e.closeDialog},{footer:n.withCtx(()=>[n.createElementVNode("div",mL,[n.createElementVNode("div",gL,[n.createVNode(s,{block:"",size:"large",color:"secondary",type:"outline",icon:"vc-icon-cancel",onClick:e.closeDialog},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("general.cancel")),1)]),_:1},8,["onClick"])]),n.createElementVNode("div",yL,[n.createVNode(s,{size:"large",icon:"vc-icon-save",block:"",onClick:e.onSaveHandler},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("general.save")),1)]),_:1},8,["onClick"])])])]),default:n.withCtx(()=>[n.createElementVNode("div",Xx,[n.createElementVNode("div",Zx,n.toDisplayString(e.contentTitle),1),n.createElementVNode("div",Qx,[n.createElementVNode("div",Jx,[n.createVNode(n.TransitionGroup,{name:"fade-image",mode:"in-out"},{default:n.withCtx(()=>[e.loading?(n.openBlock(),n.createBlock(l,{key:0,height:"320",width:"320","row-height":"320",class:"absolute left-0 top-0"})):(n.openBlock(),n.createElementBlock("div",eL,[n.createElementVNode("div",tL,[!!e.imageState&&!e.loading?(n.openBlock(),n.createBlock(d,{key:0,ref:"cropElement",class:"cropper w-full h-full",src:e.imageState.url,debounce:!1,"stencil-props":e.settings,"stencil-size":{width:280,height:280},"resize-image":{adjustStencil:!1},"image-restriction":"stencil",onChange:e.change,onError:e.error},null,8,["src","stencil-props","onChange","onError"])):n.createCommentVNode("",!0)]),n.createElementVNode("div",nL,[n.createElementVNode("div",rL,[n.createElementVNode("span",{class:"px-1 cursor-pointer",onClick:t[1]||(t[1]=f=>e.zoom(.5))},aL),n.createElementVNode("span",{class:"px-1 cursor-pointer",onClick:t[2]||(t[2]=f=>e.zoom(1.5))},oL)]),n.createElementVNode("div",iL,[n.createElementVNode("span",{class:"px-1 cursor-pointer",style:{transform:"rotateY(180deg)"},onClick:t[3]||(t[3]=f=>e.rotate(90))},sL),n.createElementVNode("span",{class:"px-1 cursor-pointer",onClick:t[4]||(t[4]=f=>e.rotate(-90))},lL)])])]))]),_:1})]),n.createElementVNode("div",dL,[n.createElementVNode("div",cL,n.toDisplayString(e.previewTitle),1),n.createElementVNode("div",uL,[n.createVNode(n.TransitionGroup,{name:"fade-image",mode:"out-in"},{default:n.withCtx(()=>[e.loading?(n.openBlock(),n.createBlock(l,{key:0,height:"36",width:"120","row-height":"36",type:"square@2",class:"absolute left-0 top-0 flex gap-4"})):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createElementVNode("div",fL,[n.createVNode(c,{width:36,height:36,image:e.result.image,coordinates:e.result.coordinates,class:"rounded-md transition-all duration-300"},null,8,["image","coordinates"])]),n.createElementVNode("div",pL,[n.createVNode(c,{width:36,height:36,image:e.result.image,coordinates:e.result.coordinates,class:"rounded-full transition-all duration-300"},null,8,["image","coordinates"])])],64))]),_:1})]),n.createElementVNode("div",hL,[n.createVNode(s,{type:"outline",loading:e.loading,color:e.buttonColor,icon:"vc-icon-restart",onClick:e.openExplorer},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("uploader.change.image")),1)]),_:1},8,["loading","color","onClick"])])])])])]),_:1},8,["visible","onClose"])])}const Dm=te(Gx,[["render",bL]]),$L=n.defineComponent({name:"VcInputError",props:{errorMessage:{type:String,default:""}}}),xX="",vL={class:"vc-input__error-wrapper"},wL={class:"vc-input__error-wrapper--text"};function CL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",vL,[n.createElementVNode("span",wL,n.toDisplayString(e.errorMessage),1)])}const Im=te($L,[["render",CL]]),LX="",kL=n.defineComponent({name:"VcInputNumber",components:{ElInputNumber:c_},mixins:[Ln],props:{modelValue:{type:Number,default:null},minValue:{type:Number,default:-1/0},maxValue:{type:Number,default:1/0},step:{type:Number,default:1},precision:{type:Number,default:void 0},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},controlsRight:{type:Boolean,default:!1},dataTestName:{type:String,default:"default"},placeholder:{type:String,default:void 0},valueOnClear:{type:[String,Number],default:void 0},fullWidth:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}}}}),zX="";function SL(e,t,r,a,o,i){const s=n.resolveComponent("el-input-number");return n.openBlock(),n.createBlock(s,{modelValue:e.model,"onUpdate:modelValue":t[0]||(t[0]=l=>e.model=l),min:e.minValue,max:e.maxValue,step:e.step,precision:e.precision,readonly:e.readonly,"data-test":e.dataTestName,disabled:e.disabled,name:e.name,placeholder:e.placeholder,"controls-position":e.controlsRight?"right":"","value-on-clear":e.valueOnClear,class:n.normalizeClass([{"is--full":e.fullWidth,"is--error":e.isError},"vc-input-number"])},null,8,["modelValue","min","max","step","precision","readonly","data-test","disabled","name","placeholder","controls-position","value-on-clear","class"])}const Mm=te(kL,[["render",SL]]),_L=40,EL=n.defineComponent({name:"Circles",props:{size:{type:[Number,String],default:_L},color:{type:String,default:"primary"}},computed:{styles(){const e=De(this.size);return{width:e,height:e}}}}),jX="";function NL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:n.normalizeClass([[`vc-spinner--${e.color}`,`text-${e.color}`],"vc-spinner vc-spinner--circles"])},null,6)}const TL=te(EL,[["render",NL],["__scopeId","data-v-d48a2765"]]),AL=40,PL=n.defineComponent({name:"LoadIcon",props:{size:{type:[Number,String],default:AL},color:{type:String,default:"primary"},icon:{type:String,default:"vc-icon-load"}},computed:{styles(){return{fontSize:De(this.size)}}}}),WX="";function BL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:n.normalizeClass([[`text-${e.color}`,e.icon],"vc-loading-icon spin"])},null,6)}const VL=te(PL,[["render",BL],["__scopeId","data-v-b01522cf"]]),OL=40,DL=n.defineComponent({name:"Stretch",props:{size:{type:[String,Number],default:OL},color:{type:String,default:"primary"}},computed:{styles(){const e=De(this.size);return{width:e,height:e}}}}),UX="",IL=[n.createStaticVNode('<div class="rect rect-1" data-v-cfd2ae9c></div><div class="rect rect-2" data-v-cfd2ae9c></div><div class="rect rect-3" data-v-cfd2ae9c></div><div class="rect rect-4" data-v-cfd2ae9c></div><div class="rect rect-5" data-v-cfd2ae9c></div>',5)];function ML(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:n.normalizeClass([`text-${e.color}`,"vc-spinner vc-spinner--stretch"])},IL,6)}const RL=te(DL,[["render",ML],["__scopeId","data-v-cfd2ae9c"]]),FL=40,xL=n.defineComponent({name:"LdsSpinner",props:{size:{type:[String,Number],default:FL},color:{type:String,default:"primary"}},computed:{styles(){const e=De(this.size);return{width:e,height:e,fontSize:e}}}}),KX="";function LL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:"vc-spinner vc-spinner--lds"},null,4)}const zL=te(xL,[["render",LL],["__scopeId","data-v-f7fa7789"]]),na={addClass(e,t){!e||(e.classList?e.classList.add(t):e.className+=" "+t)},removeClass(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")},hasClass(e,t){return e.classList?e.classList.contains(t):!1}},jL=40,WL="circles",UL="primary",HL=n.defineComponent({name:"VcLoading",components:{Circles:TL,LoadIcon:VL,Stretch:RL,LdsSpinner:zL},props:{active:{type:Boolean,default:!0},fullPage:{type:Boolean,default:!1},color:{type:String,default:UL},size:{type:[Number,String],default:jL},loader:{type:String,default:WL},icon:{type:String,default:void 0}},data(){return{transition:"fade-loading"}},computed:{isActive(){return this.active}},watch:{active(e){!e&&this.fullPage?na.removeClass(document.body,"overflow-hidden"):e&&this.fullPage&&na.addClass(document.body,"overflow-hidden")}},mounted(){if(this.$refs.root){const e=this.$refs.root.parentElement;e&&e.classList.add("relative")}}}),GX="",KL=e=>(n.pushScopeId("data-v-c9a0cb1b"),e=e(),n.popScopeId(),e),GL=["aria-busy"],qL=KL(()=>n.createElementVNode("div",{class:"vc-loading__background"},null,-1)),YL={class:"vc-loading__content"};function XL(e,t,r,a,o,i){return n.openBlock(),n.createBlock(n.Transition,{ref:"root",name:e.transition},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["vc-loading is-active",{"is-full-page":e.fullPage}]),"aria-busy":e.isActive,"aria-label":"Loading"},[qL,n.createElementVNode("div",YL,[n.renderSlot(e.$slots,"default",{active:e.isActive},()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.loader),{color:e.color,size:e.size,icon:e.icon},null,8,["color","size","icon"]))],!0)])],10,GL),[[n.vShow,e.isActive]])]),_:3},8,["name"])}const gi=te(HL,[["render",XL],["__scopeId","data-v-c9a0cb1b"]]);let Rm=0;function rd(e="vc_id_"){return Rm++,`${e}${Rm}`}function ZL(){let e=[],t=os().currentZIndex.value;const r=()=>(t=os().nextZIndex(),t),a=()=>t;return{get:i=>i&&parseInt(i.style.zIndex,10)||0,set:i=>{i&&(i.style.zIndex=String(r()))},clear:i=>{i&&(i.style.zIndex="")},getCurrent:()=>a(),getModalByKey:i=>e.find(s=>s===i),setModal:i=>{e=e.filter(s=>s!==i),e.push(i),e.length&&!na.hasClass(document.body,"overflow-hidden")&&na.addClass(document.body,"overflow-hidden")},removeModal:i=>{e=e.filter(s=>s!==i),e.length||na.removeClass(document.body,"overflow-hidden")},lastModal:()=>e.length?e[e.length-1]:"",countModals:()=>e.length,nextIndex:()=>r()}}const It=ZL(),QL=n.defineComponent({props:{appendTo:{type:String,default:"body"}},computed:{appendDisabled(){return this.appendTo==="self"},appendTarget(){return this.appendDisabled?null:this.appendTo}}}),JL=n.defineComponent({name:"VcModal",mixins:[QL],inheritAttrs:!1,props:{maximizable:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},position:{type:String,default:"center"},header:{type:String,default:""},footer:{type:String,default:""},ariaCloseLabel:{type:String,default:"close"},closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},contentClass:{type:String,default:""},contentStyle:{type:[String,Object],default:null},baseZIndex:{type:Number,default:0},dismissableMask:{type:Boolean,default:!0},breakpoints:{type:Object,default:void 0},width:{type:String,default:"60vw"},maxWidth:{type:String,default:"100%"},dataTestName:{type:String,default:"default"},hideHeader:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1}},emits:["show","hide","unmaximize","maximize","close"],data(){return{containerVisible:this.visible,maximized:!1,mask:null,container:null,styleElement:null,documentKeydownListener:null,autoZIndex:!0}},computed:{maskClass(){return["vc-component-overlay vc-component-overlay-enter",this.getPositionClass()]},dialogClass(){return["vc-dialog vc-dialog-component",{"vc-dialog-maximized":this.fullScreen||this.maximizable&&this.maximized}]},ariaLabelledById(){return this.header!=null?this.ariaId+"_header":"ariaLabelledId"},ariaId(){return rd()},contentStyleClass(){return["vc-dialog-content",this.contentClass,{"vc-dialog-no-footer":!this.footer&&!this.$slots.footer}]},attributeSelector(){return rd()},modalWidth(){return De(this.width)},modalMaxWidth(){return De(this.maxWidth)}},beforeUnmount(){this.unbindGlobalListeners(),this.destroyStyle(),this.mask=null,this.container&&this.autoZIndex&&It.clear(this.container),this.container=null,It.getModalByKey(this.ariaId)&&It.removeModal(this.ariaId)},updated(){this.visible&&(this.containerVisible=this.visible)},mounted(){this.breakpoints&&this.createStyle()},methods:{destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},createStyle(){if(!this.styleElement&&this.breakpoints){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(const t in this.breakpoints)e+=`
+				`.concat(-this.coordinates.left/e-s.rotate.left-s.scale.left,"px,").concat(-this.coordinates.top/e-s.rotate.top-s.scale.top,"px) ")+Tm(t),this.transitions&&this.transitions.enabled&&(i.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),i}return{}},size:function(){return{width:this.width||this.calculatedSize.width,height:this.height||this.calculatedSize.height}},imageSize:function(){return{width:this.image.width||this.calculatedImageSize.width,height:this.image.height||this.calculatedImageSize.height}}},watch:{image:function(e){(e.width||e.height)&&this.onChangeImage()}},mounted:function(){var e=this;this.onChangeImage(),this.$refs.image.addEventListener("load",function(){e.refreshImage()}),window.addEventListener("resize",this.refresh),window.addEventListener("orientationchange",this.refresh)},unmounted:function(){window.removeEventListener("resize",this.refresh),window.removeEventListener("orientationchange",this.refresh)},methods:{refreshImage:function(){var e=this.$refs.image;this.calculatedImageSize.height=e.naturalHeight,this.calculatedImageSize.width=e.naturalWidth},refresh:function(){var e=this.$refs.root;this.width||(this.calculatedSize.width=e.clientWidth),this.height||(this.calculatedSize.height=e.clientHeight)},onChangeImage:function(){var e=this.$refs.image;e&&e.complete&&this.refreshImage(),this.refresh()}}};td.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"root",class:i.classes.root,style:i.style},[n.createVNode("div",{ref:"wrapper",class:i.classes.wrapper,style:i.wrapperStyle},[n.withDirectives(n.createVNode("img",{ref:"image",src:r.image&&r.image.src,class:i.classes.image,style:i.imageStyle},null,14,["src"]),[[n.vShow,r.image&&r.image.src]])],6)],6)};var Bm={components:{Preview:td},inheritAttrs:!1};Bm.render=function(e,t,r,a,o,i){var s=n.resolveComponent("preview");return n.openBlock(),n.createBlock(s,n.mergeProps(e.$attrs,{fill:!0}),null,16)};var nd=Kt("vue-rectangle-stencil"),Vm={name:"RectangleStencil",components:{StencilPreview:Bm,BoundingBox:Em,DraggableArea:Nm},props:{image:{type:Object},coordinates:{type:Object},stencilCoordinates:{type:Object},handlers:{type:Object},handlersComponent:{type:[Object,String],default:function(){return Xl}},lines:{type:Object},linesComponent:{type:[Object,String],default:function(){return Zl}},aspectRatio:{type:[Number,String]},minAspectRatio:{type:[Number,String]},maxAspectRatio:{type:[Number,String]},movable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},transitions:{type:Object},movingClass:{type:String},resizingClass:{type:String},previewClass:{type:String},boundingBoxClass:{type:String},linesClasses:{type:Object,default:function(){return{}}},linesWrappersClasses:{type:Object,default:function(){return{}}},handlersClasses:{type:Object,default:function(){return{}}},handlersWrappersClasses:{type:Object,default:function(){return{}}}},data:function(){return{moving:!1,resizing:!1}},computed:{classes:function(){return{stencil:Qe(nd({movable:this.movable,moving:this.moving,resizing:this.resizing}),this.moving&&this.movingClass,this.resizing&&this.resizingClass),preview:Qe(nd("preview"),this.previewClass),boundingBox:Qe(nd("bounding-box"),this.boundingBoxClass)}},style:function(){var e=this.stencilCoordinates,t=e.height,r=e.width,a=e.left,o=e.top,i={width:"".concat(r,"px"),height:"".concat(t,"px"),transform:"translate(".concat(a,"px, ").concat(o,"px)")};return this.transitions&&this.transitions.enabled&&(i.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),i}},methods:{onMove:function(e){this.$emit("move",e),this.moving=!0},onMoveEnd:function(){this.$emit("move-end"),this.moving=!1},onResize:function(e){this.$emit("resize",e),this.resizing=!0},onResizeEnd:function(){this.$emit("resize-end"),this.resizing=!1},aspectRatios:function(){return{minimum:this.aspectRatio||this.minAspectRatio,maximum:this.aspectRatio||this.maxAspectRatio}}},emits:["resize","resize-end","move","move-end"]};Vm.render=function(e,t,r,a,o,i){var s=n.resolveComponent("stencil-preview"),l=n.resolveComponent("draggable-area"),d=n.resolveComponent("bounding-box");return n.openBlock(),n.createBlock("div",{class:i.classes.stencil,style:i.style},[n.createVNode(d,{width:r.stencilCoordinates.width,height:r.stencilCoordinates.height,transitions:r.transitions,class:i.classes.boundingBox,handlers:r.handlers,"handlers-component":r.handlersComponent,"handlers-classes":r.handlersClasses,"handlers-wrappers-classes":r.handlersWrappersClasses,lines:r.lines,"lines-component":r.linesComponent,"lines-classes":r.linesClasses,"lines-wrappers-classes":r.linesWrappersClasses,resizable:r.resizable,onResize:i.onResize,onResizeEnd:i.onResizeEnd},{default:n.withCtx(function(){return[n.createVNode(l,{movable:r.movable,onMove:i.onMove,onMoveEnd:i.onMoveEnd},{default:n.withCtx(function(){return[n.createVNode(s,{image:r.image,coordinates:r.coordinates,width:r.stencilCoordinates.width,height:r.stencilCoordinates.height,class:i.classes.preview,transitions:r.transitions},null,8,["image","coordinates","width","height","class","transitions"])]}),_:1},8,["movable","onMove","onMoveEnd"])]}),_:1},8,["width","height","transitions","class","handlers","handlers-component","handlers-classes","handlers-wrappers-classes","lines","lines-component","lines-classes","lines-wrappers-classes","resizable","onResize","onResizeEnd"])],6)};var jx=["transitions"],vn=Kt("vue-advanced-cropper"),Om={name:"Cropper",components:{BackgroundWrapper:ed},props:{src:{type:String,default:null},stencilComponent:{type:[Object,String],default:function(){return Vm}},backgroundWrapperComponent:{type:[Object,String],default:function(){return ed}},stencilProps:{type:Object,default:function(){return{}}},autoZoom:{type:Boolean,default:!1},imageClass:{type:String},boundariesClass:{type:String},backgroundClass:{type:String},foregroundClass:{type:String},minWidth:{type:[Number,String]},minHeight:{type:[Number,String]},maxWidth:{type:[Number,String]},maxHeight:{type:[Number,String]},debounce:{type:[Boolean,Number],default:500},transitions:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},canvas:{type:[Object,Boolean],default:!0},crossOrigin:{type:[Boolean,String],default:void 0},transitionTime:{type:Number,default:300},imageRestriction:{type:String,default:"fit-area",validator:function(e){return vx.indexOf(e)!==-1}},roundResult:{type:Boolean,default:!0},defaultSize:{type:[Function,Object]},defaultPosition:{type:[Function,Object]},defaultVisibleArea:{type:[Function,Object]},defaultTransforms:{type:[Function,Object]},defaultBoundaries:{type:[Function,String],validator:function(e){return!(typeof e=="string"&&e!=="fill"&&e!=="fit")}},priority:{type:String,default:"coordinates"},stencilSize:{type:[Object,Function]},resizeImage:{type:[Boolean,Object],default:!0},moveImage:{type:[Boolean,Object],default:!0},autoZoomAlgorithm:{type:Function},resizeAlgorithm:{type:Function,default:function(e){var t=e.event,r=e.coordinates,a=e.aspectRatio,o=e.positionRestrictions,i=e.sizeRestrictions,s=le(le({},r),{right:r.left+r.width,bottom:r.top+r.height}),l=t.params||{},d=le({},t.directions),c=l.allowedDirections||{left:!0,right:!0,bottom:!0,top:!0};i.widthFrozen&&(d.left=0,d.right=0),i.heightFrozen&&(d.top=0,d.bottom=0),sn.forEach(function(E){c[E]||(d[E]=0)});var u=dn(s,d=_m({coordinates:s,directions:d,sizeRestrictions:i,positionRestrictions:o})).width,f=dn(s,d).height,p=l.preserveRatio?Se(s):Gl(u/f,a);if(p){var g=l.respectDirection;if(g||(g=s.width>=s.height||p===1?"width":"height"),g==="width"){var m=u/p-s.height;if(c.top&&c.bottom){var h=d.top,y=d.bottom;d.bottom=hi(m,y,h),d.top=hi(m,h,y)}else c.bottom?d.bottom=m:c.top?d.top=m:c.right?d.right=0:c.left&&(d.left=0)}else if(g==="height"){var b=s.width-f*p;if(c.left&&c.right){var _=d.left,w=d.right;d.left=-hi(b,_,w),d.right=-hi(b,w,_)}else c.left?d.left=-b:c.right?d.right=-b:c.top?d.top=0:c.bottom&&(d.bottom=0)}d=_m({directions:d,coordinates:s,sizeRestrictions:i,positionRestrictions:o,preserveRatio:!0,compensate:l.compensate})}return u=dn(s,d).width,f=dn(s,d).height,(p=l.preserveRatio?Se(s):Gl(u/f,a))&&Math.abs(p-u/f)>.001&&sn.forEach(function(E){c[E]||(d[E]=0)}),Yl({event:new Ul({left:-d.left,top:-d.top}),coordinates:{width:r.width+d.right+d.left,height:r.height+d.top+d.bottom,left:r.left,top:r.top},positionRestrictions:o})}},moveAlgorithm:{type:Function,default:Yl},initStretcher:{type:Function,default:function(e){var t=e.stretcher,r=e.imageSize,a=Se(r);t.style.width=r.width+"px",t.style.height=t.clientWidth/a+"px",t.style.width=t.clientWidth+"px"}},fitCoordinates:{type:Function,default:function(e){var t=e.visibleArea,r=e.coordinates,a=e.aspectRatio,o=e.sizeRestrictions,i=e.positionRestrictions,s=le(le({},r),$n({width:r.width,height:r.height,aspectRatio:a,sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minHeight:Math.min(t.height,o.minHeight),minWidth:Math.min(t.width,o.minWidth)}}));return s=at(s=gt(s,Jr(rt(r),rt(s))),fi(ln(t),i))}},fitVisibleArea:{type:Function,default:function(e){var t=e.visibleArea,r=e.boundaries,a=e.getAreaRestrictions,o=e.coordinates,i=le({},t);i.height=i.width/Se(r),i.top+=(t.height-i.height)/2,(o.height-i.height>0||o.width-i.width>0)&&(i=Dt(i,Math.max(o.height/i.height,o.width/i.width)));var s=ci(ta(o,ln(i=Dt(i,ui(i,a({visibleArea:i,type:"resize"}))))));return i.width<o.width&&(s.left=0),i.height<o.height&&(s.top=0),i=at(i=gt(i,s),a({visibleArea:i,type:"move"}))}},areaRestrictionsAlgorithm:{type:Function,default:function(e){var t=e.visibleArea,r=e.boundaries,a=e.imageSize,o=e.imageRestriction,i=e.type,s={};return o==="fill-area"?s={left:0,top:0,right:a.width,bottom:a.height}:o==="fit-area"&&(Se(r)>Se(a)?(s={top:0,bottom:a.height},t&&i==="move"&&(t.width>a.width?(s.left=-(t.width-a.width)/2,s.right=a.width-s.left):(s.left=0,s.right=a.width))):(s={left:0,right:a.width},t&&i==="move"&&(t.height>a.height?(s.top=-(t.height-a.height)/2,s.bottom=a.height-s.top):(s.top=0,s.bottom=a.height)))),s}},sizeRestrictionsAlgorithm:{type:Function,default:function(e){return{minWidth:e.minWidth,minHeight:e.minHeight,maxWidth:e.maxWidth,maxHeight:e.maxHeight}}},positionRestrictionsAlgorithm:{type:Function,default:function(e){var t=e.imageSize,r={};return e.imageRestriction!=="none"&&(r={left:0,top:0,right:t.width,bottom:t.height}),r}}},data:function(){return{transitionsActive:!1,imageLoaded:!1,imageAttributes:{width:null,height:null,crossOrigin:null,src:null},defaultImageTransforms:{rotate:0,flip:{horizontal:!1,vertical:!1}},appliedImageTransforms:{rotate:0,flip:{horizontal:!1,vertical:!1}},boundaries:{width:0,height:0},visibleArea:null,coordinates:ke({},bm)}},computed:{image:function(){return{src:this.imageAttributes.src,width:this.imageAttributes.width,height:this.imageAttributes.height,transforms:this.imageTransforms}},imageTransforms:function(){return{rotate:this.appliedImageTransforms.rotate,flip:{horizontal:this.appliedImageTransforms.flip.horizontal,vertical:this.appliedImageTransforms.flip.vertical},translateX:this.visibleArea?this.visibleArea.left/this.coefficient:0,translateY:this.visibleArea?this.visibleArea.top/this.coefficient:0,scaleX:1/this.coefficient,scaleY:1/this.coefficient}},imageSize:function(){var e=function(t){return t*Math.PI/180}(this.imageTransforms.rotate);return{width:Math.abs(this.imageAttributes.width*Math.cos(e))+Math.abs(this.imageAttributes.height*Math.sin(e)),height:Math.abs(this.imageAttributes.width*Math.sin(e))+Math.abs(this.imageAttributes.height*Math.cos(e))}},initialized:function(){return Boolean(this.visibleArea&&this.imageLoaded)},settings:function(){var e=Wl(this.resizeImage,{touch:!0,wheel:{ratio:.1},adjustStencil:!0},{touch:!1,wheel:!1,adjustStencil:!1});return{moveImage:Wl(this.moveImage,{touch:!0,mouse:!0},{touch:!1,mouse:!1}),resizeImage:e}},coefficient:function(){return this.visibleArea?this.visibleArea.width/this.boundaries.width:0},areaRestrictions:function(){return this.imageLoaded?this.areaRestrictionsAlgorithm({imageSize:this.imageSize,imageRestriction:this.imageRestriction,boundaries:this.boundaries}):{}},transitionsOptions:function(){return{enabled:this.transitionsActive,timingFunction:"ease-in-out",time:350}},sizeRestrictions:function(){if(this.boundaries.width&&this.boundaries.height&&this.imageSize.width&&this.imageSize.height){var e=this.sizeRestrictionsAlgorithm({imageSize:this.imageSize,minWidth:Je(this.minWidth)?0:di(this.minWidth),minHeight:Je(this.minHeight)?0:di(this.minHeight),maxWidth:Je(this.maxWidth)?1/0:di(this.maxWidth),maxHeight:Je(this.maxHeight)?1/0:di(this.maxHeight)});if(e=function(a){var o=a.areaRestrictions,i=a.sizeRestrictions;a.imageSize;var s=a.boundaries,l=a.positionRestrictions;a.imageRestriction;var d=le(le({},i),{minWidth:i.minWidth!==void 0?i.minWidth:0,minHeight:i.minHeight!==void 0?i.minHeight:0,maxWidth:i.maxWidth!==void 0?i.maxWidth:1/0,maxHeight:i.maxHeight!==void 0?i.maxHeight:1/0});l.left!==void 0&&l.right!==void 0&&(d.maxWidth=Math.min(d.maxWidth,l.right-l.left)),l.bottom!==void 0&&l.top!==void 0&&(d.maxHeight=Math.min(d.maxHeight,l.bottom-l.top));var c=ql(o),u=vm(s,c);return c.width<1/0&&(!d.maxWidth||d.maxWidth>u.width)&&(d.maxWidth=Math.min(d.maxWidth,u.width)),c.height<1/0&&(!d.maxHeight||d.maxHeight>u.height)&&(d.maxHeight=Math.min(d.maxHeight,u.height)),d.minWidth>d.maxWidth&&(d.minWidth=d.maxWidth,d.widthFrozen=!0),d.minHeight>d.maxHeight&&(d.minHeight=d.maxHeight,d.heightFrozen=!0),d}({sizeRestrictions:e,areaRestrictions:this.getAreaRestrictions({visibleArea:this.visibleArea,type:"resize"}),imageSize:this.imageSize,boundaries:this.boundaries,positionRestrictions:this.positionRestrictions,imageRestriction:this.imageRestriction,visibleArea:this.visibleArea,stencilSize:this.getStencilSize()}),this.visibleArea&&this.stencilSize){var t=this.getStencilSize(),r=ql(this.getAreaRestrictions({visibleArea:this.visibleArea,type:"resize"}));e.maxWidth=Math.min(e.maxWidth,r.width*t.width/this.boundaries.width),e.maxHeight=Math.min(e.maxHeight,r.height*t.height/this.boundaries.height),e.maxWidth<e.minWidth&&(e.minWidth=e.maxWidth),e.maxHeight<e.minHeight&&(e.minHeight=e.maxHeight)}return e}return{minWidth:0,minHeight:0,maxWidth:0,maxHeight:0}},positionRestrictions:function(){return this.positionRestrictionsAlgorithm({imageSize:this.imageSize,imageRestriction:this.imageRestriction})},classes:function(){return{cropper:vn(),image:Qe(vn("image"),this.imageClass),stencil:vn("stencil"),boundaries:Qe(vn("boundaries"),this.boundariesClass),stretcher:Qe(vn("stretcher")),background:Qe(vn("background"),this.backgroundClass),foreground:Qe(vn("foreground"),this.foregroundClass),imageWrapper:Qe(vn("image-wrapper")),cropperWrapper:Qe(vn("cropper-wrapper"))}},stencilCoordinates:function(){if(this.initialized){var e=this.coordinates,t=e.width,r=e.height,a=e.left,o=e.top;return{width:t/this.coefficient,height:r/this.coefficient,left:(a-this.visibleArea.left)/this.coefficient,top:(o-this.visibleArea.top)/this.coefficient}}return this.defaultCoordinates()},boundariesStyle:function(){var e={width:this.boundaries.width?"".concat(Math.round(this.boundaries.width),"px"):"auto",height:this.boundaries.height?"".concat(Math.round(this.boundaries.height),"px"):"auto",transition:"opacity ".concat(this.transitionTime,"ms"),pointerEvents:this.imageLoaded?"all":"none"};return this.imageLoaded||(e.opacity="0"),e},imageStyle:function(){var e=this.imageAttributes.width>this.imageAttributes.height?{width:Math.min(1024,this.imageAttributes.width),height:Math.min(1024,this.imageAttributes.width)/(this.imageAttributes.width/this.imageAttributes.height)}:{height:Math.min(1024,this.imageAttributes.height),width:Math.min(1024,this.imageAttributes.height)*(this.imageAttributes.width/this.imageAttributes.height)},t={left:(e.width-this.imageSize.width)/(2*this.coefficient),top:(e.height-this.imageSize.height)/(2*this.coefficient)},r={left:(1-1/this.coefficient)*e.width/2,top:(1-1/this.coefficient)*e.height/2},a=ke(ke({},this.imageTransforms),{},{scaleX:this.imageTransforms.scaleX*(this.imageAttributes.width/e.width),scaleY:this.imageTransforms.scaleY*(this.imageAttributes.height/e.height)}),o={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),left:"0px",top:"0px",transform:"translate(".concat(-t.left-r.left-this.imageTransforms.translateX,"px, ").concat(-t.top-r.top-this.imageTransforms.translateY,"px)")+Tm(a)};return this.transitionsOptions.enabled&&(o.transition="".concat(this.transitionsOptions.time,"ms ").concat(this.transitionsOptions.timingFunction)),o}},watch:{src:function(){this.onChangeImage()},stencilComponent:function(){var e=this;this.$nextTick(function(){e.resetCoordinates(),e.runAutoZoom("setCoordinates"),e.onChange()})},minWidth:function(){this.onPropsChange()},maxWidth:function(){this.onPropsChange()},minHeight:function(){this.onPropsChange()},maxHeight:function(){this.onPropsChange()},imageRestriction:function(){this.reset()},stencilProps:function(e,t){["aspectRatio","minAspectRatio","maxAspectRatio"].find(function(r){return e[r]!==t[r]})&&this.$nextTick(this.onPropsChange)}},created:function(){this.debouncedUpdate=jl(this.update,this.debounce),this.debouncedDisableTransitions=jl(this.disableTransitions,this.transitionsOptions.time),this.awaiting=!1},mounted:function(){this.$refs.image.addEventListener("load",this.onSuccessLoadImage),this.$refs.image.addEventListener("error",this.onFailLoadImage),this.onChangeImage(),window.addEventListener("resize",this.refresh),window.addEventListener("orientationchange",this.refresh)},unmounted:function(){window.removeEventListener("resize",this.refresh),window.removeEventListener("orientationchange",this.refresh),this.imageAttributes.revoke&&this.imageAttributes.src&&URL.revokeObjectURL(this.imageAttributes.src),this.debouncedUpdate.clear(),this.debouncedDisableTransitions.clear()},methods:{getResult:function(){var e=this.initialized?this.prepareResult(ke({},this.coordinates)):this.defaultCoordinates(),t={rotate:this.imageTransforms.rotate%360,flip:ke({},this.imageTransforms.flip)};if(this.src&&this.imageLoaded){var r=this;return{image:this.image,coordinates:e,visibleArea:this.visibleArea?ke({},this.visibleArea):null,imageTransforms:t,get canvas(){return r.canvas?r.getCanvas():void 0}}}return{image:this.image,coordinates:e,visibleArea:this.visibleArea?ke({},this.visibleArea):null,canvas:void 0,imageTransforms:t}},zoom:function(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},a=r.transitions,o=a===void 0||a;this.onManipulateImage(new qa({},{factor:1/e,center:t}),{normalize:!1,transitions:o})},move:function(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},a=r.transitions,o=a===void 0||a;this.onManipulateImage(new qa({left:e||0,top:t||0}),{normalize:!1,transitions:o})},setCoordinates:function(e){var t=this,r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},a=r.autoZoom,o=a===void 0||a,i=r.transitions,s=i===void 0||i;this.$nextTick(function(){t.imageLoaded?(t.transitionsActive||(s&&t.enableTransitions(),t.coordinates=t.applyTransform(e),o&&t.runAutoZoom("setCoordinates"),s&&t.debouncedDisableTransitions()),t.onChange()):t.delayedTransforms=e})},refresh:function(){var e=this,t=this.$refs.image;if(this.src&&t)return this.initialized?this.updateVisibleArea().then(function(){e.onChange()}):this.resetVisibleArea().then(function(){e.onChange()})},reset:function(){var e=this;return this.resetVisibleArea().then(function(){e.onChange(!1)})},awaitRender:function(e){var t=this;this.awaiting||(this.awaiting=!0,this.$nextTick(function(){e(),t.awaiting=!1}))},prepareResult:function(e){return this.roundResult?function(t){var r=t.coordinates,a=t.sizeRestrictions,o=t.positionRestrictions,i={width:Math.round(r.width),height:Math.round(r.height),left:Math.round(r.left),top:Math.round(r.top)};return i.width>a.maxWidth?i.width=Math.floor(r.width):i.width<a.minWidth&&(i.width=Math.ceil(r.width)),i.height>a.maxHeight?i.height=Math.floor(r.height):i.height<a.minHeight&&(i.height=Math.ceil(r.height)),at(i,o)}(ke(ke({},this.getPublicProperties()),{},{positionRestrictions:pi(this.positionRestrictions,this.visibleArea),coordinates:e})):e},processAutoZoom:function(e,t,r,a){var o=this.autoZoomAlgorithm;o||(o=this.stencilSize?kx:this.autoZoom?Sx:_x);var i=o({event:{type:e,params:a},visibleArea:t,coordinates:r,boundaries:this.boundaries,aspectRatio:this.getAspectRatio(),positionRestrictions:this.positionRestrictions,getAreaRestrictions:this.getAreaRestrictions,sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize()});return ke(ke({},i),{},{changed:!$m(i.visibleArea,t)||!$m(i.coordinates,r)})},runAutoZoom:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.transitions,a=r!==void 0&&r,o=fx(t,jx),i=this.processAutoZoom(e,this.visibleArea,this.coordinates,o),s=i.visibleArea,l=i.coordinates,d=i.changed;a&&d&&this.enableTransitions(),this.visibleArea=s,this.coordinates=l,a&&d&&this.debouncedDisableTransitions()},normalizeEvent:function(e){return function(t){var r=t.event,a=t.visibleArea,o=t.coefficient;if(r.type==="manipulateImage")return le(le({},r),{move:{left:r.move&&r.move.left?o*r.move.left:0,top:r.move&&r.move.top?o*r.move.top:0},scale:{factor:r.scale&&r.scale.factor?r.scale.factor:1,center:r.scale&&r.scale.center?{left:r.scale.center.left*o+a.left,top:r.scale.center.top*o+a.top}:null}});if(r.type==="resize"){var i=le(le({},r),{directions:le({},r.directions)});return sn.forEach(function(l){i.directions[l]*=o}),i}if(r.type==="move"){var s=le(le({},r),{directions:le({},r.directions)});return $x.forEach(function(l){s.directions[l]*=o}),s}return r}(ke(ke({},this.getPublicProperties()),{},{event:e}))},getCanvas:function(){if(this.$refs.canvas){var e=this.$refs.canvas,t=this.$refs.image,r=this.imageTransforms.rotate!==0||this.imageTransforms.flip.horizontal||this.imageTransforms.flip.vertical?function(l,d,c){var u=c.rotate,f=c.flip,p={width:d.naturalWidth,height:d.naturalHeight},g=wm(p,u),m=l.getContext("2d");l.height=g.height,l.width=g.width,m.save();var h=jn(rt(le({left:0,top:0},p)),u);return m.translate(-(h.left-g.width/2),-(h.top-g.height/2)),m.rotate(u*Math.PI/180),m.translate(f.horizontal?p.width:0,f.vertical?p.height:0),m.scale(f.horizontal?-1:1,f.vertical?-1:1),m.drawImage(d,0,0,p.width,p.height),m.restore(),l}(this.$refs.sourceCanvas,t,this.imageTransforms):t,a=ke({minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0,maxArea:this.maxCanvasSize,imageSmoothingEnabled:!0,imageSmoothingQuality:"high",fillColor:"transparent"},this.canvas),o=function(l){return l.find(function(d){return c=d,!Number.isNaN(parseFloat(c))&&isFinite(c);var c})},i=$n({sizeRestrictions:{minWidth:o([a.width,a.minWidth])||0,minHeight:o([a.height,a.minHeight])||0,maxWidth:o([a.width,a.maxWidth])||1/0,maxHeight:o([a.height,a.maxHeight])||1/0},width:this.coordinates.width,height:this.coordinates.height,aspectRatio:{minimum:this.coordinates.width/this.coordinates.height,maximum:this.coordinates.width/this.coordinates.height}});if(a.maxArea&&i.width*i.height>a.maxArea){var s=Math.sqrt(a.maxArea/(i.width*i.height));i={width:Math.round(s*i.width),height:Math.round(s*i.height)}}return function(l,d,c,u,f){l.width=u?u.width:c.width,l.height=u?u.height:c.height;var p=l.getContext("2d");p.clearRect(0,0,l.width,l.height),f&&(f.imageSmoothingEnabled&&(p.imageSmoothingEnabled=f.imageSmoothingEnabled),f.imageSmoothingQuality&&(p.imageSmoothingQuality=f.imageSmoothingQuality),f.fillColor&&(p.fillStyle=f.fillColor,p.fillRect(0,0,l.width,l.height),p.save()));var g=c.left<0?-c.left:0,m=c.top<0?-c.top:0;p.drawImage(d,c.left+g,c.top+m,c.width,c.height,g,m,l.width,l.height)}(e,r,this.coordinates,i,a),e}},update:function(){this.$emit("change",this.getResult())},applyTransform:function(e){var t=arguments.length>1&&arguments[1]!==void 0&&arguments[1],r=this.visibleArea&&t?wx(this.sizeRestrictions,this.visibleArea):this.sizeRestrictions,a=this.visibleArea&&t?pi(this.positionRestrictions,this.visibleArea):this.positionRestrictions;return Cx({transform:e,coordinates:this.coordinates,imageSize:this.imageSize,sizeRestrictions:r,positionRestrictions:a,aspectRatio:this.getAspectRatio(),visibleArea:this.visibleArea})},resetCoordinates:function(){var e=this;if(this.$refs.image){this.$refs.cropper,this.$refs.image;var t=this.defaultSize;t||(t=this.stencilSize?Tx:Nx);var r=this.sizeRestrictions;r.minWidth,r.minHeight,r.maxWidth,r.maxHeight;var a=Qr(t)?t({boundaries:this.boundaries,imageSize:this.imageSize,aspectRatio:this.getAspectRatio(),sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize(),visibleArea:this.visibleArea}):t,o=this.defaultPosition||Ex,i=[a,function(s){var l=s.coordinates;return ke({},Qr(o)?o({coordinates:l,imageSize:e.imageSize,visibleArea:e.visibleArea}):e.defaultPosition)}];this.delayedTransforms&&i.push.apply(i,yr(Array.isArray(this.delayedTransforms)?this.delayedTransforms:[this.delayedTransforms])),this.coordinates=this.applyTransform(i,!0),this.delayedTransforms=null}},clearImage:function(){var e=this;this.imageLoaded=!1,setTimeout(function(){var t=e.$refs.stretcher;t&&(t.style.height="auto",t.style.width="auto"),e.coordinates=e.defaultCoordinates(),e.boundaries={width:0,height:0}},this.transitionTime)},enableTransitions:function(){this.transitions&&(this.transitionsActive=!0)},disableTransitions:function(){this.transitionsActive=!1},updateBoundaries:function(){var e=this,t=this.$refs.stretcher,r=this.$refs.cropper;return this.initStretcher({cropper:r,stretcher:t,imageSize:this.imageSize}),this.$nextTick().then(function(){var a={cropper:r,imageSize:e.imageSize};if(Qr(e.defaultBoundaries)?e.boundaries=e.defaultBoundaries(a):e.defaultBoundaries==="fit"?e.boundaries=function(o){var i=o.cropper,s=o.imageSize,l=i.clientHeight,d=i.clientWidth,c=l,u=s.width*l/s.height;return u>d&&(u=d,c=s.height*d/s.width),{width:u,height:c}}(a):e.boundaries=function(o){var i=o.cropper;return{width:i.clientWidth,height:i.clientHeight}}(a),!e.boundaries.width||!e.boundaries.height)throw new Error("It's impossible to fit the cropper in the current container")})},resetVisibleArea:function(){var e=this;return this.appliedImageTransforms=ke(ke({},this.defaultImageTransforms),{},{flip:ke({},this.defaultImageTransforms.flip)}),this.updateBoundaries().then(function(){e.priority!=="visible-area"&&(e.visibleArea=null,e.resetCoordinates());var t,r,a,o,i,s,l=e.defaultVisibleArea||Ax;e.visibleArea=Qr(l)?l({imageSize:e.imageSize,boundaries:e.boundaries,coordinates:e.priority!=="visible-area"?e.coordinates:null,getAreaRestrictions:e.getAreaRestrictions,stencilSize:e.getStencilSize()}):e.defaultVisibleArea,e.visibleArea=(t={visibleArea:e.visibleArea,boundaries:e.boundaries,getAreaRestrictions:e.getAreaRestrictions},r=t.visibleArea,a=t.boundaries,o=t.getAreaRestrictions,i=le({},r),s=Se(a),i.width/i.height!==s&&(i.height=i.width/s),at(i,o({visibleArea:i,type:"move"}))),e.priority==="visible-area"?e.resetCoordinates():e.coordinates=e.fitCoordinates({visibleArea:e.visibleArea,coordinates:e.coordinates,aspectRatio:e.getAspectRatio(),positionRestrictions:e.positionRestrictions,sizeRestrictions:e.sizeRestrictions}),e.runAutoZoom("resetVisibleArea")}).catch(function(){e.visibleArea=null})},updateVisibleArea:function(){var e=this;return this.updateBoundaries().then(function(){e.visibleArea=e.fitVisibleArea({imageSize:e.imageSize,boundaries:e.boundaries,visibleArea:e.visibleArea,coordinates:e.coordinates,getAreaRestrictions:e.getAreaRestrictions}),e.coordinates=e.fitCoordinates({visibleArea:e.visibleArea,coordinates:e.coordinates,aspectRatio:e.getAspectRatio(),positionRestrictions:e.positionRestrictions,sizeRestrictions:e.sizeRestrictions}),e.runAutoZoom("updateVisibleArea")}).catch(function(){e.visibleArea=null})},onChange:function(){var e=!(arguments.length>0&&arguments[0]!==void 0)||arguments[0];e&&this.debounce?this.debouncedUpdate():this.update()},onChangeImage:function(){var e,t=this;if(this.imageLoaded=!1,this.delayedTransforms=null,this.src){if(function(o){if(fm(o))return!1;var i=window.location,s=/(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(o)||[],l={protocol:s[1]||"",host:s[2]||"",port:s[3]||""},d=function(c){return c.port||((c.protocol||i.protocol)==="http"?80:433)};return!(!l.protocol&&!l.host&&!l.port||Boolean(l.protocol&&l.protocol==i.protocol&&l.host&&l.host==i.host&&l.host&&d(l)==d(i)))}(this.src)){var r=Je(this.crossOrigin)?this.canvas:this.crossOrigin;r===!0&&(r="anonymous"),this.imageAttributes.crossOrigin=r||null}if(this.checkOrientation){var a=(e=this.src,new Promise(function(o){Lx(e).then(function(i){var s=zx(i);o(i?{source:e,arrayBuffer:i,orientation:s}:{source:e,arrayBuffer:null,orientation:null})}).catch(function(i){console.warn(i),o({source:e,arrayBuffer:null,orientation:null})})}));setTimeout(function(){a.then(t.onParseImage)},this.transitionTime)}else setTimeout(function(){t.onParseImage({source:t.src})},this.transitionTime)}else this.clearImage()},onFailLoadImage:function(){this.imageAttributes.src&&(this.clearImage(),this.$emit("error"))},onSuccessLoadImage:function(){var e=this,t=this.$refs.image;t&&!this.imageLoaded&&(this.imageAttributes.height=t.naturalHeight,this.imageAttributes.width=t.naturalWidth,this.imageLoaded=!0,this.resetVisibleArea().then(function(){e.$emit("ready"),e.onChange(!1)}))},onParseImage:function(e){var t=this,r=e.source,a=e.arrayBuffer,o=e.orientation;this.imageAttributes.revoke&&this.imageAttributes.src&&URL.revokeObjectURL(this.imageAttributes.src),this.imageAttributes.revoke=!1,a&&o&&o>1?um(r)||!fm(r)?(this.imageAttributes.src=URL.createObjectURL(new Blob([a])),this.imageAttributes.revoke=!0):this.imageAttributes.src=function(i){for(var s=[],l=new Uint8Array(i);l.length>0;){var d=l.subarray(0,8192);s.push(String.fromCharCode.apply(null,Array.from?Array.from(d):d.slice())),l=l.subarray(8192)}return"data:image/jpeg;base64,"+btoa(s.join(""))}(a):this.imageAttributes.src=r,Qr(this.defaultTransforms)?this.appliedImageTransforms=Jl(this.defaultTransforms()):li(this.defaultTransforms)?this.appliedImageTransforms=Jl(this.defaultTransforms):this.appliedImageTransforms=function(i){var s=Jl({});if(i)switch(i){case 2:s.flip.horizontal=!0;break;case 3:s.rotate=-180;break;case 4:s.flip.vertical=!0;break;case 5:s.rotate=90,s.flip.vertical=!0;break;case 6:s.rotate=90;break;case 7:s.rotate=90,s.flip.horizontal=!0;break;case 8:s.rotate=-90}return s}(o),this.defaultImageTransforms=ke(ke({},this.appliedImageTransforms),{},{flip:ke({},this.appliedImageTransforms.flip)}),this.$nextTick(function(){var i=t.$refs.image;i&&i.complete&&(function(s){return Boolean(s.naturalWidth)}(i)?t.onSuccessLoadImage():t.onFailLoadImage())})},onResizeEnd:function(){this.runAutoZoom("resize",{transitions:!0})},onMoveEnd:function(){this.runAutoZoom("move",{transitions:!0})},onMove:function(e){var t=this;this.transitionsOptions.enabled||this.awaitRender(function(){t.coordinates=t.moveAlgorithm(ke(ke({},t.getPublicProperties()),{},{positionRestrictions:pi(t.positionRestrictions,t.visibleArea),coordinates:t.coordinates,event:t.normalizeEvent(e)})),t.onChange()})},onResize:function(e){var t=this;this.transitionsOptions.enabled||this.stencilSize&&!this.autoZoom||this.awaitRender(function(){var r=t.sizeRestrictions,a=Math.min(t.coordinates.width,t.coordinates.height,20*t.coefficient);t.coordinates=t.resizeAlgorithm(ke(ke({},t.getPublicProperties()),{},{positionRestrictions:pi(t.positionRestrictions,t.visibleArea),sizeRestrictions:{maxWidth:Math.min(r.maxWidth,t.visibleArea.width),maxHeight:Math.min(r.maxHeight,t.visibleArea.height),minWidth:Math.max(r.minWidth,a),minHeight:Math.max(r.minHeight,a)},event:t.normalizeEvent(e)})),t.onChange(),t.ticking=!1})},onManipulateImage:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(!this.transitionsOptions.enabled){var r=t.transitions,a=r!==void 0&&r,o=t.normalize,i=o===void 0||o;a&&this.enableTransitions();var s=Px(ke(ke({},this.getPublicProperties()),{},{event:i?this.normalizeEvent(e):e,getAreaRestrictions:this.getAreaRestrictions,imageRestriction:this.imageRestriction,adjustStencil:!this.stencilSize&&this.settings.resizeImage.adjustStencil})),l=s.visibleArea,d=s.coordinates;this.visibleArea=l,this.coordinates=d,this.runAutoZoom("manipulateImage"),this.onChange(),a&&this.debouncedDisableTransitions()}},onPropsChange:function(){this.coordinates=this.applyTransform(this.coordinates,!0),this.onChange(!1)},getAreaRestrictions:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=e.visibleArea,r=e.type,a=r===void 0?"move":r;return this.areaRestrictionsAlgorithm({boundaries:this.boundaries,imageSize:this.imageSize,imageRestriction:this.imageRestriction,visibleArea:t,type:a})},getAspectRatio:function(e){var t,r,a=this.stencilProps,o=a.aspectRatio,i=a.minAspectRatio,s=a.maxAspectRatio;if(this.$refs.stencil&&this.$refs.stencil.aspectRatios){var l=this.$refs.stencil.aspectRatios();t=l.minimum,r=l.maximum}if(Je(t)&&(t=Je(o)?i:o),Je(r)&&(r=Je(o)?s:o),!e&&(Je(t)||Je(r))){var d=this.getStencilSize(),c=d?Se(d):null;Je(t)&&(t=pm(c)?c:void 0),Je(r)&&(r=pm(c)?c:void 0)}return{minimum:t,maximum:r}},getStencilSize:function(){if(this.stencilSize)return e={currentStencilSize:{width:this.stencilCoordinates.width,height:this.stencilCoordinates.height},stencilSize:this.stencilSize,boundaries:this.boundaries,coefficient:this.coefficient,coordinates:this.coordinates,aspectRatio:this.getAspectRatio(!0)},t=e.boundaries,r=e.stencilSize,a=e.aspectRatio,Gl(Se(o=Qr(r)?r({boundaries:t,aspectRatio:a}):r),a)&&(o=$n({sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minWidth:0,minHeight:0},width:o.width,height:o.height,aspectRatio:{minimum:a.minimum,maximum:a.maximum}})),(o.width>t.width||o.height>t.height)&&(o=$n({sizeRestrictions:{maxWidth:t.width,maxHeight:t.height,minWidth:0,minHeight:0},width:o.width,height:o.height,aspectRatio:{minimum:Se(o),maximum:Se(o)}})),o;var e,t,r,a,o},getPublicProperties:function(){return{coefficient:this.coefficient,visibleArea:this.visibleArea,coordinates:this.coordinates,boundaries:this.boundaries,sizeRestrictions:this.sizeRestrictions,positionRestrictions:this.positionRestrictions,aspectRatio:this.getAspectRatio(),imageRestriction:this.imageRestriction}},defaultCoordinates:function(){return ke({},bm)},flip:function(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},a=r.transitions,o=a===void 0||a;if(!this.transitionsActive){o&&this.enableTransitions();var i=ke({},this.imageTransforms.flip),s=Vx({flip:{horizontal:e?!i.horizontal:i.horizontal,vertical:t?!i.vertical:i.vertical},previousFlip:i,rotate:this.imageTransforms.rotate,visibleArea:this.visibleArea,coordinates:this.coordinates,imageSize:this.imageSize,positionRestrictions:this.positionRestrictions,sizeRestrictions:this.sizeRestrictions,getAreaRestrictions:this.getAreaRestrictions,aspectRatio:this.getAspectRatio()}),l=s.visibleArea,d=s.coordinates;e&&(this.appliedImageTransforms.flip.horizontal=!this.appliedImageTransforms.flip.horizontal),t&&(this.appliedImageTransforms.flip.vertical=!this.appliedImageTransforms.flip.vertical),this.visibleArea=l,this.coordinates=d,this.onChange(),o&&this.debouncedDisableTransitions()}},rotate:function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.transitions,a=r===void 0||r;if(!this.transitionsActive){a&&this.enableTransitions();var o=ke({},this.imageSize);this.appliedImageTransforms.rotate+=e;var i=Bx({visibleArea:this.visibleArea,coordinates:this.coordinates,previousImageSize:o,imageSize:this.imageSize,angle:e,positionRestrictions:this.positionRestrictions,sizeRestrictions:this.sizeRestrictions,getAreaRestrictions:this.getAreaRestrictions,aspectRatio:this.getAspectRatio()}),s=i.visibleArea,l=i.coordinates,d=this.processAutoZoom("rotateImage",s,l);s=d.visibleArea,l=d.coordinates,this.visibleArea=s,this.coordinates=l,this.onChange(),a&&this.debouncedDisableTransitions()}}},emits:["change","error","ready"]},Wx={key:0,ref:"canvas",style:{display:"none"}},Ux={key:1,ref:"sourceCanvas",style:{display:"none"}};Om.render=function(e,t,r,a,o,i){return n.openBlock(),n.createBlock("div",{ref:"cropper",class:i.classes.cropper},[n.createVNode("div",{ref:"stretcher",class:i.classes.stretcher},null,2),n.createVNode("div",{class:i.classes.boundaries,style:i.boundariesStyle},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.backgroundWrapperComponent),{class:i.classes.cropperWrapper,"wheel-resize":i.settings.resizeImage.wheel,"touch-resize":i.settings.resizeImage.touch,"touch-move":i.settings.moveImage.touch,"mouse-move":i.settings.moveImage.mouse,onMove:i.onManipulateImage,onResize:i.onManipulateImage},{default:n.withCtx(function(){return[n.createVNode("div",{class:i.classes.background,style:i.boundariesStyle},null,6),n.createVNode("div",{class:i.classes.imageWrapper},[n.createVNode("img",{ref:"image",crossorigin:o.imageAttributes.crossOrigin,src:o.imageAttributes.src,class:i.classes.image,style:i.imageStyle,onMousedown:t[1]||(t[1]=n.withModifiers(function(){},["prevent"]))},null,46,["crossorigin","src"])],2),n.createVNode("div",{class:i.classes.foreground,style:i.boundariesStyle},null,6),n.withDirectives((n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.stencilComponent),n.mergeProps({ref:"stencil",image:i.image,coordinates:o.coordinates,"stencil-coordinates":i.stencilCoordinates,transitions:i.transitionsOptions},r.stencilProps,{onResize:i.onResize,onResizeEnd:i.onResizeEnd,onMove:i.onMove,onMoveEnd:i.onMoveEnd}),null,16,["image","coordinates","stencil-coordinates","transitions","onResize","onResizeEnd","onMove","onMoveEnd"])),[[n.vShow,o.imageLoaded]]),r.canvas?(n.openBlock(),n.createBlock("canvas",Wx,null,512)):n.createCommentVNode("",!0),r.canvas?(n.openBlock(),n.createBlock("canvas",Ux,null,512)):n.createCommentVNode("",!0)]}),_:1},8,["class","wheel-resize","touch-resize","touch-move","mouse-move","onMove","onResize"]))],6)],2)};const Hx="default",Kx="primary",Gx=n.defineComponent({name:"VcImageUploader",components:{Cropper:Om,Preview:td,VcButton:ir},props:{buttonType:{type:String,default:Hx},buttonColor:{type:String,default:Kx},icon:{type:String,default:"vc-icon-upload"},contentTitle:{type:String,default:"Select the area that will be used in the avatar"},previewTitle:{type:String,default:"Additional sizes:"}},emits:["upload:file","save"],data(){return{dialog:!1,loading:!1,imageState:null,settings:{aspectRatio:1,handlers:{},movable:!1,scalable:!1},result:{coordinates:null,image:null}}},methods:{zoom(e){this.loading||this.$refs.cropElement.zoom(e)},rotate(e){this.loading||this.$refs.cropElement.rotate(e)},openExplorer(){const e=this.$refs.inputUploader;e&&e.click()},async onFileInput(e){var a;const t=e.target,r=(a=t.files)==null?void 0:a.item(0);!r||(this.loading=!0,await this.loadFile(r),setTimeout(()=>{this.loading=!1},500),t.value="")},resetUrlData(){var e;this.imageState&&this.imageState.url&&URL.revokeObjectURL(this.imageState.url),(e=this.result.image)!=null&&e.src&&(URL.revokeObjectURL(this.result.image.src),this.resetResult())},async loadFile(e){if(!e)return;this.resetUrlData();const t=URL.createObjectURL(e),r=new FileReader;try{return await new Promise((a,o)=>{r.addEventListener("load",()=>{if(!r.result)return o(new Error("Could not read the file."));const i=ux(r.result,e.type);if(!(i!=null&&i.startsWith("image")))return o(new Error(`Unsupported mime type: ${i}`));this.imageState={url:t,type:i,name:e.name,size:e.size},this.$emit("upload:file",this.imageState),this.dialog=!0,a(this.imageState)}),r.readAsArrayBuffer(e)})}catch(a){console.warn(a)}},change({coordinates:e,image:t}){this.result={coordinates:e,image:t}},resetResult(){this.result={coordinates:null,image:null}},error(e){console.warn(e)},closeDialog(){this.dialog=!1,this.resetUrlData()},onSaveHandler(){const e=this.$refs.cropElement.getResult(),t=e.canvas.toDataURL();this.$emit("save",t,e),this.closeDialog()}}}),DX="",qx={class:"vc-image-uploader"},Yx={class:"vc-image-uploader__upload-action"},Xx={class:"vc-image-uploader__content"},Zx={class:"vc-image-uploader__content-header"},Qx={class:"vc-image-uploader__cropper-content"},Jx={class:"cropper-block relative"},eL={key:1},tL={class:"overflow-hidden relative rounded-md"},nL={class:"cropper-block__actions"},rL={class:"flex items-center py-3"},aL=[n.createElementVNode("i",{class:"vc-icon-minus-linear icon-lg text-active"},null,-1)],oL=[n.createElementVNode("i",{class:"vc-icon-plus-linear icon-lg text-active"},null,-1)],iL={class:"flex items-center py-3"},sL=[n.createElementVNode("i",{class:"vc-icon-cancel vc-icon-minus-linear icon-lg text-active"},null,-1)],lL=[n.createElementVNode("i",{class:"vc-icon-cancel icon-lg text-active"},null,-1)],dL={class:"preview-block"},cL={class:"font-semibold text-sm"},uL={class:"flex items-end flex-wrap my-2 relative",style:{"min-height":"36px"}},fL={class:"flex items-center justify-center px-2 min-h-10"},pL={class:"flex items-center justify-center px-2"},hL={class:"mt-10"},mL={class:"vc-image-uploader__modal-footer"},gL={class:"px-3 w-full sm:w-auto"},yL={class:"px-3 w-full sm:w-auto"};function bL(e,t,r,a,o,i){const s=n.resolveComponent("VcButton"),l=n.resolveComponent("VcSkeletonLoader"),d=n.resolveComponent("cropper"),c=n.resolveComponent("preview"),u=n.resolveComponent("VcModal");return n.openBlock(),n.createElementBlock("div",qx,[n.createElementVNode("div",Yx,[n.renderSlot(e.$slots,"upload-action",{loading:e.loading,handler:e.openExplorer},()=>[n.createVNode(s,{type:e.buttonType,loading:e.loading,color:e.buttonColor,icon:e.icon,onClick:e.openExplorer},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("general.upload")),1)]),_:1},8,["type","loading","color","icon","onClick"])]),n.createElementVNode("input",{ref:"inputUploader",hidden:"",name:"file-upload-input",accept:"image/*",type:"file",class:"sr-only",onChange:t[0]||(t[0]=(...f)=>e.onFileInput&&e.onFileInput(...f))},null,544)]),n.createVNode(u,{visible:e.dialog,header:"Image Editor",width:"760px",onClose:e.closeDialog},{footer:n.withCtx(()=>[n.createElementVNode("div",mL,[n.createElementVNode("div",gL,[n.createVNode(s,{block:"",size:"large",color:"secondary",type:"outline",icon:"vc-icon-cancel",onClick:e.closeDialog},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("general.cancel")),1)]),_:1},8,["onClick"])]),n.createElementVNode("div",yL,[n.createVNode(s,{size:"large",icon:"vc-icon-save",block:"",onClick:e.onSaveHandler},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("general.save")),1)]),_:1},8,["onClick"])])])]),default:n.withCtx(()=>[n.createElementVNode("div",Xx,[n.createElementVNode("div",Zx,n.toDisplayString(e.contentTitle),1),n.createElementVNode("div",Qx,[n.createElementVNode("div",Jx,[n.createVNode(n.TransitionGroup,{name:"fade-image",mode:"in-out"},{default:n.withCtx(()=>[e.loading?(n.openBlock(),n.createBlock(l,{key:0,height:"320",width:"320","row-height":"320",class:"absolute left-0 top-0"})):(n.openBlock(),n.createElementBlock("div",eL,[n.createElementVNode("div",tL,[!!e.imageState&&!e.loading?(n.openBlock(),n.createBlock(d,{key:0,ref:"cropElement",class:"cropper w-full h-full",src:e.imageState.url,debounce:!1,"stencil-props":e.settings,"stencil-size":{width:280,height:280},"resize-image":{adjustStencil:!1},"image-restriction":"stencil",onChange:e.change,onError:e.error},null,8,["src","stencil-props","onChange","onError"])):n.createCommentVNode("",!0)]),n.createElementVNode("div",nL,[n.createElementVNode("div",rL,[n.createElementVNode("span",{class:"px-1 cursor-pointer",onClick:t[1]||(t[1]=f=>e.zoom(.5))},aL),n.createElementVNode("span",{class:"px-1 cursor-pointer",onClick:t[2]||(t[2]=f=>e.zoom(1.5))},oL)]),n.createElementVNode("div",iL,[n.createElementVNode("span",{class:"px-1 cursor-pointer",style:{transform:"rotateY(180deg)"},onClick:t[3]||(t[3]=f=>e.rotate(90))},sL),n.createElementVNode("span",{class:"px-1 cursor-pointer",onClick:t[4]||(t[4]=f=>e.rotate(-90))},lL)])])]))]),_:1})]),n.createElementVNode("div",dL,[n.createElementVNode("div",cL,n.toDisplayString(e.previewTitle),1),n.createElementVNode("div",uL,[n.createVNode(n.TransitionGroup,{name:"fade-image",mode:"out-in"},{default:n.withCtx(()=>[e.loading?(n.openBlock(),n.createBlock(l,{key:0,height:"36",width:"120","row-height":"36",type:"square@2",class:"absolute left-0 top-0 flex gap-4"})):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createElementVNode("div",fL,[n.createVNode(c,{width:36,height:36,image:e.result.image,coordinates:e.result.coordinates,class:"rounded-md transition-all duration-300"},null,8,["image","coordinates"])]),n.createElementVNode("div",pL,[n.createVNode(c,{width:36,height:36,image:e.result.image,coordinates:e.result.coordinates,class:"rounded-full transition-all duration-300"},null,8,["image","coordinates"])])],64))]),_:1})]),n.createElementVNode("div",hL,[n.createVNode(s,{type:"outline",loading:e.loading,color:e.buttonColor,icon:"vc-icon-restart",onClick:e.openExplorer},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.$tVU.t("uploader.change.image")),1)]),_:1},8,["loading","color","onClick"])])])])])]),_:1},8,["visible","onClose"])])}const Dm=te(Gx,[["render",bL]]),$L=n.defineComponent({name:"VcInputError",props:{errorMessage:{type:String,default:""}}}),xX="",vL={class:"vc-input__error-wrapper"},wL={class:"vc-input__error-wrapper--text"};function CL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",vL,[n.createElementVNode("span",wL,n.toDisplayString(e.errorMessage),1)])}const Im=te($L,[["render",CL]]),LX="",kL=n.defineComponent({name:"VcInputNumber",components:{ElInputNumber:c_},mixins:[Ln],props:{modelValue:{type:Number,default:null},minValue:{type:Number,default:-1/0},maxValue:{type:Number,default:1/0},step:{type:Number,default:1},precision:{type:Number,default:void 0},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},controlsRight:{type:Boolean,default:!1},dataTestName:{type:String,default:"default"},placeholder:{type:String,default:void 0},valueOnClear:{type:[String,Number],default:void 0},fullWidth:{type:Boolean,default:!1}},emits:["update:modelValue"],computed:{model:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}}}}),zX="";function SL(e,t,r,a,o,i){const s=n.resolveComponent("el-input-number");return n.openBlock(),n.createBlock(s,{modelValue:e.model,"onUpdate:modelValue":t[0]||(t[0]=l=>e.model=l),min:e.minValue,max:e.maxValue,step:e.step,precision:e.precision,readonly:e.readonly,"data-test":e.dataTestName,disabled:e.disabled,name:e.name,placeholder:e.placeholder,"controls-position":e.controlsRight?"right":"","value-on-clear":e.valueOnClear,class:n.normalizeClass([{"is--full":e.fullWidth,"is--error":e.isError},"vc-input-number"])},null,8,["modelValue","min","max","step","precision","readonly","data-test","disabled","name","placeholder","controls-position","value-on-clear","class"])}const Mm=te(kL,[["render",SL]]),_L=40,EL=n.defineComponent({name:"Circles",props:{size:{type:[Number,String],default:_L},color:{type:String,default:"primary"}},computed:{styles(){const e=De(this.size);return{width:e,height:e}}}}),jX="";function NL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:n.normalizeClass([[`vc-spinner--${e.color}`,`text-${e.color}`],"vc-spinner vc-spinner--circles"])},null,6)}const TL=te(EL,[["render",NL],["__scopeId","data-v-d48a2765"]]),AL=40,PL=n.defineComponent({name:"LoadIcon",props:{size:{type:[Number,String],default:AL},color:{type:String,default:"primary"},icon:{type:String,default:"vc-icon-load"}},computed:{styles(){return{fontSize:De(this.size)}}}}),WX="";function BL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:n.normalizeClass([[`text-${e.color}`,e.icon],"vc-loading-icon spin"])},null,6)}const VL=te(PL,[["render",BL],["__scopeId","data-v-b01522cf"]]),OL=40,DL=n.defineComponent({name:"Stretch",props:{size:{type:[String,Number],default:OL},color:{type:String,default:"primary"}},computed:{styles(){const e=De(this.size);return{width:e,height:e}}}}),UX="",IL=[n.createStaticVNode('<div class="rect rect-1" data-v-cfd2ae9c></div><div class="rect rect-2" data-v-cfd2ae9c></div><div class="rect rect-3" data-v-cfd2ae9c></div><div class="rect rect-4" data-v-cfd2ae9c></div><div class="rect rect-5" data-v-cfd2ae9c></div>',5)];function ML(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:n.normalizeClass([`text-${e.color}`,"vc-spinner vc-spinner--stretch"])},IL,6)}const RL=te(DL,[["render",ML],["__scopeId","data-v-cfd2ae9c"]]),FL=40,xL=n.defineComponent({name:"LdsSpinner",props:{size:{type:[String,Number],default:FL},color:{type:String,default:"primary"}},computed:{styles(){const e=De(this.size);return{width:e,height:e,fontSize:e}}}}),KX="";function LL(e,t,r,a,o,i){return n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(e.styles),class:"vc-spinner vc-spinner--lds"},null,4)}const zL=te(xL,[["render",LL],["__scopeId","data-v-f7fa7789"]]),na={addClass(e,t){!e||(e.classList?e.classList.add(t):e.className+=" "+t)},removeClass(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")},hasClass(e,t){return e.classList?e.classList.contains(t):!1}},jL=40,WL="circles",UL="primary",HL=n.defineComponent({name:"VcLoading",components:{Circles:TL,LoadIcon:VL,Stretch:RL,LdsSpinner:zL},props:{active:{type:Boolean,default:!0},fullPage:{type:Boolean,default:!1},color:{type:String,default:UL},size:{type:[Number,String],default:jL},loader:{type:String,default:WL},icon:{type:String,default:void 0}},data(){return{transition:"fade-loading"}},computed:{isActive(){return this.active}},watch:{active(e){!e&&this.fullPage?na.removeClass(document.body,"overflow-hidden"):e&&this.fullPage&&na.addClass(document.body,"overflow-hidden")}},mounted(){if(this.$refs.root){const e=this.$refs.root.parentElement;e&&e.classList.add("relative")}}}),GX="",KL=e=>(n.pushScopeId("data-v-3fdbad74"),e=e(),n.popScopeId(),e),GL=["aria-busy"],qL=KL(()=>n.createElementVNode("div",{class:"vc-loading__background"},null,-1)),YL={class:"vc-loading__content"};function XL(e,t,r,a,o,i){return n.openBlock(),n.createBlock(n.Transition,{ref:"root",name:e.transition},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["vc-loading is-active",{"is-full-page":e.fullPage}]),"aria-busy":e.isActive,"aria-label":"Loading"},[qL,n.createElementVNode("div",YL,[n.renderSlot(e.$slots,"default",{active:e.isActive},()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.loader),{color:e.color,size:e.size,icon:e.icon},null,8,["color","size","icon"]))],!0)])],10,GL),[[n.vShow,e.isActive]])]),_:3},8,["name"])}const gi=te(HL,[["render",XL],["__scopeId","data-v-3fdbad74"]]);let Rm=0;function rd(e="vc_id_"){return Rm++,`${e}${Rm}`}function ZL(){let e=[],t=os().currentZIndex.value;const r=()=>(t=os().nextZIndex(),t),a=()=>t;return{get:i=>i&&parseInt(i.style.zIndex,10)||0,set:i=>{i&&(i.style.zIndex=String(r()))},clear:i=>{i&&(i.style.zIndex="")},getCurrent:()=>a(),getModalByKey:i=>e.find(s=>s===i),setModal:i=>{e=e.filter(s=>s!==i),e.push(i),e.length&&!na.hasClass(document.body,"overflow-hidden")&&na.addClass(document.body,"overflow-hidden")},removeModal:i=>{e=e.filter(s=>s!==i),e.length||na.removeClass(document.body,"overflow-hidden")},lastModal:()=>e.length?e[e.length-1]:"",countModals:()=>e.length,nextIndex:()=>r()}}const It=ZL(),QL=n.defineComponent({props:{appendTo:{type:String,default:"body"}},computed:{appendDisabled(){return this.appendTo==="self"},appendTarget(){return this.appendDisabled?null:this.appendTo}}}),JL=n.defineComponent({name:"VcModal",mixins:[QL],inheritAttrs:!1,props:{maximizable:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},position:{type:String,default:"center"},header:{type:String,default:""},footer:{type:String,default:""},ariaCloseLabel:{type:String,default:"close"},closable:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},contentClass:{type:String,default:""},contentStyle:{type:[String,Object],default:null},baseZIndex:{type:Number,default:0},dismissableMask:{type:Boolean,default:!0},breakpoints:{type:Object,default:void 0},width:{type:String,default:"60vw"},maxWidth:{type:String,default:"100%"},dataTestName:{type:String,default:"default"},hideHeader:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1}},emits:["show","hide","unmaximize","maximize","close"],data(){return{containerVisible:this.visible,maximized:!1,mask:null,container:null,styleElement:null,documentKeydownListener:null,autoZIndex:!0}},computed:{maskClass(){return["vc-component-overlay vc-component-overlay-enter",this.getPositionClass()]},dialogClass(){return["vc-dialog vc-dialog-component",{"vc-dialog-maximized":this.fullScreen||this.maximizable&&this.maximized}]},ariaLabelledById(){return this.header!=null?this.ariaId+"_header":"ariaLabelledId"},ariaId(){return rd()},contentStyleClass(){return["vc-dialog-content",this.contentClass,{"vc-dialog-no-footer":!this.footer&&!this.$slots.footer}]},attributeSelector(){return rd()},modalWidth(){return De(this.width)},modalMaxWidth(){return De(this.maxWidth)}},beforeUnmount(){this.unbindGlobalListeners(),this.destroyStyle(),this.mask=null,this.container&&this.autoZIndex&&It.clear(this.container),this.container=null,It.getModalByKey(this.ariaId)&&It.removeModal(this.ariaId)},updated(){this.visible&&(this.containerVisible=this.visible)},mounted(){this.breakpoints&&this.createStyle()},methods:{destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)},createStyle(){if(!this.styleElement&&this.breakpoints){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(const t in this.breakpoints)e+=`
                         @media screen and (max-width: ${t}) {
                             .vc-dialog[${this.attributeSelector}] {
                                 width: ${this.breakpoints[t]} !important;