@tmrw-abfrl/nc-lib-gui 1.0.20260114085945 → 1.0.20260119101901

package/lib/dist/_nuxt/BSP7iKzW.js

@@ -0,0 +1,20 @@
+import{m as R,o as z,L as _,e as F,h as A,i as D,a7 as jt,ac as $t,y as at,p as Gt,c5 as Qt,M as St,n as wt,E as pe,d as ve,cl as be,P as we,bW as ye,c as Bt,a8 as ze,r as ut,aj as Re,cm as Ae,ag as Me,k as S,l as xe,j as V,g as Se,v as Ce,_ as Ee,B as dt,s as Te,x as We,a0 as De,a1 as Oe,I as He}from"./BntbNdq_.js";import Pe from"./2qJ9T3pz.js";function kt(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),i.push.apply(i,s)}return i}function w(t){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};e%2?kt(Object(i),!0).forEach(function(s){H(t,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):kt(Object(i)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(i,s))})}return t}function H(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function Le(t,e){if(t==null)return{};var i,s,o=function(a,h){if(a==null)return{};var r,c,l={},u=Object.keys(a);for(c=0;c<u.length;c++)r=u[c],h.indexOf(r)>=0||(l[r]=a[r]);return l}(t,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(s=0;s<n.length;s++)i=n[s],e.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(o[i]=t[i])}return o}function N(t){return function(e){if(Array.isArray(e))return ft(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 ft(e,i);var s=Object.prototype.toString.call(e).slice(8,-1);if(s==="Object"&&e.constructor&&(s=e.constructor.name),s==="Map"||s==="Set")return Array.from(e);if(s==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s))return ft(e,i)}}(t)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function ft(t,e){(e==null||e>t.length)&&(e=t.length);for(var i=0,s=new Array(e);i<e;i++)s[i]=t[i];return s}var Xt,Ie,et,M=(Xt=function(t){/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/(function(){var e={}.hasOwnProperty;function i(){for(var s=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var a=typeof n;if(a==="string"||a==="number")s.push(n);else if(Array.isArray(n)){if(n.length){var h=i.apply(null,n);h&&s.push(h)}}else if(a==="object")if(n.toString===Object.prototype.toString)for(var r in n)e.call(n,r)&&n[r]&&s.push(r);else s.push(n.toString())}}return s.join(" ")}t.exports?(i.default=i,t.exports=i):window.classNames=i})()},Xt(et={path:Ie,exports:{},require:function(t,e){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(e==null&&et.path)}},et.exports),et.exports),L=function(t){return function(e,i){if(!e)return t;var s;typeof e=="string"?s=e:i=e;var o=t;return s&&(o+="__"+s),o+(i?Object.keys(i).reduce(function(n,a){var h=i[a];return h&&(n+=" "+(typeof h=="boolean"?o+"--"+a:o+"--"+a+"_"+h)),n},""):"")}};function yt(t,e,i){var s,o,n,a,h;function r(){var l=Date.now()-a;l<e&&l>=0?s=setTimeout(r,e-l):(s=null,i||(h=t.apply(n,o),n=o=null))}e==null&&(e=100);var c=function(){n=this,o=arguments,a=Date.now();var l=i&&!s;return s||(s=setTimeout(r,e)),l&&(h=t.apply(n,o),n=o=null),h};return c.clear=function(){s&&(clearTimeout(s),s=null)},c.flush=function(){s&&(h=t.apply(n,o),n=o=null,clearTimeout(s),s=null)},c}yt.debounce=yt;var zt=yt,m=function(){return m=Object.assign||function(t){for(var e,i=1,s=arguments.length;i<s;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},m.apply(this,arguments)};/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */function Kt(t,e){var i,s;return t&&e?(i=""+t+e[0].toUpperCase()+e.slice(1),s=t+"-"+e):(i=t||e,s=t||e),{name:i,classname:s}}function Jt(t){return/^blob:/.test(t)}function Yt(t){return Jt(t)||function(e){return/^data:/.test(e)}(t)}function Z(t){return!!(t&&t.constructor&&t.call&&t.apply)}function x(t){return t===void 0}function rt(t){return typeof t=="object"&&t!==null}function Rt(t,e,i){var s={};return rt(t)?(Object.keys(e).forEach(function(o){x(t[o])?s[o]=e[o]:rt(e[o])?rt(t[o])?s[o]=Rt(t[o],e[o],i[o]):s[o]=t[o]?e[o]:i[o]:e[o]===!0||e[o]===!1?s[o]=!!t[o]:s[o]=t[o]}),s):t?e:i}function it(t){var e=Number(t);return Number.isNaN(e)?t:e}function Ft(t){return typeof(t=="number"||function(e){return typeof e=="object"&&e!==null}(t)&&toString.call(t)=="[object Number]")&&!te(t)}function te(t){return t!=t}function ee(t,e){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}var K=function(t,e){t===void 0&&(t={}),e===void 0&&(e={}),this.type="manipulateImage",this.move=t,this.scale=e},je=function(t,e){e===void 0&&(e={}),this.type="resize",this.directions=t,this.params=e},Ct=function(t){this.type="move",this.directions=t},$e=function(){function t(e,i,s,o,n){this.type="drag",this.nativeEvent=e,this.position=s,this.previousPosition=o,this.element=i,this.anchor=n}return t.prototype.shift=function(){var e=this,i=e.element,s=e.anchor,o=e.position;if(i){var n=i.getBoundingClientRect(),a=n.left,h=n.top;return{left:o.left-a-s.left,top:o.top-h-s.top}}return{left:0,top:0}},t}(),Et={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=N(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,s=e.right,o=e.bottom,n=e.top;this.anchor={left:t.clientX-i,top:t.clientY-n,bottom:o-t.clientY,right:s-t.clientX}},processMove:function(t,e){var i=N(e);if(this.touches.length){if(this.touches.length===1&&i.length===1){var s=this.$refs.draggable;this.$emit("drag",new $e(t,s,{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"]};Et.render=function(t,e,i,s,o,n){return z(),R("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)})},[_(t.$slots,"default")],34)};var mt=L("vue-handler-wrapper"),ie={name:"HandlerWrapper",components:{DraggableElement:Et},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=Kt(this.horizontalPosition,this.verticalPosition);t=mt((H(e={},i.classname,!0),H(e,"disabled",this.disabled),e))}else t=mt({disabled:this.disabled});return{root:t,draggable:mt("draggable")}}},emits:["leave","enter","drag","drag-end"]};ie.render=function(t,e,i,s,o,n){var a=F("DraggableElement");return z(),R("div",{class:n.classes.root},[A(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:D(function(){return[_(t.$slots,"default")]}),_:3},8,["class"])],2)};var Be=L("vue-line-wrapper"),ne={name:"LineWrapper",components:{DraggableElement:Et},props:{position:{type:String,required:!0},disabled:{type:Boolean,default:!1}},computed:{classname:function(){var t;return Be((H(t={},this.position,!0),H(t,"disabled",this.disabled),t))}},emits:["leave","enter","drag","drag-end"]};ne.render=function(t,e,i,s,o,n){var a=F("DraggableElement");return z(),R(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:D(function(){return[_(t.$slots,"default")]}),_:3},8,["class"])};var $=["left","right","top","bottom"],ke=["left","right"],Xe=["top","bottom"],Ye=["left","top"],Fe=["fill-area","fit-area","stencil","none"],Ut={left:0,top:0,width:0,height:0};function Nt(t,e,i){return!(i=i||["width","height","left","top"]).some(function(s){return t[s]!==e[s]})}function B(t){return{left:t.left,top:t.top,right:t.left+t.width,bottom:t.top+t.height}}function q(t,e){return{left:t.left-e.left,top:t.top-e.top}}function C(t){return{left:t.left+t.width/2,top:t.top+t.height/2}}function J(t,e){var i={left:0,top:0,right:0,bottom:0};return $.forEach(function(s){var o=e[s],n=B(t)[s];i[s]=o!==void 0&&n!==void 0?s==="left"||s==="top"?Math.max(0,o-n):Math.max(0,n-o):0}),i}function j(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 ht(t){return{left:-t.left,top:-t.top}}function O(t,e){return m(m({},t),{left:t.left+e.left,top:t.top+e.top})}function P(t,e,i,s){if(e!==1){if(i){var o=C(t);return{width:t.width*e,height:t.height*e,left:t.left+t.width*(1-e)/2+(i.left-o.left)*(1-e),top:t.top+t.height*(1-e)/2+(i.top-o.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 y(t){return t.width/t.height}function G(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 Q(t,e){var i={left:0,top:0},s=J(t,e);return s.left&&s.left>0?i.left=s.left:s.right&&s.right>0&&(i.left=-s.right),s.top&&s.top>0?i.top=s.top:s.bottom&&s.bottom>0&&(i.top=-s.bottom),i}function gt(t,e){var i;return e.minimum&&t<e.minimum?i=e.minimum:e.maximum&&t>e.maximum&&(i=e.maximum),i}function se(t,e){var i=y(t),s=y(e);return e.width<1/0&&e.height<1/0?i>s?{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 oe(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 U(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 ct(t,e){var i=J(E(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,G(t,e)):Math.min((t.height+i.top+i.bottom)/t.height,G(t,e)):1}function E(t,e,i){i===void 0&&(i=!1);var s=Q(t,e);return O(t,i?ht(s):s)}function At(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 Ue(t,e){return m(m({},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 re(t,e,i){i===void 0&&(i=!0);var s={};return $.forEach(function(o){var n=t[o],a=e[o];n!==void 0&&a!==void 0?s[o]=o==="left"||o==="top"?i?Math.max(n,a):Math.min(n,a):i?Math.min(n,a):Math.max(n,a):a!==void 0?s[o]=a:n!==void 0&&(s[o]=n)}),s}function lt(t,e){return re(t,e,!0)}function _t(t){var e=t.size,i=t.aspectRatio,s=t.ignoreMinimum,o=t.sizeRestrictions;return!!((e.correctRatio||y(e)>=i.minimum&&y(e)<=i.maximum)&&e.height<=o.maxHeight&&e.width<=o.maxWidth&&e.width&&e.height&&(s||e.height>=o.minHeight&&e.width>=o.minWidth))}function Vt(t,e){return Math.pow(t.width-e.width,2)+Math.pow(t.height-e.height,2)}function Y(t){var e=t.width,i=t.height,s=t.sizeRestrictions,o={minimum:t.aspectRatio&&t.aspectRatio.minimum||0,maximum:t.aspectRatio&&t.aspectRatio.maximum||1/0},n={width:Math.max(s.minWidth,Math.min(s.maxWidth,e)),height:Math.max(s.minHeight,Math.min(s.maxHeight,i))};function a(c,l){return l===void 0&&(l=!1),c.reduce(function(u,d){return _t({size:d,aspectRatio:o,sizeRestrictions:s,ignoreMinimum:l})&&(!u||Vt(d,{width:e,height:i})<Vt(u,{width:e,height:i}))?d:u},null)}var h=[];o&&[o.minimum,o.maximum].forEach(function(c){c&&h.push({width:n.width,height:n.width/c,correctRatio:!0},{width:n.height*c,height:n.height,correctRatio:!0})}),_t({size:n,aspectRatio:o,sizeRestrictions:s})&&h.push(n);var r=a(h)||a(h,!0);return r&&{width:r.width,height:r.height}}function Mt(t){var e=t.event,i=t.coordinates,s=t.positionRestrictions,o=s===void 0?{}:s,n=O(i,e.directions);return O(n,Q(n,o))}function Ne(t){var e=t.coordinates,i=t.transform,s=t.imageSize,o=t.sizeRestrictions,n=t.positionRestrictions,a=t.aspectRatio,h=t.visibleArea,r=function(l,u){return Mt({coordinates:l,positionRestrictions:n,event:new Ct({left:u.left-l.left,top:u.top-l.top})})},c=m({},e);return(Array.isArray(i)?i:[i]).forEach(function(l){var u={};x((u=typeof l=="function"?l({coordinates:c,imageSize:s,visibleArea:h}):l).width)&&x(u.height)||(c=function(d,f){var g=m(m(m({},d),Y({width:f.width,height:f.height,sizeRestrictions:o,aspectRatio:a})),{left:0,top:0});return r(g,{left:d.left,top:d.top})}(c,m(m({},c),u))),x(u.left)&&x(u.top)||(c=r(c,m(m({},c),u)))}),c}function _e(t){t.event;var e=t.getAreaRestrictions,i=t.boundaries,s=t.coordinates,o=t.visibleArea;t.aspectRatio;var n=t.stencilSize,a=t.sizeRestrictions,h=t.positionRestrictions;t.stencilReference;var r,c,l,u=m({},s),d=m({},o),f=m({},n);r=y(f),c=y(u),l===void 0&&(l=.001),(r===0||c===0?Math.abs(c-r)<l:Math.abs(c/r)<1+l&&Math.abs(c/r)>1-l)||(u=m(m({},u),Y({sizeRestrictions:a,width:u.width,height:u.height,aspectRatio:{minimum:y(f),maximum:y(f)}})));var g=ct(d=P(d,u.width*i.width/(d.width*f.width)),e({visibleArea:d,type:"resize"}));return g!==1&&(d=P(d,g),u=P(u,g)),d=E(d=O(d,q(C(u),C(d))),e({visibleArea:d,type:"move"})),{coordinates:u=E(u,lt(B(d),h)),visibleArea:d}}function Ve(t){var e=t.event,i=t.getAreaRestrictions,s=t.boundaries,o=t.coordinates,n=t.visibleArea;t.aspectRatio,t.stencilSize,t.sizeRestrictions;var a=t.positionRestrictions;t.stencilReference;var h=m({},o),r=m({},n);if(o&&n&&e.type!=="manipulateImage"){var c={width:0,height:0};r.width,s.width,y(s)>y(h)?(c.height=.8*s.height,c.width=c.height*y(h)):(c.width=.8*s.width,c.height=c.width*y(h));var l=ct(r=P(r,h.width*s.width/(r.width*c.width)),i({visibleArea:r,type:"resize"}));r=P(r,l),l!==1&&(c.height/=l,c.width/=l),r=E(r=O(r,q(C(h),C(r))),i({visibleArea:r,type:"move"})),h=E(h,lt(B(r),a))}return{coordinates:h,visibleArea:r}}function Ze(t){var e=t.event,i=t.coordinates,s=t.visibleArea,o=t.getAreaRestrictions,n=m({},s),a=m({},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=P(n,Math.min(a.width/n.width,G(n,o({visibleArea:n,type:"resize"})))):r>h&&(n=P(n,Math.min(a.height/n.height,G(n,o({visibleArea:n,type:"resize"}))))),n=E(n=O(n,ht(Q(a,B(n)))),o({visibleArea:n,type:"move"}))}return{visibleArea:n,coordinates:a}}function qe(t){var e=t.imageSize,i=t.visibleArea,s=t.coordinates,o=i||e;return{left:(i?i.left:0)+o.width/2-s.width/2,top:(i?i.top:0)+o.height/2-s.height/2}}function Ge(t){var e=t.imageSize,i=t.visibleArea,s=t.aspectRatio,o=t.sizeRestrictions,n=i||e,a=Math.min(s.maximum||1/0,Math.max(s.minimum||0,y(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 Y(m(m({},h),{aspectRatio:s,sizeRestrictions:o}))}function Qe(t){var e,i,s=t.imageSize,o=t.visibleArea,n=t.boundaries,a=t.aspectRatio,h=t.sizeRestrictions,r=t.stencilSize,c=o||s;return y(c)>y(n)?i=(e=r.height*c.height/n.height)*y(r):e=(i=r.width*c.width/n.width)/y(r),Y({width:i,height:e,aspectRatio:a,sizeRestrictions:h})}function Ke(t){var e=t.getAreaRestrictions,i=t.coordinates,s=t.imageSize,o=y(t.boundaries);if(i){var n={height:Math.max(i.height,s.height),width:Math.max(i.width,s.width)},a=se({width:y(n)>o?n.width:n.height*o,height:y(n)>o?n.width/o:n.height},At(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=J(i,B(m({left:0,top:0},s))),c={};return!r.left&&!r.right&&h.width<=s.width&&(c.left=0,c.right=s.width),!r.top&&!r.bottom&&h.height<=s.height&&(c.top=0,c.bottom=s.height),E(h,c)}var l=y(s);return a={height:l>o?s.height:s.width/o,width:l>o?s.height*o:s.width},{left:s.width/2-a.width/2,top:s.height/2-a.height/2,width:a.width,height:a.height}}function nt(t,e){return re(t,B(e))}function Je(t){var e=t.event,i=t.coordinates,s=t.visibleArea,o=t.sizeRestrictions,n=t.getAreaRestrictions,a=t.positionRestrictions,h=t.adjustStencil,r=e.scale,c=e.move,l=m({},s),u=m({},i),d=1,f=1,g=r.factor&&Math.abs(r.factor-1)>.001;l=O(l,{left:c.left||0,top:c.top||0});var p={stencil:{minimum:Math.max(o.minWidth?o.minWidth/u.width:0,o.minHeight?o.minHeight/u.height:0),maximum:Math.min(o.maxWidth?o.maxWidth/u.width:1/0,o.maxHeight?o.maxHeight/u.height:1/0,G(u,a))},area:{maximum:G(l,n({visibleArea:l,type:"resize"}))}};r.factor&&g&&(r.factor<1?(f=Math.max(r.factor,p.stencil.minimum))>1&&(f=1):r.factor>1&&(f=Math.min(r.factor,Math.min(p.area.maximum,p.stencil.maximum)))<1&&(f=1)),f&&(l=P(l,f,r.center));var T=i.left-s.left,v=s.width+s.left-(i.width+i.left),b=i.top-s.top,W=s.height+s.top-(i.height+i.top);return l=E(l=O(l,Q(l,{left:a.left!==void 0?a.left-T*f:void 0,top:a.top!==void 0?a.top-b*f:void 0,bottom:a.bottom!==void 0?a.bottom+W*f:void 0,right:a.right!==void 0?a.right+v*f:void 0})),n({visibleArea:l,type:"move"})),u.width=u.width*f,u.height=u.height*f,u.left=l.left+T*f,u.top=l.top+b*f,u=E(u,lt(B(l),a)),r.factor&&g&&h&&(r.factor>1?d=Math.min(p.area.maximum,r.factor)/f:r.factor<1&&(d=Math.max(u.height/l.height,u.width/l.width,r.factor/f)),d!==1&&(l=O(l=E(l=P(l,d,r.factor>1?r.center:C(u)),n({visibleArea:l,type:"move"})),ht(Q(u,B(l)))))),{coordinates:u,visibleArea:l}}function ti(t){var e=t.aspectRatio,i=t.getAreaRestrictions,s=t.coordinates,o=t.visibleArea,n=t.sizeRestrictions,a=t.positionRestrictions,h=t.imageSize,r=t.previousImageSize,c=t.angle,l=m({},s),u=m({},o),d=U(C(m({left:0,top:0},r)),c);return(l=m(m({},Y({sizeRestrictions:n,aspectRatio:e,width:l.width,height:l.height})),U(C(l),c))).left-=d.left-h.width/2+l.width/2,l.top-=d.top-h.height/2+l.height/2,u=P(u,ct(u,i({visibleArea:u,type:"resize"}))),{coordinates:l=E(l,a),visibleArea:u=E(u=O(u,q(C(l),C(s))),i({visibleArea:u,type:"move"}))}}function ei(t){var e=t.flip,i=t.previousFlip,s=t.rotate,o=t.getAreaRestrictions,n=t.coordinates,a=t.visibleArea,h=t.imageSize,r=m({},n),c=m({},a),l=i.horizontal!==e.horizontal,u=i.vertical!==e.vertical;if(l||u){var d=U({left:h.width/2,top:h.height/2},-s),f=U(C(r),-s),g=U({left:l?d.left-(f.left-d.left):f.left,top:u?d.top-(f.top-d.top):f.top},s);r=O(r,q(g,C(r))),f=U(C(c),-s),c=E(c=O(c,q(g=U({left:l?d.left-(f.left-d.left):f.left,top:u?d.top-(f.top-d.top):f.top},s),C(c))),o({visibleArea:c,type:"move"}))}return{coordinates:r,visibleArea:c}}function Zt(t){var e=t.directions,i=t.coordinates,s=t.positionRestrictions,o=s===void 0?{}:s,n=t.sizeRestrictions,a=t.preserveRatio,h=t.compensate,r=m({},e),c=j(i,r).width,l=j(i,r).height;c<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))),l<0&&(r.top<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=J(j(i,r),o);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=J(j(i,r),o));var d={width:1/0,height:1/0,left:1/0,right:1/0,top:1/0,bottom:1/0};if($.forEach(function(p){var T=u[p];T&&r[p]&&(d[p]=Math.max(0,1-T/r[p]))}),a){var f=Math.min.apply(null,$.map(function(p){return d[p]}));f!==1/0&&$.forEach(function(p){r[p]*=f})}else $.forEach(function(p){d[p]!==1/0&&(r[p]*=d[p])});if(c=j(i,r).width,l=j(i,r).height,r.right+r.left&&(c>n.maxWidth?d.width=(n.maxWidth-i.width)/(r.right+r.left):c<n.minWidth&&(d.width=(n.minWidth-i.width)/(r.right+r.left))),r.bottom+r.top&&(l>n.maxHeight?d.height=(n.maxHeight-i.height)/(r.bottom+r.top):l<n.minHeight&&(d.height=(n.minHeight-i.height)/(r.bottom+r.top))),a){var g=Math.min(d.width,d.height);g!==1/0&&$.forEach(function(p){r[p]*=g})}else d.width!==1/0&&ke.forEach(function(p){r[p]*=d.width}),d.height!==1/0&&Xe.forEach(function(p){r[p]*=d.height});return r}function st(t,e,i){return e==0&&i==0?t/2:e==0?0:i==0?t:t*Math.abs(e/(e+i))}var ii=L("vue-simple-handler"),ni=L("vue-simple-handler-wrapper"),Tt={name:"SimpleHandler",components:{HandlerWrapper:ie},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=(H(t={},this.horizontalPosition,!!this.horizontalPosition),H(t,this.verticalPosition,!!this.verticalPosition),H(t,"".concat(this.horizontalPosition,"-").concat(this.verticalPosition),!!(this.verticalPosition&&this.horizontalPosition)),H(t,"hover",this.hover),t);return{default:M(ii(e),this.defaultClass,this.hover&&this.hoverClass),wrapper:M(ni(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"]};Tt.render=function(t,e,i,s,o,n){var a=F("HandlerWrapper");return z(),R(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:D(function(){return[A("div",{class:n.classes.default},null,2)]}),_:1},8,["class","vertical-position","horizontal-position","disabled","onDrag","onDragEnd","onEnter","onLeave"])};var si=L("vue-simple-line"),oi=L("vue-simple-line-wrapper"),Wt={name:"SimpleLine",components:{LineWrapper:ne},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:M(si(H({},this.position,!0)),this.defaultClass,this.hover&&this.hoverClass),wrapper:M(oi(H({},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"]};Wt.render=function(t,e,i,s,o,n){var a=F("LineWrapper");return z(),R(a,{class:n.classes.wrapper,position:i.position,disabled:i.disabled,onDrag:n.onDrag,onDragEnd:n.onDragEnd,onEnter:n.onEnter,onLeave:n.onLeave},{default:D(function(){return[A("div",{class:n.classes.root},null,2)]}),_:1},8,["class","position","disabled","onDrag","onDragEnd","onEnter","onLeave"])};var pt=L("vue-bounding-box"),ri=["east","west",null],ai=["south","north",null],ae={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 Tt}},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 Wt}},linesClasses:{type:Object,default:function(){return{}}},linesWrappersClasses:{type:Object,default:function(){return{}}},resizable:{type:Boolean,default:!0}},data:function(){var t=[];return ri.forEach(function(e){ai.forEach(function(i){if(e!==i){var s=Kt(e,i),o=s.name,n=s.classname;t.push({name:o,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,s=this.linesWrappersClasses;return{root:pt(),handlers:t,handlersWrappers:e,lines:i,linesWrappers:s}},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:M(t.classes.lines.default,t.classes.lines[i.name],!t.resizable&&t.classes.lines.disabled),wrapperClass:M(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,s=this.height;return this.points.forEach(function(o){if(t.handlers[o.name]){var n={name:o.name,component:t.handlersComponent,class:M(t.classes.handlers.default,t.classes.handlers[o.name]),wrapperClass:M(t.classes.handlersWrappers.default,t.classes.handlersWrappers[o.name]),hoverClass:t.classes.handlers.hover,verticalDirection:o.verticalDirection,horizontalDirection:o.horizontalDirection,disabled:!t.resizable};if(i&&s){var a=o.horizontalDirection,h=o.verticalDirection,r=a==="east"?i:a==="west"?0:i/2,c=h==="south"?s:h==="north"?0:s/2;n.wrapperClass=pt("handler"),n.wrapperStyle={transform:"translate(".concat(r,"px, ").concat(c,"px)")},t.transitions&&t.transitions.enabled&&(n.wrapperStyle.transition="".concat(t.transitions.time,"ms ").concat(t.transitions.timingFunction))}else n.wrapperClass=pt("handler",H({},o.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 s,o=t.shift(),n=o.left,a=o.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?s="width":i&&!e&&(s="height"),this.resizable&&this.$emit("resize",new je(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:s}))}},emits:["resize","resize-end"]};ae.render=function(t,e,i,s,o,n){return z(),R("div",{ref:"box",class:n.classes.root,style:n.style},[_(t.$slots,"default"),A("div",null,[(z(!0),R(jt,null,$t(n.lineNodes,function(a){return z(),R(at(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))]),(z(!0),R(jt,null,$t(n.handlerNodes,function(a){return z(),R("div",{key:a.name,style:a.wrapperStyle,class:a.wrapperClass},[(z(),R(at(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 hi=L("vue-draggable-area"),he={name:"DraggableArea",props:{movable:{type:Boolean,default:!0},activationDistance:{type:Number,default:20}},computed:{classnames:function(){return{default:hi()}}},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=N(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()):ee({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,s=e.top;this.anchor={x:t.clientX-i,y:t.clientY-s}},processMove:function(t,e){var i=N(e);if(this.touches.length){var s=this.$refs.container.getBoundingClientRect(),o=s.left,n=s.top;this.touches.length===1&&i.length===1&&this.$emit("move",new Ct({left:i[0].clientX-(o+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"]};he.render=function(t,e,i,s,o,n){return z(),R("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)})},[_(t.$slots,"default")],544)};function vt(t){var e,i;return{rotate:t.rotate||0,flip:{horizontal:((e=t==null?void 0:t.flip)===null||e===void 0?void 0:e.horizontal)||!1,vertical:((i=t==null?void 0:t.flip)===null||i===void 0?void 0:i.vertical)||!1}}}function ci(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 c=atob(r),l=c.length,u=new ArrayBuffer(l),d=new Uint8Array(u),f=0;f<l;f++)d[f]=c.charCodeAt(f);return u}(t));else if(/^blob:/i.test(t)){var s=new FileReader;s.onload=function(r){e(r.target.result)},n=t,a=function(r){s.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 o=new XMLHttpRequest;o.onreadystatechange=function(){o.readyState===4&&(o.status===200||o.status===0?e(o.response):i("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",t,!0),o.responseType="arraybuffer",o.send(null)}else i("Error: the image is empty")}catch(r){i(r)}var n,a,h})}function ce(t){var e=t.rotate,i=t.flip,s=t.scaleX,o=t.scaleY,n="";return n+=" rotate("+e+"deg) ",n+=" scaleX("+s*(i.horizontal?-1:1)+") ",n+=" scaleY("+o*(i.vertical?-1:1)+") "}function li(t){try{var e,i=new DataView(t),s=void 0,o=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&&(s=n+10,function(f,g,p){var T,v="";for(T=g,p+=g;T<p;T++)v+=String.fromCharCode(f.getUint8(T));return v}(i,n+4,4)==="Exif")){var c=i.getUint16(s);if(((o=c===18761)||c===19789)&&i.getUint16(s+2,o)===42){var l=i.getUint32(s+4,o);l>=8&&(a=s+l)}}if(a){for(var u=i.getUint16(a,o),d=0;d<u;d++)if(r=a+12*d+2,i.getUint16(r,o)===274){r+=8,e=i.getUint16(r,o),i.setUint16(r,1,o);break}}return e}catch{return null}}function qt(t,e){var i=e.getBoundingClientRect(),s=i.left,o=i.top,n={left:0,top:0},a=0;return t.forEach(function(h){n.left+=(h.clientX-s)/t.length,n.top+=(h.clientY-o)/t.length}),t.forEach(function(h){a+=ee({x:n.left,y:n.top},{x:h.clientX-s,y:h.clientY-o})}),{centerMass:n,spread:a,count:t.length}}var le={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=zt(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 K({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=qt(e,this.$refs.container),s=this.oldGeometricProperties;s.count===i.count&&s.count>1&&this.$emit("resize",new K({left:s.centerMass.left-i.centerMass.left,top:s.centerMass.top-i.centerMass.top},{factor:s.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(),s=i.left,o=i.top,n=i.bottom,a=i.right;this.touches=N(t.touches).filter(function(h){return h.clientX>s&&h.clientX<a&&h.clientY>o&&h.clientY<n}),this.oldGeometricProperties=qt(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=N(t.touches).filter(function(s){return!s.identifier||e.touches.find(function(o){return o.identifier===s.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,s=e.top,o=1+this.wheelResize.ratio*(a=t.deltaY||t.detail||t.wheelDelta,(h=+a)==0||te(h)?h:h>0?1:-1),n={left:t.clientX-i,top:t.clientY-s};this.$emit("resize",new K({},{factor:o,center:n})),this.touches.length||this.debouncedProcessEnd()}var a,h}},emits:["resize","move","transform-end"]};le.render=function(t,e,i,s,o,n){return z(),R("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)})},[_(t.$slots,"default")],544)};var xt={components:{TransformableImage:le},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"]};xt.render=function(t,e,i,s,o,n){var a=F("transformable-image");return z(),R(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:D(function(){return[_(t.$slots,"default")]}),_:3},8,["touch-move","touch-resize","mouse-move","wheel-resize"])};var ot=L("vue-preview"),ue={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:ot({fill:this.fill}),wrapper:ot("wrapper"),imageWrapper:ot("image-wrapper"),image:M(ot("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=w(w({rotate:0,flip:{horizontal:!1,vertical:!1}},this.image.transforms),{},{scaleX:1/t,scaleY:1/t}),i=this.imageSize.width,s=this.imageSize.height,o=oe({width:i,height:s},e.rotate),n={width:"".concat(i,"px"),height:"".concat(s,"px"),left:"0px",top:"0px"},a={rotate:{left:(i-o.width)*e.scaleX/2,top:(s-o.height)*e.scaleY/2},scale:{left:(1-e.scaleX)*i/2,top:(1-e.scaleY)*s/2}};return n.transform=`translate(
+				`.concat(-this.coordinates.left/t-a.rotate.left-a.scale.left,"px,").concat(-this.coordinates.top/t-a.rotate.top-a.scale.top,"px) ")+ce(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()}}};ue.render=function(t,e,i,s,o,n){return z(),R("div",{ref:"root",class:n.classes.root,style:n.style},[A("div",{ref:"wrapper",class:n.classes.wrapper,style:n.wrapperStyle},[Gt(A("img",{ref:"image",src:i.image&&i.image.src,class:n.classes.image,style:n.imageStyle},null,14,["src"]),[[Qt,i.image&&i.image.src]])],6)],6)};var de={components:{Preview:ue},inheritAttrs:!1};de.render=function(t,e,i,s,o,n){var a=F("preview");return z(),R(a,St(t.$attrs,{fill:!0}),null,16)};var bt=L("vue-rectangle-stencil"),fe={name:"RectangleStencil",components:{StencilPreview:de,BoundingBox:ae,DraggableArea:he},props:{image:{type:Object},coordinates:{type:Object},stencilCoordinates:{type:Object},handlers:{type:Object},handlersComponent:{type:[Object,String],default:function(){return Tt}},lines:{type:Object},linesComponent:{type:[Object,String],default:function(){return Wt}},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:M(bt({movable:this.movable,moving:this.moving,resizing:this.resizing}),this.moving&&this.movingClass,this.resizing&&this.resizingClass),preview:M(bt("preview"),this.previewClass),boundingBox:M(bt("bounding-box"),this.boundingBoxClass)}},style:function(){var t=this.stencilCoordinates,e=t.height,i=t.width,s=t.left,o=t.top,n={width:"".concat(i,"px"),height:"".concat(e,"px"),transform:"translate(".concat(s,"px, ").concat(o,"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"]};fe.render=function(t,e,i,s,o,n){var a=F("stencil-preview"),h=F("draggable-area"),r=F("bounding-box");return z(),R("div",{class:n.classes.stencil,style:n.style},[A(r,{width:i.stencilCoordinates.width,height:i.stencilCoordinates.height,transitions:i.transitions,class:n.classes.boundingBox,handlers:i.handlers,"handlers-component":i.handlersComponent,"handlers-classes":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:D(function(){return[A(h,{movable:i.movable,onMove:n.onMove,onMoveEnd:n.onMoveEnd},{default:D(function(){return[A(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 ui=["transitions"],X=L("vue-advanced-cropper"),me={name:"Cropper",components:{BackgroundWrapper:xt},props:{src:{type:String,default:null},stencilComponent:{type:[Object,String],default:function(){return fe}},backgroundWrapperComponent:{type:[Object,String],default:function(){return xt}},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 Fe.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,s=t.aspectRatio,o=t.positionRestrictions,n=t.sizeRestrictions,a=m(m({},i),{right:i.left+i.width,bottom:i.top+i.height}),h=e.params||{},r=m({},e.directions),c=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),$.forEach(function(I){c[I]||(r[I]=0)});var l=j(a,r=Zt({coordinates:a,directions:r,sizeRestrictions:n,positionRestrictions:o})).width,u=j(a,r).height,d=h.preserveRatio?y(a):gt(l/u,s);if(d){var f=h.respectDirection;if(f||(f=a.width>=a.height||d===1?"width":"height"),f==="width"){var g=l/d-a.height;if(c.top&&c.bottom){var p=r.top,T=r.bottom;r.bottom=st(g,T,p),r.top=st(g,p,T)}else c.bottom?r.bottom=g:c.top?r.top=g:c.right?r.right=0:c.left&&(r.left=0)}else if(f==="height"){var v=a.width-u*d;if(c.left&&c.right){var b=r.left,W=r.right;r.left=-st(v,b,W),r.right=-st(v,W,b)}else c.left?r.left=-v:c.right?r.right=-v:c.top?r.top=0:c.bottom&&(r.bottom=0)}r=Zt({directions:r,coordinates:a,sizeRestrictions:n,positionRestrictions:o,preserveRatio:!0,compensate:h.compensate})}return l=j(a,r).width,u=j(a,r).height,(d=h.preserveRatio?y(a):gt(l/u,s))&&Math.abs(d-l/u)>.001&&$.forEach(function(I){c[I]||(r[I]=0)}),Mt({event:new Ct({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:o})}},moveAlgorithm:{type:Function,default:Mt},initStretcher:{type:Function,default:function(t){var e=t.stretcher,i=t.imageSize,s=y(i);e.style.width=i.width+"px",e.style.height=e.clientWidth/s+"px",e.style.width=e.clientWidth+"px"}},fitCoordinates:{type:Function,default:function(t){var e=t.visibleArea,i=t.coordinates,s=t.aspectRatio,o=t.sizeRestrictions,n=t.positionRestrictions,a=m(m({},i),Y({width:i.width,height:i.height,aspectRatio:s,sizeRestrictions:{maxWidth:e.width,maxHeight:e.height,minHeight:Math.min(e.height,o.minHeight),minWidth:Math.min(e.width,o.minWidth)}}));return a=E(a=O(a,q(C(i),C(a))),lt(B(e),n))}},fitVisibleArea:{type:Function,default:function(t){var e=t.visibleArea,i=t.boundaries,s=t.getAreaRestrictions,o=t.coordinates,n=m({},e);n.height=n.width/y(i),n.top+=(e.height-n.height)/2,(o.height-n.height>0||o.width-n.width>0)&&(n=P(n,Math.max(o.height/n.height,o.width/n.width)));var a=ht(Q(o,B(n=P(n,ct(n,s({visibleArea:n,type:"resize"}))))));return n.width<o.width&&(a.left=0),n.height<o.height&&(a.top=0),n=E(n=O(n,a),s({visibleArea:n,type:"move"}))}},areaRestrictionsAlgorithm:{type:Function,default:function(t){var e=t.visibleArea,i=t.boundaries,s=t.imageSize,o=t.imageRestriction,n=t.type,a={};return o==="fill-area"?a={left:0,top:0,right:s.width,bottom:s.height}:o==="fit-area"&&(y(i)>y(s)?(a={top:0,bottom:s.height},e&&n==="move"&&(e.width>s.width?(a.left=-(e.width-s.width)/2,a.right=s.width-a.left):(a.left=0,a.right=s.width))):(a={left:0,right:s.width},e&&n==="move"&&(e.height>s.height?(a.top=-(e.height-s.height)/2,a.bottom=s.height-a.top):(a.top=0,a.bottom=s.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:w({},Ut)}},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=Rt(this.resizeImage,{touch:!0,wheel:{ratio:.1},adjustStencil:!0},{touch:!1,wheel:!1,adjustStencil:!1});return{moveImage:Rt(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:x(this.minWidth)?0:it(this.minWidth),minHeight:x(this.minHeight)?0:it(this.minHeight),maxWidth:x(this.maxWidth)?1/0:it(this.maxWidth),maxHeight:x(this.maxHeight)?1/0:it(this.maxHeight)});if(t=function(s){var o=s.areaRestrictions,n=s.sizeRestrictions,a=s.boundaries,h=s.positionRestrictions,r=m(m({},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 c=At(o),l=se(a,c);return c.width<1/0&&(!r.maxWidth||r.maxWidth>l.width)&&(r.maxWidth=Math.min(r.maxWidth,l.width)),c.height<1/0&&(!r.maxHeight||r.maxHeight>l.height)&&(r.maxHeight=Math.min(r.maxHeight,l.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=At(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:X(),image:M(X("image"),this.imageClass),stencil:X("stencil"),boundaries:M(X("boundaries"),this.boundariesClass),stretcher:M(X("stretcher")),background:M(X("background"),this.backgroundClass),foreground:M(X("foreground"),this.foregroundClass),imageWrapper:M(X("image-wrapper")),cropperWrapper:M(X("cropper-wrapper"))}},stencilCoordinates:function(){if(this.initialized){var t=this.coordinates,e=t.width,i=t.height,s=t.left,o=t.top;return{width:e/this.coefficient,height:i/this.coefficient,left:(s-this.visibleArea.left)/this.coefficient,top:(o-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},s=w(w({},this.imageTransforms),{},{scaleX:this.imageTransforms.scaleX*(this.imageAttributes.width/t.width),scaleY:this.imageTransforms.scaleY*(this.imageAttributes.height/t.height)}),o={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)")+ce(s)};return this.transitionsOptions.enabled&&(o.transition="".concat(this.transitionsOptions.time,"ms ").concat(this.transitionsOptions.timingFunction)),o}},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=zt(this.update,this.debounce),this.debouncedDisableTransitions=zt(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(w({},this.coordinates)):this.defaultCoordinates(),e={rotate:this.imageTransforms.rotate%360,flip:w({},this.imageTransforms.flip)};if(this.src&&this.imageLoaded){var i=this;return{image:this.image,coordinates:t,visibleArea:this.visibleArea?w({},this.visibleArea):null,imageTransforms:e,get canvas(){return i.canvas?i.getCanvas():void 0}}}return{image:this.image,coordinates:t,visibleArea:this.visibleArea?w({},this.visibleArea):null,canvas:void 0,imageTransforms:e}},zoom:function(t,e){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},s=i.transitions,o=s===void 0||s;this.onManipulateImage(new K({},{factor:1/t,center:e}),{normalize:!1,transitions:o})},move:function(t,e){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},s=i.transitions,o=s===void 0||s;this.onManipulateImage(new K({left:t||0,top:e||0}),{normalize:!1,transitions:o})},setCoordinates:function(t){var e=this,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},s=i.autoZoom,o=s===void 0||s,n=i.transitions,a=n===void 0||n;this.$nextTick(function(){e.imageLoaded?(e.transitionsActive||(a&&e.enableTransitions(),e.coordinates=e.applyTransform(t),o&&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,s=e.sizeRestrictions,o=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>s.maxWidth?n.width=Math.floor(i.width):n.width<s.minWidth&&(n.width=Math.ceil(i.width)),n.height>s.maxHeight?n.height=Math.floor(i.height):n.height<s.minHeight&&(n.height=Math.ceil(i.height)),E(n,o)}(w(w({},this.getPublicProperties()),{},{positionRestrictions:nt(this.positionRestrictions,this.visibleArea),coordinates:t})):t},processAutoZoom:function(t,e,i,s){var o=this.autoZoomAlgorithm;o||(o=this.stencilSize?_e:this.autoZoom?Ve:Ze);var n=o({event:{type:t,params:s},visibleArea:e,coordinates:i,boundaries:this.boundaries,aspectRatio:this.getAspectRatio(),positionRestrictions:this.positionRestrictions,getAreaRestrictions:this.getAreaRestrictions,sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize()});return w(w({},n),{},{changed:!Nt(n.visibleArea,e)||!Nt(n.coordinates,i)})},runAutoZoom:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=e.transitions,s=i!==void 0&&i,o=Le(e,ui),n=this.processAutoZoom(t,this.visibleArea,this.coordinates,o),a=n.visibleArea,h=n.coordinates,r=n.changed;s&&r&&this.enableTransitions(),this.visibleArea=a,this.coordinates=h,s&&r&&this.debouncedDisableTransitions()},normalizeEvent:function(t){return function(e){var i=e.event,s=e.visibleArea,o=e.coefficient;if(i.type==="manipulateImage")return m(m({},i),{move:{left:i.move&&i.move.left?o*i.move.left:0,top:i.move&&i.move.top?o*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*o+s.left,top:i.scale.center.top*o+s.top}:null}});if(i.type==="resize"){var n=m(m({},i),{directions:m({},i.directions)});return $.forEach(function(h){n.directions[h]*=o}),n}if(i.type==="move"){var a=m(m({},i),{directions:m({},i.directions)});return Ye.forEach(function(h){a.directions[h]*=o}),a}return i}(w(w({},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,c){var l=c.rotate,u=c.flip,d={width:r.naturalWidth,height:r.naturalHeight},f=oe(d,l),g=h.getContext("2d");h.height=f.height,h.width=f.width,g.save();var p=U(C(m({left:0,top:0},d)),l);return g.translate(-(p.left-f.width/2),-(p.top-f.height/2)),g.rotate(l*Math.PI/180),g.translate(u.horizontal?d.width:0,u.vertical?d.height:0),g.scale(u.horizontal?-1:1,u.vertical?-1:1),g.drawImage(r,0,0,d.width,d.height),g.restore(),h}(this.$refs.sourceCanvas,e,this.imageTransforms):e,s=w({minWidth:0,minHeight:0,maxWidth:1/0,maxHeight:1/0,maxArea:this.maxCanvasSize,imageSmoothingEnabled:!0,imageSmoothingQuality:"high",fillColor:"transparent"},this.canvas),o=function(h){return h.find(function(r){return c=r,!Number.isNaN(parseFloat(c))&&isFinite(c);var c})},n=Y({sizeRestrictions:{minWidth:o([s.width,s.minWidth])||0,minHeight:o([s.height,s.minHeight])||0,maxWidth:o([s.width,s.maxWidth])||1/0,maxHeight:o([s.height,s.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(s.maxArea&&n.width*n.height>s.maxArea){var a=Math.sqrt(s.maxArea/(n.width*n.height));n={width:Math.round(a*n.width),height:Math.round(a*n.height)}}return function(h,r,c,l,u){h.width=l?l.width:c.width,h.height=l?l.height:c.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 f=c.left<0?-c.left:0,g=c.top<0?-c.top:0;d.drawImage(r,c.left+f,c.top+g,c.width,c.height,f*(h.width/c.width),g*(h.height/c.height),h.width,h.height)}(t,i,this.coordinates,n,s),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?Ue(this.sizeRestrictions,this.visibleArea):this.sizeRestrictions,s=this.visibleArea&&e?nt(this.positionRestrictions,this.visibleArea):this.positionRestrictions;return Ne({transform:t,coordinates:this.coordinates,imageSize:this.imageSize,sizeRestrictions:i,positionRestrictions:s,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?Qe:Ge);var i=this.sizeRestrictions;i.minWidth,i.minHeight,i.maxWidth,i.maxHeight;var s=Z(e)?e({boundaries:this.boundaries,imageSize:this.imageSize,aspectRatio:this.getAspectRatio(),sizeRestrictions:this.sizeRestrictions,stencilSize:this.getStencilSize(),visibleArea:this.visibleArea}):e,o=this.defaultPosition||qe,n=[s,function(a){var h=a.coordinates;return w({},Z(o)?o({coordinates:h,imageSize:t.imageSize,visibleArea:t.visibleArea}):t.defaultPosition)}];this.delayedTransforms&&n.push.apply(n,N(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 s={cropper:i,imageSize:t.imageSize};if(Z(t.defaultBoundaries)?t.boundaries=t.defaultBoundaries(s):t.defaultBoundaries==="fit"?t.boundaries=function(o){var n=o.cropper,a=o.imageSize,h=n.clientHeight,r=n.clientWidth,c=h,l=a.width*h/a.height;return l>r&&(l=r,c=a.height*r/a.width),{width:l,height:c}}(s):t.boundaries=function(o){var n=o.cropper;return{width:n.clientWidth,height:n.clientHeight}}(s),!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=w(w({},this.defaultImageTransforms),{},{flip:w({},this.defaultImageTransforms.flip)}),this.updateBoundaries().then(function(){t.priority!=="visible-area"&&(t.visibleArea=null,t.resetCoordinates());var e,i,s,o,n,a,h=t.defaultVisibleArea||Ke;t.visibleArea=Z(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,s=e.boundaries,o=e.getAreaRestrictions,n=m({},i),a=y(s),n.width/n.height!==a&&(n.height=n.width/a),E(n,o({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(o){if(Yt(o))return!1;var n=window.location,a=/(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(o)||[],h={protocol:a[1]||"",host:a[2]||"",port:a[3]||""},r=function(c){return c.port||((c.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=x(this.crossOrigin)?this.canvas:this.crossOrigin;i===!0&&(i="anonymous"),this.imageAttributes.crossOrigin=i||null}if(this.checkOrientation){var s=(t=this.src,new Promise(function(o){ci(t).then(function(n){var a=li(n);o(n?{source:t,arrayBuffer:n,orientation:a}:{source:t,arrayBuffer:null,orientation:null})}).catch(function(n){console.warn(n),o({source:t,arrayBuffer:null,orientation:null})})}));setTimeout(function(){s.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,s=t.arrayBuffer,o=t.orientation;this.imageAttributes.revoke&&this.imageAttributes.src&&URL.revokeObjectURL(this.imageAttributes.src),this.imageAttributes.revoke=!1,s&&o&&o>1?Jt(i)||!Yt(i)?(this.imageAttributes.src=URL.createObjectURL(new Blob([s])),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(""))}(s):this.imageAttributes.src=i,Z(this.defaultTransforms)?this.appliedImageTransforms=vt(this.defaultTransforms()):rt(this.defaultTransforms)?this.appliedImageTransforms=vt(this.defaultTransforms):this.appliedImageTransforms=function(n){var a=vt({});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}(o),this.defaultImageTransforms=w(w({},this.appliedImageTransforms),{},{flip:w({},this.appliedImageTransforms.flip)}),this.$nextTick(function(){var n=e.$refs.image;n&&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(w(w({},e.getPublicProperties()),{},{positionRestrictions:nt(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,s=Math.min(e.coordinates.width,e.coordinates.height,20*e.coefficient);e.coordinates=e.resizeAlgorithm(w(w({},e.getPublicProperties()),{},{positionRestrictions:nt(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,s),minHeight:Math.max(i.minHeight,s)},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,s=i!==void 0&&i,o=e.normalize,n=o===void 0||o;s&&this.enableTransitions();var a=Je(w(w({},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(),s&&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,s=i===void 0?"move":i;return this.areaRestrictionsAlgorithm({boundaries:this.boundaries,imageSize:this.imageSize,imageRestriction:this.imageRestriction,visibleArea:e,type:s})},getAspectRatio:function(t){var e,i,s=this.stencilProps,o=s.aspectRatio,n=s.minAspectRatio,a=s.maxAspectRatio;if(this.$refs.stencil&&this.$refs.stencil.aspectRatios){var h=this.$refs.stencil.aspectRatios();e=h.minimum,i=h.maximum}if(x(e)&&(e=x(o)?n:o),x(i)&&(i=x(o)?a:o),!t&&(x(e)||x(i))){var r=this.getStencilSize(),c=r?y(r):null;x(e)&&(e=Ft(c)?c:void 0),x(i)&&(i=Ft(c)?c: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,s=t.aspectRatio,gt(y(o=Z(i)?i({boundaries:e,aspectRatio:s}):i),s)&&(o=Y({sizeRestrictions:{maxWidth:e.width,maxHeight:e.height,minWidth:0,minHeight:0},width:o.width,height:o.height,aspectRatio:{minimum:s.minimum,maximum:s.maximum}})),(o.width>e.width||o.height>e.height)&&(o=Y({sizeRestrictions:{maxWidth:e.width,maxHeight:e.height,minWidth:0,minHeight:0},width:o.width,height:o.height,aspectRatio:{minimum:y(o),maximum:y(o)}})),o;var t,e,i,s,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 w({},Ut)},flip:function(t,e){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},s=i.transitions,o=s===void 0||s;if(!this.transitionsActive){o&&this.enableTransitions();var n=w({},this.imageTransforms.flip),a=ei({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(),o&&this.debouncedDisableTransitions()}},rotate:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=e.transitions,s=i===void 0||i;if(!this.transitionsActive){s&&this.enableTransitions();var o=w({},this.imageSize);this.appliedImageTransforms.rotate+=t;var n=ti({visibleArea:this.visibleArea,coordinates:this.coordinates,previousImageSize:o,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(),s&&this.debouncedDisableTransitions()}}},emits:["change","error","ready"]},di={key:0,ref:"canvas",style:{display:"none"}},fi={key:1,ref:"sourceCanvas",style:{display:"none"}};me.render=function(t,e,i,s,o,n){return z(),R("div",{ref:"cropper",class:n.classes.cropper},[A("div",{ref:"stretcher",class:n.classes.stretcher},null,2),A("div",{class:n.classes.boundaries,style:n.boundariesStyle},[(z(),R(at(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:D(function(){return[A("div",{class:n.classes.background,style:n.boundariesStyle},null,6),A("div",{class:n.classes.imageWrapper},[A("img",{ref:"image",crossorigin:o.imageAttributes.crossOrigin,src:o.imageAttributes.src,class:n.classes.image,style:n.imageStyle,onMousedown:e[1]||(e[1]=pe(function(){},["prevent"]))},null,46,["crossorigin","src"])],2),A("div",{class:n.classes.foreground,style:n.boundariesStyle},null,6),Gt((z(),R(at(i.stencilComponent),St({ref:"stencil",image:n.image,coordinates:o.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"])),[[Qt,o.imageLoaded]]),i.canvas?(z(),R("canvas",di,null,512)):wt("",!0),i.canvas?(z(),R("canvas",fi,null,512)):wt("",!0)]}),_:1},8,["class","wheel-resize","touch-resize","touch-move","mouse-move","onMove","onResize"]))],6)],2)};const mi={class:"nc-image-cropper-wrapper relative"},gi=["src"],pi={class:"flex justify-between items-center space-x-4 mt-4"},vi={class:"flex items-center space-x-4"},bi={class:"flex items-center space-x-4"},wi=ve({__name:"ImageCropper",props:{imageConfig:{},cropperConfig:{},uploadConfig:{},showCropper:{type:Boolean}},emits:["update:showCropper","submit"],setup(t,{emit:e}){const i=be(t,["imageConfig","uploadConfig"]),s=e,o=we(i,"showCropper",s),{cropperConfig:n}=ye(i),a=Bt(()=>n.value.imageRestriction||"fit-area"),{api:h,isLoading:r}=ze(),c=ut(),l=ut({canvas:{},src:""}),u=ut(0),d=Bt(()=>{var v,b;return(v=t.uploadConfig)!=null&&v.maxFileSize?!!u.value&&u.value<=((b=t.uploadConfig)==null?void 0:b.maxFileSize):!0}),f=()=>{const{canvas:v}=c.value.getResult();v&&(l.value={canvas:v,src:v.toDataURL(t.imageConfig.type)},v.toBlob(b=>{u.value=b.size},t.imageConfig.type))},g=async v=>{var b,W,I;if((b=t.uploadConfig)!=null&&b.path)try{const k=await h.storage.uploadByUrl({path:(W=t.uploadConfig)==null?void 0:W.path,scope:(I=t.uploadConfig)==null?void 0:I.scope},v);k!=null&&k[0]?s("submit",{...k[0],data:v[0].data}):s("submit",v[0])}catch(k){console.error(k),De.error(await Oe(k))}else s("submit",v[0]);o.value=!1},p=async()=>{l.value.canvas&&await g([{title:t.imageConfig.name,fileName:t.imageConfig.name,mimetype:t.imageConfig.type,size:u.value,url:l.value.src,data:l.value.src}])},T=({imageSize:v,visibleArea:b})=>({width:(b||v).width,height:(b||v).height});return Re(o,()=>{o.value?Ae(()=>{var v,b,W;return!!((W=(b=(v=c.value)==null?void 0:v.getResult)==null?void 0:b.call(v))!=null&&W.canvas)}).toBeTruthy({timeout:2e3}).then(v=>{v&&Me(()=>{f()})}):l.value={canvas:{},src:""}},{immediate:!0}),(v,b)=>{const W=Ee,I=Te,k=We,ge=Pe;return z(),R(ge,{visible:S(o),"onUpdate:visible":b[1]||(b[1]=tt=>xe(o)?o.value=tt:null),"mask-closable":!1,"wrap-class-name":"!z-1050"},{default:D(()=>{var tt,Dt,Ot,Ht,Pt,Lt,It;return[V("div",mi,[A(S(me),St({ref_key:"cropperRef",ref:c,class:"nc-cropper relative",src:t.imageConfig.src,"auto-zoom":!0,"stencil-props":((tt=S(n))==null?void 0:tt.stencilProps)||{},"min-height":(Dt=S(n))==null?void 0:Dt.minHeight,"min-width":(Ot=S(n))==null?void 0:Ot.minWidth,"image-restriction":S(a)},(Ht=S(n).stencilProps)!=null&&Ht.fillDefault||((Pt=S(n).stencilProps)==null?void 0:Pt.fillDefault)===void 0?{defaultSize:T}:{}),null,16,["src","stencil-props","min-height","min-width","image-restriction"]),S(l).src?(z(),Se("div",{key:0,class:Ce(["result_preview",{"rounded-full overflow-hidden":(It=(Lt=S(n))==null?void 0:Lt.stencilProps)==null?void 0:It.circlePreview}])},[V("img",{src:S(l).src,alt:"Preview Image"},null,8,gi)],2)):wt("",!0)]),V("div",pi,[V("div",vi,[A(W,{type:"secondary",size:"small",disabled:S(r),onClick:b[0]||(b[0]=yi=>o.value=!1)},{default:D(()=>[...b[2]||(b[2]=[dt(" Cancel ",-1)])]),_:1},8,["disabled"])]),V("div",bi,[A(W,{type:"secondary",size:"small",disabled:S(r),onClick:f},{default:D(()=>[A(I,{icon:"crop"}),b[3]||(b[3]=V("span",{class:"ml-2"},"Crop",-1))]),_:1},8,["disabled"]),A(k,{disabled:S(d)},{title:D(()=>[...b[4]||(b[4]=[dt(" Cropped file size is greater than max file size ",-1)])]),default:D(()=>[A(W,{size:"small",loading:S(r),disabled:!S(l).src||!S(d),onClick:p},{default:D(()=>[...b[5]||(b[5]=[dt(" Save ",-1)])]),_:1},8,["loading","disabled"])]),_:1},8,["disabled"])])])]}),_:1},8,["visible"])}}}),Ai=Object.assign(He(wi,[["__scopeId","data-v-6ebd24bf"]]),{__name:"GeneralImageCropper"});export{Ai as _};

package/lib/dist/_nuxt/BSSl0xD3.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./2qJ9T3pz.js","./BntbNdq_.js","./entry.D5Rjbge3.css","./Modal.BYPzfqB3.css"])))=>i.map(i=>d[i]);
+import{d as ba,c as V,e as pa,g as b,o as f,n as _,j as n,t as L,h as I,a7 as aa,ac as Za,k as t,ga as Aa,I as Ta,v as xe,m as ue,D as Qa,i as qe,B as z,s as Oa,V as et,b as at,r as c,aj as ae,ag as ea,a0 as K,hC as me,C as tt,l as W,E as ye,p as rt,c5 as it,H as nt}from"./BntbNdq_.js";import{_ as lt}from"./BHp69-Nk.js";import{d as st}from"./CZDPXMgm.js";import{_ as ot}from"./DbtrCqyO.js";import"./DZWgXgwj.js";import{I as dt}from"./DyXk12TR.js";import{S as ct}from"./Drooc6KG.js";const ut={class:"flex flex-col gap-2 bg-white rounded-lg border border-gray-200 p-4","data-testid":"nc-activity-logs"},ft={key:0,class:"flex items-center justify-between mb-2"},vt={class:"text-sm font-medium text-gray-700"},gt={key:1,class:"flex items-center justify-center py-4"},bt={key:0,class:"flex flex-col gap-2","data-testid":"nc-activity-logs-list"},pt={class:"max-h-64 overflow-y-auto flex flex-col gap-2"},mt=["data-testid"],yt={class:"flex items-start justify-between gap-2"},ht={class:"flex-1 min-w-0"},Ft=["data-testid","innerHTML"],Dt=["data-testid"],xt=["data-testid"],Ct={key:0,class:"flex items-center justify-between pt-2 border-t border-gray-200"},wt={class:"flex items-center gap-2"},_t={class:"text-xs font-medium text-gray-700"},Et={class:"flex items-center gap-2"},It=["disabled"],kt=["disabled"],Nt={key:1,class:"text-center text-gray-400 text-sm py-4"},Pt=ba({__name:"ActivityLogs",props:{data:{},isLoading:{type:Boolean,default:!1},title:{default:"Activity Logs"}},emits:["pageChange"],setup(u,{emit:Ae}){const d=u,fe=Ae,N=A=>{d.data&&A>=0&&A<d.data.pageCount&&fe("pageChange",A)},Ce=V(()=>d.data&&d.data.page>0),Re=V(()=>{var A;return d.data&&d.data.page<(((A=d.data)==null?void 0:A.pageCount)||0)-1}),se=A=>{if(!A)return"";try{const C=Aa(A);if(!C.isValid())return"";const he=Aa(),w=he.diff(C,"hour");if(w<24){if(C.isSame(he,"day")){if(w<1){const j=he.diff(C,"minute");return j<=1?"Just now":`${j} minutes ago`}return`Today at ${C.format("h:mm A")}`}return`${w} ${w===1?"hour":"hours"} ago`}return C.format("MMM D, YYYY")}catch{return""}};return(A,C)=>{const he=pa("NcSpin");return f(),b("div",ut,[u.title?(f(),b("div",ft,[n("label",vt,L(u.title),1)])):_("",!0),u.isLoading?(f(),b("div",gt,[I(he,{size:"small"}),C[2]||(C[2]=n("span",{class:"ml-2 text-sm text-gray-500"},"Loading logs...",-1))])):(f(),b(aa,{key:2},[u.data&&u.data.messages&&u.data.messages.length>0?(f(),b("div",bt,[n("div",pt,[(f(!0),b(aa,null,Za(u.data.messages,(w,j)=>(f(),b("div",{key:j,class:"bg-gray-50 rounded-lg p-3 border border-gray-200","data-testid":`nc-activity-log-${j}`},[n("div",yt,[n("div",ht,[w.html?(f(),b("div",{key:0,class:"text-sm text-gray-700 break-words word-wrap overflow-wrap","data-testid":`nc-activity-log-message-${j}`,innerHTML:w.html},null,8,Ft)):(f(),b("div",{key:1,class:"text-sm text-gray-700 break-words word-wrap overflow-wrap","data-testid":`nc-activity-log-message-${j}`},L(w.text),9,Dt))]),w.createdAt?(f(),b("div",{key:0,class:"text-xs text-gray-500 whitespace-nowrap ml-2 flex-shrink-0","data-testid":`nc-activity-log-timestamp-${j}`},L(se(w.createdAt)),9,xt)):_("",!0)])],8,mt))),128))]),u.data.pageCount>1?(f(),b("div",Ct,[n("div",wt,[C[3]||(C[3]=n("span",{class:"text-xs text-gray-500"},"Page",-1)),n("span",_t,L(u.data.page+1)+" of "+L(u.data.pageCount),1)]),n("div",Et,[n("button",{disabled:!t(Ce),class:"px-2 py-1 text-xs rounded border border-gray-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50","data-testid":"nc-activity-logs-prev",onClick:C[0]||(C[0]=w=>N(u.data.page-1))}," Previous ",8,It),n("button",{disabled:!t(Re),class:"px-2 py-1 text-xs rounded border border-gray-300 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50","data-testid":"nc-activity-logs-next",onClick:C[1]||(C[1]=w=>N(u.data.page+1))}," Next ",8,kt)])])):_("",!0)])):(f(),b("div",Nt," No activity logs available "))],64))])}}}),At=Object.assign(Ta(Pt,[["__scopeId","data-v-f9051693"]]),{__name:"WorkspaceActivityLogs"});function Y(u){return typeof u=="string"?u.trim():u}const Tt=["data-testid"],Ot=["disabled","data-testid"],Mt=["disabled","data-testid"],St=["disabled","data-testid"],Rt=["disabled","data-testid"],Ut=ba({__name:"DesignFabricActionButtons",props:{isSaving:{type:Boolean,default:!1},isApproving:{type:Boolean,default:!1},isOnHolding:{type:Boolean,default:!1},isUploadingImage:{type:Boolean,default:!1},fabricStatus:{default:""},isEditMode:{type:Boolean,default:!1},hasValidBaseFabricSelection:{type:Boolean,default:!1},showActionButtons:{type:Boolean,default:!0},hasUnsavedChanges:{type:Boolean,default:!1},showSave:{type:Boolean,default:!1},showApprove:{type:Boolean,default:!1},showOnHold:{type:Boolean,default:!1},showEdit:{type:Boolean,default:!1},testIdPrefix:{default:"nc-modal-design-fabric"}},emits:["save","approve","onHold","edit"],setup(u,{emit:Ae}){const d=u,fe=Ae,N=V(()=>!(d.fabricStatus==="APPROVED"||d.showActionButtons===!1)),Ce=V(()=>!N.value||d.showSave===!1||d.fabricStatus==="APPROVED"?!1:d.showSave===!0?d.isEditMode||d.hasValidBaseFabricSelection:!1),Re=V(()=>!N.value||d.showApprove===!1?!1:!!d.showApprove),se=V(()=>!N.value||d.showOnHold===!1||d.fabricStatus==="ON_HOLD"?!1:!!d.showOnHold),A=V(()=>N.value?d.showEdit===!0:!1),C=V(()=>d.hasUnsavedChanges&&d.isEditMode);return(he,w)=>{const j=pa("NcSpin"),we=Qa,Te=Oa;return t(N)?(f(),b("div",{key:0,class:xe(["flex gap-3 mt-6 items-center justify-end flex-shrink-0",{"bg-gray-100 p-4 -mx-6 -mb-6":u.testIdPrefix&&u.testIdPrefix.includes("create")}]),"data-testid":`${u.testIdPrefix}__actions`},[t(se)?(f(),ue(we,{key:0,title:t(C)?"Save first to enable the button":"",disabled:!t(C)},{default:qe(()=>[n("button",{class:xe(["py-2.5 px-4 rounded-lg border-1 text-base font-bold shadow-lg flex items-center justify-center gap-2 transition-all",t(C)?"bg-gray-400 border-gray-400 text-white cursor-not-allowed opacity-60":"bg-[#EA580C] border-[#EA580C] text-white"]),disabled:u.isOnHolding||u.isApproving||u.isSaving||u.isUploadingImage||u.hasUnsavedChanges,"data-testid":`${u.testIdPrefix}__on-hold-btn`,onClick:w[0]||(w[0]=_e=>fe("onHold"))},[u.isOnHolding?(f(),ue(j,{key:0,size:"small",class:"!h-4 w-4"})):_("",!0),z(" "+L(u.isOnHolding?"Processing...":"On Hold"),1)],10,Ot)]),_:1},8,["title","disabled"])):_("",!0),t(Re)?(f(),ue(we,{key:1,title:t(C)?"Save first to enable the button":"",disabled:!t(C)},{default:qe(()=>[n("button",{class:xe(["py-2.5 px-4 rounded-lg border-1 text-base font-bold shadow-lg flex items-center justify-center gap-2 transition-all",t(C)?"bg-gray-400 border-gray-400 text-white cursor-not-allowed opacity-60":"bg-[#16A34A] border-[#16A34A] text-white"]),disabled:u.isApproving||u.isOnHolding||u.isSaving||u.isUploadingImage||u.hasUnsavedChanges,"data-testid":`${u.testIdPrefix}__approve-btn`,onClick:w[1]||(w[1]=_e=>fe("approve"))},[u.isApproving?(f(),ue(j,{key:0,size:"small",class:"!h-4 w-4"})):_("",!0),u.isApproving?_("",!0):(f(),ue(Te,{key:1,icon:"check",class:"!h-4 w-4"})),z(" "+L(u.isApproving?"Processing...":"Approve"),1)],10,Mt)]),_:1},8,["title","disabled"])):_("",!0),t(Ce)?(f(),b("button",{key:2,class:"py-2.5 px-4 rounded-lg bg-[#7F56D9] border-1 border-[#7F56D9] text-base text-white font-bold shadow-lg flex items-center justify-center gap-2",disabled:u.isSaving||u.isApproving||u.isOnHolding||u.isUploadingImage,"data-testid":`${u.testIdPrefix}__save-btn`,onClick:w[2]||(w[2]=_e=>fe("save"))},[u.isSaving?(f(),ue(j,{key:0,size:"small",class:"!h-4 w-4"})):_("",!0),z(" "+L(u.isSaving?"Saving...":"Save"),1)],8,St)):_("",!0),t(A)?(f(),b("button",{key:3,class:"py-2.5 px-4 rounded-lg bg-white border-1 border-[#D0D5DD] text-base text-[#344054] font-bold shadow-lg flex items-center justify-center gap-2 hover:bg-gray-50",disabled:u.isOnHolding||u.isApproving,"data-testid":`${u.testIdPrefix}__edit-btn`,onClick:w[3]||(w[3]=_e=>fe("edit"))},[I(Te,{icon:"edit",class:"!h-4 w-4"}),w[4]||(w[4]=z(" Edit ",-1))],8,Rt)):_("",!0)],10,Tt)):_("",!0)}}}),$t=Object.assign(Ut,{__name:"WorkspaceDesignFabricMasterDesignFabricActionButtons"}),jt=u=>({maxLength:V(()=>u)}),Bt=tt(()=>nt(()=>import("./2qJ9T3pz.js"),__vite__mapDeps([0,1,2,3]),import.meta.url).then(u=>u.default||u)),Lt={class:"flex items-center justify-between w-full bg-gray-100","data-testid":"nc-modal-create-design-fabric-master__header"},Vt={class:"flex items-center gap-3"},Ht=["src","alt"],qt={class:"text-lg font-bold text-black","data-testid":"nc-modal-create-design-fabric-master__title"},zt={key:0,class:"text-lg font-bold text-black","data-testid":"nc-modal-create-design-fabric-master__design-fabric-code"},Gt={key:0,class:"flex items-center justify-center py-12"},Jt={key:1,class:"flex gap-6 bg-gray-100 p-4 overflow-hidden","data-testid":"nc-modal-create-design-fabric-master__content",style:{"max-height":"calc(100vh - 200px)"}},Kt={class:"flex-[6] flex flex-col gap-4 overflow-y-auto min-h-0","data-testid":"nc-modal-create-design-fabric-master__form-section"},Wt={key:0,class:"border border-gray-200 rounded-lg p-4 bg-white","data-testid":"nc-modal-create-design-fabric-master__base-fabric-box"},Yt={class:"flex flex-col gap-2"},Xt={key:0,class:"relative w-full"},Zt={class:"w-full flex items-center gap-2 px-2 py-1 border border-gray-300 rounded-lg bg-white",style:{"min-height":"56px"},"data-testid":"nc-modal-create-design-fabric-master__base-fabric-selected"},Qt={class:"flex-shrink-0 w-12 h-12 rounded border border-gray-200 overflow-hidden flex items-center justify-center bg-gray-100"},er=["src","alt"],ar={class:"flex-1 text-base text-gray-900 font-medium truncate"},tr={class:"flex items-center gap-3 py-2 px-1"},rr=["src"],ir={key:1,class:"w-8 h-8 bg-gray-200 rounded flex-shrink-0 flex items-center justify-center",style:{"min-width":"32px","min-height":"32px"}},nr={class:"flex-1 overflow-x-auto min-w-0 scrollable-fabric-details",style:{"touch-action":"pan-x","-webkit-overflow-scrolling":"touch"}},lr={class:"flex gap-4",style:{"min-width":"max-content"}},sr={class:"flex-shrink-0",style:{"min-width":"100px"}},or={class:"font-semibold text-sm truncate"},dr={class:"flex-shrink-0",style:{"min-width":"80px"}},cr={class:"font-semibold text-sm truncate"},ur={class:"flex-shrink-0",style:{"min-width":"150px"}},fr={class:"font-semibold text-sm truncate"},vr={key:1,class:"border border-gray-200 rounded-lg p-4 bg-white","data-testid":"nc-modal-create-design-fabric-master__base-fabric-box"},gr={class:"flex flex-col gap-2"},br={key:0,class:"relative w-full"},pr={class:"w-full flex items-center gap-2 px-2 py-1 border border-gray-300 rounded-lg bg-white",style:{"min-height":"56px"},"data-testid":"nc-modal-create-design-fabric-master__base-fabric-display"},mr={class:"flex-shrink-0 w-12 h-12 rounded border border-gray-200 overflow-hidden flex items-center justify-center bg-gray-100"},yr=["src","alt"],hr={class:"flex-1 text-base text-gray-900 font-medium truncate"},Fr={class:"border border-gray-200 rounded-lg p-4 bg-white","data-testid":"nc-modal-create-design-fabric-master__fabric-details-box"},Dr={class:"grid grid-cols-2 gap-4"},xr={class:"flex flex-col gap-2"},Cr={class:"flex flex-col gap-2"},wr={class:"flex flex-col gap-2"},_r={class:"flex flex-col gap-2"},Er={class:"flex flex-col gap-2"},Ir={class:"flex flex-col gap-2"},kr={class:"flex flex-col gap-2"},Nr={class:"text-sm font-medium text-gray-700"},Pr={key:0,class:"text-red-500"},Ar={class:"flex flex-col gap-2"},Tr={class:"text-sm font-medium text-gray-700"},Or={key:0,class:"text-red-500"},Mr={class:"flex flex-col gap-2"},Sr={class:"text-sm font-medium text-gray-700"},Rr={key:0,class:"text-red-500"},Ur={class:"flex flex-col gap-2"},$r={class:"flex flex-col gap-2"},jr={class:"flex flex-col gap-2"},Br={class:"flex-[4] flex flex-col gap-4 overflow-hidden min-h-0","data-testid":"nc-modal-create-design-fabric-master__right-section"},Lr={key:0,class:"flex-shrink-0 border border-gray-200 rounded-lg p-4 bg-white flex flex-col gap-2",style:{"max-width":"100%"},"data-testid":"nc-modal-create-design-fabric-master__denim-image-container"},Vr={class:"flex flex-col items-center justify-center","data-testid":"nc-modal-create-design-fabric-master__denim-upload-content"},Hr={class:"flex items-center justify-center w-full h-full overflow-hidden rounded-lg"},qr=["src"],zr={key:1,class:"flex-shrink-0 border border-gray-200 rounded-lg p-4 bg-white flex flex-col gap-2",style:{"max-width":"100%"},"data-testid":"nc-modal-create-design-fabric-master__image-container"},Gr={class:"flex flex-col items-center justify-center","data-testid":"nc-modal-create-design-fabric-master__image-other-upload-content"},Jr={class:"flex items-center justify-center w-full h-full overflow-hidden rounded-lg"},Kr=["src"],Wr={key:2,class:"flex-shrink-0 border border-gray-200 rounded-lg bg-white overflow-hidden mt-2","data-testid":"nc-modal-create-design-fabric-master__activity-logs-container"},Yr={class:"flex items-center gap-2"},Xr={key:0,class:"text-xs text-gray-500"},Zr={class:"border-t border-gray-200 overflow-x-hidden activity-logs-expanded",style:{"max-height":"calc(70vh - 500px)","overflow-y":"auto"},"data-testid":"nc-modal-create-design-fabric-master__activity-logs-content"},Qr={class:"p-2"},ei=ba({__name:"createDesignFabricMaster",props:{showAddDesignFabricMasterModal:{type:Boolean},handleAddDesignFabricMasterModalClose:{type:Function},refreshDesignFabricMasters:{type:Boolean},designFabricCode:{},designFabricDetails:{},baseFabricData:{}},emits:["update:refreshDesignFabricMasters"],setup(u,{emit:Ae}){const d=u,fe=Ae,{$axios:N,$state:Ce}=et(),Re=at(),se=c(d.showAddDesignFabricMasterModal),{maxLength:A}=jt(50),C=(e,a)=>{var i;if(!e||!a)return!0;const r=e.toLowerCase();return(((i=a.label)==null?void 0:i.toLowerCase())||"").includes(r)},he=(e,a)=>{var o;if(!e||!a)return!0;const r=e.toLowerCase();if((((o=a.label)==null?void 0:o.toLowerCase())||"").includes(r))return!0;const i=Ee.value.find(E=>E.id===a.value);if(i){const E=(i.pantoneNumber||"").toLowerCase(),M=(i.name||"").toLowerCase();return E.includes(r)||M.includes(r)}return!1},w=c(!1),j=c(!1),we=c(!1),Te=c(!1),_e=c(!1);c(!1);const ta=V(()=>Re.brandInfo.value.brandName||localStorage.getItem("selectedBrandName")||""),H=c([]),h=c(""),ge=c(null),s=c(""),oe=c(""),ra=c(!1),de=c(""),ma=c(""),v=c(""),k=c([]),X=c(""),Z=c(""),Q=c(""),S=c(""),be=c(""),ia=c(null),P=c(""),R=c(""),U=c(""),T=c(""),D=c(""),te=c(""),re=c(""),q=c(""),ie=c(""),na=c(null),ne=c(""),la=c({}),sa=c(null),oa=c(null),ze=c(!1),Ge=c(!1),Oe=c([]),Je=c([]),Ke=c([]),Me=c([]),Ue=c([]),Ee=c([]),Ie=c([]),da=c(!1),ke=c(!1),le=c(!1),$e=c(null),Se=(e,a)=>!e||Array.isArray(e)&&e.length===0?!1:Array.isArray(e)?e.every(r=>a.some(l=>String(l.value)===String(r))):a.some(r=>String(r.value)===String(e)),ya=V(()=>h.value?H.value.some(e=>e.value===h.value):!1),We=V(()=>h.value?ge.value&&ge.value.value===h.value?ge.value:H.value.find(e=>e.value===h.value)||ge.value:null),G=c({}),Fe=c(null),Ne=c(!1),je=c(0),ha=c(10),pe=c(!1),De=c(null),Ma=V(()=>pe.value&&y.value?"70vh":"auto"),y=V(()=>!!(d.designFabricCode&&typeof d.designFabricCode=="string"&&d.designFabricCode.trim()!=="")),O=V(()=>{const e=String(s.value||"").toUpperCase().trim(),a=e==="DENIM";return console.log("[Create Design Fabric] isDenimFabric computed:",{baseFabricType:s.value,fabricType:e,isDenim:a,selectedBaseFabric:h.value}),a}),Sa=V(()=>{if(!P.value||!Oe.value.length)return!1;const e=Oe.value.find(r=>String(r.value)===String(P.value));return e?(e.label||"").toUpperCase()==="PRINTED":!1});function Be(){se.value=!1,d.handleAddDesignFabricMasterModalClose(),pe.value=!1,h.value="",ge.value=null,s.value="",oe.value="",H.value=[],de.value="",ma.value="",v.value="",k.value=[],X.value="",Z.value="",Q.value="",S.value="",be.value="",ia.value=null,P.value="",R.value="",U.value="",T.value="",D.value="",te.value="",re.value="",q.value="",ie.value="",na.value=null,ne.value="",la.value={},Fe.value=null,je.value=0,pe.value=!1,G.value={},ke.value=!1,le.value=!1,De.value=null}const Fa=c(d.showAddDesignFabricMasterModal);ae(()=>d.showAddDesignFabricMasterModal,async e=>{se.value=e,e?y.value&&d.designFabricCode?(De.value!==d.designFabricCode&&(Fe.value=null,je.value=0,pe.value=!1,De.value=d.designFabricCode),await ea(),ke.value||await Le(),d.designFabricDetails?await ua(d.designFabricDetails):await Da(d.designFabricCode),!Ne.value&&De.value===d.designFabricCode&&Ye()):(De.value=null,await Le(),d.baseFabricData||(s.value="KNITS",G.value={displayName:"",baseFabricCode:"",baseFabricType:"KNITS",drishtiCode:void 0,vendorFabricReferenceCode:void 0,threadColour:void 0,image:void 0,denimEffects:JSON.stringify([]),patternId:void 0,patternTypeId:void 0,printTechniqueId:void 0,pantoneColourId:void 0,marketplaceColourId:void 0,vendorFabricReferenceCodeNonDenim:void 0,drishtiCodeNonDenim:void 0,imageOther:void 0,artwork:void 0})):!e&&Fa.value&&Be(),Fa.value=e}),ae(()=>d.designFabricCode,async(e,a)=>{se.value&&y.value&&e&&e!==a&&(Fe.value=null,je.value=0,pe.value=!1,De.value=e,await ea(),ke.value||await Le(),d.designFabricDetails?await ua(d.designFabricDetails):await Da(e),Ne.value||Ye())}),ae(()=>[d.showAddDesignFabricMasterModal,d.baseFabricData],([e,a])=>{e&&a&&!y.value&&(Va(a),G.value={displayName:de.value,baseFabricCode:h.value,baseFabricType:s.value,drishtiCode:s.value==="DENIM"?X.value:void 0,vendorFabricReferenceCode:s.value==="DENIM"?Z.value:void 0,threadColour:s.value==="DENIM"?Q.value:void 0,image:s.value==="DENIM"?S.value:void 0,denimEffects:s.value==="DENIM"?JSON.stringify(k.value||[]):JSON.stringify([]),patternId:s.value!=="DENIM"?P.value:void 0,patternTypeId:s.value!=="DENIM"?R.value:void 0,printTechniqueId:s.value!=="DENIM"?U.value:void 0,pantoneColourId:s.value!=="DENIM"?T.value:void 0,marketplaceColourId:s.value!=="DENIM"?D.value:void 0,vendorFabricReferenceCodeNonDenim:s.value!=="DENIM"?te.value:void 0,drishtiCodeNonDenim:s.value!=="DENIM"?re.value:void 0,imageOther:s.value!=="DENIM"?q.value:void 0,artwork:s.value!=="DENIM"?ne.value:void 0})},{immediate:!0});const Ra=st(async e=>{var a;if(!e||e.trim().length===0){H.value=[];return}try{ra.value=!0;const r=await N.get("/noco/fabricCode/existingCode",{params:{searchTerm:e.trim()}});if(r.status===200){const l=r.data,i=Array.isArray(l)?l:l.data||[];H.value=i.map(o=>{let E="";o.denimFabric&&typeof o.denimFabric=="object"&&o.denimFabric.fabricType?E=o.denimFabric.fabricType:o.knitFabric&&typeof o.knitFabric=="object"&&o.knitFabric.fabricType?E=o.knitFabric.fabricType:o.wovenFabric&&typeof o.wovenFabric=="object"&&o.wovenFabric.fabricType?E=o.wovenFabric.fabricType:E=o.fabricType||o.type||"";const M=String(E).toUpperCase().trim(),m={label:o.fabricCode||o.code||"",value:o.fabricCode||o.code||"",fabricType:M,imageUrl:o.imageUrl||"",code:o.code||o.fabricCode||"",gsm:o.gsm||"",fabricName:o.fabricName||"",fabricDiscoveryName:o.fabricDiscoveryName||""};return console.log("[Create Design Fabric] Mapped fabric option:",{code:m.code,fabricType:m.fabricType,originalFabricType:E,rawFabric:o}),m}),console.log("[Create Design Fabric] Search results with fabric types:",H.value.map(o=>({code:o.code,fabricType:o.fabricType})))}}catch(r){console.error("Error searching base fabrics:",r),H.value=[],((a=r.response)==null?void 0:a.status)!==404&&K.error("Failed to search base fabrics")}finally{ra.value=!1}},300),Ua=e=>{oe.value=e,Ra(e)},$a=()=>{de.value="",ma.value="",k.value=[],X.value="",Z.value="",Q.value="",S.value="",be.value="",ia.value=null,P.value="",R.value="",U.value="",T.value="",D.value="",te.value="",re.value="",q.value="",ie.value="",na.value=null,ne.value="",la.value={},le.value=!1},ja=()=>{h.value="",oe.value="",s.value="",H.value=[],$a()},Le=async()=>{if(!da.value&&!ke.value)try{da.value=!0;const e=await N.get("noco/design-fabric-master");if(e.status===200){const a=e.data;a.Pattern&&Array.isArray(a.Pattern)&&(Oe.value=a.Pattern.map(i=>({label:i.name||i.label||i,value:i.id||i.value||i}))),a.PatternType&&Array.isArray(a.PatternType)&&(Je.value=a.PatternType.map(i=>({label:i.name||i.label||i,value:i.id||i.value||i}))),a.PrintTechnique&&Array.isArray(a.PrintTechnique)&&(Ke.value=a.PrintTechnique.map(i=>({label:i.name||i.label||i,value:i.id||i.value||i}))),a.DenimEffect&&Array.isArray(a.DenimEffect)&&(Me.value=a.DenimEffect.map(i=>({label:i.name||i.label||i,value:i.id||i.value||i})));const r=a.PantoneColour||a.pantoneColour;r&&Array.isArray(r)&&(Ee.value=r.map(i=>({id:i.id||i.value||String(i),name:i.name||i.label||i.code||String(i),pantoneNumber:i.pantoneNumber||"",marketPlaceId:i.marketPlaceId,marketPlaceColour:i.marketPlaceColour})),Ue.value=Ee.value.map(i=>({label:i.pantoneNumber?`${i.pantoneNumber} - ${i.name}`:i.name,value:i.id})),console.log("[Create Design Fabric] Mapped PantoneColour options:",Ue.value),console.log("[Create Design Fabric] PantoneColour full data:",Ee.value));const l=a.MarketplaceColour||a.MarketPlaceColour||a.marketplaceColour;l&&Array.isArray(l)&&(Ie.value=l.map(i=>({label:i.name||i.label||i.code||String(i),value:i.id||i.value||String(i)})),console.log("[Create Design Fabric] Mapped MarketplaceColour options:",Ie.value)),console.log("[Create Design Fabric] Loaded dropdown options:",{pattern:Oe.value.length,patternType:Je.value.length,printTechnique:Ke.value.length,denimEffect:Me.value.length,pantoneColour:Ue.value.length,marketplaceColour:Ie.value.length}),ke.value=!0}}catch(e){console.error("Error loading dropdown options:",e),K.error("Failed to load dropdown options")}finally{da.value=!1}},Ba=async()=>{try{if($e.value)return;const e=await N.get("/noco/fabric-masters");e.status===200&&($e.value=e.data,console.log("[Create Design Fabric] Loaded fabric-masters data:",$e.value))}catch(e){console.error("Error loading fabric-masters data:",e)}};ae(s,(e,a)=>{console.log("[Create Design Fabric] baseFabricType changed:",{oldValue:a,newValue:e,isDenim:O.value})},{immediate:!0}),ae(h,async(e,a)=>{if(console.log("[Create Design Fabric] selectedBaseFabric watcher triggered:",{newValue:e,oldValue:a,currentBaseFabricType:s.value}),e){if(y.value&&s.value){console.log("[Create Design Fabric] Edit mode: Using existing fabric type:",s.value);return}if(s.value&&s.value!=="KNITS"&&s.value!==""){console.log("[Create Design Fabric] Fabric type already set, skipping watcher:",s.value);return}const r=[...H.value||[]];if(r&&Array.isArray(r)&&r.length>0){const l=r.find(i=>i.value===e);if(l&&l.fabricType){const i=String(l.fabricType).toUpperCase().trim();s.value!==i&&(s.value=i,console.log("[Create Design Fabric] Fabric type set from watcher:",i,"isDenim:",O.value),y.value||(G.value.baseFabricType=i,G.value.baseFabricCode=e),await ea(),console.log("[Create Design Fabric] After nextTick - isDenim:",O.value));return}}!y.value&&!s.value&&(await ca(e),await ea(),console.log("[Create Design Fabric] After fetchBaseFabricType - isDenim:",O.value))}else!y.value&&!d.baseFabricData?(s.value="KNITS",G.value.baseFabricType="KNITS",G.value.baseFabricCode=""):s.value=""},{immediate:!1}),ae(oe,e=>{y.value});const ca=async e=>{if(!(!e||e.trim().length===0))try{const a=await N.get("/noco/fabricCode/existingCode",{params:{searchTerm:e.trim()}});if(a.status===200){const r=a.data,i=(Array.isArray(r)?r:r.data||[]).find(o=>(o.fabricCode||o.code)===e.trim());if(i){let o="";i.denimFabric&&typeof i.denimFabric=="object"&&i.denimFabric.fabricType?(o=i.denimFabric.fabricType,console.log("[Create Design Fabric] Found fabric type in denimFabric:",o)):i.knitFabric&&typeof i.knitFabric=="object"&&i.knitFabric.fabricType?(o=i.knitFabric.fabricType,console.log("[Create Design Fabric] Found fabric type in knitFabric:",o)):i.wovenFabric&&typeof i.wovenFabric=="object"&&i.wovenFabric.fabricType?(o=i.wovenFabric.fabricType,console.log("[Create Design Fabric] Found fabric type in wovenFabric:",o)):(o=i.fabricType||i.type||"",console.log("[Create Design Fabric] Found fabric type directly:",o)),s.value=String(o).toUpperCase().trim(),h.value=e.trim(),console.log("[Create Design Fabric] Fetched fabric type:",s.value,"for code:",e,"isDenim:",O.value),H.value&&Array.isArray(H.value)&&!H.value.find(E=>E.value===e.trim())&&H.value.push({label:e.trim(),value:e.trim(),fabricType:o,imageUrl:i.imageUrl||"",code:i.code||i.fabricCode||"",gsm:i.gsm||"",fabricName:i.fabricName||"",fabricDiscoveryName:i.fabricDiscoveryName||""}),y.value||(G.value.baseFabricType=s.value,G.value.baseFabricCode=e.trim())}}}catch(a){console.error("Error fetching fabric type:",a)}},ua=async e=>{var i,o,E,M,m,ve,ce,Ve,He,g,Pe,B,J,Ze,ga,Qe,Ia,ka,Na,Pa;if(!e){console.warn("[Design Fabric Master] populateFormFields called with no details");return}console.log("[Design Fabric Master] populateFormFields called with:",e),h.value=e.baseFabricCode||"",oe.value=e.baseFabricCode||"";let a="",r=e.baseFabricCode||"";if(e.baseFabric&&typeof e.baseFabric=="object"&&e.baseFabric!==null){const p=e.baseFabric.knitFabric,ee=e.baseFabric.wovenFabric,$=e.baseFabric.denimFabric;p&&typeof p=="object"?(a=p.imageUrl||"",r=p.code||r):ee&&typeof ee=="object"?(a=ee.imageUrl||"",r=ee.code||r):$&&typeof $=="object"&&(a=$.imageUrl||"",r=$.code||r),!a&&e.baseFabric.imageUrl&&(a=e.baseFabric.imageUrl),!r&&e.baseFabric.code&&(r=e.baseFabric.code)}let l="";if(e.baseFabricType)l=String(e.baseFabricType).toUpperCase().trim();else if(e.baseFabric&&typeof e.baseFabric=="object"&&e.baseFabric!==null){const p=e.baseFabric.fabricType||((i=e.baseFabric.denimFabric)==null?void 0:i.fabricType)||((o=e.baseFabric.knitFabric)==null?void 0:o.fabricType)||((E=e.baseFabric.wovenFabric)==null?void 0:E.fabricType)||"";l=String(p).toUpperCase().trim()}if(!l&&e.baseFabricCode&&(e.denimDesign&&typeof e.denimDesign=="object"&&e.denimDesign!==null?(e.denimDesign.denimEffects||e.denimDesign.denimEffect||e.denimDesign.drishtiCode!==void 0||e.denimDesign.vendorFabricReferenceCode!==void 0||e.denimDesign.threadColour!==void 0||e.drishtiCode!==void 0||e.vendorFabricReferenceCode!==void 0||e.threadColour!==void 0)&&(l="DENIM"):e.nonDenimDesign&&typeof e.nonDenimDesign=="object"&&e.nonDenimDesign!==null&&(e.nonDenimDesign.patternId||e.nonDenimDesign.pattern||e.nonDenimDesign.pantoneColourId||e.patternId||e.pattern||e.pantoneColourId)&&(l="KNITS")),s.value=l?l.toUpperCase().trim():"",r&&(ge.value={label:r,value:r,fabricType:s.value||"",imageUrl:a||"",code:r,gsm:"",fabricName:"",fabricDiscoveryName:""}),!l&&e.baseFabricCode&&!y.value&&ca(e.baseFabricCode),de.value=e.displayName||"",v.value=e.status||"",console.log("[Design Fabric Master] Common fields set:",{selectedBaseFabric:h.value,baseFabricType:s.value,displayName:de.value,baseFabricImageUrl:a}),s.value==="DENIM"){console.log("[Design Fabric Master] Populating DENIM fields"),console.log("[Design Fabric Master] denimEffectOptions loaded:",Me.value.length,"options:",Me.value),console.log("[Design Fabric Master] details.denimDesign:",e.denimDesign),console.log("[Design Fabric Master] details (root):",e);const p=e.denimDesign&&typeof e.denimDesign=="object"&&e.denimDesign!==null?e.denimDesign:e;if(console.log("[Design Fabric Master] Using denimDesign object:",p),p&&typeof p=="object"&&p!==null){if(p.denimEffects&&Array.isArray(p.denimEffects)&&p.denimEffects.length>0){const $=p.denimEffects.filter(x=>x!=null).map(x=>typeof x=="string"?x:typeof x=="object"&&x!==null?x.denimEffectId||x.id||x:null).filter(x=>x!=null&&x!=="");k.value=$,console.log("[Design Fabric Master] Set denimEffect IDs:",$)}else if(p.denimEffect!==null&&p.denimEffect!==void 0)if(Array.isArray(p.denimEffect)){const $=p.denimEffect.filter(x=>x!=null).map(x=>typeof x=="string"?x:x.id||x).filter(x=>x!=null&&x!=="");k.value=$}else{const $=typeof p.denimEffect=="string"?p.denimEffect:((M=p.denimEffect)==null?void 0:M.id)||p.denimEffect;$&&$!==null&&$!==void 0&&$!==""?k.value=[$]:k.value=[]}else k.value=[];X.value=p.drishtiCode!==null&&p.drishtiCode!==void 0?String(p.drishtiCode):e.drishtiCode!==null&&e.drishtiCode!==void 0?String(e.drishtiCode):"",Z.value=p.vendorFabricReferenceCode!==null&&p.vendorFabricReferenceCode!==void 0?String(p.vendorFabricReferenceCode):e.vendorFabricReferenceCode!==null&&e.vendorFabricReferenceCode!==void 0?String(e.vendorFabricReferenceCode):"",Q.value=p.threadColour!==null&&p.threadColour!==void 0?String(p.threadColour):e.threadColour!==null&&e.threadColour!==void 0?String(e.threadColour):"";const ee=p.image||p.imageUrl||e.imageUrl||e.fabricImage||e.image||null;ee&&ee!==null&&ee!==""?(S.value=ee,be.value=me(ee)):(S.value="",be.value="")}else k.value=[],X.value="",Z.value="",Q.value="",S.value="",be.value=""}else{P.value=((m=e.pattern)==null?void 0:m.id)||e.patternId||e.pattern||((ve=e.nonDenimDesign)==null?void 0:ve.patternId)||"",R.value=((ce=e.patternType)==null?void 0:ce.id)||e.patternTypeId||e.patternType||((Ve=e.nonDenimDesign)==null?void 0:Ve.patternTypeId)||"",U.value=((He=e.printTechnique)==null?void 0:He.id)||e.printTechniqueId||e.printTechnique||((g=e.nonDenimDesign)==null?void 0:g.printTechniqueId)||"";const p=((Pe=e.pantoneColour)==null?void 0:Pe.id)||e.pantoneColourId||e.pantoneColour||((B=e.nonDenimDesign)==null?void 0:B.pantoneColourId)||"";if(T.value=p,D.value=((J=e.marketplaceColour)==null?void 0:J.id)||e.marketplaceColourId||e.marketplaceColour||((Ze=e.nonDenimDesign)==null?void 0:Ze.marketplaceColourId)||"",p&&D.value&&Ee.value.length>0){const x=Ee.value.find(Xa=>Xa.id===p);x&&x.marketPlaceId===D.value&&(le.value=!0,console.log("[Design Fabric Master] MarketplaceColour was auto-populated from PantoneColour in edit mode"))}te.value=e.vendorFabricReferenceCode||((ga=e.nonDenimDesign)==null?void 0:ga.vendorFabricReferenceCode)||"",re.value=e.drishtiCode||((Qe=e.nonDenimDesign)==null?void 0:Qe.drishtiCode)||"";const ee=e.image||e.imageUrl||e.fabricImage||e.imageOther||e.imageOtherUrl||((Ia=e.nonDenimDesign)==null?void 0:Ia.image)||((ka=e.nonDenimDesign)==null?void 0:ka.imageOther)||((Na=e.nonDenimDesign)==null?void 0:Na.imageOtherUrl)||"",$=ee?me(ee):"";q.value=$,ie.value=$,ne.value=e.artwork||((Pa=e.nonDenimDesign)==null?void 0:Pa.artwork)||"",console.log("[Design Fabric Master] Non-denim fields set:",{pattern:P.value,patternType:R.value,printTechnique:U.value,pantoneColour:T.value,marketplaceColour:D.value})}G.value={displayName:de.value,baseFabricCode:h.value,baseFabricType:s.value,drishtiCode:s.value==="DENIM"?X.value:void 0,vendorFabricReferenceCode:s.value==="DENIM"?Z.value:void 0,threadColour:s.value==="DENIM"?Q.value:void 0,image:s.value==="DENIM"?S.value:void 0,denimEffects:s.value==="DENIM"?JSON.stringify(k.value||[]):void 0,patternId:s.value!=="DENIM"?P.value:void 0,patternTypeId:s.value!=="DENIM"?R.value:void 0,printTechniqueId:s.value!=="DENIM"?U.value:void 0,pantoneColourId:s.value!=="DENIM"?T.value:void 0,marketplaceColourId:s.value!=="DENIM"?D.value:void 0,vendorFabricReferenceCodeNonDenim:s.value!=="DENIM"?te.value:void 0,drishtiCodeNonDenim:s.value!=="DENIM"?re.value:void 0,imageOther:s.value!=="DENIM"?q.value:void 0,artwork:s.value!=="DENIM"?ne.value:void 0},console.log("[Design Fabric Master] All form fields populated successfully")},Da=async e=>{var a,r;try{_e.value=!0,console.log("[Design Fabric Master] Fetching design fabric details for code:",e),ke.value||await Le();const l=await N.get(`/noco/design-fabric/${e}`);if(console.log("[Design Fabric Master] API response:",l.data),l.status===200&&((a=l.data)!=null&&a.data)){const i=l.data.data;console.log("[Design Fabric Master] Extracted data:",i),console.log("[Design Fabric Master] Populating form fields with:",i),await ua(i),console.log("[Design Fabric Master] Form fields populated")}else console.error("[Design Fabric Master] Invalid response structure:",l.data),K.error("Failed to load design fabric details")}catch(l){console.error("[Design Fabric Master] Error fetching design fabric details:",l),console.error("[Design Fabric Master] Error response:",(r=l.response)==null?void 0:r.data),K.error("Failed to load design fabric details")}finally{_e.value=!1}},La=e=>{if(!e||!$e.value)return null;try{const a=$e.value;return a.Finish&&Array.isArray(a.Finish)&&a.Finish.find(l=>l.id===e)||null}catch(a){return console.error("Error getting fabric-master data:",a),null}},Va=async e=>{var a;if(e)try{const r=((a=e.data)==null?void 0:a.knitFabric)||e.knitFabric||e;if(!r){console.warn("No knitFabric data found in base fabric response");return}if(h.value=r.code||"",oe.value=r.code||"",s.value=String(r.fabricType||"KNITS").toUpperCase().trim(),ge.value={label:r.code||r.fabricCode||"",value:r.code||r.fabricCode||"",fabricType:s.value,imageUrl:r.imageUrl||"",code:r.code||r.fabricCode||"",gsm:r.gsm||"",fabricName:r.fabricName||"",fabricDiscoveryName:r.fabricDiscoveryName||""},r.displayName&&(de.value=r.displayName),r.imageUrl){const l=me(r.imageUrl);q.value=l,ie.value=l}if(r.finishId){await Ba();const l=La(r.finishId);l&&console.log("[Create Design Fabric] Retrieved finish data:",l)}ke.value||await Le(),console.log("[Create Design Fabric] Populated form from base fabric:",{code:h.value,fabricType:s.value,imageUrl:ie.value})}catch(r){console.error("Error populating form from base fabric:",r),K.error("Failed to populate form from base fabric data")}},Ye=async(e=je.value)=>{if(!(!d.designFabricCode||!y.value||Ne.value)&&De.value===d.designFabricCode)try{Ne.value=!0;const a=`/noco/design-fabric/${d.designFabricCode}/activity-logs`,r=new URLSearchParams;r.append("page",e.toString()),r.append("pageSize",ha.value.toString()),r.append("action","DESIGN_FABRIC_CREATE"),r.append("action","DESIGN_FABRIC_UPDATE"),r.append("action","DESIGN_FABRIC_STATUS_CHANGE");const l=await N.get(`${a}?${r.toString()}`);l.status===200&&l.data&&(Fe.value={messages:l.data.messages||[],totalCount:l.data.totalCount||0,page:l.data.page||0,pageSize:l.data.pageSize||ha.value,pageCount:l.data.pageCount||0},je.value=e)}catch(a){console.error("[Design Fabric Master] Error fetching activity logs:",a),Fe.value=null}finally{Ne.value=!1}},Ha=e=>{Ye(e)},qa=async e=>{Te.value=!0;try{const a=new FormData;a.append("file",e,e.name),a.append("type","design-fabric");const r=await N.post("/noco/upload",a,{headers:{"Content-Type":"multipart/form-data"}});if(r.status===200){const{url:l}=r.data;return l}throw new Error("Upload failed")}catch(a){throw console.error("Error uploading image:",a),K.error("Failed to upload image"),a}finally{Te.value=!1}},Xe=async(e,a)=>{if(e.type==="image/png"||e.type==="image/jpeg"||e.type==="image/jpg")try{const r=await qa(e);a==="denim"?(ia.value=e,be.value=URL.createObjectURL(e),S.value=r):a==="imageOther"&&(na.value=e,ie.value=URL.createObjectURL(e),q.value=r)}catch{}else K.error("File must be .PNG or .JPEG")},xa=async e=>{var l;const r=(l=e.target.files)==null?void 0:l[0];r&&await Xe(r,"denim")},Ca=()=>{var e;v.value!=="APPROVED"&&((e=sa.value)==null||e.click())},za=async e=>{var a;if(e.preventDefault(),ze.value=!1,v.value!=="APPROVED"){const r=(a=e.dataTransfer)==null?void 0:a.files[0];r&&await Xe(r,"denim")}},wa=async e=>{var l;const r=(l=e.target.files)==null?void 0:l[0];r&&await Xe(r,"imageOther")},Ga=()=>{var e;(e=oa.value)==null||e.click()},_a=()=>{v.value!=="APPROVED"&&Ga()},Ja=async e=>{var a;if(e.preventDefault(),Ge.value=!1,v.value!=="APPROVED"){const r=(a=e.dataTransfer)==null?void 0:a.files[0];r&&await Xe(r,"imageOther")}},Ea=()=>{var a;const e=localStorage.getItem("selectedBrandId")||((a=Ce.user.value)==null?void 0:a.brandId);if(!e)throw new Error("Brand ID is required");return e},fa=()=>{if(la.value={},!y.value)try{Ea()}catch{return K.error("Brand ID is required. Please select a brand."),!1}return!0},F=(e,a)=>{const r=G.value[e];if(Array.isArray(a)){const o=JSON.stringify(a||[]),E=r||JSON.stringify([]);return o!==E}const l=a==null?"":String(a),i=r==null?"":String(r);return l!==i},Ka=V(()=>{if(!y.value)return!1;if(F("displayName",Y(de.value))||F("baseFabricCode",h.value))return!0;if(O.value){if(F("drishtiCode",X.value)||F("vendorFabricReferenceCode",Z.value)||F("threadColour",Y(Q.value))||F("image",S.value))return!0;const e=JSON.stringify(k.value||[]),a=G.value.denimEffects||JSON.stringify([]);if(e!==a)return!0}else if(F("patternId",P.value)||F("patternTypeId",R.value)||F("printTechniqueId",U.value)||F("pantoneColourId",T.value)||F("marketplaceColourId",D.value)||F("vendorFabricReferenceCodeNonDenim",Y(te.value))||F("drishtiCodeNonDenim",Y(re.value))||F("imageOther",q.value)||F("artwork",Y(ne.value)))return!0;return!1}),va=async()=>{var e,a,r,l,i,o,E;if(fa()&&!w.value){w.value=!0;try{const M=y.value?void 0:Ea(),m={};!y.value&&M?(m.brandId=M,v.value&&F("status",v.value)&&(m.status=v.value),h.value&&h.value.trim()!==""&&(m.baseFabricCode=Y(h.value)),(e=Ce.user.value)!=null&&e.id&&(m.createdBy=Ce.user.value.id)):y.value&&(v.value&&F("status",v.value)&&(m.status=v.value),h.value&&h.value.trim()!==""&&F("baseFabricCode",h.value)&&(m.baseFabricCode=Y(h.value))),F("displayName",de.value)&&(m.displayName=Y(de.value)),O.value?(F("drishtiCode",X.value)&&(m.drishtiCode=Y(X.value)),F("vendorFabricReferenceCode",Z.value)&&(m.vendorFabricReferenceCode=Y(Z.value)),F("threadColour",Q.value)&&(m.threadColour=Y(Q.value)),F("image",S.value)&&(!S.value||S.value===""?m.image=null:m.image=S.value),F("denimEffects",k.value)&&(!k.value||k.value.length===0?m.denimEffects=[]:m.denimEffects=(k.value||[]).filter(ce=>ce!=null&&ce!==""))):(F("patternId",P.value)&&(m.patternId=P.value===""||P.value===null||P.value===void 0?null:P.value),F("patternTypeId",R.value)&&(m.patternTypeId=R.value===""||R.value===null||R.value===void 0?null:R.value),F("printTechniqueId",U.value)&&(m.printTechniqueId=U.value===""||U.value===null||U.value===void 0?null:U.value),F("pantoneColourId",T.value)&&(m.pantoneColourId=T.value===""||T.value===null||T.value===void 0?null:T.value),F("marketplaceColourId",D.value)&&(m.marketplaceColourId=D.value===""||D.value===null||D.value===void 0?null:D.value),F("vendorFabricReferenceCodeNonDenim",te.value)&&(m.vendorFabricReferenceCode=Y(te.value)),F("drishtiCodeNonDenim",re.value)&&(m.drishtiCode=Y(re.value)),F("imageOther",q.value)&&(!q.value||q.value===""?m.image=null:m.image=q.value),F("artwork",ne.value)&&(m.artwork=Y(ne.value)));let ve;y.value&&d.designFabricCode?ve=await N.patch(`/noco/design-fabric/${d.designFabricCode}`,m):ve=await N.post("/noco/design-fabric",m),(ve.status===200||ve.status===201)&&(K.success(y.value?"Design Fabric updated successfully":"Design Fabric created successfully"),fe("update:refreshDesignFabricMasters",!0),y.value&&d.designFabricCode&&!Ne.value&&De.value===d.designFabricCode?(await Ye(),G.value={displayName:de.value,baseFabricCode:h.value,baseFabricType:s.value,drishtiCode:s.value==="DENIM"?X.value:void 0,vendorFabricReferenceCode:s.value==="DENIM"?Z.value:void 0,threadColour:s.value==="DENIM"?Q.value:void 0,image:s.value==="DENIM"?S.value:void 0,denimEffects:s.value==="DENIM"?JSON.stringify(k.value||[]):void 0,patternId:s.value!=="DENIM"?P.value:void 0,patternTypeId:s.value!=="DENIM"?R.value:void 0,printTechniqueId:s.value!=="DENIM"?U.value:void 0,pantoneColourId:s.value!=="DENIM"?T.value:void 0,marketplaceColourId:s.value!=="DENIM"?D.value:void 0,vendorFabricReferenceCodeNonDenim:s.value!=="DENIM"?te.value:void 0,drishtiCodeNonDenim:s.value!=="DENIM"?re.value:void 0,imageOther:s.value!=="DENIM"?q.value:void 0,artwork:s.value!=="DENIM"?ne.value:void 0}):!y.value&&((r=(a=ve.data)==null?void 0:a.data)!=null&&r.code),y.value||Be())}catch(M){console.error(`Error ${y.value?"updating":"creating"} design fabric:`,M);const m=((i=(l=M.response)==null?void 0:l.data)==null?void 0:i.error)||((E=(o=M.response)==null?void 0:o.data)==null?void 0:E.message)||`Failed to ${y.value?"update":"create"} design fabric`;K.error(m)}finally{w.value=!1}}},Wa=async()=>{var e,a,r,l;if(!y.value||!d.designFabricCode){if(!fa())return;v.value="APPROVED",await va();return}if(!j.value){j.value=!0;try{(await N.patch(`/noco/design-fabric/${d.designFabricCode}/APPROVED`,{})).status===200&&(K.success("Design fabric status updated to APPROVED successfully"),v.value="APPROVED",fe("update:refreshDesignFabricMasters",!0),Be())}catch(i){console.error("Error approving design fabric:",i);const o=((a=(e=i.response)==null?void 0:e.data)==null?void 0:a.error)||((l=(r=i.response)==null?void 0:r.data)==null?void 0:l.message)||"Failed to approve design fabric";K.error(o)}finally{j.value=!1}}},Ya=async()=>{var e,a,r,l;if(!y.value||!d.designFabricCode){if(!fa())return;v.value="ON_HOLD",await va();return}if(!we.value){we.value=!0;try{(await N.patch(`/noco/design-fabric/${d.designFabricCode}/ON_HOLD`,{})).status===200&&(K.success("Design fabric status updated to ON_HOLD successfully"),v.value="ON_HOLD",fe("update:refreshDesignFabricMasters",!0),Be())}catch(i){console.error("Error setting design fabric on hold:",i);const o=((a=(e=i.response)==null?void 0:e.data)==null?void 0:a.error)||((l=(r=i.response)==null?void 0:r.data)==null?void 0:l.message)||"Failed to set design fabric on hold";K.error(o)}finally{we.value=!1}}};return ae(()=>se.value,e=>{e||Be()}),ae(()=>P.value,e=>{!O.value&&e&&!Se(e,Oe.value)&&(P.value="")}),ae(()=>R.value,e=>{!O.value&&e&&!Se(e,Je.value)&&(R.value="")}),ae(()=>U.value,e=>{!O.value&&e&&!Se(e,Ke.value)&&(U.value="")}),ae(()=>T.value,e=>{if(!e||O.value){e||(D.value="",le.value=!1);return}if(!Se(e,Ue.value)){T.value="";return}const a=Ee.value.find(r=>r.id===e);if(a&&a.marketPlaceId){const r=Ie.value.find(l=>l.value===a.marketPlaceId);if(r)D.value=r.value,le.value=!0,console.log("[Create Design Fabric] Auto-populated marketplaceColour:",D.value,"from pantoneColour:",e);else if(a.marketPlaceColour){const l=Ie.value.find(i=>i.label===a.marketPlaceColour);l?(D.value=l.value,le.value=!0,console.log("[Create Design Fabric] Auto-populated marketplaceColour by name:",D.value)):(D.value="",le.value=!1)}else D.value="",le.value=!1}else D.value="",le.value=!1}),ae(()=>D.value,e=>{!O.value&&e&&!le.value&&!Se(e,Ie.value)&&(D.value="")}),ae(()=>k.value,e=>{O.value&&e&&e.length>0&&!Se(e,Me.value)&&(k.value=[])}),(e,a)=>{const r=pa("NcSpin"),l=Oa,i=ot,o=dt,E=ct,M=lt,m=At,ve=Bt;return f(),ue(ve,{visible:t(se),"onUpdate:visible":a[22]||(a[22]=ce=>W(se)?se.value=ce:null),size:"large",height:t(Ma),"show-separator":!1,closable:!0,"mask-closable":!0,"nc-modal-class-name":"bg-gray-100","data-testid":"nc-modal-create-design-fabric-master"},{header:qe(()=>[n("div",Lt,[n("div",Vt,[t(ta)?(f(),b("img",{key:0,src:`/img/brand/${t(ta)}.png`,alt:t(ta),class:"w-10 h-8","data-testid":"nc-modal-create-design-fabric-master__brand-image"},null,8,Ht)):_("",!0),n("div",qt,[z(L(t(y)?"Edit Design Fabric":"Create Design Fabric"),1),t(y)&&d.designFabricCode?(f(),b("span",zt," - "+L(d.designFabricCode),1)):_("",!0)]),t(v)?(f(),b("span",{key:1,class:xe([[{"text-[#6366F1] bg-[#EEF2FF]":t(v)==="CREATED"},{"text-[#16A34A] bg-[#F0FDF4]":t(v)==="APPROVED"},{"text-[#EA580C] bg-[#FFF7ED]":t(v)==="ON_HOLD"}],"rounded-xl py-1 px-3 flex items-center justify-center text-sm font-bold"]),"data-testid":"nc-modal-create-design-fabric-master__status"},L(t(v)),3)):_("",!0)])])]),default:qe(()=>{var ce,Ve,He;return[t(_e)?(f(),b("div",Gt,[I(r,{size:"large"})])):(f(),b("div",Jt,[n("div",Kt,[t(y)?(f(),b("div",vr,[n("div",gr,[a[27]||(a[27]=n("label",{class:"text-sm font-medium text-gray-700"},[z(" Base Fabric code "),n("span",{class:"text-red-500"},"*")],-1)),t(h)?(f(),b("div",br,[n("div",pr,[n("div",mr,[(Ve=t(We))!=null&&Ve.imageUrl?(f(),b("img",{key:0,src:t(me)(t(We).imageUrl),alt:t(h),class:"w-full h-full object-cover"},null,8,yr)):(f(),ue(l,{key:1,icon:"image",class:"!h-5 w-5 text-gray-400"}))]),n("span",hr,L(t(h)),1)])])):(f(),ue(o,{key:1,value:t(h),disabled:"",class:"w-full","data-testid":"nc-modal-create-design-fabric-master__base-fabric-display"},null,8,["value"]))])])):(f(),b("div",Wt,[n("div",Yt,[a[26]||(a[26]=n("label",{class:"text-sm font-medium text-gray-700"},[z(" Base Fabric code "),n("span",{class:"text-red-500"},"*")],-1)),t(ya)?(f(),b("div",Xt,[n("div",Zt,[n("div",Qt,[(ce=t(We))!=null&&ce.imageUrl?(f(),b("img",{key:0,src:t(me)(t(We).imageUrl),alt:t(h),class:"w-full h-full object-cover"},null,8,er)):(f(),ue(l,{key:1,icon:"image",class:"!h-5 w-5 text-gray-400"}))]),n("span",ar,L(t(h)),1),t(v)!=="APPROVED"?(f(),b("button",{key:0,type:"button",class:"flex-shrink-0 flex items-center justify-center w-5 h-5 rounded-full hover:bg-gray-200 transition-colors cursor-pointer ml-1","data-testid":"nc-modal-create-design-fabric-master__base-fabric-clear",onClick:ye(ja,["stop"])},[I(l,{icon:"close",class:"w-3.5 h-3.5 text-gray-500"})])):_("",!0)])])):(f(),ue(i,{key:1,value:t(oe),"onUpdate:value":a[0]||(a[0]=g=>W(oe)?oe.value=g:null),options:t(H),loading:t(ra),"filter-option":!1,"default-active-first-option":!1,"auto-focus":!1,placeholder:"Type to search Base Fabric code or name",class:"w-full",disabled:t(v)==="APPROVED","data-testid":"nc-modal-create-design-fabric-master__base-fabric",onSearch:Ua,onSelect:a[1]||(a[1]=g=>{console.log("[Create Design Fabric] @select handler triggered for:",g);const Pe=[...t(H).value||[]],B=Pe.find(J=>J.value===g);if(B&&B.fabricType){const J=B.fabricType;console.log("[Create Design Fabric] Found fabric in options with stored fabricType:",{code:B.code,fabricType:J,isDenim:J==="DENIM"}),t(s).value=J,console.log("[Create Design Fabric] Set baseFabricType to:",t(s).value,"isDenim:",t(O).value),h.value=g,oe.value=g,t(ge).value=B,t(y).value||(t(G).value.baseFabricType=J,t(G).value.baseFabricCode=g),console.log("[Create Design Fabric] After @select - baseFabricType:",t(s).value,"isDenim:",t(O).value)}else console.warn("[Create Design Fabric] Fabric not found in options or missing fabricType, fetching...",{value:g,found:!!B,hasFabricType:B==null?void 0:B.fabricType,options:Pe.map(J=>({value:J.value,fabricType:J.fabricType}))}),h.value=g,oe.value=g,B&&(t(ge).value=B),ca(g);t(H).value=[]})},{option:qe(({value:g,label:Pe,imageUrl:B,code:J,gsm:Ze,fabricName:ga,fabricDiscoveryName:Qe})=>[n("div",tr,[B?(f(),b("img",{key:0,src:t(me)(B),alt:"Fabric",class:"w-8 h-8 object-cover rounded flex-shrink-0",style:{"min-width":"32px","min-height":"32px"}},null,8,rr)):(f(),b("div",ir,[I(l,{icon:"image",class:"w-4 h-4 text-gray-400"})])),n("div",nr,[n("div",lr,[n("div",sr,[a[23]||(a[23]=n("div",{class:"text-xs text-gray-500 mb-0.5"},"Code",-1)),n("div",or,L(J||Pe||g),1)]),n("div",dr,[a[24]||(a[24]=n("div",{class:"text-xs text-gray-500 mb-0.5"},"GSM",-1)),n("div",cr,L(Ze||"-"),1)]),n("div",ur,[a[25]||(a[25]=n("div",{class:"text-xs text-gray-500 mb-0.5"},"Fabric Name",-1)),n("div",fr,L(Qe||"-"),1)])])])])]),_:1},8,["value","options","loading","disabled"]))])])),n("div",Fr,[n("div",Dr,[t(O)?(f(),b(aa,{key:0},[n("div",xr,[a[28]||(a[28]=n("label",{class:"text-sm font-medium text-gray-700"}," Denim Effect ",-1)),I(E,{value:t(k),"onUpdate:value":a[2]||(a[2]=g=>W(k)?k.value=g:null),mode:"multiple",options:t(Me),placeholder:"Select Denim Effects",class:"w-full",disabled:t(v)==="APPROVED","allow-clear":"","filter-option":C,"show-search":!0,"data-testid":"nc-modal-create-design-fabric-master__denim-effect"},null,8,["value","options","disabled"])]),n("div",Cr,[a[29]||(a[29]=n("label",{class:"text-sm font-medium text-gray-700"}," Drishti Code ",-1)),I(o,{value:t(X),"onUpdate:value":a[3]||(a[3]=g=>W(X)?X.value=g:null),placeholder:"Enter Drishti Code",class:"w-full",disabled:t(v)==="APPROVED",maxlength:t(A),"data-testid":"nc-modal-create-design-fabric-master__drishti-code"},null,8,["value","disabled","maxlength"])]),n("div",wr,[a[30]||(a[30]=n("label",{class:"text-sm font-medium text-gray-700"}," Vendor Fabric Reference Code ",-1)),I(o,{value:t(Z),"onUpdate:value":a[4]||(a[4]=g=>W(Z)?Z.value=g:null),placeholder:"Enter Vendor Fabric Reference Code",class:"w-full",disabled:t(v)==="APPROVED",maxlength:t(A),"data-testid":"nc-modal-create-design-fabric-master__vendor-fabric-ref-code"},null,8,["value","disabled","maxlength"])]),n("div",_r,[a[31]||(a[31]=n("label",{class:"text-sm font-medium text-gray-700"}," Thread Colour ",-1)),I(o,{value:t(Q),"onUpdate:value":a[5]||(a[5]=g=>W(Q)?Q.value=g:null),placeholder:"Enter Thread Colour",class:"w-full",disabled:t(v)==="APPROVED",maxlength:t(A),"data-testid":"nc-modal-create-design-fabric-master__thread-colour"},null,8,["value","disabled","maxlength"])])],64)):t(O)?_("",!0):(f(),b(aa,{key:1},[n("div",Er,[a[32]||(a[32]=n("label",{class:"text-sm font-medium text-gray-700"},[z(" Pattern "),n("span",{class:"text-red-500"},"*")],-1)),I(M,{value:t(P),"onUpdate:value":a[6]||(a[6]=g=>W(P)?P.value=g:null),options:t(Oe),placeholder:"Select Pattern",class:"w-full",disabled:t(v)==="APPROVED","allow-clear":"","filter-option":C,"show-search":"","data-testid":"nc-modal-create-design-fabric-master__pattern"},null,8,["value","options","disabled"])]),n("div",Ir,[a[33]||(a[33]=n("label",{class:"text-sm font-medium text-gray-700"},[z(" Pattern Type "),n("span",{class:"text-red-500"},"*")],-1)),I(M,{value:t(R),"onUpdate:value":a[7]||(a[7]=g=>W(R)?R.value=g:null),options:t(Je),placeholder:"Select Pattern Type",class:"w-full",disabled:t(v)==="APPROVED","allow-clear":"","filter-option":C,"show-search":"","data-testid":"nc-modal-create-design-fabric-master__pattern-type"},null,8,["value","options","disabled"])]),n("div",kr,[n("label",Nr,[a[34]||(a[34]=z(" Print Technique ",-1)),t(Sa)?(f(),b("span",Pr,"*")):_("",!0)]),I(M,{value:t(U),"onUpdate:value":a[8]||(a[8]=g=>W(U)?U.value=g:null),options:t(Ke),placeholder:"Select Print Technique",class:"w-full",disabled:t(v)==="APPROVED","allow-clear":"","filter-option":C,"show-search":"","data-testid":"nc-modal-create-design-fabric-master__print-technique"},null,8,["value","options","disabled"])]),n("div",Ar,[n("label",Tr,[a[35]||(a[35]=z(" Pantone Colour ",-1)),t(D)?_("",!0):(f(),b("span",Or,"*"))]),I(M,{value:t(T),"onUpdate:value":a[9]||(a[9]=g=>W(T)?T.value=g:null),options:t(Ue),placeholder:"Select Pantone Colour",class:"w-full",disabled:t(v)==="APPROVED","allow-clear":"","filter-option":he,"show-search":"","data-testid":"nc-modal-create-design-fabric-master__pantone-colour"},null,8,["value","options","disabled"])]),n("div",Mr,[n("label",Sr,[a[36]||(a[36]=z(" Marketplace Colour ",-1)),t(T)?_("",!0):(f(),b("span",Rr,"*"))]),I(M,{value:t(D),"onUpdate:value":a[10]||(a[10]=g=>W(D)?D.value=g:null),options:t(Ie),placeholder:"Select Marketplace Colour",class:"w-full",disabled:t(v)==="APPROVED"||t(le),"allow-clear":!t(le),"filter-option":C,"show-search":"","data-testid":"nc-modal-create-design-fabric-master__marketplace-colour"},null,8,["value","options","disabled","allow-clear"])]),n("div",Ur,[a[37]||(a[37]=n("label",{class:"text-sm font-medium text-gray-700"}," Vendor Fabric Reference Code ",-1)),I(o,{value:t(te),"onUpdate:value":a[11]||(a[11]=g=>W(te)?te.value=g:null),placeholder:"Enter Vendor Fabric Reference Code",class:"w-full",disabled:t(v)==="APPROVED",maxlength:t(A),"data-testid":"nc-modal-create-design-fabric-master__vendor-fabric-ref-code"},null,8,["value","disabled","maxlength"])]),n("div",$r,[a[38]||(a[38]=n("label",{class:"text-sm font-medium text-gray-700"}," Drishti Code ",-1)),I(o,{value:t(re),"onUpdate:value":a[12]||(a[12]=g=>W(re)?re.value=g:null),placeholder:"Enter Drishti Code",class:"w-full",disabled:t(v)==="APPROVED",maxlength:t(A),"data-testid":"nc-modal-create-design-fabric-master__drishti-code"},null,8,["value","disabled","maxlength"])]),n("div",jr,[a[39]||(a[39]=n("label",{class:"text-sm font-medium text-gray-700"},"Artwork",-1)),I(o,{value:t(ne),"onUpdate:value":a[13]||(a[13]=g=>W(ne)?ne.value=g:null),placeholder:"Enter Artwork",class:"w-full",disabled:t(v)==="APPROVED",maxlength:t(A),"data-testid":"nc-modal-create-design-fabric-master__artwork-input"},null,8,["value","disabled","maxlength"])])],64))])])]),n("div",Br,[t(O)?(f(),b("div",Lr,[a[42]||(a[42]=n("label",{class:"text-sm font-medium text-gray-700"},[z("Fabric Image "),n("span",{class:"text-red-500"},"*")],-1)),!t(be)&&!t(S)?(f(),b("div",{key:0,class:xe(["border-2 border-dashed border-gray-300 rounded-lg p-4 flex items-center justify-center transition-all duration-200 w-full",{"cursor-pointer hover:border-[#7F56D9] hover:bg-[#F9F5FF]":t(v)!=="APPROVED","border-[#7F56D9] bg-[#F9F5FF]":t(v)!=="APPROVED"&&t(ze),"cursor-not-allowed opacity-50":t(v)==="APPROVED"}]),style:{"aspect-ratio":"1","max-width":"100%","min-height":"150px","max-height":"200px"},"data-testid":"nc-modal-create-design-fabric-master__denim-image-upload-area",onDragenter:a[14]||(a[14]=ye(g=>t(v)!=="APPROVED"&&(ze.value=!0),["prevent"])),onDragleave:a[15]||(a[15]=ye(g=>t(v)!=="APPROVED"&&(ze.value=!1),["prevent"])),onDragover:a[16]||(a[16]=ye(g=>t(v)!=="APPROVED",["prevent"])),onDrop:a[17]||(a[17]=ye(g=>t(v)!=="APPROVED"&&za(g),["prevent"])),onClick:Ca},[n("div",Vr,[n("input",{ref_key:"denimFileInput",ref:sa,type:"file",class:"hidden",accept:".png,.jpeg,.jpg","data-testid":"nc-modal-create-design-fabric-master__denim-file-input",onChange:xa},null,544),I(l,{icon:"cloudUpload2",class:"h-12 w-12 fill-[#7F56D9] text-[#7F56D9]"}),a[40]||(a[40]=n("div",{class:"text-[#7F56D9] text-sm text-center"},[n("span",{class:"text-[#6941C6] font-bold"},"Add file"),z(" or drag and drop ")],-1)),a[41]||(a[41]=n("span",{class:"text-[#7F56D9] text-xs text-center mb-2"},"File type must be .PNG or .JPEG",-1))])],34)):(f(),b("div",{key:1,class:xe(["border-2 border-[#93bea1] bg-[#eefaf2] rounded-lg p-2 flex items-center justify-center overflow-hidden w-full",{"cursor-pointer":t(v)!=="APPROVED","cursor-not-allowed opacity-50":t(v)==="APPROVED"}]),style:{"max-width":"100%","min-height":"150px","max-height":"300px"},"data-testid":"nc-modal-create-design-fabric-master__denim-image-uploaded",onClick:Ca},[n("div",Hr,[t(be)||t(S)?(f(),b("img",{key:0,src:t(be)||(t(S)?t(me)(t(S)):""),alt:"Uploaded denim fabric",class:"max-w-full max-h-full w-auto h-auto object-contain rounded-lg",style:{"max-height":"280px"}},null,8,qr)):_("",!0),n("input",{ref_key:"denimFileInput",ref:sa,type:"file",class:"hidden",accept:".png,.jpeg,.jpg",onChange:xa},null,544)])],2))])):t(O)?_("",!0):(f(),b("div",zr,[a[45]||(a[45]=n("label",{class:"text-sm font-medium text-gray-700"},[z("Fabric Image "),n("span",{class:"text-red-500"},"*")],-1)),!t(ie)&&!t(q)?(f(),b("div",{key:0,class:xe(["border-2 border-dashed border-gray-300 rounded-lg p-4 flex items-center justify-center transition-all duration-200 w-full",{"cursor-pointer hover:border-[#7F56D9] hover:bg-[#F9F5FF]":t(v)!=="APPROVED","border-[#7F56D9] bg-[#F9F5FF]":t(v)!=="APPROVED"&&t(Ge),"cursor-not-allowed opacity-50":t(v)==="APPROVED"}]),style:{"aspect-ratio":"1","max-width":"100%","min-height":"150px","max-height":"200px"},"data-testid":"nc-modal-create-design-fabric-master__image-other-upload-area",onDragenter:a[18]||(a[18]=ye(g=>t(v)!=="APPROVED"&&(Ge.value=!0),["prevent"])),onDragleave:a[19]||(a[19]=ye(g=>t(v)!=="APPROVED"&&(Ge.value=!1),["prevent"])),onDragover:a[20]||(a[20]=ye(g=>t(v)!=="APPROVED",["prevent"])),onDrop:ye(Ja,["prevent"]),onClick:_a},[n("div",Gr,[n("input",{ref_key:"imageOtherFileInput",ref:oa,type:"file",class:"hidden",accept:".png,.jpeg,.jpg","data-testid":"nc-modal-create-design-fabric-master__fabric-image-file-input",onChange:wa},null,544),I(l,{icon:"cloudUpload2",class:"h-12 w-12 fill-[#7F56D9] text-[#7F56D9]"}),a[43]||(a[43]=n("div",{class:"text-[#7F56D9] text-sm text-center"},[n("span",{class:"text-[#6941C6] font-bold"},"Add file"),z(" or drag and drop ")],-1)),a[44]||(a[44]=n("span",{class:"text-[#7F56D9] text-xs text-center mb-2"},"File type must be .PNG or .JPEG",-1))])],34)):(f(),b("div",{key:1,class:xe(["border-2 border-[#93bea1] bg-[#eefaf2] rounded-lg p-2 flex items-center justify-center overflow-hidden w-full",{"cursor-pointer":t(v)!=="APPROVED","cursor-not-allowed opacity-50":t(v)==="APPROVED"}]),style:{"max-width":"100%","min-height":"150px","max-height":"300px"},"data-testid":"nc-modal-create-design-fabric-master__image-other-uploaded",onClick:_a},[n("div",Jr,[t(ie)||t(q)?(f(),b("img",{key:0,src:t(ie)?t(ie).startsWith("blob:")?t(ie):t(me)(t(ie)):t(me)(t(q)),alt:"Uploaded fabric image",class:"max-w-full max-h-full w-auto h-auto object-contain rounded-lg",style:{"max-height":"280px"}},null,8,Kr)):_("",!0),n("input",{ref_key:"imageOtherFileInput",ref:oa,type:"file",class:"hidden",accept:".png,.jpeg,.jpg",onChange:wa},null,544)])],2))])),t(y)?(f(),b("div",Wr,[n("div",{class:"flex items-center justify-between p-3 cursor-pointer hover:bg-gray-50 transition-colors",onClick:a[21]||(a[21]=g=>pe.value=!t(pe)),"data-testid":"nc-modal-create-design-fabric-master__activity-logs-header"},[n("div",Yr,[I(l,{icon:t(pe)?"arrowDown":"arrowRight",class:"transition-transform duration-200"},null,8,["icon"]),a[46]||(a[46]=n("span",{class:"text-sm font-medium text-gray-700"},"Activity Logs",-1)),((He=t(Fe))==null?void 0:He.totalCount)!==void 0?(f(),b("span",Xr," ("+L(t(Fe).totalCount)+" total) ",1)):_("",!0)])]),rt(n("div",Zr,[n("div",Qr,[I(m,{data:t(Fe),"is-loading":t(Ne),title:"",onPageChange:Ha},null,8,["data","is-loading"])])],512),[[it,t(pe)]])])):_("",!0)])])),I($t,{"is-saving":t(w),"is-approving":t(j),"is-on-holding":t(we),"is-uploading-image":t(Te),"fabric-status":t(v),"is-edit-mode":t(y),"has-valid-base-fabric-selection":t(ya),"has-unsaved-changes":t(Ka),"show-save":!0,"show-approve":t(y),"show-on-hold":t(y),"test-id-prefix":"nc-modal-create-design-fabric-master",onSave:va,onApprove:Wa,onOnHold:Ya},null,8,["is-saving","is-approving","is-on-holding","is-uploading-image","fabric-status","is-edit-mode","has-valid-base-fabric-selection","has-unsaved-changes","show-approve","show-on-hold"])]}),_:1},8,["visible","height"])}}}),oi=Object.assign(Ta(ei,[["__scopeId","data-v-9f1fff4c"]]),{__name:"WorkspaceDesignFabricMasterCreateDesignFabricMaster"});export{$t as D,At as _,oi as a,Y as t,jt as u};

package/lib/dist/_nuxt/BSfKNaZl.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./2qJ9T3pz.js","./BntbNdq_.js","./entry.D5Rjbge3.css","./Modal.BYPzfqB3.css"])))=>i.map(i=>d[i]);
+import{d as re,cK as ue,cX as be,d2 as ve,V as pe,cR as ye,b as ge,bW as xe,r as h,aa as we,c as K,aj as O,W as ke,X as Se,e as fe,g,o as d,j as o,n as N,k as e,v as Ce,h as k,l as se,i as z,m as B,s as me,t as R,B as M,a0 as F,I as he,cI as Be,cx as je,a7 as te,ac as ae,p as $e,cn as Ie,C as De,H as ze}from"./BntbNdq_.js";import{_ as Ge}from"./BHp69-Nk.js";import{_ as _e}from"./BHWHRUPO.js";import{_ as Ne}from"./BcZkHX9g.js";import{_ as Oe}from"./CPQ7ULUb.js";import{_ as Ue}from"./ruqh6kAr.js";import{a as Fe}from"./Drooc6KG.js";import"./CkgUWA1o.js";import"./BHBjXecH.js";import"./w_xDnJ9r.js";import"./CyXbDevt.js";import"./BQQOEPN4.js";import"./BgTTDF86.js";import"./DdqxaCSw.js";const Re={class:"flex flex-col","data-testid":"nc-style-batch-table"},Te={class:"relative"},Le={key:0,class:"flex flex-col items-center justify-center gap-4 h-[calc(100vh-200px)]","data-testid":"nc-style-batch-table__no-data-state"},qe=["data-testid"],Ae=["src","alt","data-testid"],Ee=["disabled","data-testid","onClick"],Pe={class:"inline-block"},We=["data-testid"],Me=["data-testid"],Ve={key:2,class:"loading-overlay bg-white/90 backdrop-blur-sm flex flex-col items-center justify-center","data-testid":"nc-style-batch-table__loading-overlay"},Je={class:"flex flex-col items-center gap-4","data-testid":"nc-style-batch-table__loading-content"},Qe={key:3,class:"flex flex-col items-center justify-center gap-4 h-[calc(100vh-200px)]","data-testid":"nc-style-batch-table__initial-loading"},Ke={class:"flex flex-col items-center gap-4","data-testid":"nc-style-batch-table__initial-loading-content"},Xe={key:0},Ze={key:1,class:"mt-4 flex justify-center","data-testid":"nc-style-batch-table__download-section"},He=["disabled"],Ye={key:2,class:"mt-4 flex justify-center","data-testid":"nc-style-batch-table__create-section"},et=re({__name:"styleBatchTable",props:{refreshBatches:{type:Boolean}},setup(V){const J=V,j=ue();be();const{meta:L,control:ce}=ve(),{$state:X,$api:ie,$axios:q}=pe(),A=ye();ie.instance.defaults.baseURL;const E=A.public.tesseraApiUrl||"https://tessera.tmrw.in/api";A.public.orgsName,A.public.stylesTableBaseName,A.public.stylesTableName,A.public.styleAttributesTableName;const Y=ge(),f=new URLSearchParams(j.currentRoute.value.query),{refreshBatches:ee}=xe(J),S=h(!0),P=h(!1),Q=h(!0),$=h({}),C=h(!1),b=h(void 0),W=h(),v=h({page:f.get("page")||"1",pageSize:f.get("pageSize")||"10"}),U=h(0);let G=1;const I=h({}),T=[{label:"10",value:10},{label:"20",value:20},{label:"50",value:50},{label:"100",value:100}],Z=[{key:"select",title:"",width:60,minWidth:40},{key:"brandname",title:"Brand",dataIndex:"brandname",justify:"justify-center",minWidth:120},{key:"subBrandname",title:"Sub Brand",dataIndex:"subBrandname",justify:"justify-center",minWidth:120,showOrderBy:!0},{key:"group",title:"Group",dataIndex:"group",justify:"justify-center",minWidth:120,showOrderBy:!0},{key:"gender",title:"Gender",dataIndex:"gender",justify:"justify-center",minWidth:100,showOrderBy:!0},{key:"quantity",title:"QTY",dataIndex:"quantity",justify:"justify-center",minWidth:80,showOrderBy:!0},{key:"createdAt",title:"Created",dataIndex:"createdAt",justify:"justify-center",minWidth:120,showOrderBy:!0},{key:"action",title:"Action",minWidth:140,justify:"justify-center"}],x=we({}),_=K(()=>Object.values(x).filter(n=>n).length),y=n=>{var s;(s=b.value)==null||s.forEach(t=>{n?x[t.batchId]=!0:delete x[t.batchId]})},H=K({get:()=>{const n=b.value;return!n||n.length===0?!1:n.every(s=>x[s.batchId])},set:n=>{y(n)}}),le=n=>({class:`${x[n.batchId]?"selected":""}`,"data-testid":`nc-style-batch-table__row-${n.batchId}`}),D=async(n=!1)=>{try{Object.keys(x).forEach(r=>{delete x[r]}),S.value=!0;let s,t;n&&I.value.sortBy&&(s=I.value.sortBy,t=I.value.sortOrder);const a=await q.get(`${E}/noco/styles/batch`,{params:{...s&&{sortBy:s},...t&&{sortOrder:t},page:v.value.page,limit:v.value.pageSize}});if(a.status===200){const r=a.data;b.value=r.styleBatches,U.value=r.total||0,v.value.page=String(r.currentPage||1),G=r.pageCount||1,Q.value&&(Q.value=!1)}}catch(s){console.error("Error fetching style batches:",s)}finally{S.value=!1,P.value=!1}},oe=async(n,s)=>{$.value[s]=!0;try{const t=await fetch(`${E}/noco/styles/export`,{method:"POST",headers:{"Content-Type":"application/json","xc-auth":X.token.value},body:JSON.stringify({styleCodes:n})});if(!t.ok){const p=await t.json();throw new Error(p.message||"Failed to export file")}const a=await t.blob(),r=new Blob([a],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}),i=URL.createObjectURL(r),c=document.createElement("a");c.href=i,c.download="style_batches.xlsx",c.style.display="none",document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(i)}catch(t){F.error(t.message||"Download failed")}finally{$.value[s]=!1}},ne=async()=>{var n;C.value=!0;try{const s=(n=b.value)==null?void 0:n.filter(t=>x[t.batchId]);if(!(s!=null&&s.length)){F.error("No batches selected");return}await Promise.all(s.map(async t=>{const a=await fetch(`${E}/noco/styles/export`,{method:"POST",headers:{"Content-Type":"application/json","xc-auth":X.token.value},body:JSON.stringify({styleCodes:t.styleCodes})});if(!a.ok){const u=await a.json();throw new Error(u.message||`Failed to export batch ${t.batchId}`)}const r=await a.blob(),i=new Blob([r],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}),c=URL.createObjectURL(i),p=document.createElement("a");p.href=c,p.download=`style_batch_${t.batchId}.xlsx`,p.style.display="none",document.body.appendChild(p),p.click(),document.body.removeChild(p),URL.revokeObjectURL(c)}))}catch(s){F.error(s.message||"Download failed")}finally{C.value=!1,Object.keys(x).forEach(s=>{delete x[s]})}};O(()=>Y.brandInfo.value.brandId,(n,s)=>{n&&n!==s&&(console.log("[Style Batch Table] Brand changed, resetting pagination..."),v.value.page="1",f.set("page","1"),b.value=[],U.value=0,S.value=!0,j.push({query:Object.fromEntries(f.entries())}),D(!1))}),O(()=>Y.brandInfo.value.brandName,(n,s)=>{n&&n!==s&&console.log("[Style Batch Table] Brand name changed:",n)}),ke(()=>{D(!1),window.addEventListener("refreshStyleBatchTable",()=>{D(!1)}),window.addEventListener("brandChanged",()=>{console.log("[Style Batch Table] Brand changed, refreshing data..."),b.value=[],U.value=0,S.value=!0,v.value.page="1",f.set("page","1"),j.push({query:Object.fromEntries(f.entries())}),D(!1)})}),Se(()=>{window.removeEventListener("refreshStyleBatchTable",()=>{D(!1)}),window.removeEventListener("brandChanged",()=>{D(!1)})}),O(ee,n=>{n&&D(!1)}),O(W,n=>{if(n){const s=Object.entries(n)[0];if(s){const[t,a]=s;a==="asc"||a==="desc"?(f.set("sortBy",t),f.set("sortOrder",a),I.value={sortBy:t,sortOrder:a}):(f.delete("sortBy"),f.delete("sortOrder"),I.value={}),j.push({query:Object.fromEntries(f.entries())}),D(!0)}}}),O(v,(n,s)=>{if(P.value=!0,s&&n.pageSize!==s.pageSize){v.value.page="1",f.set("page","1"),b.value=[],U.value=0,S.value=!0,j.push({query:Object.fromEntries(f.entries())});return}f.set("page",n.page),f.set("pageSize",n.pageSize),j.push({query:Object.fromEntries(f.entries())}),D(!!I.value.sortBy)},{deep:!0});const de=n=>{console.log("[Style Batch] Page size changed to:",n),v.value.page="1",f.set("page","1"),f.set("pageSize",n.toString()),b.value=[],U.value=0,S.value=!0,j.push({query:Object.fromEntries(f.entries())}),D(!!I.value.sortBy)};return(n,s)=>{var p;const t=Ne,a=fe("NcSpin"),r=me,i=Oe,c=Ue;return d(),g("div",Re,[o("div",null,[o("div",Te,[!e(S)&&!e(Q)&&e(b)!==void 0&&e(b).length===0?(d(),g("div",Le,[...s[4]||(s[4]=[o("img",{src:_e,alt:"No Data",class:"w-50 h-50","data-testid":"nc-style-batch-table__no-data-icon"},null,-1),o("span",{class:"text-lg font-medium text-black","data-testid":"nc-style-batch-table__no-data-title"},"No style batches found",-1),o("span",{class:"text-sm text-gray-500","data-testid":"nc-style-batch-table__no-data-message"}," Looks like you have not created any style codes ",-1)])])):N("",!0),e(b)&&e(b).length>0?(d(),g("div",{key:1,class:Ce(["relative",{"blur-lg":e(S)}]),"data-testid":"nc-style-batch-table__table-container"},[k(i,{"order-by":e(W),"onUpdate:orderBy":s[1]||(s[1]=u=>se(W)?W.value=u:null),"sticky-last-column":"","sticky-second-column":"","destroy-on-close":"","header-row-class-name":"bg-white","header-cell-class-name":"!bg-white !text-[#101828] !font-bold !text-sm !py-0 !border-b-0","body-cell-class-name":"!text-[#1D2939] !text-sm","row-height":"65px","show-top-filter":!1,"header-row-height":"50px",columns:Z,data:e(b)||[],"custom-row":le,"is-data-loading":e(P),pagination:{current:Number(e(v).page),pageSize:Number(e(v).pageSize),total:e(U),showSizeChanger:!0,showQuickJumper:!0,showTotal:u=>`Total ${u} items`,pageSizeOptions:T.map(u=>u.value.toString()),onChange:(u,l)=>{e(v).page=u.toString(),e(v).pageSize=l.toString()},onShowSizeChange:(u,l)=>{e(v).pageSize=l.toString(),e(v).page="1",e(f).set("page","1"),e(f).set("pageSize",l.toString()),e(j).push({query:Object.fromEntries(e(f).entries())})},disabled:e(P)},class:"mt-6 style-batch-table","data-testid":"nc-style-batch-table__table"},{headerCell:z(({column:u})=>{var l;return[u.key==="select"?(d(),B(t,{key:0,checked:e(H),"onUpdate:checked":s[0]||(s[0]=w=>se(H)?H.value=w:null),disabled:!((l=e(b))!=null&&l.length),"data-testid":"nc-style-batch-table__select-all-checkbox"},null,8,["checked","disabled"])):(d(),g("span",{key:1,"data-testid":`nc-style-batch-table__header-${u.key}`},R(u.title),9,qe))]}),bodyCell:z(({column:u,record:l})=>[u.key==="select"?(d(),B(t,{key:0,checked:e(x)[l.batchId],"onUpdate:checked":w=>e(x)[l.batchId]=w,"data-testid":`nc-style-batch-table__row-${l.batchId}__checkbox`},null,8,["checked","onUpdate:checked","data-testid"])):u.key==="brandname"?(d(),g("img",{key:1,src:`/img/brand/${l.brandname}.png`,alt:l.brandname,class:"w-13 h-9","data-testid":`nc-style-batch-table__row-${l.batchId}__brand-logo`},null,8,Ae)):u.key==="action"?(d(),g("button",{key:2,class:"bg-white rounded-lg px-2 mx-2 py-2 flex items-center justify-center text-black border-1 border-[#7F56D9] gap-2 min-w-[160px] disabled:opacity-50 disabled:cursor-not-allowed",disabled:e($)[l.batchId],"data-testid":`nc-style-batch-table__row-${l.batchId}__download-btn`,onClick:w=>oe(l.styleCodes,l.batchId)},[e($)[l.batchId]?(d(),B(a,{key:0,size:"small"})):(d(),B(r,{key:1,icon:"download",class:"inline-block"})),o("span",Pe,R(e($)[l.batchId]?"Downloading...":"Download sheet"),1)],8,Ee)):u.key==="createdAt"?(d(),g("span",{key:3,"data-testid":`nc-style-batch-table__row-${l.batchId}__created-date`},R(u.dataIndex&&l[u.dataIndex]?new Date(l[u.dataIndex]).toLocaleDateString():""),9,We)):(d(),g("span",{key:4,"data-testid":`nc-style-batch-table__row-${l.batchId}__${u.key}`},R(u.dataIndex&&l[u.dataIndex]?l[u.dataIndex]:""),9,Me))]),_:1},8,["order-by","data","is-data-loading","pagination"])],2)):N("",!0),e(S)&&e(b)&&e(b).length>0?(d(),g("div",Ve,[o("div",Je,[k(a,{size:"large"}),s[5]||(s[5]=o("div",{class:"text-center","data-testid":"nc-style-batch-table__loading-message"},[o("span",{class:"text-lg font-medium text-black block"},"Refreshing data..."),o("span",{class:"text-sm text-gray-600 block mt-1"},"Please wait while we update your style batches")],-1))])])):N("",!0),e(S)&&(e(b)===void 0||e(b).length===0)?(d(),g("div",Qe,[o("div",Ke,[k(a,{size:"large"}),s[6]||(s[6]=o("div",{class:"text-center","data-testid":"nc-style-batch-table__initial-loading-message"},[o("span",{class:"text-lg font-medium text-black block"},"Loading style batches..."),o("span",{class:"text-sm text-gray-500 block mt-1"},"Please wait while we fetch your data")],-1))])])):N("",!0)]),e(b)&&e(b).length>0?(d(),g("div",Xe,[k(c,{pagination:e(v),"onUpdate:pagination":s[2]||(s[2]=u=>se(v)?v.value=u:null),"page-count":e(G),total:e(U),"selected-count":e(_),"selected-rows-count":(p=e(b))==null?void 0:p.length,"is-pagination-loading":e(P),"pagination-options":T,"test-id-prefix":"nc-style-batch-table",variant:"style","show-first-last":!1,onPageChange:()=>{},onPageSizeChange:de},null,8,["pagination","page-count","total","selected-count","selected-rows-count","is-pagination-loading"])])):N("",!0),e(_)>0?(d(),g("div",Ze,[o("button",{class:"fixed bottom-10 bg-[#7F56D9] rounded-lg px-4 py-2 flex items-center justify-center text-white border-1 border-[#7F56D9] gap-2 disabled:opacity-50 disabled:cursor-not-allowed",disabled:e(C),"data-testid":"nc-style-batch-table__download-selected-btn",onClick:ne},[e(C)?(d(),B(a,{key:0,size:"small"})):(d(),B(r,{key:1,icon:"download"})),M(" "+R(e(C)?"Downloading...":`Download ${e(_)} style code sheets`),1)],8,He)])):N("",!0),!e(S)&&!e(Q)&&e(b)!==void 0&&e(b).length===0?(d(),g("div",Ye,[o("button",{class:"bg-[#7F56D9] rounded-lg px-4 py-2 flex items-center justify-center text-white border-1 border-[#7F56D9] gap-2","data-testid":"nc-style-batch-table__create-btn",onClick:s[3]||(s[3]=u=>e(j).push("/workspace/batch/create"))},[k(r,{icon:"plus"}),s[7]||(s[7]=M(" Create Stylecodes ",-1))])])):N("",!0)])])}}}),tt=Object.assign(he(et,[["__scopeId","data-v-4cfba677"]]),{__name:"WorkspaceStyleBatchTable"}),at=De(()=>ze(()=>import("./2qJ9T3pz.js"),__vite__mapDeps([0,1,2,3]),import.meta.url).then(V=>V.default||V)),st={class:"flex flex-col w-full h-screen bg-[#F7F7F8] p-6","data-testid":"nc-style-codes-page"},lt={class:"flex items-center justify-between","data-testid":"nc-style-codes-page__header"},ot={class:"flex-1 overflow-y-auto","data-testid":"nc-style-codes-page__content"},nt={key:0,class:"flex flex-col items-center justify-center gap-4 h-[calc(100vh-200px)]","data-testid":"nc-style-codes-page__loading"},dt={key:1},rt={key:0,class:"flex flex-col items-center justify-center gap-6 w-full my-auto","data-testid":"nc-style-codes-page__empty-state"},ct={key:1,class:"mt-6","data-testid":"nc-style-codes-page__table-section"},it={class:"flex items-center gap-5 mb-2","data-testid":"nc-modal-create-style-codes__header"},ut=["src","alt"],bt={class:"flex flex-col gap-5","data-testid":"nc-modal-create-style-codes__content"},pt={class:"flex flex-col gap-4 max-h-[50vh] overflow-y-auto","data-testid":"nc-modal-create-style-codes__forms-container"},yt=["data-testid"],gt={key:0,class:"absolute inset-0 bg-white/80 rounded-lg flex items-center justify-center z-10","data-testid":"nc-modal-create-style-codes__loading-overlay"},ft={class:"grid grid-cols-[1fr_1fr_1fr_1fr_40px] gap-4"},mt={class:"form-group"},ht=["data-testid"],_t={class:"form-group"},vt=["data-testid"],xt={class:"form-group"},wt=["data-testid"],kt={class:"form-group"},St=["data-testid"],Ct=["onUpdate:modelValue","disabled","data-testid"],Bt=["disabled","data-testid","onClick"],jt=["disabled"],$t=["disabled"],It=re({__name:"view",setup(V){const{$state:J,$api:j,$axios:L}=pe(),ce=be(),X=ue(),{activeWorkspace:ie}=Be(ce);j.instance.defaults.baseURL;const q=ye(),A=q.public.tesseraApiUrl||"https://tessera.tmrw.in/api";q.public.orgsName,q.public.stylesTableBaseName,q.public.stylesTableName,q.public.styleAttributesTableName;const E=ge(),{isDesigner:Y,isAttributeMaster:f,tesseraRoleString:ee}=je(),S=K(()=>{var a;if(Y.value)return console.log("[Style Code Generator] Designer access granted via Tessera JWT:",ee.value),!0;const t=(a=J.user.value)==null?void 0:a.roles;if(t){const r=["designer"],i=r.some(c=>t[c]);return i&&console.log("[Style Code Generator] Designer access granted via user roles:",Object.keys(t).filter(c=>r.includes(c))),i}return console.log("[Style Code Generator] No designer access found"),!1}),P=K(()=>{var a;if(f.value)return console.log("[Style Code Generator] Attribute Master access granted via Tessera JWT:",ee.value),!0;const t=(a=J.user.value)==null?void 0:a.roles;if(t){const i=["attribute_master"].some(c=>t[c]);return i&&console.log("[Style Code Generator] Attribute Master access granted via user roles:",Object.keys(t).filter(c=>designerRoles.includes(c))),i}return console.log("[Style Code Generator] No Attribute Master access found"),!1});O(S,t=>{t||(console.log("Style Code Generator: User does not have designer access, redirecting..."),X.push("/"))},{immediate:!0}),O(P,t=>{t||(console.log("Style Code Generator: User does not have attribute master access, redirecting..."),X.push("/"))},{immediate:!0});const Q=h(!1),$=h([]),C=h(!1),b=h(),W=h([]),v=h([]),U=h([]),G=h(!1),I=h(E.brandInfo.value.brandName||localStorage.getItem("selectedBrandName")||""),T=h(!1),Z=h(!1),x=h(!0),_=h(!1),y=h([{brand:"",subBrand:void 0,gender:void 0,productGroup:void 0,quantity:1}]);O(()=>y.value.map(t=>t.brand),(t,a)=>{t.forEach((r,i)=>{r!==(a==null?void 0:a[i])&&y.value[i]&&(y.value[i].subBrand=void 0,y.value[i].gender=void 0,y.value[i].productGroup=void 0)})});const H=async()=>{var t,a;try{x.value=!0;const r=await L.get("/noco");if(r.status===200){const i=r.data;b.value=i.brand,y.value[0]&&(y.value[0].brand=i.brand.id,y.value[0].subBrand=void 0,y.value[0].gender=void 0,y.value[0].productGroup=void 0),W.value=i.subBrands.map(p=>({id:p.id,name:p.name})),v.value=i.brand.gender,U.value=i.brand.productGroup,C.value=i.subBrands.length>0;const c=await L.get("/noco/styles/batch");T.value=((a=(t=c.data)==null?void 0:t.styleBatches)==null?void 0:a.length)>0}}catch(r){console.error("Failed to fetch brands data:",r.message),b.value=[],T.value=!1}finally{x.value=!1}};O(()=>E.brandInfo.value.brandId,(t,a)=>{t&&t!==a&&(I.value=E.brandInfo.value.brandName,H())},{immediate:!0}),O(()=>G.value,t=>{var a;t&&(y.value=[{brand:((a=b.value)==null?void 0:a.id)||"",subBrand:void 0,gender:void 0,productGroup:void 0,quantity:1}])}),O(()=>y.value.map(t=>t.quantity),()=>{n()},{deep:!0});const le=()=>{if(_.value){console.log("[Style Code Generator] Cannot add form while submitting");return}y.value[0]&&y.value.push({brand:y.value[0].brand,subBrand:void 0,gender:void 0,productGroup:void 0,quantity:1})},D=t=>{if(_.value){console.log("[Style Code Generator] Cannot remove form while submitting");return}y.value.splice(t,1)},oe=async()=>{var t;try{if(!((t=$.value)!=null&&t.length)){F.error("No styles to export");return}console.log("[Style Code Generator] Exporting styles:",$.value.length);const a=await fetch(`${A}/noco/styles/export`,{method:"POST",headers:{"Content-Type":"application/json","xc-auth":J.token.value},body:JSON.stringify({styleCodes:$.value.length>0?$.value.map(r=>r.styleCode):[]})});if(a.ok){const r=await a.blob(),i=new Blob([r],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}),c=URL.createObjectURL(i),p=document.createElement("a");p.href=c,p.download=`generated_styles_${I.value||"export"}.xlsx`,p.style.display="none",document.body.appendChild(p),p.click(),document.body.removeChild(p),URL.revokeObjectURL(c),console.log("[Style Code Generator] Styles exported successfully")}else throw new Error(`Export failed with status: ${a.status}`)}catch(a){console.error("[Style Code Generator] Export error:",a),F.error(a.message||"Export failed")}finally{G.value=!1}},ne=async()=>{var a,r,i;if(_.value){console.log("[Style Code Generator] Form submission already in progress, ignoring click");return}if(y.value.some(c=>c.quantity===0)){F.error("Quantity must be greater than 0 for all forms");return}try{_.value=!0;const c=await L.post("/noco/styles/generate",JSON.stringify(y.value),{headers:{"Content-Type":"application/json"}});if(c.status===200){const p=c.data;Q.value=!0,$.value=p.generatedStyles,F.success(`${$.value.length} styles generated successfully`);const u=await L.get("/noco/styles/batch");T.value=((r=(a=u.data)==null?void 0:a.styleBatches)==null?void 0:r.length)>0,Z.value=!0,setTimeout(()=>{Z.value=!1},100),y.value=[{brand:((i=y.value[0])==null?void 0:i.brand)||"",subBrand:void 0,gender:void 0,productGroup:void 0,quantity:1}],oe()}}catch(c){F.error(c.message||"Failed to generate styles")}finally{_.value=!1}};K(()=>y.value.reduce((t,a)=>t+(a.quantity||0),0));const de=K(()=>y.value.every(t=>C.value?t.brand&&t.subBrand&&t.gender&&t.productGroup&&t.quantity>=0:t.brand&&t.gender&&t.productGroup&&t.quantity>=0)),n=()=>{y.value.forEach((t,a)=>{t.quantity>100?(t.quantity=100,F.warning("maximum quantity is 100")):t.quantity<0&&(t.quantity=0,F.warning("Quantity cannot be negative"))})},s=()=>{var t;if(_.value){console.log("[Style Code Generator] Cannot close modal while submitting");return}G.value=!1,y.value=[{brand:((t=b.value)==null?void 0:t.id)||"",subBrand:void 0,gender:void 0,productGroup:void 0,quantity:1}]};return(t,a)=>{const r=me,i=fe("NcSpin"),c=Fe,p=Ge,u=at;return d(),g("div",st,[o("div",lt,[a[4]||(a[4]=o("div",{class:"font-bold text-2xl","data-testid":"nc-style-codes-page__title"},"Style Codes",-1)),e(T)?(d(),g("button",{key:0,class:"py-2 px-3.5 rounded-lg bg-[#7F56D9] border-1 border-[#7F56D9] text-base text-white font-bold shadow-lg flex items-center justify-center gap-1","data-testid":"nc-style-codes-page__create-btn",onClick:a[0]||(a[0]=l=>G.value=!0)},[k(r,{icon:"ncPlus",class:"!h-5 w-5"}),a[3]||(a[3]=o("span",null,"Create Stylecodes",-1))])):N("",!0)]),o("div",ot,[e(x)?(d(),g("div",nt,[k(i,{size:"large"}),a[5]||(a[5]=o("span",{class:"text-lg font-medium text-black"},"Loading...",-1))])):(d(),g("div",dt,[e(T)?(d(),g("div",ct,[k(tt,{"refresh-batches":e(Z)},null,8,["refresh-batches"])])):(d(),g("div",rt,[a[7]||(a[7]=o("img",{src:_e,alt:"Not Available",class:"w-50 h-50","data-testid":"nc-style-codes-page__empty-icon"},null,-1)),a[8]||(a[8]=o("div",{class:"flex flex-col items-center justify-center gap-2","data-testid":"nc-style-codes-page__empty-message"},[o("span",{class:"text-2xl font-bold text-black"},"No style codes found"),o("span",{class:"text-sm text-black"},"Looks like you have not created any style codes")],-1)),o("button",{class:"py-2 px-3.5 rounded-lg bg-[#7F56D9] border-1 border-[#7F56D9] text-base text-white font-bold shadow-lg flex items-center justify-center gap-1","data-testid":"nc-style-codes-page__empty-create-btn",onClick:a[1]||(a[1]=l=>G.value=!0)},[k(r,{icon:"ncPlus",class:"!h-5 w-5"}),a[6]||(a[6]=o("span",null,"Create Style Codes",-1))])]))]))]),k(u,{visible:e(G),"onUpdate:visible":a[2]||(a[2]=l=>se(G)?G.value=l:null),size:"large","show-separator":!1,closable:!e(_),"mask-closable":!e(_),"data-testid":"nc-modal-create-style-codes",onClose:s},{header:z(()=>[o("div",it,[o("img",{src:`img/brand/${e(I)}.png`,alt:e(I),class:"w-15 h-10","data-testid":"nc-modal-create-style-codes__brand-logo"},null,8,ut),a[9]||(a[9]=o("div",{class:"text-2xl font-bold","data-testid":"nc-modal-create-style-codes__title"},"Create Style Codes",-1))])]),default:z(()=>[o("div",bt,[o("div",pt,[(d(!0),g(te,null,ae(e(y),(l,w)=>(d(),g("div",{key:w,class:"flex flex-col gap-4 bg-[#F9FAFB] p-4 rounded-lg relative","data-testid":`nc-modal-create-style-codes__form-row-${w}`},[e(_)?(d(),g("div",gt,[k(i,{size:"large"})])):N("",!0),o("div",ft,[o("div",mt,[o("label",{class:"block mb-2 font-medium text-[#344054] text-sm","data-testid":`nc-modal-create-style-codes__sub-brand-label-${w}`},"Sub Brand",8,ht),e(C)?(d(),B(p,{key:0,value:l.subBrand,"onUpdate:value":m=>l.subBrand=m,placeholder:l.brand?"Select Sub Brand":"Select a Brand first",disabled:e(b).value||e(_),size:"large","dropdown-class-name":"nc-select-dropdown-fixed","select-class-name":"select-custom","suffix-icon":"chevronDown","allow-clear":"","data-testid":"nc-modal-create-style-codes__sub-brand-select-0"},{default:z(()=>[(d(!0),g(te,null,ae(e(W),m=>(d(),B(c,{key:m.id,value:m.id,"data-testid":`nc-modal-create-style-codes__sub-brand-option-${m.id}`},{default:z(()=>[M(R(m.name),1)]),_:2},1032,["value","data-testid"]))),128))]),_:1},8,["value","onUpdate:value","placeholder","disabled"])):(d(),B(p,{key:1,value:l.subBrand,"onUpdate:value":m=>l.subBrand=m,placeholder:"No Sub Brands available",disabled:!0,size:"large","dropdown-class-name":"nc-select-dropdown-fixed","select-class-name":"select-custom","suffix-icon":"chevronDown","data-testid":"nc-modal-create-style-codes__sub-brand-select-disabled-0"},{default:z(()=>[k(c,{value:"","data-testid":"nc-modal-create-style-codes__sub-brand-option-disabled"},{default:z(()=>[...a[10]||(a[10]=[M("No Sub Brands available",-1)])]),_:1})]),_:1},8,["value","onUpdate:value"]))]),o("div",_t,[o("label",{class:"block mb-2 font-medium text-[#344054] text-sm","data-testid":`nc-modal-create-style-codes__gender-label-${w}`},"Gender",8,vt),k(p,{value:l.gender,"onUpdate:value":m=>l.gender=m,placeholder:e(C)?l.subBrand?"Select Gender":"Select a Sub Brand first":"Select Gender",disabled:e(C)?!l.subBrand:e(_),size:"large","dropdown-class-name":"nc-select-dropdown-fixed","select-class-name":"select-custom","suffix-icon":"chevronDown","allow-clear":"","data-testid":"nc-modal-create-style-codes__gender-select-0"},{default:z(()=>[(d(!0),g(te,null,ae(e(v),m=>(d(),B(c,{key:m,value:m,"data-testid":`nc-modal-create-style-codes__gender-option-${m}`},{default:z(()=>[M(R(m),1)]),_:2},1032,["value","data-testid"]))),128))]),_:1},8,["value","onUpdate:value","placeholder","disabled"])]),o("div",xt,[o("label",{class:"block mb-2 font-medium text-[#344054] text-sm","data-testid":`nc-modal-create-style-codes__product-group-label-${w}`},"Product Group",8,wt),k(p,{value:l.productGroup,"onUpdate:value":m=>l.productGroup=m,placeholder:e(C)?l.subBrand?"Select Product Group":"Select a Sub Brand first":"Select Product Group",disabled:e(C)?!l.subBrand:e(_),size:"large","dropdown-class-name":"nc-select-dropdown-fixed","select-class-name":"select-custom","suffix-icon":"chevronDown","allow-clear":"","data-testid":"nc-modal-create-style-codes__product-group-select-0"},{default:z(()=>[(d(!0),g(te,null,ae(e(U),m=>(d(),B(c,{key:m,value:m,"data-testid":`nc-modal-create-style-codes__product-group-option-${m}`},{default:z(()=>[M(R(m),1)]),_:2},1032,["value","data-testid"]))),128))]),_:1},8,["value","onUpdate:value","placeholder","disabled"])]),o("div",kt,[o("label",{class:"block mb-2 font-medium text-[#344054] text-sm","data-testid":`nc-modal-create-style-codes__quantity-label-${w}`},"Quantity",8,St),$e(o("input",{"onUpdate:modelValue":m=>l.quantity=m,type:"number",min:0,max:100,disabled:e(_),class:"p-2 border-1 border-[#D0D5DD] rounded-lg shadow-sm text-base text-[#344054] disabled:opacity-50 disabled:cursor-not-allowed",style:{border:"1px solid #d0d5dd !important"},"data-testid":`nc-modal-create-style-codes__quantity-input-${w}`,onInput:n},null,40,Ct),[[Ie,l.quantity]])]),w>0?(d(),g("button",{key:0,class:"bg-red-600 text-white rounded hover:bg-red-700 w-6 h-6 flex items-center justify-center text-xl self-end mb-[6px] disabled:opacity-50 disabled:cursor-not-allowed",disabled:e(_),"data-testid":`nc-modal-create-style-codes__remove-form-${w}`,onClick:()=>D(w)}," × ",8,Bt)):N("",!0)])],8,yt))),128))]),o("button",{class:"px-3.5 py-2 bg-[#F9F5FF] border-1 border-[#F9F5FF] text-[#6941C6] font-bold shadow-md rounded-lg flex items-center justify-center gap-1 w-fit mr-auto disabled:opacity-50 disabled:cursor-not-allowed",disabled:e(_),"data-testid":"nc-modal-create-style-codes__add-more-btn",onClick:le},[k(r,{icon:"ncPlus",class:"!h-5 w-5"}),a[11]||(a[11]=M(" Add More ",-1))],8,jt),o("button",{class:"py-2.5 px-4.5 rounded-lg bg-[#7F56D9] border-1 border-[#7F56D9] text-base text-white font-bold shadow-lg mx-auto w-fit disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2",disabled:!e(de)||e(_),"data-testid":"nc-modal-create-style-codes__submit-btn",onClick:ne},[e(_)?(d(),B(i,{key:0,size:"small"})):N("",!0),o("span",null,R(e(_)?"Generating...":"Generate and Download Style codes"),1)],8,$t)])]),_:1},8,["visible","closable","mask-closable"])])}}}),Dt=Object.assign(he(It,[["__scopeId","data-v-be1a58ff"]]),{__name:"WorkspaceGenerateStyleIdsView"}),Mt=re({__name:"generate",setup(V){return(J,j)=>{const L=Dt;return d(),B(L)}}});export{Mt as default};

package/lib/dist/_nuxt/BSqnWT4o.js

@@ -0,0 +1 @@
+import{u as b,c as k,_ as I}from"./Dnf00RmE.js";import{d as V,P as C,c as N,h7 as g,m as a,o as t,k as n,l as B,i as c,g as D,ac as M,j as T,n as _,h as $,B as p,t as u,x as j,y as O,z as R,a7 as z,I as E}from"./BntbNdq_.js";import{_ as F}from"./BHp69-Nk.js";import{a as G}from"./Drooc6KG.js";const K={class:"w-full flex gap-2 items-center"},L=V({__name:"Select",props:{modelValue:{}},emits:["update:modelValue","change"],setup(m,{emit:d}){const i=m,l=d,s=C(i,"modelValue",l),{integrationsRefreshKey:y}=b(),f=N(()=>(y.value,k.filter(o=>o.type===g.SYNC))),h=o=>{l("change",o)};return(o,r)=>{const x=I,v=j,S=G,w=F;return t(),a(w,{value:n(s),"onUpdate:value":r[0]||(r[0]=e=>B(s)?s.value=e:null),class:"nc-select-shadow","dropdown-class-name":"nc-dropdown-sync-type",placeholder:"Select Source","show-search":"","dropdown-match-select-width":"",onChange:h},{default:c(()=>[(t(!0),D(z,null,M(n(f),e=>(t(),a(S,{key:`${e.sub_type}`,value:e.sub_type},{default:c(()=>[T("div",K,[e!=null&&e.sub_type?(t(),a(x,{key:0,type:e.sub_type},null,8,["type"])):_("",!0),$(v,{class:"flex-1 truncate"},{title:c(()=>[p(u(e.title),1)]),default:c(()=>[p(" "+u(e.title),1)]),_:2},1024),n(s)===e.sub_type?(t(),a(O(n(R).check),{key:1,id:"nc-selected-item-icon",class:"text-primary w-4 h-4"})):_("",!0)])]),_:2},1032,["value"]))),128))]),_:1},8,["value"])}}}),A=Object.assign(E(L,[["__scopeId","data-v-a326746e"]]),{__name:"DashboardSettingsSyncSelect"});export{A as _};