1import{d as bt,al as kt,j as ie,az as Oe,av as ne,c as b,e as D,i as v,a0 as _t,m as Q,D as p,ap as Tt,J as Z,K as G,h as M,r as K,C as Y,n as x,w as C,F as st,E as rt,ah as gt,an as q,aA as oe,X as se,am as re,ay as ae,t as H,aB as He,aC as ke,aD as je,aE as Pe,aF as Le,ad as he,aG as vt,k as Be,P as Ue,O as ht,aH as Fe,aI as Vt,aJ as Ve,aK as Xe,a2 as Ye,aL as Ne,aM as Xt,aN as qe,aO as Ze,p as At,_ as Ge,q as Qe,aP as Je}from"./DREHXjTd.js";import{n as Ke}from"./CB5mdFk9.js";import{_ as ti}from"./4jAdUL_M.js";import{_ as ei}from"./Dhl8RJdc.js";import{a as ii,g as ni}from"./DhvdbkJf.js";import{_ as oi}from"./FTxbCxnw.js";import{u as si}from"./cHs0jgZ4.js";const ri=["src"],ai={key:1,absolute:"","inset-0":"",bg:"black/30","text-white":"",flex:"","justify-center":"","items-center":""},hi=bt({__name:"CommonInputImage",props:Tt({original:{},allowedFileSize:{default:()=>1024*1024*5},imgClass:{},loading:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:Tt(["pick","error"],["update:modelValue"]),setup(t,{emit:e}){const i=e,o=kt(t,"modelValue"),{t:s}=ie(),n=G(()=>t.original||""),a=Z(""),h=G(()=>a.value||n.value),r=Oe.value.configuration?.mediaAttachments.supportedMimeTypes.filter(c=>c.startsWith("image/"))??["image/jpeg","image/png"];async function l(){const c=await Ke({description:"Image",mimeTypes:r});if(r.includes(c.type)){if(c.size>t.allowedFileSize){i("error",2,s("error.file_size_cannot_exceed_n_mb",[5]));return}}else{i("error",1,s("error.unsupported_file_format"));return}o.value=c,i("pick",o.value)}return ne(o,(c,u,d)=>{let m=!1;if(d(()=>m=!0),!c){a.value="";return}const w=new FileReader;w.readAsDataURL(c),w.onload=y=>{m||(a.value=y.target?.result)}}),(c,u)=>(b(),D("label",{class:"bg-slate-500/10 focus-within:outline focus-within:outline-primary",relative:"",flex:"","justify-center":"","items-center":"","cursor-pointer":"","of-hidden":"",onClick:l},[v(h)?(b(),D("img",{key:0,src:v(h),class:_t(t.imgClass||""),"object-cover":"","w-full":"","h-full":""},null,10,ri)):Q("",!0),u[1]||(u[1]=p("span",{absolute:"",bg:"black/50","text-white":"","rounded-full":"","text-xl":"",w12:"",h12:"",flex:"","justify-center":"","items-center":"",hover:"bg-black/40 text-primary"},[p("span",{block:"","i-ri:upload-line":""})],-1)),t.loading?(b(),D("span",ai,[...u[0]||(u[0]=[p("span",{class:"animate-spin animate-duration-[2.5s] preserve-3d"},[p("span",{block:"","i-ri:loader-4-line":"","text-4xl":""})],-1)])])):Q("",!0)]))}}),li=Object.assign(hi,{__name:"CommonInputImage"});function Yt(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable}))),i.push.apply(i,o)}return i}function z(t){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};e%2?Yt(Object(i),!0).forEach((function(o){k(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Yt(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}function k(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function ci(t,e){if(t==null)return{};var i,o,s=(function(a,h){if(a==null)return{};var r,l,c={},u=Object.keys(a);for(l=0;l<u.length;l++)r=u[l],h.indexOf(r)>=0||(c[r]=a[r]);return c})(t,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(o=0;o<n.length;o++)i=n[o],e.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(s[i]=t[i])}return s}function J(t){return(function(e){if(Array.isArray(e))return Rt(e)})(t)||(function(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)})(t)||(function(e,i){if(e){if(typeof e=="string")return Rt(e,i);var o=Object.prototype.toString.call(e).slice(8,-1);if(o==="Object"&&e.constructor&&(o=e.constructor.name),o==="Map"||o==="Set")return Array.from(e);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return Rt(e,i)}})(t)||(function(){throw new TypeError(`Invalid attempt to spread non-iterable instance. 2In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)})()}function Rt(t,e){(e==null||e>t.length)&&(e=t.length);for(var i=0,o=new Array(e);i<e;i++)o[i]=t[i];return o}var Nt,ui,lt,E=(Nt=function(t){(function(){var e={}.hasOwnProperty;function i(){for(var o=[],s=0;s<arguments.length;s++){var n=arguments[s];if(n){var a=typeof n;
2if(a==="string"||a==="number")o.push(n);else if(Array.isArray(n)){if(n.length){var h=i.apply(null,n);h&&o.push(h)}}else if(a==="object")if(n.toString===Object.prototype.toString)for(var r in n)e.call(n,r)&&n[r]&&o.push(r);else o.push(n.toString())}}return o.join(" ")}t.exports?(i.default=i,t.exports=i):window.classNames=i})()},Nt(lt={path:ui,exports:{},require:function(t,e){return(function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")})(e==null&<.path)}},lt.exports),lt.exports),L=function(t){return function(e,i){if(!e)return t;var o;typeof e=="string"?o=e:i=e;var s=t;return o&&(s+="__"+o),s+(i?Object.keys(i).reduce((function(n,a){var h=i[a];return h&&(n+=" "+(typeof h=="boolean"?s+"--"+a:s+"--"+a+"_"+h)),n}),""):"")}};function $t(t,e,i){var o,s,n,a,h;function r(){var c=Date.now()-a;c<e&&c>=0?o=setTimeout(r,e-c):(o=null,i||(h=t.apply(n,s),n=s=null))}e==null&&(e=100);var l=function(){n=this,s=arguments,a=Date.now();var c=i&&!o;return o||(o=setTimeout(r,e)),c&&(h=t.apply(n,s),n=s=null),h};return l.clear=function(){o&&(clearTimeout(o),o=null)},l.flush=function(){o&&(h=t.apply(n,s),n=s=null,clearTimeout(o),o=null)},l}$t.debounce=$t;var Wt=$t,f=function(){return f=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var s in e=arguments[i])Object.prototype.hasOwnProperty.call(e,s)&&(t[s]=e[s]);return t},f.apply(this,arguments)};function le(t,e){var i,o;return t&&e?(i=""+t+e[0].toUpperCase()+e.slice(1),o=t+"-"+e):(i=t||e,o=t||e),{name:i,classname:o}}function ce(t){return/^blob:/.test(t)}function qt(t){return ce(t)||(function(e){return/^data:/.test(e)})(t)}function tt(t){return!!(t&&t.constructor&&t.call&&t.apply)}function _(t){return t===void 0}function ft(t){return typeof t=="object"&&t!==null}function It(t,e,i){var o={};return ft(t)?(Object.keys(e).forEach((function(s){_(t[s])?o[s]=e[s]:ft(e[s])?ft(t[s])?o[s]=It(t[s],e[s],i[s]):o[s]=t[s]?e[s]:i[s]:e[s]===!0||e[s]===!1?o[s]=!!t[s]:o[s]=t[s]})),o):t?e:i}function ct(t){var e=Number(t);return Number.isNaN(e)?t:e}function Zt(t){return typeof(t=="number"||(function(e){return typeof e=="object"&&e!==null})(t)&&toString.call(t)=="[object Number]")&&!ue(t)}function ue(t){return t!=t}function de(t,e){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}var ot=function(t,e){t===void 0&&(t={}),e===void 0&&(e={}),this.type="manipulateImage",this.move=t,this.scale=e},di=function(t,e){e===void 0&&(e={}),this.type="resize",this.directions=t,this.params=e},jt=function(t){this.type="move",this.directions=t},mi=(function(){function t(e,i,o,s,n){this.type="drag",this.nativeEvent=e,this.position=o,this.previousPosition=s,this.element=i,this.anchor=n}return t.prototype.shift=function(){var e=this,i=e.element,o=e.anchor,s=e.position;if(i){var n=i.getBoundingClientRect(),a=n.left,h=n.top;return{left:s.left-a-o.left,top:s.top-h-o.top}}return{left:0,top:0}},t})(),Pt={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(t){t.cancelable&&!this.disabled&&t.touches.length===1&&(this.touches=J(t.touches),this.hovered||(this.$emit("enter"),this.hovered=!0),t.touches.length&&this.initAnchor(this.touches.reduce((function(e,i){return{clientX:e.clientX+i.clientX/t.touches.length,clientY:e.clientY+i.clientY/t.touches.length}}),{clientX:0,clientY:0})),t.preventDefault&&t.preventDefault(),t.stopPropagation())},onTouchEnd:function(){this.processEnd()},onTouchMove:function(t){this.touches.length&&(this.processMove(t,t.touches),t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation())},onMouseDown:function(t){if(!this.disabled){var e={fake:!0,clientX:t.clientX,clientY:t.clientY};this.touches=[e],this.initAnchor(e),t.stopPropagation()}},onMouseMove:function(t){this.touches.length&&(this.processMove(t,[{fake:!0,clientX:t.clientX,clientY:t.clientY}]),t.preventDefault&&t.preventDefault())},onMouseUp:function(){this.processEnd()},initAnchor:function(t){var e=this.$refs.draggable.getBoundingClientRect(),i=e.left,o=e.right,s=e.bottom,n=e.top;this.anchor={left:t.clientX-i,top:t.clientY-n,bottom:s-t.clientY,right:o-t.clientX}},processMove:function(t,e){var i=J(e);if(this.touches.length){if(this.touches.length===1&&i.length===1){var o=this.$refs.draggable;this.$emit("drag",new mi(t,o,{left:i[0].clientX,top:i[0].clientY},{left:this.touches[0].clientX,top:this.touches[0].clientY},this.anchor))}this.touches=i}},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"]};
vendor: 5,112 bytes, line 2
2Pt.render=function(t,e,i,o,s,n){return b(),M("div",{ref:"draggable",class:i.classname,onTouchstart:e[1]||(e[1]=function(){return n.onTouchStart&&n.onTouchStart.apply(n,arguments)}),onMousedown:e[2]||(e[2]=function(){return n.onMouseDown&&n.onMouseDown.apply(n,arguments)}),onMouseover:e[3]||(e[3]=function(){return n.onMouseOver&&n.onMouseOver.apply(n,arguments)}),onMouseleave:e[4]||(e[4]=function(){return n.onMouseLeave&&n.onMouseLeave.apply(n,arguments)})},[K(t.$slots,"default")],34)};var xt=L("vue-handler-wrapper"),me={name:"HandlerWrapper",components:{DraggableElement:Pt},props:{horizontalPosition:{type:String},verticalPosition:{type:String},disabled:{type:Boolean,default:!1}},computed:{classes:function(){var t;if(this.horizontalPosition||this.verticalPosition){var e,i=le(this.horizontalPosition,this.verticalPosition);t=xt((k(e={},i.classname,!0),k(e,"disabled",this.disabled),e))}else t=xt({disabled:this.disabled});return{root:t,draggable:xt("draggable")}}},emits:["leave","enter","drag","drag-end"]};me.render=function(t,e,i,o,s,n){var a=Y("DraggableElement");return b(),M("div",{class:n.classes.root},[x(a,{class:n.classes.draggable,onDrag:e[1]||(e[1]=function(h){return t.$emit("drag",h)}),onDragEnd:e[2]||(e[2]=function(h){return t.$emit("drag-end")}),onLeave:e[3]||(e[3]=function(h){return t.$emit("leave")}),onEnter:e[4]||(e[4]=function(h){return t.$emit("enter")})},{default:C((function(){return[K(t.$slots,"default")]})),_:3},8,["class"])],2)};var fi=L("vue-line-wrapper"),fe={name:"LineWrapper",components:{DraggableElement:Pt},props:{position:{type:String,required:!0},disabled:{type:Boolean,default:!1}},computed:{classname:function(){var t;return fi((k(t={},this.position,!0),k(t,"disabled",this.disabled),t))}},emits:["leave","enter","drag","drag-end"]};fe.render=function(t,e,i,o,s,n){var a=Y("DraggableElement");return b(),M(a,{class:n.classname,onDrag:e[1]||(e[1]=function(h){return t.$emit("drag",h)}),onDragEnd:e[2]||(e[2]=function(h){return t.$emit("drag-end")}),onLeave:e[3]||(e[3]=function(h){return t.$emit("leave")}),onEnter:e[4]||(e[4]=function(h){return t.$emit("enter")})},{default:C((function(){return[K(t.$slots,"default")]})),_:3},8,["class"])};var U=["left","right","top","bottom"],pi=["left","right"],gi=["top","bottom"],vi=["left","top"],bi=["fill-area","fit-area","stencil","none"],Gt={left:0,top:0,width:0,height:0};function Qt(t,e,i){return!(i=i||["width","height","left","top"]).some((function(o){return t[o]!==e[o]}))}function F(t){return{left:t.left,top:t.top,right:t.left+t.width,bottom:t.top+t.height}}function et(t,e){return{left:t.left-e.left,top:t.top-e.top}}function T(t){return{left:t.left+t.width/2,top:t.top+t.height/2}}function at(t,e){var i={left:0,top:0,right:0,bottom:0};return U.forEach((function(o){var s=e[o],n=F(t)[o];i[o]=s!==void 0&&n!==void 0?o==="left"||o==="top"?Math.max(0,s-n):Math.max(0,n-s):0})),i}function B(t,e){return{left:t.left-e.left,top:t.top-e.top,width:t.width+e.left+e.right,height:t.height+e.top+e.bottom}}function wt(t){return{left:-t.left,top:-t.top}}function O(t,e){return f(f({},t),{left:t.left+e.left,top:t.top+e.top})}function j(t,e,i,o){if(e!==1){if(i){var s=T(t);return{width:t.width*e,height:t.height*e,left:t.left+t.width*(1-e)/2+(i.left-s.left)*(1-e),top:t.top+t.height*(1-e)/2+(i.top-s.top)*(1-e)}}return{width:t.width*e,height:t.height*e,left:t.left+t.width*(1-e)/2,top:t.top+t.height*(1-e)/2}}return t}function A(t){return t.width/t.height}function it(t,e){return Math.min(e.right!==void 0&&e.left!==void 0?(e.right-e.left)/t.width:1/0,e.bottom!==void 0&&e.top!==void 0?(e.bottom-e.top)/t.height:1/0)}function nt(t,e){var i={left:0,top:0},o=at(t,e);return o.left&&o.left>0?i.left=o.left:o.right&&o.right>0&&(i.left=-o.right),o.top&&o.top>0?i.top=o.top:o.bottom&&o.bottom>0&&(i.top=-o.bottom),i}function Mt(t,e){var i;return e.minimum&&t<e.minimum?i=e.minimum:e.maximum&&t>e.maximum&&(i=e.maximum),i}function pe(t,e){var i=A(t),o=A(e);return e.width<1/0&&e.height<1/0?i>o?{width:e.width,height:e.width/i}:{width:e.height*i,height:e.height}:e.width<1/0?{width:e.width,height:e.width/i}:e.height<1/0?{width:e.height*i,height:e.height}:t}function ge(t,e){var i=e*Math.PI/180;return{width:Math.abs(t.width*Math.cos(i))+Math.abs(t.height*Math.sin(i)),height:Math.abs(t.width*Math.sin(i))+Math.abs(t.height*Math.cos(i))}}function N(t,e){var i=e*Math.PI/180;return{left:t.left*Math.cos(i)-t.top*Math.sin(i),top:t.left*Math.sin(i)+t.top*Math.cos(i)}}function yt(t,e){var i=at($(t,e),e);return i.left+i.right+i.top+i.bottom?i.left+i.right>i.top+i.bottom?Math.min((t.width+i.left+i.right)/t.width,it(t,e)):Math.min((t.height+i.top+i.bottom)/t.height,it(t,e)):1}function $(t,e,i){i===void 0&&(i=!1);var o=nt(t,e);return O(t,i?wt(o):o)}function Dt(t){return{width:t.right!==void 0&&t.left!==void 0?t.right-t.left:1/0,height:t.bottom!==void 0&&t.top!==void 0?t.bottom-t.top:1/0}}function wi(t,e){return f(f({},t),{minWidth:Math.min(e.width,t.minWidth),minHeight:Math.min(e.height,t.minHeight),maxWidth:Math.min(e.width,t.maxWidth),maxHeight:Math.min(e.height,t.maxHeight)})}function ve(t,e,i){i===void 0&&(i=!0);var o={};
2return U.forEach((function(s){var n=t[s],a=e[s];n!==void 0&&a!==void 0?o[s]=s==="left"||s==="top"?i?Math.max(n,a):Math.min(n,a):i?Math.min(n,a):Math.max(n,a):a!==void 0?o[s]=a:n!==void 0&&(o[s]=n)})),o}function zt(t,e){return ve(t,e,!0)}function Jt(t){var e=t.size,i=t.aspectRatio,o=t.ignoreMinimum,s=t.sizeRestrictions;return!!((e.correctRatio||A(e)>=i.minimum&&A(e)<=i.maximum)&&e.height<=s.maxHeight&&e.width<=s.maxWidth&&e.width&&e.height&&(o||e.height>=s.minHeight&&e.width>=s.minWidth))}function Kt(t,e){return Math.pow(t.width-e.width,2)+Math.pow(t.height-e.height,2)}function X(t){var e=t.width,i=t.height,o=t.sizeRestrictions,s={minimum:t.aspectRatio&&t.aspectRatio.minimum||0,maximum:t.aspectRatio&&t.aspectRatio.maximum||1/0},n={width:Math.max(o.minWidth,Math.min(o.maxWidth,e)),height:Math.max(o.minHeight,Math.min(o.maxHeight,i))};function a(l,c){return c===void 0&&(c=!1),l.reduce((function(u,d){return Jt({size:d,aspectRatio:s,sizeRestrictions:o,ignoreMinimum:c})&&(!u||Kt(d,{width:e,height:i})<Kt(u,{width:e,height:i}))?d:u}),null)}var h=[];s&&[s.minimum,s.maximum].forEach((function(l){l&&h.push({width:n.width,height:n.width/l,correctRatio:!0},{width:n.height*l,height:n.height,correctRatio:!0})})),Jt({size:n,aspectRatio:s,sizeRestrictions:o})&&h.push(n);var r=a(h)||a(h,!0);return r&&{width:r.width,height:r.height}}function Ot(t){var e=t.event,i=t.coordinates,o=t.positionRestrictions,s=o===void 0?{}:o,n=O(i,e.directions);return O(n,nt(n,s))}function yi(t){var e=t.coordinates,i=t.transform,o=t.imageSize,s=t.sizeRestrictions,n=t.positionRestrictions,a=t.aspectRatio,h=t.visibleArea,r=function(c,u){return Ot({coordinates:c,positionRestrictions:n,event:new jt({left:u.left-c.left,top:u.top-c.top})})},l=f({},e);return(Array.isArray(i)?i:[i]).forEach((function(c){var u={};_((u=typeof c=="function"?c({coordinates:l,imageSize:o,visibleArea:h}):c).width)&&_(u.height)||(l=(function(d,m){var w=f(f(f({},d),X({width:m.width,height:m.height,sizeRestrictions:s,aspectRatio:a})),{left:0,top:0});return r(w,{left:d.left,top:d.top})})(l,f(f({},l),u))),_(u.left)&&_(u.top)||(l=r(l,f(f({},l),u)))})),l}function zi(t){t.event;var e=t.getAreaRestrictions,i=t.boundaries,o=t.coordinates,s=t.visibleArea;t.aspectRatio;var n=t.stencilSize,a=t.sizeRestrictions,h=t.positionRestrictions;t.stencilReference;var r,l,c,u=f({},o),d=f({},s),m=f({},n);r=A(m),l=A(u),c===void 0&&(c=.001),(r===0||l===0?Math.abs(l-r)<c:Math.abs(l/r)<1+c&&Math.abs(l/r)>1-c)||(u=f(f({},u),X({sizeRestrictions:a,width:u.width,height:u.height,aspectRatio:{minimum:A(m),maximum:A(m)}})));var w=yt(d=j(d,u.width*i.width/(d.width*m.width)),e({visibleArea:d,type:"resize"}));return w!==1&&(d=j(d,w),u=j(u,w)),d=$(d=O(d,et(T(u),T(d))),e({visibleArea:d,type:"move"}
vendor: 5,464 bytes, line 2
2)),{coordinates:u=$(u,zt(F(d),h)),visibleArea:d}}function Ai(t){var e=t.event,i=t.getAreaRestrictions,o=t.boundaries,s=t.coordinates,n=t.visibleArea;t.aspectRatio,t.stencilSize,t.sizeRestrictions;var a=t.positionRestrictions;t.stencilReference;var h=f({},s),r=f({},n);if(s&&n&&e.type!=="manipulateImage"){var l={width:0,height:0};r.width,o.width,A(o)>A(h)?(l.height=.8*o.height,l.width=l.height*A(h)):(l.width=.8*o.width,l.height=l.width*A(h));var c=yt(r=j(r,h.width*o.width/(r.width*l.width)),i({visibleArea:r,type:"resize"}));r=j(r,c),c!==1&&(l.height/=c,l.width/=c),r=$(r=O(r,et(T(h),T(r))),i({visibleArea:r,type:"move"})),h=$(h,zt(F(r),a))}return{coordinates:h,visibleArea:r}}function Ri(t){var e=t.event,i=t.coordinates,o=t.visibleArea,s=t.getAreaRestrictions,n=f({},o),a=f({},i);if(e.type==="setCoordinates"){var h=Math.max(0,a.width-n.width),r=Math.max(0,a.height-n.height);h>r?n=j(n,Math.min(a.width/n.width,it(n,s({visibleArea:n,type:"resize"})))):r>h&&(n=j(n,Math.min(a.height/n.height,it(n,s({visibleArea:n,type:"resize"}))))),n=$(n=O(n,wt(nt(a,F(n)))),s({visibleArea:n,type:"move"}))}return{visibleArea:n,coordinates:a}}function xi(t){var e=t.imageSize,i=t.visibleArea,o=t.coordinates,s=i||e;return{left:(i?i.left:0)+s.width/2-o.width/2,top:(i?i.top:0)+s.height/2-o.height/2}}function Mi(t){var e=t.imageSize,i=t.visibleArea,o=t.aspectRatio,s=t.sizeRestrictions,n=i||e,a=Math.min(o.maximum||1/0,Math.max(o.minimum||0,A(n))),h=n.width<n.height?{width:.8*n.width,height:.8*n.width/a}:{height:.8*n.height,width:.8*n.height*a};return X(f(f({},h),{aspectRatio:o,sizeRestrictions:s}))}function Si(t){var e,i,o=t.imageSize,s=t.visibleArea,n=t.boundaries,a=t.aspectRatio,h=t.sizeRestrictions,r=t.stencilSize,l=s||o;return A(l)>A(n)?i=(e=r.height*l.height/n.height)*A(r):e=(i=r.width*l.width/n.width)/A(r),X({width:i,height:e,aspectRatio:a,sizeRestrictions:h})}function Ci(t){var e=t.getAreaRestrictions,i=t.coordinates,o=t.imageSize,s=A(t.boundaries);if(i){var n={height:Math.max(i.height,o.height),width:Math.max(i.width,o.width)},a=pe({width:A(n)>s?n.width:n.height*s,height:A(n)>s?n.width/s:n.height},Dt(e())),h={left:i.left+i.width/2-a.width/2,top:i.top+i.height/2-a.height/2,width:a.width,height:a.height},r=at(i,F(f({left:0,top:0},o))),l={};return!r.left&&!r.right&&h.width<=o.width&&(l.left=0,l.right=o.width),!r.top&&!r.bottom&&h.height<=o.height&&(l.top=0,l.bottom=o.height),$(h,l)}var c=A(o);return a={height:c>s?o.height:o.width/s,width:c>s?o.height*s:o.width},{left:o.width/2-a.width/2,top:o.height/2-a.height/2,width:a.width,height:a.height}}function ut(t,e){return ve(t,F(e))}function Ei(t){var e=t.event,i=t.coordinates,o=t.visibleArea,s=t.sizeRestrictions,n=t.getAreaRestrictions,a=t.positionRestrictions,h=t.adjustStencil,r=e.scale,l=e.move,c=f({},o),u=f({},i),d=1,m=1,w=r.factor&&Math.abs(r.factor-1)>.001;c=O(c,{left:l.left||0,top:l.top||0});var y={stencil:{minimum:Math.max(s.minWidth?s.minWidth/u.width:0,s.minHeight?s.minHeight/u.height:0),maximum:Math.min(s.maxWidth?s.maxWidth/u.width:1/0,s.maxHeight?s.maxHeight/u.height:1/0,it(u,a))},area:{maximum:it(c,n({visibleArea:c,type:"resize"}))}};r.factor&&w&&(r.factor<1?(m=Math.max(r.factor,y.stencil.minimum))>1&&(m=1):r.factor>1&&(m=Math.min(r.factor,Math.min(y.area.maximum,y.stencil.maximum)))<1&&(m=1)),m&&(c=j(c,m,r.center));var W=i.left-o.left,R=o.width+o.left-(i.width+i.left),g=i.top-o.top,P=o.height+o.top-(i.height+i.top);return c=$(c=O(c,nt(c,{left:a.left!==void 0?a.left-W*m:void 0,top:a.top!==void 0?a.top-g*m:void 0,bottom:a.bottom!==void 0?a.bottom+P*m:void 0,right:a.right!==void 0?a.right+R*m:void 0})),n({visibleArea:c,type:"move"})),u.width=u.width*m,u.height=u.height*m,u.left=c.left+W*m,u.top=c.top+g*m,u=$(u,zt(F(c),a)),r.factor&&w&&h&&(r.factor>1?d=Math.min(y.area.maximum,r.factor)/m:r.factor<1&&(d=Math.max(u.height/c.height,u.width/c.width,r.factor/m)),d!==1&&(c=O(c=$(c=j(c,d,r.factor>1?r.center:T(u)),n({visibleArea:c,type:"move"})),wt(nt(u,F(c)))))),{coordinates:u,visibleArea:c}}function _i(t){var e=t.aspectRatio,i=t.getAreaRestrictions,o=t.coordinates,s=t.visibleArea,n=t.sizeRestrictions,a=t.positionRestrictions,h=t.imageSize,r=t.previousImageSize,l=t.angle,c=f({},o),u=f({},s),d=N(T(f({left:0,top:0},r)),l);return(c=f(f({},X({sizeRestrictions:n,aspectRatio:e,width:c.width,height:c.height})),N(T(c),l))).left-=d.left-h.width/2+c.width/2,c.top-=d.top-h.height/2+c.height/2,u=j(u,yt(u,i({visibleArea:u,type:"resize"}))),{coordinates:c=$(c,a),visibleArea:u=$(u=O(u,et(T(c),T(o))),i({visibleArea:u,type:"move"}))}}function Ti(t){var e=t.flip,i=t.previousFlip,o=t.rotate,s=t.getAreaRestrictions,n=t.coordinates,a=t.visibleArea,h=t.imageSize,r=f({},n),l=f({},a),c=i.horizontal!==e.horizontal,u=i.vertical!==e.vertical;if(c||u){var d=N({left:h.width/2,top:h.height/2},-o),m=N(T(r),-o),w=N({left:c?d.left-(m.left-d.left):m.left,top:u?d.top-(m.top-d.top):m.top},o);r=O(r,et(w,T(r))),m=N(T(l),-o),l=$(l=O(l,et(w=N({left:c?d.left-(m.left-d.left):m.left,top:u?d.top-(m.top-d.top):m.top},o),T(l))),s({visibleArea:l,type:"move"}))}return{coordinates:r,visibleArea:l}}function te(t){var e=t.directions,i=t.coordinates,o=t.positionRestrictions,s=o===void 0?{}:o,n=t.sizeRestrictions,a=t.preserveRatio,h=t.compensate,r=f({},e),l=B(i,r).width,c=B(i,r).height;l<0&&(r.left<0&&r.right<0?(r.left=-(i.width-n.minWidth)/(r.left/r.right),r.right=-(i.width-n.minWidth)/(r.right/r.left)):r.left<0?r.left=-(i.width-n.minWidth):r.right<0&&(r.right=-(i.width-n.minWidth))),c<0&&(r.to
vendor: 11,430 bytes, line 2
2p<0&&r.bottom<0?(r.top=-(i.height-n.minHeight)/(r.top/r.bottom),r.bottom=-(i.height-n.minHeight)/(r.bottom/r.top)):r.top<0?r.top=-(i.height-n.minHeight):r.bottom<0&&(r.bottom=-(i.height-n.minHeight)));var u=at(B(i,r),s);h&&(u.left&&u.left>0&&u.right===0?(r.right+=u.left,r.left-=u.left):u.right&&u.right>0&&u.left===0&&(r.left+=u.right,r.right-=u.right),u.top&&u.top>0&&u.bottom===0?(r.bottom+=u.top,r.top-=u.top):u.bottom&&u.bottom>0&&u.top===0&&(r.top+=u.bottom,r.bottom-=u.bottom),u=at(B(i,r),s));var d={width:1/0,height:1/0,left:1/0,right:1/0,top:1/0,bottom:1/0};if(U.forEach((function(y){var W=u[y];W&&r[y]&&(d[y]=Math.max(0,1-W/r[y]))})),a){var m=Math.min.apply(null,U.map((function(y){return d[y]})));m!==1/0&&U.forEach((function(y){r[y]*=m}))}else U.forEach((function(y){d[y]!==1/0&&(r[y]*=d[y])}));if(l=B(i,r).width,c=B(i,r).height,r.right+r.left&&(l>n.maxWidth?d.width=(n.maxWidth-i.width)/(r.right+r.left):l<n.minWidth&&(d.width=(n.minWidth-i.width)/(r.right+r.left))),r.bottom+r.top&&(c>n.maxHeight?d.height=(n.maxHeight-i.height)/(r.bottom+r.top):c<n.minHeight&&(d.height=(n.minHeight-i.height)/(r.bottom+r.top))),a){var w=Math.min(d.width,d.height);w!==1/0&&U.forEach((function(y){r[y]*=w}))}else d.width!==1/0&&pi.forEach((function(y){r[y]*=d.width})),d.height!==1/0&&gi.forEach((function(y){r[y]*=d.height}));return r}function dt(t,e,i){return e==0&&i==0?t/2:e==0?0:i==0?t:t*Math.abs(e/(e+i))}var $i=L("vue-simple-handler"),Wi=L("vue-simple-handler-wrapper"),Lt={name:"SimpleHandler",components:{HandlerWrapper:me},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 t,e=(k(t={},this.horizontalPosition,!!this.horizontalPosition),k(t,this.verticalPosition,!!this.verticalPosition),k(t,"".concat(this.horizontalPosition,"-").concat(this.verticalPosition),!!(this.verticalPosition&&this.horizontalPosition)),k(t,"hover",this.hover),t);return{default:E($i(e),this.defaultClass,this.hover&&this.hoverClass),wrapper:E(Wi(e),this.wrapperClass)}}},methods:{onDrag:function(t){this.$emit("drag",t)},onEnter:function(){this.hover=!0},onLeave:function(){this.hover=!1},onDragEnd:function(){this.$emit("drag-end")}},emits:["drag","drag-end"]};Lt.render=function(t,e,i,o,s,n){var a=Y("HandlerWrapper");return b(),M(a,{class:n.classes.wrapper,"vertical-position":i.verticalPosition,"horizontal-position":i.horizontalPosition,disabled:i.disabled,onDrag:n.onDrag,onDragEnd:n.onDragEnd,onEnter:n.onEnter,onLeave:n.onLeave},{default:C((function(){return[x("div",{class:n.classes.default},null,2)]})),_:1},8,["class","vertical-position","horizontal-position","disabled","onDrag","onDragEnd","onEnter","onLeave"])};var Ii=L("vue-simple-line"),Di=L("vue-simple-line-wrapper"),Bt={name:"SimpleLine",components:{LineWrapper:fe},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:E(Ii(k({},this.position,!0)),this.defaultClass,this.hover&&this.hoverClass),wrapper:E(Di(k({},this.position,!0)),this.wrapperClass)}}},methods:{onDrag:function(t){this.$emit("drag",t)},onEnter:function(){this.hover=!0},onLeave:function(){this.hover=!1},onDragEnd:function(){this.$emit("drag-end")}},emits:["drag","drag-end"]};Bt.render=function(t,e,i,o,s,n){var a=Y("LineWrapper");return b(),M(a,{class:n.classes.wrapper,position:i.position,disabled:i.disabled,onDrag:n.onDrag,onDragEnd:n.onDragEnd,onEnter:n.onEnter,onLeave:n.onLeave},{default:C((function(){return[x("div",{class:n.classes.root},null,2)]})),_:1},8,["class","position","disabled","onDrag","onDragEnd","onEnter","onLeave"])};var St=L("vue-bounding-box"),Oi=["east","west",null],Hi=["south","north",null],be={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 Lt}},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 Bt}},linesClasses:{type:Object,default:function(){return{}}},linesWrappersClasses:{type:Object,default:function(){return{}}},resizable:{type:Boolean,default:!0}},data:function(){var t=[];return Oi.forEach((function(e){Hi.forEach((function(i){if(e!==i){var o=le(e,i),s=o.name,n=o.classname;t.push({name:s,classname:n,verticalDirection:i,horizontalDirection:e})}}))})),{points:t}},computed:{style:function(){var t={};return this.width&&this.height&&(t.width="".concat(this.width,"px"),t.height="".concat(this.height,"px"),this.transitions&&this.transitions.enabled&&(t.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction))),t},classes:function(){var t=this.handlersClasses,e=this.handlersWrappersClasses,i=this.linesClasses,o=this.linesWrappersClasses;return{root:St(),handlers:t,handlersWrappers:e,lines:i,linesWrappers:o}},lineNodes:function(){var t=this,e=[];return this.points.forEach((function(i){i.horizontalDirection&&i.verticalDirection||!t.lines[i.name]||e.push({name:i.name,component:t.linesComponent,class:E(t.classes.lines.default,t.classes.lines[i.name],!t.resizable&&t.classes.lines.disabled),wrapperClass:E(t.classes.linesWrappers.default,t.classes.linesWrappers[i.name],!t.resizable&&t.classes.linesWrappers.disabled),hoverClass:t.classes.lines.hover,verticalDirection:i.verticalDirection,horizontalDirection:i.horizontalDirection,disabled:!t.resizable})})),e},handlerNodes:function(){var t=this,e=[],i=this.width,o=this.height;return this.points.forEach((function(s){if(t.handlers[s.name]){var n={name:s.name,component:t.handlersComponent,class:E(t.classes.handlers.default,t.classes.handlers[s.name]),wrapperClass:E(t.classes.handlersWrappers.default,t.classes.handlersWrappers[s.name]),hoverClass:t.classes.handlers.hover,verticalDirection:s.verticalDirection,horizontalDirection:s.horizontalDirection,disabled:!t.resizable};if(i&&o){var a=s.horizontalDirection,h=s.verticalDirection,r=a==="east"?i:a==="west"?0:i/2,l=h==="south"?o:h==="north"?0:o/2;n.wrapperClass=St("handler"),n.wrapperStyle={transform:"translate(".concat(r,"px, ").concat(l,"px)")},t.transitions&&t.transitions.enabled&&(n.wrapperStyle.transition="".concat(t.transitions.time,"ms ").concat(t.transitions.timingFunction))}else n.wrapperClass=St("handler",k({},s.classname,!0));e.push(n)}})),e}},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(t,e,i){var o,s=t.shift(),n=s.left,a=s.top,h={left:0,right:0,top:0,bottom:0};e==="west"?h.left-=n:e==="east"&&(h.right+=n),i==="north"?h.top-=a:i==="south"&&(h.bottom+=a),!i&&e?o="width":i&&!e&&(o="height"),this.resizable&&this.$emit("resize",new di(h,{allowedDirections:{left:e==="west"||!e,right:e==="east"||!e,bottom:i==="south"||!i,top:i==="north"||!i},preserveAspectRatio:t.nativeEvent&&t.nativeEvent.shiftKey,respectDirection:o}))}},emits:["resize","resize-end"]};be.render=function(t,e,i,o,s,n){return b(),M("div",{ref:"box",class:n.classes.root,style:n.style},[K(t.$slots,"default"),x("div",null,[(b(!0),M(st,null,rt(n.lineNodes,(function(a){return b(),M(gt(a.component),{key:a.name,"default-class":a.class,"hover-class":a.hoverClass,"wrapper-class":a.wrapperClass,position:a.name,disabled:a.disabled,onDrag:function(h){return n.onHandlerDrag(h,a.horizontalDirection,a.verticalDirection)},onDragEnd:e[1]||(e[1]=function(h){return n.onEnd()})},null,8,["default-class","hover-class","wrapper-class","position","disabled","onDrag"])})),128))]),(b(!0),M(st,null,rt(n.handlerNodes,(function(a){return b(),M("div",{key:a.name,style:a.wrapperStyle,class:a.wrapperClass},[(b(),M(gt(a.component),{"default-class":a.class,"hover-class":a.hoverClass,"wrapper-class":a.wrapperClass,"horizontal-position":a.horizontalDirection,"vertical-position":a.verticalDirection,disabled:a.disabled,onDrag:function(h){return n.onHandlerDrag(h,a.horizontalDirection,a.verticalDirection)},onDragEnd:e[2]||(e[2]=function(h){return n.onEnd()})},null,8,["default-class","hover-class","wrapper-class","horizontal-position","vertical-position","disabled","onDrag"]))],6)})),128))],6)};var ki=L("vue-draggable-area"),we={name:"DraggableArea",props:{movable:{type:Boolean,default:!0},activationDistance:{type:Number,default:20}},computed:{classnames:function(){return{default:ki()}}},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(t){if(t.cancelable){var e=this.movable&&t.touches.length===1;e&&(this.touches=J(t.touches)),(this.touchStarted||e)&&(t.preventDefault(),t.stopPropagation())}},onTouchEnd:function(){this.touchStarted=!1,this.processEnd()},onTouchMove:function(t){this.touches.length>=1&&(this.touchStarted?(this.processMove(t,t.touches),t.preventDefault(),t.stopPropagation()):de({x:this.touches[0].clientX,y:this.touches[0].clientY},{x:t.touches[0].clientX,y:t.touches[0].clientY})>this.activationDistance&&(this.initAnchor({clientX:t.touches[0].clientX,clientY:t.touches[0].clientY}),this.touchStarted=!0))},onMouseDown:function(t){if(this.movable&&t.button===0){var e={fake:!0,clientX:t.clientX,clientY:t.clientY};this.touches=[e],this.initAnchor(e),t.stopPropagation()}},onMouseMove:function(t){this.touches.length&&(this.processMove(t,[{fake:!0,clientX:t.clientX,clientY:t.clientY}]),t.preventDefault&&t.cancelable&&t.preventDefault(),t.stopPropagation())},onMouseUp:function(){this.processEnd()},initAnchor:function(t){var e=this.$refs.container.getBoundingClientRect(),i=e.left,o=e.top;this.anchor={x:t.clientX-i,y:t.clientY-o}},processMove:function(t,e){var i=J(e);if(this.touches.length){var o=this.$refs.container.getBoundingClientRect(),s=o.left,n=o.top;this.touches.length===1&&i.length===1&&this.$emit("move",new jt({left:i[0].clientX-(s+this.anchor.x),top:i[0].clientY-(n+this.anchor.y)}))}},processEnd:function(){this.touches.length&&this.$emit("move-end"),this.touches=[]}},emits:["move","move-end"]};
2we.render=function(t,e,i,o,s,n){return b(),M("div",{ref:"container",onTouchstart:e[1]||(e[1]=function(){return n.onTouchStart&&n.onTouchStart.apply(n,arguments)}),onMousedown:e[2]||(e[2]=function(){return n.onMouseDown&&n.onMouseDown.apply(n,arguments)})},[K(t.$slots,"default")],544)};function Ct(t){var e,i;return{rotate:t.rotate||0,flip:{horizontal:((e=t?.flip)===null||e===void 0?void 0:e.horizontal)||!1,vertical:((i=t?.flip)===null||i===void 0?void 0:i.vertical)||!1}}}function ji(t){return new Promise((function(e,i){try{if(t)if(/^data:/i.test(t))e((function(r){r=r.replace(/^data:([^;]+);base64,/gim,"");for(var l=atob(r),c=l.length,u=new ArrayBuffer(c),d=new Uint8Array(u),m=0;m<c;m++)d[m]=l.charCodeAt(m);return u})(t));else if(/^blob:/i.test(t)){var o=new FileReader;o.onload=function(r){e(r.target.result)},n=t,a=function(r){o.readAsArrayBuffer(r)},(h=new XMLHttpRequest).open("GET",n,!0),h.responseType="blob",h.onload=function(){this.status!=200&&this.status!==0||a(this.response)},h.send()}else{var s=new XMLHttpRequest;s.onreadystatechange=function(){s.readyState===4&&(s.status===200||s.status===0?e(s.response):i("Warning: could not load an image to parse its orientation"),s=null)},s.onprogress=function(){s.getResponseHeader("content-type")!=="image/jpeg"&&s.abort()},s.withCredentials=!1,s.open("GET",t,!0),s.responseType="arraybuffer",s.send(null)}else i("Error: the image is empty")}catch(r){i(r)}var n,a,h}))}function ye(t){var e=t.rotate,i=t.flip,o=t.scaleX,s=t.scaleY,n="";return n+=" rotate("+e+"deg) ",n+=" scaleX("+o*(i.horizontal?-1:1)+") ",n+=" scaleY("+s*(i.vertical?-1:1)+") "}function Pi(t){try{var e,i=new DataView(t),o=void 0,s=void 0,n=void 0,a=void 0;if(i.getUint8(0)===255&&i.getUint8(1)===216)for(var h=i.byteLength,r=2;r+1<h;){if(i.getUint8(r)===255&&i.getUint8(r+1)===225){n=r;break}r++}if(n&&(o=n+10,(function(m,w,y){var W,R="";for(W=w,y+=w;W<y;W++)R+=String.fromCharCode(m.getUint8(W));return R})(i,n+4,4)==="Exif")){var l=i.getUint16(o);if(((s=l===18761)||l===19789)&&i.getUint16(o+2,s)===42){var c=i.getUint32(o+4,s);c>=8&&(a=o+c)}}if(a){for(var u=i.getUint16(a,s),d=0;d<u;d++)if(r=a+12*d+2,i.getUint16(r,s)===274){r+=8,e=i.getUint16(r,s),i.setUint16(r,1,s);break}}return e}catch{return null}}function ee(t,e){var i=e.getBoundingClientRect(),o=i.left,s=i.top,n={left:0,top:0},a=0;return t.forEach((function(h){n.left+=(h.clientX-o)/t.length,n.top+=(h.clientY-s)/t.length})),t.forEach((function(h){a+=de({x:n.left,y:n.top},{x:h.clientX-o,y:h.clientY-s})})),{centerMass:n,spread:a,count:t.length}}var ze={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=Wt(this.processEnd),this.touches=[]},methods:{processMove:function(t,e){if(this.touches.length){if(this.touches.length===1&&e.length===1)this.$emit("move",new ot({left:this.touches[0].clientX-e[0].clientX,top:this.touches[0].clientY-e[0].clientY}));else if(this.touches.length>1&&this.touchResize){var i=ee(e,this.$refs.container),o=this.oldGeometricProperties;o.count===i.count&&o.count>1&&this.$emit("resize",new ot({left:o.centerMass.left-i.centerMass.left,top:o.centerMass.top-i.centerMass.top},{factor:o.spread/i.spread,center:i.centerMass})),this.oldGeometricProperties=i}this.touches=e}},processEnd:function(){this.transforming&&(this.transforming=!1,this.$emit("transform-end"))},processStart:function(){this.transforming=!0,this.debouncedProcessEnd.clear()},processEvent:function(t){return this.eventsFilter?this.eventsFilter(t,this.transforming)!==!1:(t.preventDefault(),t.stopPropagation(),!0)},onTouchStart:function(t){if(t.cancelable&&(this.touchMove||this.touchResize&&t.touches.length>1)&&this.processEvent(t)){var e=this.$refs.container,i=e.getBoundingClientRect(),o=i.left,s=i.top,n=i.bottom,a=i.right;this.touches=J(t.touches).filter((function(h){return h.clientX>
vendor: 8,172 bytes, lines 2-3
2o&&h.clientX<a&&h.clientY>s&&h.clientY<n})),this.oldGeometricProperties=ee(this.touches,e)}},onTouchEnd:function(t){t.touches.length===0&&(this.touches=[],this.processEnd())},onTouchMove:function(t){var e=this;if(this.touches.length){var i=J(t.touches).filter((function(o){return!o.identifier||e.touches.find((function(s){return s.identifier===o.identifier}))}));this.processEvent(t)&&(this.processMove(t,i),this.processStart())}},onMouseDown:function(t){if(this.mouseMove&&"buttons"in t&&t.buttons===1&&this.processEvent(t)){var e={fake:!0,clientX:t.clientX,clientY:t.clientY};this.touches=[e],this.processStart()}},onMouseMove:function(t){this.touches.length&&this.processEvent(t)&&this.processMove(t,[{clientX:t.clientX,clientY:t.clientY}])},onMouseUp:function(){this.touches=[],this.processEnd()},onWheel:function(t){if(this.wheelResize&&this.processEvent(t)){var e=this.$refs.container.getBoundingClientRect(),i=e.left,o=e.top,s=1+this.wheelResize.ratio*(a=t.deltaY||t.detail||t.wheelDelta,(h=+a)==0||ue(h)?h:h>0?1:-1),n={left:t.clientX-i,top:t.clientY-o};this.$emit("resize",new ot({},{factor:s,center:n})),this.touches.length||this.debouncedProcessEnd()}var a,h}},emits:["resize","move","transform-end"]};ze.render=function(t,e,i,o,s,n){return b(),M("div",{ref:"container",onTouchstart:e[1]||(e[1]=function(){return n.onTouchStart&&n.onTouchStart.apply(n,arguments)}),onMousedown:e[2]||(e[2]=function(){return n.onMouseDown&&n.onMouseDown.apply(n,arguments)}),onWheel:e[3]||(e[3]=function(){return n.onWheel&&n.onWheel.apply(n,arguments)})},[K(t.$slots,"default")],544)};var Ht={components:{TransformableImage:ze},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"]};Ht.render=function(t,e,i,o,s,n){var a=Y("transformable-image");return b(),M(a,{"touch-move":i.touchMove,"touch-resize":i.touchResize,"mouse-move":i.mouseMove,"wheel-resize":i.wheelResize,onMove:e[1]||(e[1]=function(h){return t.$emit("move",h)}),onResize:e[2]||(e[2]=function(h){return t.$emit("resize",h)})},{default:C((function(){return[K(t.$slots,"default")]})),_:3},8,["touch-move","touch-resize","mouse-move","wheel-resize"])};var mt=L("vue-preview"),Ae={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:mt({fill:this.fill}),wrapper:mt("wrapper"),imageWrapper:mt("image-wrapper"),image:E(mt("image"),this.imageClass)}},style:function(){if(this.fill)return{};var t={};return this.width&&(t.width="".concat(this.size.width,"px")),this.height&&(t.height="".concat(this.size.height,"px")),this.transitions&&this.transitions.enabled&&(t.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),t},wrapperStyle:function(){var t={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&&(t.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),t},imageStyle:function(){if(this.coordinates&&this.image){var t=this.coordinates.width/this.size.width,e=z(z({rotate:0,flip:{horizontal:!1,vertical:!1}},this.image.transforms),{},{scaleX:1/t,scaleY:1/t}),i=this.imageSize.width,o=this.imageSize.height,s=ge({width:i,height:o},e.rotate),n={width:"".concat(i,"px"),height:"".concat(o,"px"),left:"0px",top:"0px"},a={rotate:{left:(i-s.width)*e.scaleX/2,top:(o-s.height)*e.scaleY/2},scale:{left:(1-e.scaleX)*i/2,top:(1-e.scaleY)*o/2}};return n.transform=`translate( 3 `.concat(-this.coordinates.left/t-a.rotate.left-a.scale.left,"px,").concat(-this.coordinates.top/t-a.rotate.top-a.scale.top,"px) ")+ye(e),this.transitions&&this.transitions.enabled&&(n.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),n}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(t){(t.width||t.height)&&this.onChangeImage()}},mounted:function(){var t=this;this.onChangeImage(),this.$refs.image.addEventListener("load",(function(){t.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 t=this.$refs.image;this.calculatedImageSize.height=t.naturalHeight,this.calculatedImageSize.width=t.naturalWidth},refresh:function(){var t=this.$refs.root;this.width||(this.calculatedSize.width=t.clientWidth),this.height||(this.calculatedSize.height=t.clientHeight)},onChangeImage:function(){var t=this.$refs.image;t&&t.complete&&this.refreshImage(),this.refresh()}}};Ae.render=function(t,e,i,o,s,n){return b(),M("div",{ref:"root",class:n.classes.root,style:n.style},[x("div",{ref:"wrapper",class:n.classes.wrapper,style:n.wrapperStyle},[q(x("img",{ref:"image",src:i.image&&i.image.src,class:n.classes.image,style:n.imageStyle},null,14,["src"]),[[oe,i.image&&i.image.src]])],6)],6)};var Re={components:{Preview:Ae},inheritAttrs:!1};Re.render=function(t,e,i,o,s,n){var a=Y("preview");return b(),M(a,se(t.$attrs,{fill:!0}),null,16)};var Et=L("vue-rectangle-stencil"),xe={name:"RectangleStencil",components:{StencilPreview:Re,BoundingBox:be,DraggableArea:we},props:{image:{type:Object},coordinates:{type:Object},stencilCoordinates:{type:Object},handlers:{type:Object},handlersComponent:{type:[Object,String],default:function(){return Lt}},lines:{type:Object},linesComponent:{type:[Object,String],default:function(){return Bt}},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:E(Et({movable:this.movable,moving:this.moving,resizing:this.resizing}),this.moving&&this.movingClass,this.resizing&&this.resizingClass),preview:E(Et("preview"),this.previewClass),boundingBox:E(Et("bounding-box"),this.boundingBoxClass)}},style:function(){var t=this.stencilCoordinates,e=t.height,i=t.width,o=t.left,s=t.top,n={width:"".concat(i,"px"),height:"".concat(e,"px"),transform:"translate(".concat(o,"px, ").concat(s,"px)")};return this.transitions&&this.transitions.enabled&&(n.transition="".concat(this.transitions.time,"ms ").concat(this.transitions.timingFunction)),n}},methods:{onMove:function(t){this.$emit("move",t),this.moving=!0},onMoveEnd:function(){this.$emit("move-end"),this.moving=!1},onResize:function(t){this.$emit("resize",t),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"]};xe.render=function(t,e,i,o,s,n){var a=Y("stencil-preview"),h=Y("draggable-area"),r=Y("bounding-box");return b(),M("div",{class:n.classes.stencil,style:n.style},[x(r,{width:i.stencilCoordinates.width,height:i.stencilCoordinates.height,transitions:i.transitions,class:n.classes.boundingBox,handlers:i.handlers,"handlers-component":i.handlersComponent,"handlers-classe
3s":i.handlersClasses,"handlers-wrappers-classes":i.handlersWrappersClasses,lines:i.lines,"lines-component":i.linesComponent,"lines-classes":i.linesClasses,"lines-wrappers-classes":i.linesWrappersClasses,resizable:i.resizable,onResize:n.onResize,onResizeEnd:n.onResizeEnd},{default:C((function(){return[x(h,{movable:i.movable,onMove:n.onMove,onMoveEnd:n.onMoveEnd},{default:C((function(){return[x(a,{image:i.image,coordinates:i.coordinates,width:i.stencilCoordinates.width,height:i.stencilCoordinates.height,class:n.classes.preview,transitions:i.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 Li=["transitions"],V=L("vue-advanced-cropper"),Me={name:"Cropper",components:{BackgroundWrapper:Ht},props:{src:{type:String,default:null},stencilComponent:{type:[Object,String],default:function(){return xe}},backgroundWrapperComponent:{type:[Object,String],default:function(){return Ht}},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(t){return bi.indexOf(t)!==-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(t){return!(typeof t=="string"&&t!=="fill"&&t!=="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(t){var e=t.event,i=t.coordinates,o=t.aspectRatio,s=t.positionRestrictions,n=t.sizeRestrictions,a=f(f({},i),{right:i.left+i.width,bottom:i.top+i.height}),h=e.params||{},r=f({},e.directions),l=h.allowedDirections||{left:!0,right:!0,bottom:!0,top:!0};n.widthFrozen&&(r.left=0,r.right=0),n.heightFrozen&&(r.top=0,r.bottom=0),U.forEach((function(I){l[I]||(r[I]=0)}));var c=B(a,r=te({coordinates:a,directions:r,sizeRestrictions:n,positionRestrictions:s})).width,u=B(a,r).height,d=h.preserveRatio?A(a):Mt(c/u,o);if(d){var m=h.respectDirection;if(m||(m=a.width>=a.height||d===1?"width":"height"),m==="width"){var w=c/d-a.height;if(l.top&&l.bottom){var y=r.top,W=r.bottom;r.bottom=dt(w,W,y),r.top=dt(w,y,W)}else l.bottom?r.bottom=w:l.top?r.top=w:l.right?r.right=0:l.left&&(r.left=0)}else if(m==="height"){var R=a.width-u*d;if(l.left&&l.right){var g=r.left,P=r.right;r.left=-dt(R,g,P),r.right=-dt(R,P,g)}else l.left?r.left=-R:l.right?r.right=-R:l.top?r.top=0:l.bottom&&(r.bottom=0)}r=te({directions:r,coordinates:a,sizeRestrictions:n,positionRestrictions:s,preserveRatio:!0,compensate:h.compensate})}return c=B(a,r).width,u=B(a,r).height,(d=h.preserveRatio?A(a):Mt(c/u,o))&&Math.abs(d-c/u)>.001&&U.forEach((function(I){l[I]||(r[I]=0)})),Ot({event:new jt({left:-r.left,top:-r.top}),coordinates:{width:i.width+r.right+r.left,height:i.height+r.top+r.bottom,left:i.left,top:i.top},positionRestrictions:s})}},moveAlgorithm:{type:Function,default:Ot},initStretcher:{type:Function,default:function(t){var e=t.stretcher,i=t.imageSize,o=A(i);e.style.width=i.width+"px",e.style.height=e.clientWidth/o+"px",e.style.width=e.clientWidth+"px"}},fitCoordinates:{type:Function,default:function(t){var e=t.visibleArea,i=t.coordinates,o=t.aspectRatio,s=t.sizeRestrictions,n=t.positionRestrictions,a=f(f({},i),X({width:i.width,height:i.height,aspectRatio:o,sizeRestrictions:{maxWidth:e.width,maxHeight:e.height,minHeight:Math.min(e.height,s.minHeight),minWidth:Math.min(e.width,s.minWidth)}}));return a=$(a=O(a,et(T(i),T(a))),zt(F(e),n))}},fitVisibleArea:{type:Function,default:function(t){var e=t.visibleArea,i=t.boundaries,o=t.getAreaRestrictions,s=t.coordinates,n=f({},e);n.height=n.width/A(i),n.top+=(e.height-n.height)/2,(s.height-n.height>0||s.width-n.width>0)&&(n=j(n,Math.max(s.height/n.height,s.width/n.width)));var a=wt(nt(s,F(n=j(n,yt(n,o({visibleArea:n,type:"resize"}))))));return n.width<s.width&&(a.left=0),n.height<s.height&&(a.top=0),n=$(n=O(n,a),o({visibleArea:n,type:"move"}))}},areaRestrictionsAlgorithm:{type:Function,default:function(t){var e=t.visibleArea,i=t.boundaries,o=t.imageSize,s=t.
vendor: 9,128 bytes, line 3
3imageRestriction,n=t.type,a={};return s==="fill-area"?a={left:0,top:0,right:o.width,bottom:o.height}:s==="fit-area"&&(A(i)>A(o)?(a={top:0,bottom:o.height},e&&n==="move"&&(e.width>o.width?(a.left=-(e.width-o.width)/2,a.right=o.width-a.left):(a.left=0,a.right=o.width))):(a={left:0,right:o.width},e&&n==="move"&&(e.height>o.height?(a.top=-(e.height-o.height)/2,a.bottom=o.height-a.top):(a.top=0,a.bottom=o.height)))),a}},sizeRestrictionsAlgorithm:{type:Function,default:function(t){return{minWidth:t.minWidth,minHeight:t.minHeight,maxWidth:t.maxWidth,maxHeight:t.maxHeight}}},positionRestrictionsAlgorithm:{type:Function,default:function(t){var e=t.imageSize,i={};return t.imageRestriction!=="none"&&(i={left:0,top:0,right:e.width,bottom:e.height}),i}}},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:z({},Gt)}},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 t=(function(e){return e*Math.PI/180})(this.imageTransforms.rotate);return{width:Math.abs(this.imageAttributes.width*Math.cos(t))+Math.abs(this.imageAttributes.height*Math.sin(t)),height:Math.abs(this.imageAttributes.width*Math.sin(t))+Math.abs(this.imageAttributes.height*Math.cos(t))}},initialized:function(){return!!(this.visibleArea&&this.imageLoaded)},settings:function(){var t=It(this.resizeImage,{touch:!0,wheel:{ratio:.1},adjustStencil:!0},{touch:!1,wheel:!1,adjustStencil:!1});return{moveImage:It(this.moveImage,{touch:!0,mouse:!0},{touch:!1,mouse:!1}),resizeImage:t}},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 t=this.sizeRestrictionsAlgorithm({imageSize:this.imageSize,minWidth:_(this.minWidth)?0:ct(this.minWidth),minHeight:_(this.minHeight)?0:ct(this.minHeight),maxWidth:_(this.maxWidth)?1/0:ct(this.maxWidth),maxHeight:_(this.maxHeight)?1/0:ct(this.maxHeight)});if(t=(function(o){var s=o.areaRestrictions,n=o.sizeRestrictions,a=o.boundaries,h=o.positionRestrictions,r=f(f({},n),{minWidth:n.minWidth!==void 0?n.minWidth:0,minHeight:n.minHeight!==void 0?n.minHeight:0,maxWidth:n.maxWidth!==void 0?n.maxWidth:1/0,maxHeight:n.maxHeight!==void 0?n.maxHeight:1/0});h.left!==void 0&&h.right!==void 0&&(r.maxWidth=Math.min(r.maxWidth,h.right-h.left)),h.bottom!==void 0&&h.top!==void 0&&(r.maxHeight=Math.min(r.maxHeight,h.bottom-h.top));var l=Dt(s),c=pe(a,l);return l.width<1/0&&(!r.maxWidth||r.maxWidth>c.width)&&(r.maxWidth=Math.min(r.maxWidth,c.width)),l.height<1/0&&(!r.maxHeight||r.maxHeight>c.height)&&(r.maxHeight=Math.min(r.maxHeight,c.height)),r.minWidth>r.maxWidth&&(r.minWidth=r.maxWidth,r.widthFrozen=!0),r.minHeight>r.maxHeight&&(r.minHeight=r.maxHeight,r.heightFrozen=!0),r})({sizeRestrictions:t,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 e=this.getStencilSize(),i=Dt(this.getAreaRestrictions({visibleArea:this.visibleArea,type:"resize"}));t.maxWidth=Math.min(t.maxWidth,i.width*e.width/this.boundaries.width),t.maxHeight=Math.min(t.maxHeight,i.height*e.height/this.boundaries.height),t.maxWidth<t.minWidth&&(t.minWidth=t.maxWidth),t.maxHeight<t.minHeight&&(t.minHeight=t.maxHeight)}return t}return{minWidth:0,minHeight:0,maxWidth:0,maxHeight:0}},positionRestrictions:function(){return this.positionRestrictionsAlgorithm({imageSize:this.imageSize,imageRestriction:this.imageRestriction})},classes:function(){return{cropper:V(),image:E(V("image"),this.imageClass),stencil:V("stencil"),boundaries:E(V("boundaries"),this.boundariesClass),stretcher:E(V("stretcher")),background:E(V("background"),this.backgroundClass),foreground:E(V("foreground"),this.foregroundClass),imageWrapper:E(V("image-wrapper")),cropperWrapper:E(V("cropper-wrapper"))}},stencilCoordinates:function(){if(this.initialized){var t=this.coordinates,e=t.width,i=t.height,o=t.left,s=t.top;return{width:e/this.coefficient,height:i/this.coefficient,left:(o-this.visibleArea.left)/this.coefficient,top:(s-this.visibleArea.top)/this.coefficient}}return this.defaultCoordinates()},boundariesStyle:function(){var t={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||(t.opacity="0"),t},imageStyle:function(){var t=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)},e={left:(t.width-this.imageSize.width)/(2*this.coefficient),top:(t.height-this.imageSize.height)/(2*this.coefficient)},i={left:(1-1/this.coefficient)*t.width/2,top:(1-1/this.coefficient)*t.height/2},o=z(z({},this.imageTransforms),{},{scaleX:this.imageTransforms.scaleX*(this.imageAttributes.width/t.width),scaleY:this.imageTransforms.scaleY*(this.imageAttributes.height/t.height)}),s={width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),left:"0px",top:"0px",transform:"translate(".concat(-e.left-i.left-this.imageTransforms.translateX,"px, ").concat(-e.top-i.top-this.imageTransforms.translateY,"px)")+ye(o)};return this.transitionsOptions.enabled&&(s.transition="".concat(this.transitionsOptions.time,"ms ").concat(this.transitionsOptions.timingFunction)),s}},watch:{src:function(){this.onChangeImage()},stencilComponent:function(){var t=this;this.$nextTick((function(){t.resetCoordinates(),t.runAutoZoom("setCoordinates"),t.onChange()}))},minWidth:function(){this.onPropsChange()},maxWidth:function(){this.onPropsChange()},minHeight:function(){this.onPropsChange()},maxHeight:function(){this.onPropsChange()},imageRestriction:function(){this.reset()},stencilProps:function(t,e){["aspectRatio","minAspectRatio","maxAspectRatio"].find((function(i){return t[i]!==e[i]}))&&this.$nextTick(this.onPropsChange)}},created:function(){this.debouncedUpdate=Wt(this.update,this.debounce),this.debouncedDisableTransitions=Wt(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 t=this.initialized?this.prepareResult(z({},this.coordinates)):this.defaultCoordinates(),e={rotate:this.imageTransforms.rotate%360,flip:z({},this.imageTransforms.flip)};if(this.src&&this.imageLoaded){var i=this;return{image:this.image,coordinates:t,visibleArea:this.visibleArea?z({},this.visibleArea):null,imageTransforms:e,get canvas(){return i.canvas?i.getCanvas():void 0}}}return{image:this.image,coordinates:t,visibleArea:this.visibleArea?z({},this.visibleArea):null,canvas:void 0,imageTransforms:e}},zoom:function(t,e){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=i.transitions,s=o===void 0||o;this.onManipulateImage(new ot({},{factor:1/t,center:e}),{normalize:!1,transitions:s})},move:function(t,e){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=i.transitions,s=o===void 0||o;this.onManipulateImage(new ot({left:t||0,top:e||0}),{normalize:!1,transitions:s})}
3,setCoordinates:function(t){var e=this,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},o=i.autoZoom,s=o===void 0||o,n=i.transitions,a=n===void 0||n;this.$nextTick((function(){e.imageLoaded?(e.transitionsActive||(a&&e.enableTransitions(),e.coordinates=e.applyTransform(t),s&&e.runAutoZoom("setCoordinates"),a&&e.debouncedDisableTransitions()),e.onChange()):e.delayedTransforms=t}))},refresh:function(){var t=this,e=this.$refs.image;if(this.src&&e)return this.initialized?this.updateVisibleArea().then((function(){t.onChange()})):this.resetVisibleArea().then((function(){t.onChange()}))},reset:function(){var t=this;return this.resetVisibleArea().then((function(){t.onChange(!1)}))},awaitRender:function(t){var e=this;this.awaiting||(this.awaiting=!0,this.$nextTick((function(){t(),e.awaiting=!1})))},prepareResult:function(t){return this.roundResult?(function(e){var i=e.coordinates,o=e.sizeRestrictions,s=e.positionRestrictions,n={width:Math.round(i.width),height:Math.round(i.height),left:Math.round(i.left),top:Math.round(i.top)};return n.width>o.maxWidth?n.width=Math.floor(i.width):n.width<o.minWidth&&(n.width=Math.ceil(i.width)),n.height>o.maxHeight?n.height=Math.floor(i.height):n.height<o.minHeight&&(n.height=Math.ceil(i.height)),$(n,s)})(z(z({},this.getPublicProperties()),{},{positionRestrictions:ut(this.positionRestrictions,this.visibleArea),coordinates:t})):t},processAutoZoom:function(t,e,i,o){var s=this.autoZoomAlgorithm;s||(s=this.stencilSize?zi:this.autoZoom?Ai:Ri);var n=s({event:{type:t,params:o},visibleArea:e,coordinates:i,boundaries:this.boundaries,aspectRatio:this.getAspectRatio(),positionRestrictions:this.positionRestrictions,getAreaRestrictions:this.getAreaRestrictions,sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize()});return z(z({},n),{},{changed:!Qt(n.visibleArea,e)||!Qt(n.coordinates,i)})},runAutoZoom:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=e.transitions,o=i!==void 0&&i,s=ci(e,Li),n=this.processAutoZoom(t,this.visibleArea,this.coordinates,s),a=n.visibleArea,h=n.coordinates,r=n.changed;o&&r&&this.enableTransitions(),this.visibleArea=a,this.coordinates=h,o&&r&&this.debouncedDisableTransitions()},normalizeEvent:function(t){return(function(e){var i=e.event,o=e.visibleArea,s=e.coefficient;if(i.type==="manipulateImage")return f(f({},i),{move:{left:i.move&&i.move.left?s*i.move.left:0,top:i.move&&i.move.top?s*i.move.top:0},scale:{factor:i.scale&&i.scale.factor?i.scale.factor:1,center:i.scale&&i.scale.center?{left:i.scale.center.left*s+o.left,top:i.scale.center.top*s+o.top}:null}});if(i.type==="resize"){var n=f(f({},i),{directions:f({},i.directions)});return U.forEach((function(h){n.directions[h]*=s})),n}if(i.type==="move"){var a=f(f({},i),{directions:f({},i.directions)});return vi.forEach((function(h){a.directions[h]*=s})),a}return i})(z(z({},this.getPublicProperties()),{},{event:t}))},getCanvas:function(){if(this.$refs.canvas){var t=this.$refs.canvas,e=this.$refs.image,i=this.imageTransforms.rotate!==0||this.imageTransforms.flip.horizontal||this.imageTransforms.flip.vertical?(function(h,r,l){var c=l.rotate,u=l.flip,d={width:r.naturalWidth,height:r.naturalHeight},m=ge(d,c),w=h.getContext("2d");h.height=m.height,h.width=m.width,w.save();var y=N(T(f({left:0,top:0},d)),c);return w.translate(-(y.left-m.width/2),-(y.top-m.height/2)),w.rotate(c*Math.PI/180),w.translate(u.horizontal?d.width:0,u.vertical?d.height:0),w.scale(u.horizontal?-1:1,u.vertical?-1:1),w.drawImage(r,0,0,d.width,d.height),w.restore(),h})(this.$refs.sourceCanvas,e,this.imageTransforms):e,o=z({minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0,maxArea:this.maxCanvasSize,imageSmoothingEnabled:!0,imageSmoothingQuality:"high",fillColor:"transparent"},this.canvas),s=function(h){return h.find((function(r){return l=r,!Number.isNaN(parseFloat(l))&&isFinite(l);var l}))},n=X({sizeRestrictions:{minWidth:s([o.width,o.minWidth])||0,minHeight:s([o.height,o.minHeight])||0,maxWidth:s([o.width,o.maxWidth])||1/0,maxHeight:s([o.height,o.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(o.maxArea&&n.width*n.height>o.maxArea){var a=Math.sqrt(o.maxArea/(n.width*n.height));n={width:Math.round(a*n.width),height:Math.round(a*n.height)}}return(function(h,r,l,c,u){h.width=c?c.width:l.width,h.height=c?c.height:l.height;var d=h.getContext("2d");d.clearRect(0,0,h.width,h.height),u&&(u.imageSmoothingEnabled&&(d.imageSmoothingEnabled=u.imageSmoothingEnabled),u.imageSmoothingQuality&&(d.imageSmoothingQuality=u.imageSmoothingQuality),u.fillColor&&(d.fillStyle=u.fillColor,d.fillRect(0,0,h.width,h.height),d.save()));var m=l.left<0?-l.left:0,w=l.top<0?-l.top:0;d.drawImage(r,l.left+m,l.top+w,l.width,l.height,m*(h.width/l.width),w*(h.height/l.height),h.width,h.height)})(t,i,this.coordinates,n,o),t}},update:function(){this.$emit("change",this.getResult())},applyTransform:function(t){var e=arguments.length>1&&arguments[1]!==void 0&&arguments[1],i=this.visibleArea&&e?wi(this.sizeRestrictions,this.visibleArea):this.sizeRestrictions,o=this.visibleArea&&e?ut(this.positionRestrictions,this.visibleArea):this.positionRestrictions;return yi({transform:t,coordinates:this.coordinates,imageSize:this.imageSize,sizeRestrictions:i,positionRestrictions:o,aspectRatio:this.getAspectRatio(),visibleArea:this.visibleArea})},resetCoordinates:function(){var t=this;if(this.$refs.image){this.$refs.cropper,this.$refs.image;var e=this.defaultSize;e||(e=this.stencilSize?Si:Mi);var i=this.sizeRestrictions;i.minWidth,i.minHeight,i.maxWidth,i.maxHeight;var o=tt(e)?e({boundaries:this.boundaries,imageSize:this.imageSize,aspectRatio:this.getAspectRatio(),sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize(),visibleArea:this.visibleArea}):e,s=this.defaultPosition||xi,n=[o,function(a){var h=a.coordinates;return z({},tt(s)?s({coordinates:h,imageSize:t.imageSize,visibleArea:t.visibleArea}):t.defaultPosition)}];this.delayedTransforms&&n.push.apply(n,J(Array.isArray(this.delayedTransforms)?this.delayedTransforms:[this.delayedTransforms])),this.coordinates=this.applyTransform(n,!0),this.delayedTransforms=null}},clearImage:function(){var t=this;this.imageLoaded=!1,setTimeout((function(){var e=t.$refs.stretcher;e&&(e.style.height="auto",e.style.width="auto"),t.coordinates=t.defaultCoordinates(),t.boundaries={width:0,height:0}}),this.transitionTime)},enableTransitions:function(){this.transitions&&(this.transitionsActive=!0)},disableTransitions:function(){this.transitionsActive=!1},updateBoundaries:function(){var t=this,e=this.$refs.stretcher,i=this.$refs.cropper;return this.initStretcher({cropper:i,stretcher:e,imageSize:this.imageSize}),this.$nextTick().then((function(){var o={cropper:i,imageSize:t.imageSize};if(tt(t.defaultBoundaries)?t.boundaries=t.defaultBoundaries(o):t.defaultBoundaries==="fit"?t.boundaries=(function(s){var n=s.cropper,a=s.imageSize,h=n.clientHeight,r=n.clientWidth,l=h,c=a.width*h/a.height;return c>r&&(c=r,l=a.height*r/a.width),{width:c,height:l}})(o):t.boundaries=(function(s){var n=s.cropper;return{width:n.clientWidth,height:n.clientHeight}}
3)(o),!t.boundaries.width||!t.boundaries.height)throw new Error("It's impossible to fit the cropper in the current container")}))},resetVisibleArea:function(){var t=this;return this.appliedImageTransforms=z(z({},this.defaultImageTransforms),{},{flip:z({},this.defaultImageTransforms.flip)}),this.updateBoundaries().then((function(){t.priority!=="visible-area"&&(t.visibleArea=null,t.resetCoordinates());var e,i,o,s,n,a,h=t.defaultVisibleArea||Ci;t.visibleArea=tt(h)?h({imageSize:t.imageSize,boundaries:t.boundaries,coordinates:t.priority!=="visible-area"?t.coordinates:null,getAreaRestrictions:t.getAreaRestrictions,stencilSize:t.getStencilSize()}):t.defaultVisibleArea,t.visibleArea=(e={visibleArea:t.visibleArea,boundaries:t.boundaries,getAreaRestrictions:t.getAreaRestrictions},i=e.visibleArea,o=e.boundaries,s=e.getAreaRestrictions,n=f({},i),a=A(o),n.width/n.height!==a&&(n.height=n.width/a),$(n,s({visibleArea:n,type:"move"}))),t.priority==="visible-area"?t.resetCoordinates():t.coordinates=t.fitCoordinates({visibleArea:t.visibleArea,coordinates:t.coordinates,aspectRatio:t.getAspectRatio(),positionRestrictions:t.positionRestrictions,sizeRestrictions:t.sizeRestrictions}),t.runAutoZoom("resetVisibleArea")})).catch((function(){t.visibleArea=null}))},updateVisibleArea:function(){var t=this;return this.updateBoundaries().then((function(){t.visibleArea=t.fitVisibleArea({imageSize:t.imageSize,boundaries:t.boundaries,visibleArea:t.visibleArea,coordinates:t.coordinates,getAreaRestrictions:t.getAreaRestrictions}),t.coordinates=t.fitCoordinates({visibleArea:t.visibleArea,coordinates:t.coordinates,aspectRatio:t.getAspectRatio(),positionRestrictions:t.positionRestrictions,sizeRestrictions:t.sizeRestrictions}),t.runAutoZoom("updateVisibleArea")})).catch((function(){t.visibleArea=null}))},onChange:function(){var t=!(arguments.length>0&&arguments[0]!==void 0)||arguments[0];t&&this.debounce?this.debouncedUpdate():this.update()},onChangeImage:function(){var t,e=this;if(this.imageLoaded=!1,this.delayedTransforms=null,this.src){if((function(s){if(qt(s))return!1;var n=window.location,a=/(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(s)||[],h={protocol:a[1]||"",host:a[2]||"",port:a[3]||""},r=function(l){return l.port||((l.protocol||n.protocol)==="http"?80:433)};return!(!h.protocol&&!h.host&&!h.port||h.protocol&&h.protocol==n.protocol&&h.host&&h.host==n.host&&h.host&&r(h)==r(n))})(this.src)){var i=_(this.crossOrigin)?this.canvas:this.crossOrigin;i===!0&&(i="anonymous"),this.imageAttributes.crossOrigin=i||null}if(this.checkOrientation){var o=(t=this.src,new Promise((function(s){ji(t).then((function(n){var a=Pi(n);s(n?{source:t,arrayBuffer:n,orientation:a}:{source:t,arrayBuffer:null,orientation:null})})).catch((function(n){s({source:t,arrayBuffer:null,orientation:null})}))})));setTimeout((function(){o.then(e.onParseImage)}),this.transitionTime)}else setTimeout((function(){e.onParseImage({source:e.src})}),this.transitionTime)}else this.clearImage()},onFailLoadImage:function(){this.imageAttributes.src&&(this.clearImage(),this.$emit("error"))},onSuccessLoadImage:function(){var t=this,e=this.$refs.image;e&&!this.imageLoaded&&(this.imageAttributes.height=e.naturalHeight,this.imageAttributes.width=e.naturalWidth,this.imageLoaded=!0,this.resetVisibleArea().then((function(){t.$emit("ready"),t.onChange(!1)})))},onParseImage:function(t){var e=this,i=t.source,o=t.arrayBuffer,s=t.orientation;this.imageAttributes.revoke&&this.imageAttributes.src&&URL.revokeObjectURL(this.imageAttributes.src),this.imageAttributes.revoke=!1,o&&s&&s>1?ce(i)||!qt(i)?(this.imageAttributes.src=URL.createObjectURL(new Blob([o])),this.imageAttributes.revoke=!0):this.imageAttributes.src=(function(n){for(var a=[],h=new Uint8Array(n);h.length>0;){var r=h.subarray(0,8192);a.push(String.fromCharCode.apply(null,Array.from?Array.from(r):r.slice())),h=h.subarray(8192)}return"data:image/jpeg;base64,"+btoa(a.join(""))})(o):this.imageAttributes.src=i,tt(this.defaultTransforms)?this.appliedImageTransforms=Ct(this.defaultTransforms()):ft(this.defaultTransforms)?this.appliedImageTransforms=Ct(this.defaultTransforms):this.appliedImageTransforms=(function(n){var a=Ct({});if(n)switch(n){case 2:a.flip.horizontal=!0;break;case 3:a.rotate=-180;break;case 4:a.flip.vertical=!0;break;case 5:a.rotate=90,a.flip.vertical=!0;break;case 6:a.rotate=90;break;case 7:a.rotate=90,a.flip.horizontal=!0;break;case 8:a.rotate=-90}return a})(s),this.defaultImageTransforms=z(z({},this.appliedImageTransforms),{},{flip:z({},this.appliedImageTransforms.flip)}),this.$nextTick((function(){var n=e.$refs.image;
vendor: 5,469 bytes, line 3
3n&&n.complete&&((function(a){return!!a.naturalWidth})(n)?e.onSuccessLoadImage():e.onFailLoadImage())}))},onResizeEnd:function(){this.runAutoZoom("resize",{transitions:!0})},onMoveEnd:function(){this.runAutoZoom("move",{transitions:!0})},onMove:function(t){var e=this;this.transitionsOptions.enabled||this.awaitRender((function(){e.coordinates=e.moveAlgorithm(z(z({},e.getPublicProperties()),{},{positionRestrictions:ut(e.positionRestrictions,e.visibleArea),coordinates:e.coordinates,event:e.normalizeEvent(t)})),e.onChange()}))},onResize:function(t){var e=this;this.transitionsOptions.enabled||this.stencilSize&&!this.autoZoom||this.awaitRender((function(){var i=e.sizeRestrictions,o=Math.min(e.coordinates.width,e.coordinates.height,20*e.coefficient);e.coordinates=e.resizeAlgorithm(z(z({},e.getPublicProperties()),{},{positionRestrictions:ut(e.positionRestrictions,e.visibleArea),sizeRestrictions:{maxWidth:Math.min(i.maxWidth,e.visibleArea.width),maxHeight:Math.min(i.maxHeight,e.visibleArea.height),minWidth:Math.max(i.minWidth,o),minHeight:Math.max(i.minHeight,o)},event:e.normalizeEvent(t)})),e.onChange(),e.ticking=!1}))},onManipulateImage:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(!this.transitionsOptions.enabled){var i=e.transitions,o=i!==void 0&&i,s=e.normalize,n=s===void 0||s;o&&this.enableTransitions();var a=Ei(z(z({},this.getPublicProperties()),{},{event:n?this.normalizeEvent(t):t,getAreaRestrictions:this.getAreaRestrictions,imageRestriction:this.imageRestriction,adjustStencil:!this.stencilSize&&this.settings.resizeImage.adjustStencil})),h=a.visibleArea,r=a.coordinates;this.visibleArea=h,this.coordinates=r,this.runAutoZoom("manipulateImage"),this.onChange(),o&&this.debouncedDisableTransitions()}},onPropsChange:function(){this.coordinates=this.applyTransform(this.coordinates,!0),this.onChange(!1)},getAreaRestrictions:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=t.visibleArea,i=t.type,o=i===void 0?"move":i;return this.areaRestrictionsAlgorithm({boundaries:this.boundaries,imageSize:this.imageSize,imageRestriction:this.imageRestriction,visibleArea:e,type:o})},getAspectRatio:function(t){var e,i,o=this.stencilProps,s=o.aspectRatio,n=o.minAspectRatio,a=o.maxAspectRatio;if(this.$refs.stencil&&this.$refs.stencil.aspectRatios){var h=this.$refs.stencil.aspectRatios();e=h.minimum,i=h.maximum}if(_(e)&&(e=_(s)?n:s),_(i)&&(i=_(s)?a:s),!t&&(_(e)||_(i))){var r=this.getStencilSize(),l=r?A(r):null;_(e)&&(e=Zt(l)?l:void 0),_(i)&&(i=Zt(l)?l:void 0)}return{minimum:e,maximum:i}},getStencilSize:function(){if(this.stencilSize)return t={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)},e=t.boundaries,i=t.stencilSize,o=t.aspectRatio,Mt(A(s=tt(i)?i({boundaries:e,aspectRatio:o}):i),o)&&(s=X({sizeRestrictions:{maxWidth:e.width,maxHeight:e.height,minWidth:0,minHeight:0},width:s.width,height:s.height,aspectRatio:{minimum:o.minimum,maximum:o.maximum}})),(s.width>e.width||s.height>e.height)&&(s=X({sizeRestrictions:{maxWidth:e.width,maxHeight:e.height,minWidth:0,minHeight:0},width:s.width,height:s.height,aspectRatio:{minimum:A(s),maximum:A(s)}})),s;var t,e,i,o,s},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 z({},Gt)},flip:function(t,e){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=i.transitions,s=o===void 0||o;if(!this.transitionsActive){s&&this.enableTransitions();var n=z({},this.imageTransforms.flip),a=Ti({flip:{horizontal:t?!n.horizontal:n.horizontal,vertical:e?!n.vertical:n.vertical},previousFlip:n,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()}),h=a.visibleArea,r=a.coordinates;t&&(this.appliedImageTransforms.flip.horizontal=!this.appliedImageTransforms.flip.horizontal),e&&(this.appliedImageTransforms.flip.vertical=!this.appliedImageTransforms.flip.vertical),this.visibleArea=h,this.coordinates=r,this.onChange(),s&&this.debouncedDisableTransitions()}},rotate:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=e.transitions,o=i===void 0||i;if(!this.transitionsActive){o&&this.enableTransitions();var s=z({},this.imageSize);this.appliedImageTransforms.rotate+=t;var n=_i({visibleArea:this.visibleArea,coordinates:this.coordinates,previousImageSize:s,imageSize:this.imageSize,angle:t,positionRestrictions:this.positionRestrictions,sizeRestrictions:this.sizeRestrictions,getAreaRestrictions:this.getAreaRestrictions,aspectRatio:this.getAspectRatio()}),a=n.visibleArea,h=n.coordinates,r=this.processAutoZoom("rotateImage",a,h);a=r.visibleArea,h=r.coordinates,this.visibleArea=a,this.coordinates=h,this.onChange(),o&&this.debouncedDisableTransitions()}}},emits:["change","error","ready"]},Bi={key:0,ref:"canvas",style:{display:"none"}},Ui={key:1,ref:"sourceCanvas",style:{display:"none"}};
3Me.render=function(t,e,i,o,s,n){return b(),M("div",{ref:"cropper",class:n.classes.cropper},[x("div",{ref:"stretcher",class:n.classes.stretcher},null,2),x("div",{class:n.classes.boundaries,style:n.boundariesStyle},[(b(),M(gt(i.backgroundWrapperComponent),{class:n.classes.cropperWrapper,"wheel-resize":n.settings.resizeImage.wheel,"touch-resize":n.settings.resizeImage.touch,"touch-move":n.settings.moveImage.touch,"mouse-move":n.settings.moveImage.mouse,onMove:n.onManipulateImage,onResize:n.onManipulateImage},{default:C((function(){return[x("div",{class:n.classes.background,style:n.boundariesStyle},null,6),x("div",{class:n.classes.imageWrapper},[x("img",{ref:"image",crossorigin:s.imageAttributes.crossOrigin,src:s.imageAttributes.src,class:n.classes.image,style:n.imageStyle,onMousedown:e[1]||(e[1]=re((function(){}),["prevent"]))},null,46,["crossorigin","src"])],2),x("div",{class:n.classes.foreground,style:n.boundariesStyle},null,6),q((b(),M(gt(i.stencilComponent),se({ref:"stencil",image:n.image,coordinates:s.coordinates,"stencil-coordinates":n.stencilCoordinates,transitions:n.transitionsOptions},i.stencilProps,{onResize:n.onResize,onResizeEnd:n.onResizeEnd,onMove:n.onMove,onMoveEnd:n.onMoveEnd}),null,16,["image","coordinates","stencil-coordinates","transitions","onResize","onResizeEnd","onMove","onMoveEnd"])),[[oe,s.imageLoaded]]),i.canvas?(b(),M("canvas",Bi,null,512)):Q("",!0),i.canvas?(b(),M("canvas",Ui,null,512)):Q("",!0)]})),_:1},8,["class","wheel-resize","touch-resize","touch-move","mouse-move","onMove","onResize"]))],6)],2)};const Fi={"flex-1":"","w-0":""},Vi={"text-lg":"","text-center":"",my2:"",px3:""},Xi={"aspect-ratio-1":""},Yi={"m-4":""},Ni=bt({__name:"CommonCropImage",props:Tt({stencilAspectRatio:{default:()=>1/1},stencilSizePercentage:{default:.9}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=kt(t,"modelValue"),i=Z(!1),o=Z(),s=Z(!1),n=He({src:"",type:"image/jpg"});function a({boundaries:r}){return{width:r.width*t.stencilSizePercentage,height:r.height*t.stencilSizePercentage}}ne(e,(r,l,c)=>{let u=!1;if(c(()=>u=!0),r&&!s.value){i.value=!0;const d=new FileReader;d.readAsDataURL(r),d.onload=m=>{u||(n.src=m.target?.result,n.type=r.type)}}s.value=!1});function h(){if(o.value&&e.value){s.value=!0,i.value=!1;const{canvas:r}=o.value.getResult();r?.toBlob(l=>{e.value=new File([l],`cropped${e.value?.name}`,{type:l?.type})},n.type)}}return(r,l)=>{const c=ti;return b(),M(c,{modelValue:v(i),"onUpdate:modelValue":l[1]||(l[1]=u=>ae(i)?i.value=u:null),"use-v-if":!1,"max-w-500px":"",flex:""},{default:C(()=>[p("div",Fi,[p("div",Vi,[p("h1",null,H(r.$t("action.edit")),1)]),p("div",Xi,[x(v(Me),{ref_key:"cropper",ref:o,class:"overflow-hidden w-full h-full",src:v(n).src,"resize-image":{adjustStencil:!1},"stencil-size":a,"stencil-props":{aspectRatio:t.stencilAspectRatio,movable:!1,resizable:!1,handlers:{}},"image-restriction":"stencil"},null,8,["src","stencil-props"])]),p("div",Yi,[p("button",{"btn-solid":"","w-full":"",rounded:"","text-sm":"",onClick:l[0]||(l[0]=u=>h())},H(r.$t("action.confirm")),1)])])]),_:1},8,["modelValue"])}}}),qi=Object.assign(Ni,{__name:"CommonCropImage"}),pt=G(()=>ke.value?16:4);function Zi(t){try{return je(t).children.map(i=>Se(i)).join("").trim()}catch{return""}}function Se(t){let e="";return t.type===Pe?Le(t.value):("children"in t&&(e=t.children.map(i=>Se(i)).join("")),e)}const Gi={"space-y-2":""},Qi={"font-medium":""},Ji={"text-sm":"","text-secondary":""},Ki={flex:"~ col gap4"},tn={type:"button","btn-action-icon":""},en={flex:"~ wrap gap-1","max-w-60":"",m2:"",me1:""},nn=["onClick"],on=["onUpdate:modelValue","placeholder"],sn=["onUpdate:modelValue","placeholder"],rn=bt({__name:"SettingsProfileMetadata",props:{modelValue:{required:!0},modelModifiers:{}},emits:["update:modelValue"],setup(t){const e=kt(t,"modelValue"),i=Z(),o=G(()=>Array.from({length:pt.value},(a,h)=>ni(e.value.fieldsAttributes[h].name))),s=G(()=>{const a=e.value.fieldsAttributes.toReversed().findIndex(h=>h.name||h.value);return a===-1?1:Math.min(e.value.fieldsAttributes.length-a+1,pt.value)});function n(a,h){e.value.fieldsAttributes[a].name=h,i.value[a]?.hide()}return(a,h)=>{const r=he,l=ei;return b(),D("div",Gi,[p("div",Qi,H(a.$t("settings.profile.appearance.profile_metadata")),1),p("div",Ji,H(a.$t("settings.profile.appearance.profile_metadata_desc",["maxAccountFieldCount"in a?a.maxAccountFieldCount:v(pt)])),1),p("div",Ki,[(b(!0),D(st,null,rt(v(s),c=>(b(),D("div",{key:c,flex:"~ gap3","items-center":""},[x(l,{ref_for:!0,ref_key:"dropdown",ref:i,placement:"left"},{popper:C(()=>[p("div",en,[(b(!0),D(st,null,rt("accountFieldIcons"in a?a.accountFieldIcons:v(ii),(u,d)=>(b(),M(r,{key:u,content:d},{default:C(()=>
3[d!=="Joined"?(b(),D("button",{key:0,type:"button","btn-action-icon":"",onClick:m=>n(c-1,d)},[p("div",{"text-xl":"",class:_t(u)},null,2)],8,nn)):Q("",!0)]),_:2},1032,["content"]))),128))])]),default:C(()=>[x(r,{content:a.$t("tooltip.pick_an_icon")},{default:C(()=>[p("button",tn,[p("div",{class:_t(v(o)[c-1]||"i-ri:question-mark")},null,2)])]),_:2},1032,["content"])]),_:2},1536),q(p("input",{"onUpdate:modelValue":u=>e.value.fieldsAttributes[c-1].name=u,type:"text","placeholder-text-secondary":"",placeholder:a.$t("settings.profile.appearance.profile_metadata_label"),"input-base":""},null,8,on),[[vt,e.value.fieldsAttributes[c-1].name]]),q(p("input",{"onUpdate:modelValue":u=>e.value.fieldsAttributes[c-1].value=u,type:"text","placeholder-text-secondary":"",placeholder:a.$t("settings.profile.appearance.profile_metadata_value"),"input-base":""},null,8,sn),[[vt,e.value.fieldsAttributes[c-1].value]])]))),128))])])}}}),an=Object.assign(rn,{__name:"SettingsProfileMetadata"}),hn={key:0},ln={"of-hidden":"",bg:"gray-500/20",aspect:"3"},cn={"px-4":"",flex:"~ gap4"},un={px4:""},dn={flex:"","justify-between":""},mn={flex:"~ row","items-center":"",gap2:""},fn={px4:"",py3:"","space-y-5":""},pn={"space-y-2":"",block:""},gn={"font-medium":""},vn={"space-y-2":"",block:""},bn={"font-medium":""},wn={flex:"~ gap2","justify-end":""},yn=["disabled"],zn={key:0,"aria-hidden":"true",block:"","animate-spin":"","preserve-3d":""},An={key:1,"aria-hidden":"true",block:"","i-ri:save-line":""},Rn={key:1,type:"submit","btn-danger":"","rounded-full":"","text-sm":"",flex:"","gap-x-2":"","items-center":""},xn={id:"save-failed",flex:"","justify-between":""},Mn={flex:"","items-center":"","gap-x-2":"","font-bold":""},Sn=["aria-label"],Cn={"ps-2":"","sm:ps-1":""},On=bt({__name:"appearance",setup(t){const{t:e}=ie();Be({title:()=>`${e("settings.profile.appearance.title")} | ${e("nav.settings")}`});const{client:i}=Ue(),o=Z(),s=Z(),n=G(()=>ht.value?.account),a=G(()=>({avatar:n.value?.avatar||"",header:n.value?.header||""})),{form:h,reset:r,submitter:l,isDirty:c,isError:u}=si({form:()=>{const R=Array.from({length:pt.value},(g,P)=>{const I={...n.value?.fields?.[P]||{name:"",value:""}};return I.value=Zi(I.value),I});return{displayName:n.value?.displayName??"",note:n.value?.source.note.replaceAll("\r","")??"",avatar:null,header:null,fieldsAttributes:R,bot:n.value?.bot??!1,locked:n.value?.locked??!1}}}),d=G(()=>!u.value&&c.value),m=Z([]),{submit:w,submitting:y}=l(async({dirtyFields:R})=>{if(!d.value)return;const g=await i.value.v1.accounts.updateCredentials(R.value).then(I=>({account:I})).catch(I=>({error:I}));if("error"in g){m.value.push(g.error.message);return}const P=ht.value.server;g.account.acct.includes("@")||(g.account.acct=`${g.account.acct}@${P}`),Fe(g.account,P,!0),ht.value.account=g.account,r()});async function W(){ht.value&&(await Je(),c||r())}return Vt(o,R=>{R?.[0]&&(h.avatar=R[0])}),Vt(s,R=>{R?.[0]&&(h.header=R[0])}),Ve(W),Xe(W),(R,g)=>{const P=Ge,I=li,Ut=qi,Ce=Ye,Ee=Ne,_e=qe,Te=Ze,$e=an,We=he,Ie=oi,De=Qe;return b(),M(De,{back:""},{title:C(()=>[x(P,{as:"h1",secondary:""},{default:C(()=>[At(H(R.$t("settings.profile.appearance.title")),1)]),_:1})]),default:C(()=>[p("form",{"space-y-5":"",onSubmit:g[11]||(g[11]=re((...S)=>v(w)&&v(w)(...S),["prevent"]))},[v(n)?(b(),D("div",hn,[p("div",ln,[x(I,{ref_key:"headerInput",ref:s,modelValue:v(h).header,"onUpdate:modelValue":g[0]||(g[0]=S=>v(h).header=S),original:v(a).header,"w-full":"","h-full":""},null,8,["modelValue","original"])]),x(Ut,{modelValue:v(h).header,"onUpdate:modelValue":g[1]||(g[1]=S=>v(h).header=S),"stencil-aspect-ratio":3/1},null,8,["modelValue"]),p("div",cn,[x(I,{ref_key:"avatarInput",ref:o,modelValue:v(h).avatar,"onUpdate:modelValue":g[2]||(g[2]=S=>v(h).avatar=S),original:v(a).avatar,"mt--10":"","rounded-full":"",border:"bg-base 4",w:"sm:30 24","min-w":"sm:30 24",h:"sm:30 24"},null,8,["modelValue","original"])]),x(Ut,{modelValue:v(h).avatar,"onUpdate:modelValue":g[3]||(g[3]=S=>v(h).avatar=S)},null,8,["modelValue"]),p("div",un,[p("div",dn,[x(Ce,{account:{...v(n),displayName:v(h).displayName},"font-bold":"","sm:text-2xl":"","text-xl":""},null,8,["account"]),p("div",mn,[p("label",null,[x(Ee,{"show-label":"",px2:"",py1:""},{prepend:C(()=>[q(p("input",{"onUpdate:modelValue":g[4]||(g[4]=S=>v(h).locked=S),type:"checkbox","cursor-pointer":""},null,512),[[Xt,v(h).locked]])]),_:1})]),p("label",null,[x(_e,{"show-label":"",px2:"",py1:""},{prepend:C(()=>
3[q(p("input",{"onUpdate:modelValue":g[5]||(g[5]=S=>v(h).bot=S),type:"checkbox","cursor-pointer":""},null,512),[[Xt,v(h).bot]])]),_:1})])])]),x(Te,{account:v(n)},null,8,["account"])])])):Q("",!0),p("div",fn,[p("label",pn,[p("p",gn,H(R.$t("settings.profile.appearance.display_name")),1),q(p("input",{"onUpdate:modelValue":g[6]||(g[6]=S=>v(h).displayName=S),type:"text","input-base":""},null,512),[[vt,v(h).displayName]])]),p("label",vn,[p("p",bn,H(R.$t("settings.profile.appearance.bio")),1),q(p("textarea",{"onUpdate:modelValue":g[7]||(g[7]=S=>v(h).note=S),maxlength:"500","min-h-10ex":"","input-base":""},null,512),[[vt,v(h).note]])]),x($e,{modelValue:v(h),"onUpdate:modelValue":g[8]||(g[8]=S=>ae(h)?h.value=S:null)},null,8,["modelValue"]),p("div",wn,[p("button",{type:"button","btn-text":"","text-sm":"",flex:"","gap-x-2":"","items-center":"","text-red":"",onClick:g[9]||(g[9]=S=>v(r)())},[g[12]||(g[12]=p("div",{"aria-hidden":"true","i-ri:eraser-line":""},null,-1)),At(" "+H(R.$t("action.reset")),1)]),v(m).length===0?(b(),D("button",{key:0,type:"submit","btn-solid":"","rounded-full":"","text-sm":"",flex:"","gap-x-2":"","items-center":"",disabled:v(y)||!v(d)},[v(y)?(b(),D("span",zn,[...g[13]||(g[13]=[p("span",{block:"","i-ri:loader-2-fill":"","aria-hidden":"true"},null,-1)])])):(b(),D("span",An)),At(" "+H(R.$t("action.save")),1)],8,yn)):(b(),D("button",Rn,[g[14]||(g[14]=p("span",{"aria-hidden":"true",block:"","i-carbon:face-dizzy-filled":""},null,-1)),p("span",null,H(R.$t("state.save_failed")),1)]))]),v(m).length>0?(b(),M(Ie,{key:0,"described-by":"save-failed"},{default:C(()=>[p("header",xn,[p("div",Mn,[g[15]||(g[15]=p("div",{"aria-hidden":"true","i-ri:error-warning-fill":""},null,-1)),p("p",null,H(R.$t("state.save_failed")),1)]),x(We,{placement:"bottom",content:R.$t("action.clear_save_failed")},{default:C(()=>[p("button",{flex:"","rounded-4":"",p1:"","hover:bg-active":"","cursor-pointer":"","transition-100":"","aria-label":R.$t("action.clear_save_failed"),onClick:g[10]||(g[10]=S=>m.value=[])},[...g[16]||(g[16]=[p("span",{"aria-hidden":"true",w:"1.75em",h:"1.75em","i-ri:close-line":""},null,-1)])],8,Sn)]),_:1},8,["content"])]),p("ol",Cn,[(b(!0),D(st,null,rt(v(m),(S,Ft)=>(b(),D("li",{key:Ft,flex:"~ col sm:row","gap-y-1":"","sm:gap-x-2":""},[p("strong",null,H(Ft+1)+".",1),p("span",null,H(S),1)]))),128))])]),_:1})):Q("",!0)])],32)]),_:1})}}});
3export{On as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.