@techzyapp/ui-library 1.0.44 → 1.0.46

package/dist/ImageEditor-D_HKfDbx.cjs

@@ -1,60 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),v=require("react"),G=require("clsx"),_e=require("./Button-Bxztlybi.cjs"),Z=require("./Icon-CBg21lKA.cjs"),vt=require("./IconButton-wW1o4HHw.cjs"),sn=require("./Loader-DNR2_YHm.cjs"),cn=require("./Overlay-CywFQfjm.cjs"),Ot=require("./ConfigProvider-Cf-awvZs.cjs"),ln=require("./Dropdown-C_y9_dVn.cjs"),ke=require("./ListItem-CguNjf-u.cjs"),Ee=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],ce=.2126,le=.7152,ue=.0722;function un(t,e){const n=new Array(20);for(let i=0;i<4;i++)for(let o=0;o<5;o++){let r=0;for(let a=0;a<4;a++)r+=t[i*5+a]*e[a*5+o];o===4&&(r+=t[i*5+4]),n[i*5+o]=r}return n}function nt(...t){return t.reduce((e,n)=>un(n,e),Ee)}function hn(t){return!t||t.every((e,n)=>Math.abs(e-Ee[n])<1e-6)}const Ve=t=>[1,0,0,0,t,0,1,0,0,t,0,0,1,0,t,0,0,0,1,0],xt=t=>{const e=.5*(1-t);return[t,0,0,0,e,0,t,0,0,e,0,0,t,0,e,0,0,0,1,0]},It=t=>{const e=1-t;return[ce*e+t,le*e,ue*e,0,0,ce*e,le*e+t,ue*e,0,0,ce*e,le*e,ue*e+t,0,0,0,0,0,1,0]},Tt=(t,e,n,i=0,o=0,r=0)=>[t,0,0,0,i,0,e,0,0,o,0,0,n,0,r,0,0,0,1,0],he=(t,e)=>{const n=e-t;return[n,0,0,0,t,0,n,0,0,t,0,0,n,0,t,0,0,0,1,0]},Ne=[.393,.769,.189,0,0,.349,.686,.168,0,0,.272,.534,.131,0,0,0,0,0,1,0],be=[["default"],["chrome","fade","cold","warm","pastel"],["mono","noir","stark","wash"],["sepia","rust","blues","color"]],Nt=It(0),ee={default:null,chrome:nt(It(1.3),xt(1.15)),fade:nt(It(.7),he(.12,.92)),cold:nt(Tt(.9,.98,1.12,0,.01,.03),xt(1.04)),warm:nt(Tt(1.1,1.03,.86,.03,.01,0),xt(1.04)),pastel:nt(It(.6),he(.16,1)),mono:Nt,noir:nt(Nt,xt(1.45),Ve(-.04)),stark:nt(Nt,xt(2.1)),wash:nt(Nt,he(.22,.98)),sepia:Ne,rust:nt(Ne,Tt(1.12,.9,.7),xt(1.12)),blues:nt(Nt,Tt(.72,.88,1.08,0,.02,.08)),color:nt(It(1.65),xt(1.06))},dn=["brightness","contrast","saturation","exposure","temperature","gamma","clarity","vignette"],$e={brightness:0,contrast:0,saturation:0,exposure:0,temperature:0,gamma:0,clarity:0,vignette:0},ct={brightness:t=>t/100*.25,contrast:t=>1+t/100*.5,saturation:t=>1+t/100,exposure:t=>1+t/100*.5,temperature:t=>t/100,gamma:t=>1+t/100*.5,clarity:t=>t/100,vignette:t=>t/100};function mn(t){const e=ct.temperature(t.temperature);return nt(Tt(ct.exposure(t.exposure),ct.exposure(t.exposure),ct.exposure(t.exposure)),Ve(ct.brightness(t.brightness)),xt(ct.contrast(t.contrast)),It(ct.saturation(t.saturation)),Tt(1+.12*e,1+.02*e,1-.12*e))}function fn(t,e){return nt(t??Ee,mn(e))}const Jt=Math.PI/2,Ge=1e-6,ne=([t,e],n)=>{const i=Math.cos(n),o=Math.sin(n);return[t*i-e*o,t*o+e*i]};function We(t,e,n){const i=Math.abs(Math.cos(n)),o=Math.abs(Math.sin(n));return[t/2*i+e/2*o,t/2*o+e/2*i]}const Xt=t=>[t.x+t.width/2,t.y+t.height/2];function re(t,e,n,i){const[o,r]=We(t,e,n);return Math.max(2*o/i.width,2*r/i.height)}function Bt(t,e){const[n,i]=Xt(t.crop),[o,r]=ne([n-e.width/2,i-e.height/2],-t.rotation);return[o/t.scale,r/t.scale]}function qt([t,e],n,i,o,r,a){const[s,_]=We(n,i,o),c=Math.max(0,a.width/2-s/r),y=Math.max(0,a.height/2-_/r);return[Math.min(c,Math.max(-c,t)),Math.min(y,Math.max(-y,e))]}function Yt(t,e,n,i,o,r){const[a,s]=ne([t[0]*o,t[1]*o],i),_=r.width/2+a,c=r.height/2+s;return{x:_-e/2,y:c-n/2,width:e,height:n}}function gn(t,e,n,i){const o=[[t.x,t.y],[t.x+t.width,t.y],[t.x,t.y+t.height],[t.x+t.width,t.y+t.height]],r=1e-6*Math.max(i.width,i.height);return o.every(([a,s])=>{const[_,c]=ne([a-i.width/2,s-i.height/2],-e);return Math.abs(_/n)<=i.width/2+r/n&&Math.abs(c/n)<=i.height/2+r/n})}function pn(t,e){const{width:n,height:i}=t.crop,o=Math.max(t.scale,re(n,i,t.rotation,e)),r=qt(Bt({...t,scale:o},e),n,i,t.rotation,o,e);return{...t,scale:o,crop:Yt(r,n,i,t.rotation,o,e)}}function At(t){return{width:Math.max(1,Math.round(t.crop.width/t.scale)),height:Math.max(1,Math.round(t.crop.height/t.scale))}}function Rt(t){const e=At(t);return t.resize?{width:Math.max(1,Math.min(e.width,Math.round(t.resize.width))),height:Math.max(1,Math.min(e.height,Math.round(t.resize.height)))}:e}function Dt(t){const{crop:e}=t,n=t.resize;if(!n)return e;const i=n.width/n.height,o=e.width/e.height;if(Math.abs(o-i)<1e-9*Math.max(o,i))return e;if(o>i){const a=e.height*i;return{...e,x:e.x+(e.width-a)/2,width:a}}const r=e.width/i;return{...e,y:e.y+(e.height-r)/2,height:r}}function xn(t,e){if(!e)return{...t,resize:null};const n=At(t),i=Math.max(1,Math.min(n.width,Math.round(e.width))),o=Math.max(1,Math.min(n.height,Math.round(e.height))),r=Math.round(i*n.height/n.width)===o||Math.round(o*n.width/n.height)===i;let a=t;if(!r){const c=Dt({...t,resize:{width:i,height:o}});a={...t,crop:c,cropRatio:null}}const s=At(a),_=i>=s.width&&o>=s.height?null:{width:Math.min(i,s.width),height:Math.min(o,s.height)};return{...a,resize:_}}function _n(t,e){const n=e.resize;if(!n)return n;const i=At(t),o=At(e);if(i.width===o.width&&i.height===o.height)return n;const r=Math.max(1,Math.min(o.width,Math.round(n.width*o.width/i.width))),a=Math.max(1,Math.min(o.height,Math.round(n.height*o.height/i.height)));return r===o.width&&a===o.height?null:{width:r,height:a}}function bn(t,e){let n=t.width,i=t.height;return e&&e>0&&(n/i>e?n=i*e:i=n/e),{x:(t.width-n)/2,y:(t.height-i)/2,width:n,height:i}}function wn(t,e){return{crop:bn(t,e),cropRatio:e&&e>0?e:null,resize:null,rotation:0,flipX:!1,flipY:!1,scale:1,filter:null,colorMatrix:null,finetune:{...$e},redact:{effect:"blur",amount:0}}}function de(t,e){const n=(Math.round(t/Jt)%4+4)%4,i=e??n*Jt;let o=t-i;return o=Math.atan2(Math.sin(o),Math.cos(o)),{quarter:we(i),fine:o}}const we=t=>{const e=t%(2*Math.PI),n=e<0?e+2*Math.PI:e;return Math.abs(n-2*Math.PI)<Ge?0:n};function Pe(t,e,n){const{width:i,height:o}=t.crop,r=Bt(t,n),a=Math.max(t.scale,re(i,o,e,n)),s=qt(r,i,o,e,a,n);return{...t,rotation:e,scale:a,crop:Yt(s,i,o,e,a,n)}}function vn(t,e){const[n,i]=Xt(t.crop),o=e.width/2,r=e.height/2,[a,s]=ne([n-o,i-r],-Jt),_=t.crop.height,c=t.crop.width;return{...t,rotation:t.rotation-Jt,crop:{x:o+a-_/2,y:r+s-c/2,width:_,height:c},cropRatio:t.cropRatio?1/t.cropRatio:t.cropRatio}}function Mn(t,e){return{...t,rotation:-t.rotation,flipX:!t.flipX,crop:{...t.crop,x:e.width-t.crop.x-t.crop.width}}}function Qt(t,e){return t.scale/re(t.crop.width,t.crop.height,t.rotation,e)}const Ft=5;function Ut(t,e,n){const{width:i,height:o}=t.crop,r=Bt(t,n),a=re(i,o,t.rotation,n)*Math.min(Ft,Math.max(1,e)),s=qt(r,i,o,t.rotation,a,n);return{...t,scale:a,crop:Yt(s,i,o,t.rotation,a,n)}}function yn(t,e,n,i){const{width:o,height:r}=t.crop,a={...t,crop:{...t.crop,x:t.crop.x+e,y:t.crop.y+n}},s=qt(Bt(a,i),o,r,t.rotation,t.scale,i);return{...t,crop:Yt(s,o,r,t.rotation,t.scale,i)}}function En(t,e,n){if(!e||e<=0)return{...t,cropRatio:null};const i=Math.abs(Math.cos(t.rotation)),o=Math.abs(Math.sin(t.rotation)),r=Math.min(n.width*t.scale/(e*i+o),n.height*t.scale/(e*o+i)),a=r*e,s=qt(Bt(t,n),a,r,t.rotation,t.scale,n);return{...t,cropRatio:e,crop:Yt(s,a,r,t.rotation,t.scale,n)}}function In(t,e,n,i,o,{aspectRatio:r,minSize:a}){const s=t.crop;let _=s.x,c=s.y,y=s.x+s.width,m=s.y+s.height;const T=e.includes("n"),g=e.includes("s"),S=e.includes("w"),A=e.includes("e");if(T&&(c=Math.min(c+i,m-a)),g&&(m=Math.max(m+i,c+a)),S&&(_=Math.min(_+n,y-a)),A&&(y=Math.max(y+n,_+a)),r&&r>0){let w=y-_,N=m-c;if((T||g)&&(S||A))w/N>r?N=w/r:w=N*r,S?_=y-w:y=_+w,T?c=m-N:m=c+N;else if(T||g){w=N*r;const Y=s.x+s.width/2;_=Y-w/2,y=Y+w/2}else{N=w/r;const Y=s.y+s.height/2;c=Y-N/2,m=Y+N/2}}const E={x:_,y:c,width:y-_,height:m-c},M=w=>gn(w,t.rotation,t.scale,o);if(M(E))return{...t,crop:E};if(!(!(r&&r>0)&&(T||g)&&(S||A)))return{...t,crop:Pt(s,E,M)};const j=w=>({...w,x:_,width:y-_}),d=w=>({...w,y:c,height:m-c}),C=Pt(Pt(s,j(s),M),d,M),f=Pt(Pt(s,d(s),M),j,M),I=w=>Math.abs(w.x-E.x)+Math.abs(w.y-E.y)+Math.abs(w.width-E.width)+Math.abs(w.height-E.height);return{...t,crop:I(C)<=I(f)?C:f}}function Pt(t,e,n){const i=typeof e=="function"?e(t):e;if(n(i))return i;let o=0,r=1;for(let a=0;a<24;a++){const s=(o+r)/2;n(ze(t,i,s))?o=s:r=s}return ze(t,i,o)}const ze=(t,e,n)=>({x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n,width:t.width+(e.width-t.width)*n,height:t.height+(e.height-t.height)*n});function De(t,e){const n={...t.crop,width:Math.max(1,t.crop.width),height:Math.max(1,t.crop.height)};return pn({...t,crop:n,scale:Math.max(Ge,t.scale||1)},e)}const Ke=.85,Tn=(t,e,n)=>{const i=Math.min(1,Math.max(0,(n-t)/(e-t)));return i*i*(3-2*i)},Rn=(t,e)=>Tn(.3,1,Math.hypot(t,e)/Math.SQRT2);function Ie(t,e,n,i,o,r){const a=i.matrix,s=1/i.gamma,_=Math.abs(i.gamma-1)>1e-4,c=Math.abs(i.clarity)>1e-4&&!!o,y=Math.abs(i.vignette)>1e-4&&!!r;for(let m=0;m<n;m++)for(let T=0;T<e;T++){const g=(m*e+T)*4,S=t[g+3]/255;if(S===0)continue;const A=t[g]/255,E=t[g+1]/255,M=t[g+2]/255;let l=a[0]*A+a[1]*E+a[2]*M+a[3]*S+a[4],j=a[5]*A+a[6]*E+a[7]*M+a[8]*S+a[9],d=a[10]*A+a[11]*E+a[12]*M+a[13]*S+a[14];if(c){const C=o[g]/255,f=o[g+1]/255,I=o[g+2]/255,w=o[g+3]/255,N=a[0]*C+a[1]*f+a[2]*I+a[3]*w+a[4],V=a[5]*C+a[6]*f+a[7]*I+a[8]*w+a[9],Y=a[10]*C+a[11]*f+a[12]*I+a[13]*w+a[14];l+=i.clarity*(l-N),j+=i.clarity*(j-V),d+=i.clarity*(d-Y)}if(_&&(l=Math.pow(Math.max(0,l),s),j=Math.pow(Math.max(0,j),s),d=Math.pow(Math.max(0,d),s)),y){const C=T+.5,f=m+.5,I=r[0]*C+r[1]*f+r[2],w=r[3]*C+r[4]*f+r[5],N=Rn(I,w)*Ke*Math.abs(i.vignette);i.vignette>0?(l*=1-N,j*=1-N,d*=1-N):(l+=(1-l)*N,j+=(1-j)*N,d+=(1-d)*N)}t[g]=l*255,t[g+1]=j*255,t[g+2]=d*255}}function Te(t,e,n,i){const o=Math.max(1,Math.round(i)),r=new Uint8ClampedArray(t),a=new Uint8ClampedArray(t.length);for(let _=0;_<3;_++)s(r,a,e,n,o,!0),s(a,r,e,n,o,!1);return r;function s(_,c,y,m,T,g){const S=g?m:y,A=g?y:m,E=g?4:y*4,M=T*2+1;for(let l=0;l<S;l++){const j=g?l*y*4:l*4;for(let d=0;d<4;d++){let C=0;for(let f=-T;f<=T;f++){const I=Math.min(A-1,Math.max(0,f));C+=_[j+I*E+d]}for(let f=0;f<A;f++){c[j+f*E+d]=C/M;const I=Math.max(0,f-T),w=Math.min(A-1,f+T+1);C+=_[j+w*E+d]-_[j+I*E+d]}}}}}const Re=.012,He=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};async function Fe(t){if(typeof createImageBitmap=="function")try{return await createImageBitmap(t,{imageOrientation:"from-image"})}catch{}const e=URL.createObjectURL(t);try{return await Qe(e,!1)}finally{URL.revokeObjectURL(e)}}function Qe(t,e){return new Promise((n,i)=>{const o=new Image;e&&(o.crossOrigin="anonymous"),o.decoding="async",o.onload=()=>n(o),o.onerror=()=>i(new Error(`Could not load image: ${t.slice(0,80)}`)),o.src=t})}const Sn=t=>t instanceof HTMLImageElement?{width:t.naturalWidth,height:t.naturalHeight}:{width:t.width,height:t.height};async function An(t){let e,n="";if(typeof t=="string")try{const r=await fetch(t);if(!r.ok)throw new Error(String(r.status));const a=await r.blob();n=a.type,e=await Fe(a)}catch{e=await Qe(t,!t.startsWith("data:")&&!t.startsWith("blob:"));const r=/^data:([^;,]+)/.exec(t)??/\.(png|jpe?g|webp|gif|avif)(?:[?#]|$)/i.exec(t);r&&(n=r[1].includes("/")?r[1]:`image/${r[1].toLowerCase().replace("jpg","jpeg")}`)}else n=t.type,e=await Fe(t);const{width:i,height:o}=Sn(e);if(!i||!o)throw new Error("The image has no size");return{image:e,width:i,height:o,type:n}}function Zt(t,e,n,i){const o=Math.min(1,i/Math.max(e,n));if(o>=1)return{canvas:t,width:e,height:n};const r=He(e*o,n*o),a=r.getContext("2d");return a&&(a.imageSmoothingQuality="high",a.drawImage(t,0,0,r.width,r.height)),{canvas:r,width:r.width,height:r.height}}function Ze(t,e,n,i,o=384){const r=Math.min(1,o/Math.max(e,n)),a=He(e*r,n*r),s=a.getContext("2d",{willReadFrequently:!0});if(!s)return a;s.drawImage(t,0,0,a.width,a.height);try{const _=s.getImageData(0,0,a.width,a.height);_.data.set(Te(_.data,a.width,a.height,Math.max(1,i*r))),s.putImageData(_,0,0)}catch{}return a}function jn(t,e){return t||(["image/jpeg","image/png","image/webp"].includes(e)?e:"image/png")}const Cn=[1,0,0,0,1,0],it=(t,e)=>[1,0,t,0,1,e],J=(t,e=t)=>[t,0,0,0,e,0],Je=t=>{const e=Math.cos(t),n=Math.sin(t);return[e,-n,0,n,e,0]};function Ln(t,e){return[t[0]*e[0]+t[1]*e[3],t[0]*e[1]+t[1]*e[4],t[0]*e[2]+t[1]*e[5]+t[2],t[3]*e[0]+t[4]*e[3],t[3]*e[1]+t[4]*e[4],t[3]*e[2]+t[4]*e[5]+t[5]]}const rt=(...t)=>t.reduce((e,n)=>Ln(n,e),Cn);function St([t,e,n,i,o,r]){const a=t*o-e*i,s=Math.abs(a)<1e-12?1e12:1/a;return[o*s,-e*s,(e*r-n*o)*s,-i*s,t*s,(n*i-t*r)*s]}const te=([t,e,n,i,o,r],a,s)=>[t*a+e*s+n,i*a+o*s+r],kn={blur:.015,pixelate:.05};function ve(t,e){var o,r;const n=((o=t.redact)==null?void 0:o.effect)??"blur";return Math.max(0,Math.min(100,((r=t.redact)==null?void 0:r.amount)??0))/100*(kn[n]??0)*Math.max(e.width,e.height)}function tn(t,e){const n=Math.max(1e-6,e);return{cols:Math.max(1,Math.round(t.width/n)),rows:Math.max(1,Math.round(t.height/n))}}const Nn=4,ie=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};function en(t,e,n,i,o){const r=Math.min(1,Nn/Math.max(1,i),o/Math.max(e,n)),a=ie(e*r,n*r),s=a.getContext("2d",{willReadFrequently:!0});if(!s)return a;s.imageSmoothingQuality="high",s.drawImage(t,0,0,a.width,a.height);try{const _=s.getImageData(0,0,a.width,a.height);_.data.set(Te(_.data,a.width,a.height,Math.max(1,i*r))),s.putImageData(_,0,0)}catch{}return a}function Pn(t,e,n,i){const o=ie(e,n),r=o.getContext("2d");return r&&(r.imageSmoothingQuality="high",r.drawImage(en(t,e,n,i,1024),0,0,e,n)),o}function nn(t,e,n){const i=ie(e,n),o=i.getContext("2d"),r=t.getContext("2d");!o||!r||(o.imageSmoothingQuality="high",o.drawImage(t,0,0,i.width,i.height),r.save(),r.setTransform(1,0,0,1,0,0),r.globalCompositeOperation="copy",r.imageSmoothingEnabled=!1,r.drawImage(i,0,0,t.width,t.height),r.restore())}function zn(t,e,n,i){const o=ie(e,n),r=o.getContext("2d");return r&&(r.drawImage(t,0,0,e,n),nn(o,Math.max(1,Math.round(e/Math.max(2,i))),Math.max(1,Math.round(n/Math.max(2,i))))),o}const rn=t=>t.area?[t.area.x+t.area.width/2,t.area.y+t.area.height/2]:[t.width/2,t.height/2];function Se(t,e){const n=e.width/2,i=e.height/2;return rt(it(-n,-i),J(t.flipX?-1:1,t.flipY?-1:1),Je(t.rotation),J(t.scale),it(n,i))}function on(t,e){const n=Math.abs(t.flip)<.02?.02*Math.sign(t.flip||1):t.flip,[i,o]=rn(e);return rt(it(-t.center[0],-t.center[1]),Je(t.rotation),J(t.scale*n,t.scale),it(i,o))}function Dn(t){const[e,n]=Xt(t);return rt(it(-e,-n),J(2/t.width,2/t.height))}function Fn(t,e,n,i){const o=rt(J(1/i.dpr),St(on(n,i))),r=rt(o,St(Se(t,e)),J(1/e.width,1/e.height));return{toUV:r,toBlurUV:r,toCrop:rt(o,Dn(t.crop))}}function Ue(t,e,n){const i=Math.max(1,e.width-n*2),o=Math.max(1,e.height-n*2);return{center:Xt(t),scale:Math.min(i/t.width,o/t.height),rotation:0,flip:1}}const Un=`
-attribute vec2 a_pos;
-void main() { gl_Position = vec4(a_pos, 0.0, 1.0); }
-`,On=`
-#ifdef GL_FRAGMENT_PRECISION_HIGH
-precision highp float;
-#else
-precision mediump float;
-#endif
-uniform sampler2D u_image;
-uniform sampler2D u_blur;
-uniform vec2 u_size;
-uniform vec3 u_uvX; uniform vec3 u_uvY;
-uniform vec3 u_blurX; uniform vec3 u_blurY;
-uniform vec3 u_cropX; uniform vec3 u_cropY;
-uniform bool u_clip;
-uniform float u_dim;
-uniform vec3 u_dimColor;
-uniform mat4 u_cm; uniform vec4 u_co;
-uniform float u_gamma; uniform float u_clarity; uniform float u_vignette;
-uniform vec2 u_pixel; uniform vec3 u_cuvX; uniform vec3 u_cuvY;
-
-vec3 grade(vec4 c) { return (u_cm * c + u_co).rgb; }
-
-void main() {
-  vec3 px = vec3(gl_FragCoord.x, u_size.y - gl_FragCoord.y, 1.0);
-  vec2 cn = vec2(dot(u_cropX, px), dot(u_cropY, px));
-  if (u_clip && (abs(cn.x) > 1.0 || abs(cn.y) > 1.0)) { gl_FragColor = vec4(0.0); return; }
-  vec2 uv = vec2(dot(u_uvX, px), dot(u_uvY, px));
-  vec2 buv = vec2(dot(u_blurX, px), dot(u_blurY, px));
-  if (u_pixel.x > 0.0) {
-    // the center of this pixel's block (whole blocks across the crop; the edge pixel stays in the last)
-    vec2 cell = 2.0 / u_pixel;
-    vec2 idx = floor((cn + 1.0) / cell);
-    if (abs(cn.x) <= 1.0) idx.x = min(idx.x, u_pixel.x - 1.0);
-    if (abs(cn.y) <= 1.0) idx.y = min(idx.y, u_pixel.y - 1.0);
-    cn = (idx + 0.5) * cell - 1.0;
-    vec3 q = vec3(cn, 1.0);
-    uv = vec2(dot(u_cuvX, q), dot(u_cuvY, q));
-    buv = uv;
-  }
-  if (uv.x < 0.0 || uv.y < 0.0 || uv.x > 1.0 || uv.y > 1.0) { gl_FragColor = vec4(0.0); return; }
-  vec4 c = texture2D(u_image, uv);
-  if (c.a <= 0.0) { gl_FragColor = vec4(0.0); return; }
-  vec3 rgb = grade(c);
-  if (u_clarity != 0.0) {
-    vec4 bl = texture2D(u_blur, buv);
-    rgb += u_clarity * (rgb - grade(bl));
-  }
-  if (u_gamma != 1.0) rgb = pow(max(rgb, 0.0), vec3(1.0 / u_gamma));
-  if (u_vignette != 0.0) {
-    float f = smoothstep(0.3, 1.0, length(cn) / 1.41421356) * ${Ke.toFixed(2)} * abs(u_vignette);
-    rgb = u_vignette > 0.0 ? rgb * (1.0 - f) : rgb + (1.0 - rgb) * f;
-  }
-  rgb = clamp(rgb, 0.0, 1.0);
-  if (abs(cn.x) > 1.0 || abs(cn.y) > 1.0) rgb = mix(u_dimColor, rgb, u_dim);
-  gl_FragColor = vec4(rgb * c.a, c.a);
-}
-`;class oe{constructor(e,n){this.loc={},this.canvas=e,this.gl=n,this.maxTextureSize=n.getParameter(n.MAX_TEXTURE_SIZE),this.program=this.link(),n.useProgram(this.program);const i=n.createBuffer();n.bindBuffer(n.ARRAY_BUFFER,i),n.bufferData(n.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),n.STATIC_DRAW);const o=n.getAttribLocation(this.program,"a_pos");n.enableVertexAttribArray(o),n.vertexAttribPointer(o,2,n.FLOAT,!1,0,0);for(const r of["u_image","u_blur","u_size","u_uvX","u_uvY","u_blurX","u_blurY","u_cropX","u_cropY","u_clip","u_dim","u_dimColor","u_cm","u_co","u_gamma","u_clarity","u_vignette","u_pixel","u_cuvX","u_cuvY"])this.loc[r]=n.getUniformLocation(this.program,r);this.image=this.texture(),this.blur=this.texture(),n.uniform1i(this.loc.u_image,0),n.uniform1i(this.loc.u_blur,1)}static create(e){try{const n={premultipliedAlpha:!0,alpha:!0,antialias:!1,preserveDrawingBuffer:!0},i=e.getContext("webgl2",n)??e.getContext("webgl",n);return i?new oe(e,i):null}catch{return null}}link(){const e=this.gl,n=(o,r)=>{const a=e.createShader(o);if(e.shaderSource(a,r),e.compileShader(a),!e.getShaderParameter(a,e.COMPILE_STATUS))throw new Error(e.getShaderInfoLog(a)??"shader compile failed");return a},i=e.createProgram();if(e.attachShader(i,n(e.VERTEX_SHADER,Un)),e.attachShader(i,n(e.FRAGMENT_SHADER,On)),e.linkProgram(i),!e.getProgramParameter(i,e.LINK_STATUS))throw new Error(e.getProgramInfoLog(i)??"program link failed");return i}texture(){const e=this.gl,n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),n}upload(e,n,i,o){const r=this.gl;r.activeTexture(r.TEXTURE0+e),r.bindTexture(r.TEXTURE_2D,n),r.pixelStorei(r.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!1),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,r.RGBA,r.UNSIGNED_BYTE,i);const a=typeof WebGL2RenderingContext<"u"&&r instanceof WebGL2RenderingContext;o&&a?(r.generateMipmap(r.TEXTURE_2D),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR)):r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR)}setImage(e,n,i=!0){this.upload(0,this.image,e,i),this.upload(1,this.blur,n,!1)}setSource(e,n=!0){this.upload(0,this.image,e,n)}render(e){const n=this.gl,{width:i,height:o}=this.canvas;n.viewport(0,0,i,o),n.clearColor(0,0,0,0),n.clear(n.COLOR_BUFFER_BIT),n.uniform2f(this.loc.u_size,i,o);const r=(g,S,A)=>{n.uniform3f(this.loc[S],g[0],g[1],g[2]),n.uniform3f(this.loc[A],g[3],g[4],g[5])};r(e.toUV,"u_uvX","u_uvY"),r(e.toBlurUV,"u_blurX","u_blurY"),r(e.toCrop,"u_cropX","u_cropY"),n.uniform1i(this.loc.u_clip,e.clip?1:0),n.uniform1f(this.loc.u_dim,e.dim??1);const[a,s,_]=e.dimColor??[0,0,0];n.uniform3f(this.loc.u_dimColor,a,s,_);const c=e.matrix,y=new Float32Array(16);for(let g=0;g<4;g++)for(let S=0;S<4;S++)y[S*4+g]=c[g*5+S];n.uniformMatrix4fv(this.loc.u_cm,!1,y),n.uniform4f(this.loc.u_co,c[4],c[9],c[14],c[19]),n.uniform1f(this.loc.u_gamma,e.gamma),n.uniform1f(this.loc.u_clarity,e.clarity),n.uniform1f(this.loc.u_vignette,e.vignette);const[m,T]=e.pixel??[0,0];n.uniform2f(this.loc.u_pixel,m,T),e.pixel&&e.cropToUV&&r(e.cropToUV,"u_cuvX","u_cuvY"),n.drawArrays(n.TRIANGLE_STRIP,0,4)}dispose(e=!0){var i;const n=this.gl;n.deleteTexture(this.image),n.deleteTexture(this.blur),n.deleteProgram(this.program),e&&((i=n.getExtension("WEBGL_lose_context"))==null||i.loseContext())}}function Ae(t,e=t.colorMatrix){const n=t.finetune;return{matrix:fn(e,n),gamma:ct.gamma(n.gamma),clarity:ct.clarity(n.clarity),vignette:ct.vignette(n.vignette)}}const an=t=>!hn(t.matrix)||t.gamma!==1||t.clarity!==0||t.vignette!==0,je=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};function Xn(t,e,n,i,o,r){const a=t.getContext("2d",{willReadFrequently:!0});if(!a)return;const{width:s,height:_}=t;a.setTransform(1,0,0,1,0,0),a.clearRect(0,0,s,_);const c=(m,T,g,S)=>{const A=rt(J(1/g.width,1/g.height),St(S));if(m.save(),r.clip){const E=St(r.toCrop);m.beginPath(),[[-1,-1],[1,-1],[1,1],[-1,1]].forEach(([M,l],j)=>{const[d,C]=te(E,M,l);j===0?m.moveTo(d,C):m.lineTo(d,C)}),m.closePath(),m.clip()}m.setTransform(A[0],A[3],A[1],A[4],A[2],A[5]),m.imageSmoothingQuality="high",m.drawImage(T,0,0,g.width,g.height),m.restore()};if(c(a,e,n,r.toUV),an(r)&&y(),r.dim!=null&&r.dim<1){const m=St(r.toCrop);a.save(),a.globalCompositeOperation="source-atop",a.beginPath(),a.rect(0,0,s,_),[[-1,-1],[1,-1],[1,1],[-1,1]].forEach(([A,E],M)=>{const[l,j]=te(m,A,E);M===0?a.moveTo(l,j):a.lineTo(l,j)}),a.closePath();const[T,g,S]=(r.dimColor??[0,0,0]).map(A=>Math.round(A*255));a.fillStyle=`rgba(${T}, ${g}, ${S}, ${1-r.dim})`,a.fill("evenodd"),a.restore()}function y(){if(a)try{const m=a.getImageData(0,0,s,_);let T=null;if(r.clarity!==0){const S=je(s,_).getContext("2d",{willReadFrequently:!0});S&&(c(S,i,o,r.toBlurUV),T=S.getImageData(0,0,s,_).data)}Ie(m.data,s,_,r,T,r.toCrop),a.putImageData(m,0,0)}catch{}}}const Bn=16384,qn=16384*16384,Yn=(t,e,n)=>new Promise((i,o)=>{try{t.toBlob(r=>r?i(r):o(new Error("Encoding failed")),e,n)}catch(r){o(r)}});async function Vn(t,e,n,i,o){var M;const r=Rt(n),a=Dt(n),s=Math.min(1,Bn/Math.max(r.width,r.height),Math.sqrt(qn/(r.width*r.height))),_=Math.max(1,Math.round(r.width*s)),c=Math.max(1,Math.round(r.height*s)),y=je(_,c),m=y.getContext("2d");if(!m)throw new Error("Canvas 2D is unavailable");const T=rt(Se(n,e),it(-a.x,-a.y),J(_/a.width,c/a.height));i==="image/jpeg"&&(m.fillStyle="#fff",m.fillRect(0,0,_,c)),m.setTransform(T[0],T[3],T[1],T[4],T[2],T[5]),m.imageSmoothingEnabled=!0,m.imageSmoothingQuality="high";const g=ve(n,e),S=(M=n.redact)==null?void 0:M.effect,A=g>0&&S==="blur"?Pn(t,e.width,e.height,g):t;m.drawImage(A,0,0,e.width,e.height),m.setTransform(1,0,0,1,0,0);const E=Ae(n);if(an(E)){const l=Re*Math.max(e.width,e.height)*(_/a.width)*n.scale,j=Ze(y,_,c,l);$n(y,j,E)}if(g>0&&S==="pixelate"){const{cols:l,rows:j}=tn(a,g*n.scale);nn(y,l,j)}return Yn(y,i,o)}function $n(t,e,n){const{width:i,height:o}=t,r=t.getContext("2d",{willReadFrequently:!0}),a=document.createElement("canvas"),s=oe.create(a),_=s?Math.min(2048,s.maxTextureSize):1024,c=je(_,_),y=c.getContext("2d",{willReadFrequently:!0});try{for(let m=0;m<o;m+=_)for(let T=0;T<i;T+=_){const g=Math.min(_,i-T),S=Math.min(_,o-m),A=rt(it(T,m),J(2/i,2/o),it(-1,-1)),E=rt(it(T,m),J(1/i,1/o));if(s)c.width=g,c.height=S,y.clearRect(0,0,g,S),y.drawImage(t,T,m,g,S,0,0,g,S),a.width=g,a.height=S,s.setImage(c,e,!1),s.render({...n,toUV:J(1/g,1/S),toBlurUV:E,toCrop:A,clip:!1}),r.clearRect(T,m,g,S),r.drawImage(a,T,m);else{const M=r.getImageData(T,m,g,S);let l=null;n.clarity!==0&&(c.width=g,c.height=S,y.drawImage(e,T/i*e.width,m/o*e.height,g/i*e.width,S/o*e.height,0,0,g,S),l=y.getImageData(0,0,g,S).data),Ie(M.data,g,S,n,l,A),r.putImageData(M,T,m)}}}finally{s==null||s.dispose()}}const Gn=50,me=(t,e)=>JSON.stringify(t)===JSON.stringify(e),Wn=(t,e)=>t===e||!!t&&!!e&&t.width===e.width&&t.height===e.height,ft=t=>JSON.parse(JSON.stringify(t));class Ce{constructor(){this.snapshot={status:"idle",error:null,state:null,ui:{util:"crop",cropTab:"rotation",finetuneTab:"brightness",resizeLocked:!0},size:null,canUndo:!1,canRedo:!1,canRevert:!1},this.storeListeners=new Set,this.events=new Map,this.history=[],this.index=-1,this.initial=null,this.loaded=null,this.options=null,this.openToken=0,this.subscribe=e=>(this.storeListeners.add(e),()=>{this.storeListeners.delete(e)}),this.getSnapshot=()=>this.snapshot}patch(e){const n=e.state!==void 0?e.state:this.snapshot.state;this.snapshot={...this.snapshot,...e,canUndo:this.index>0,canRedo:this.index<this.history.length-1,canRevert:!!n&&!!this.initial&&!me(n,this.initial)},this.storeListeners.forEach(i=>i())}on(e,n){let i=this.events.get(e);return i||this.events.set(e,i=new Set),i.add(n),()=>{i.delete(n)}}emit(e,n){var i;(i=this.events.get(e))==null||i.forEach(o=>o(n))}get image(){return this.loaded}get openOptions(){return this.options}async open(e){const n=++this.openToken;this.options=e,this.history=[],this.index=-1,this.initial=null,this.loaded=null,this.patch({status:"loading",error:null,state:null,size:null,ui:{...this.snapshot.ui,util:e.util??"crop"}});try{const i=await An(e.src);if(n!==this.openToken)return;this.loaded=i;const o={width:i.width,height:i.height},r=wn(o,e.cropAspectRatio),a=e.initialState??{},s={...r,...a,crop:{...r.crop,...a.crop},finetune:{...$e,...a.finetune},redact:{...r.redact,...a.redact}};s.filter&&s.filter!=="default"&&!s.colorMatrix&&(s.colorMatrix=ee[s.filter]??null);const _=De(s,o);this.initial=De(r,o),this.history=[ft(_)],this.index=0,this.patch({status:"ready",state:_,size:o}),this.emit("load",{size:o})}catch(i){if(n!==this.openToken)return;throw this.patch({status:"error",error:i}),i}}close(){var n;this.openToken++;const e=(n=this.loaded)==null?void 0:n.image;e&&"close"in e&&typeof e.close=="function"&&e.close(),this.loaded=null,this.emit("close")}getState(){if(!this.snapshot.state)throw new Error("No image is open");return ft(this.snapshot.state)}setState(e){this.preview(e),this.commit()}preview(e){const n=this.snapshot.state,i=this.snapshot.size;if(!n||!i)return;const o={...n,...e},r=this.index>=0?this.history[this.index]:n;"resize"in e&&!Wn(e.resize??null,r.resize)||(o.resize=_n(r,{...o,resize:r.resize})),this.patch({state:o})}commit(){const e=this.snapshot.state;e&&(this.index>=0&&me(e,this.history[this.index])||(this.history=this.history.slice(0,this.index+1),this.history.push(ft(e)),this.history.length>Gn&&this.history.shift(),this.index=this.history.length-1,this.patch({}),this.emit("update",ft(e))))}undo(){this.index<=0||(this.index--,this.patch({state:ft(this.history[this.index])}),this.emit("undo",this.getState()),this.emit("update",this.getState()))}redo(){this.index>=this.history.length-1||(this.index++,this.patch({state:ft(this.history[this.index])}),this.emit("redo",this.getState()),this.emit("update",this.getState()))}revert(){const e=this.snapshot.state;!this.initial||!e||me(e,this.initial)||(this.patch({state:ft(this.initial)}),this.commit(),this.emit("revert",this.getState()))}setUi(e){e.util&&e.util!==this.snapshot.ui.util&&this.commit(),this.patch({ui:{...this.snapshot.ui,...e}})}async process(){var a,s;const e=this.loaded,n=this.snapshot.state;if(!e||!n)throw new Error("No image is open");const i=jn((a=this.options)==null?void 0:a.outputType,e.type),r={dest:await Vn(e.image,{width:e.width,height:e.height},n,i,((s=this.options)==null?void 0:s.outputQuality)??.92),imageState:ft(n)};return this.emit("process",r),r}}const Kn=()=>new Ce,Hn=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function Oe(t,e,n,{stiffness:i=240,damping:o=30}={},r){if(Hn()||typeof requestAnimationFrame!="function"){n(e),r==null||r();const A=(()=>{});return A.retarget=E=>n(E),A}const a=[...e],s=[...t],_=t.map(()=>0),c=t.map((A,E)=>Math.max(1e-5,Math.abs(a[E]-A)*.001));let y=performance.now(),m=0,T=!1;const g=A=>{if(T)return;let E=Math.min(.064,(A-y)/1e3);for(y=A;E>0;){const l=Math.min(E,.008333333333333333);for(let j=0;j<s.length;j++){const d=-i*(s[j]-a[j])-o*_[j];_[j]+=d*l,s[j]+=_[j]*l}E-=l}if(s.every((l,j)=>Math.abs(l-a[j])<c[j]&&Math.abs(_[j])<c[j]*10)){n(a),r==null||r();return}n([...s]),m=requestAnimationFrame(g)};m=requestAnimationFrame(g);const S=(()=>{T=!0,cancelAnimationFrame(m)});return S.retarget=A=>{for(let E=0;E<a.length;E++)a[E]=A[E],c[E]=Math.max(c[E],1e-5)},S}const Qn="_overlay_2796b_6",Zn="_editor_2796b_11",Jn="_header_2796b_61",tr="_headerStart_2796b_70",er="_headerCenter_2796b_74",nr="_headerEnd_2796b_79",rr="_group_2796b_84",ir="_zoomLabel_2796b_97",or="_done_2796b_105",ar="_closeIcon_2796b_116",sr="_groupDivider_2796b_120",cr="_main_2796b_148",lr="_nav_2796b_159",ur="_stage_2796b_160",hr="_toolbar_2796b_161",dr="_canvasArea_2796b_162",mr="_footer_2796b_163",fr="_footerInner_2796b_164",gr="_navList_2796b_169",pr="_toolbarRow_2796b_170",xr="_tool_2796b_161",_r="_toolActive_2796b_217",br="_shapeSlot_2796b_263",wr="_shapePreview_2796b_270",vr="_shapeCustom_2796b_276",Mr="_shapeOrientation_2796b_281",yr="_orientButton_2796b_290",Er="_orientActive_2796b_313",Ir="_viewport_2796b_330",Tr="_viewportCrop_2796b_339",Rr="_viewportPannable_2796b_342",Sr="_canvas_2796b_162",Ar="_scene_2796b_355",jr="_cropBox_2796b_362",Cr="_grid_2796b_369",Lr="_cropInteracting_2796b_398",kr="_sizeBadge_2796b_404",Nr="_sizeBadgeActive_2796b_430",Pr="_sizeTimes_2796b_433",zr="_sizeUnit_2796b_434",Dr="_handle_2796b_444",Fr="_handle_nw_2796b_448",Ur="_handle_ne_2796b_449",Or="_handle_sw_2796b_450",Xr="_handle_se_2796b_451",Br="_handle_n_2796b_448",qr="_handle_s_2796b_450",Yr="_handle_w_2796b_511",Vr="_handle_e_2796b_512",$r="_status_2796b_527",Gr="_toastError_2796b_538",Wr="_tabs_2796b_571",Kr="_tab_2796b_571",Hr="_tabActive_2796b_606",Qr="_tabDot_2796b_617",Zr="_resizePanel_2796b_628",Jr="_resizeFields_2796b_634",ti="_dimField_2796b_640",ei="_dimLabel_2796b_658",ni="_dimLabelShort_2796b_662",ri="_dimInput_2796b_665",ii="_dimUnit_2796b_681",oi="_lockButton_2796b_686",ai="_lockActive_2796b_703",si="_strip_2796b_715",ci="_fadeStart_2796b_730",li="_fadeEnd_2796b_734",ui="_stripGroup_2796b_754",hi="_filterTile_2796b_759",di="_filterThumb_2796b_773",mi="_filterActive_2796b_804",fi="_filterLabel_2796b_814",gi="_fadeIn_2796b_819",pi="_toolbarIconOnPhone_2796b_861",xi="_toolbarLabel_2796b_873",_i="_dimLabelFull_2796b_882",bi="_toolLabel_2796b_918",b={overlay:Qn,editor:Zn,header:Jn,headerStart:tr,headerCenter:er,headerEnd:nr,group:rr,zoomLabel:ir,done:or,closeIcon:ar,groupDivider:sr,main:cr,nav:lr,stage:ur,toolbar:hr,canvasArea:dr,footer:mr,footerInner:fr,navList:gr,toolbarRow:pr,tool:xr,toolActive:_r,shapeSlot:br,shapePreview:wr,shapeCustom:vr,shapeOrientation:Mr,orientButton:yr,orientActive:Er,viewport:Ir,viewportCrop:Tr,viewportPannable:Rr,canvas:Sr,scene:Ar,cropBox:jr,grid:Cr,cropInteracting:Lr,sizeBadge:kr,"tz-ie-fade":"_tz-ie-fade_2796b_1",sizeBadgeActive:Nr,sizeTimes:Pr,sizeUnit:zr,handle:Dr,handle_nw:Fr,handle_ne:Ur,handle_sw:Or,handle_se:Xr,handle_n:Br,handle_s:qr,handle_w:Yr,handle_e:Vr,status:$r,toastError:Gr,tabs:Wr,tab:Kr,tabActive:Hr,tabDot:Qr,resizePanel:Zr,resizeFields:Jr,dimField:ti,dimLabel:ei,dimLabelShort:ni,dimInput:ri,dimUnit:ii,lockButton:oi,lockActive:ai,strip:si,fadeStart:ci,fadeEnd:li,stripGroup:ui,filterTile:hi,filterThumb:di,filterActive:mi,filterLabel:fi,fadeIn:gi,toolbarIconOnPhone:pi,toolbarLabel:xi,dimLabelFull:_i,toolLabel:bi},wi=24,vi=12,Xe=4096,Mi=768,Be=.35;function yi(t){const e=t?getComputedStyle(t).getPropertyValue("--tz-color-background-rgb"):"",[n,i,o]=e.split(",").map(r=>Number(r.trim())/255);return[n,i,o].every(r=>Number.isFinite(r))?[n,i,o]:[0,0,0]}const Ei=40,Ii=["nw","ne","sw","se","n","s","w","e"],zt=t=>[t.center[0],t.center[1],Math.log(t.scale),t.rotation,t.flip],Ti=t=>({center:[t[0],t[1]],scale:Math.exp(t[2]),rotation:t[3],flip:t[4]}),Ri=v.forwardRef(function({core:e,snapshot:n,cropAspectRatio:i,viewZoom:o,onViewZoom:r,onZoomReport:a,areaRef:s},_){const{state:c,size:y,ui:m}=n,T=Ot.useColorMode(),g=m.util,S=v.useRef(null),A=v.useRef(null),[E,M]=v.useState(null),[l,j]=v.useState(null),d=v.useRef(null);d.current=l;const[C,f]=v.useState([0,0]),[I,w]=v.useState(!1),[N,V]=v.useState(0),Y=v.useRef(!1),$=v.useRef(null),B=v.useRef(null),ot=v.useRef(null),K=v.useRef(new Map),lt=v.useRef(void 0);v.useEffect(()=>{const x=S.current;if(!x)return;const p=()=>{var U;const D=x.getBoundingClientRect(),X=(U=s==null?void 0:s.current)==null?void 0:U.getBoundingClientRect();M({width:D.width,height:D.height,dpr:window.devicePixelRatio||1,area:X?Si(D,X):void 0})};if(p(),k.current=p,typeof ResizeObserver>"u")return;const P=new ResizeObserver(p);return P.observe(x),s!=null&&s.current&&P.observe(s.current),()=>P.disconnect()},[s]);const k=v.useRef(null);v.useLayoutEffect(()=>{var x;(x=k.current)==null||x.call(k)},[g,n.status]);const z=n.status==="ready"?e.image:null,[L,q]=v.useState(null);v.useEffect(()=>{const x=A.current;if(!z||!x)return;const p=oe.create(x),P=Math.min(Xe,(p==null?void 0:p.maxTextureSize)??Xe),D=Zt(z.image,z.width,z.height,P),X=Re*Math.max(z.width,z.height)*(D.width/z.width),U=Ze(D.canvas,D.width,D.height,X);return p==null||p.setImage(D.canvas,U),q({gl:p,tex:D,blur:U}),()=>{p==null||p.dispose(!1),q(null)}},[z]);const W=c&&y?Rt(c).width*c.scale/Dt(c).width:1,ut=y?Math.max(1,Math.round(y.width*W)):0,at=(c==null?void 0:c.redact.effect)??"blur",_t=(c==null?void 0:c.redact.amount)??0,[H,tt]=v.useState(null);v.useEffect(()=>{if(!L||!y){tt(null);return}const x=requestAnimationFrame(()=>{let p={...L.tex,mipmap:!0,pixelate:!1};ut<p.width&&(p={...Zt(p.canvas,p.width,p.height,Math.max(1,Math.round(Math.max(y.width,y.height)*W))),mipmap:!0,pixelate:!1});const P=ve({redact:{effect:at,amount:_t}},y);if(P<=0)return tt(p);const D=P*(p.width/y.width);if(at==="blur"){const U=en(p.canvas,p.width,p.height,D,Mi);return tt({canvas:U,width:U.width,height:U.height,mipmap:!0,pixelate:!1})}if(!L.gl){const U=zn(p.canvas,p.width,p.height,D);return tt({canvas:U,width:U.width,height:U.height,mipmap:!1,pixelate:!1})}const X=Zt(p.canvas,p.width,p.height,Math.max(p.width,p.height)/Math.max(1,D));tt({...X,mipmap:!1,pixelate:!0})});return()=>cancelAnimationFrame(x)},[L,ut,at,_t]),v.useLayoutEffect(()=>{L!=null&&L.gl&&H&&L.gl.setSource(H.canvas,H.mipmap)},[L,H]);const Q=v.useMemo(()=>{if(!c||!E)return null;const x=E.area??E;if(g==="crop")return Ue(c.crop,x,Math.min(wi,x.width*.06));const p=Dt(c),P=Ue(p,x,vi),D=c.resize?{...P,scale:Math.min(P.scale,Rt(c).width/p.width)}:P;if(o==null)return D;const X=o/c.scale,U=Math.max(0,p.width/2-x.width/2/X),et=Math.max(0,p.height/2-x.height/2/X),st=Math.max(-U,Math.min(U,C[0])),wt=Math.max(-et,Math.min(et,C[1]));return{...D,scale:X,center:[D.center[0]+st,D.center[1]+wt]}},[c,E,g,o,C,N]),Vt=v.useRef(g),yt=v.useRef(!1),bt=v.useRef({stage:E,state:c}),jt=(x,p)=>{var P;(P=B.current)==null||P.call(B),yt.current=!0,B.current=Oe(zt(x),zt(p),D=>j(Ti(D)),void 0,()=>{yt.current=!1})},[ht,ae]=v.useState(g==="crop"?Be:0),$t=v.useRef(ht);$t.current=ht,v.useEffect(()=>{const x=g==="crop"?Be:0;return Oe([$t.current],[x],([p])=>ae(Math.max(0,p)))},[g]),v.useLayoutEffect(()=>{var et,st,wt,Le;if(!Q)return;Vt.current!==g&&(Vt.current=g,d.current&&!$.current&&($.current="jump"));const x=E!==bt.current.stage&&c===bt.current.state,p=(et=bt.current.state)==null?void 0:et.resize,P=g==="resize"&&(((st=c==null?void 0:c.resize)==null?void 0:st.width)!==(p==null?void 0:p.width)||((wt=c==null?void 0:c.resize)==null?void 0:wt.height)!==(p==null?void 0:p.height)),D=bt.current.target,X=!!D&&zt(D).every((kt,se)=>Math.abs(kt-zt(Q)[se])<1e-9);bt.current={stage:E,state:c,target:Q};const U=$.current;if(U){$.current=null;const kt=d.current??Q,se=U==="rotate"?{center:Q.center,scale:kt.scale,rotation:Math.PI/2,flip:1}:U==="flip"?{center:Q.center,scale:kt.scale,rotation:0,flip:-1}:kt;jt(se,Q);return}if((x||P||X)&&yt.current&&B.current){B.current.retarget(zt(Q));return}if(P&&d.current&&!Y.current){jt(d.current,Q);return}Y.current||((Le=B.current)==null||Le.call(B),B.current=null,yt.current=!1,j(Q))},[Q]),v.useEffect(()=>()=>{var x;return(x=B.current)==null?void 0:x.call(B)},[]),v.useEffect(()=>{l&&c&&a(l.scale*c.scale)},[l,c,a]),v.useEffect(()=>{const x=A.current;if(!x||!E)return;const p=Math.max(1,Math.round(E.width*E.dpr)),P=Math.max(1,Math.round(E.height*E.dpr));x.width!==p&&(x.width=p),x.height!==P&&(x.height=P)},[E]),v.useEffect(()=>{if(!L||!H||!c||!y||!l||!E)return;const x=g==="crop"?c:{...c,crop:Dt(c)},p=Fn(x,y,l,E),P=H.pixelate?ve(c,y):0,D=P>0?{pixel:(U=>[U.cols,U.rows])(tn(x.crop,P*c.scale)),cropToUV:rt(St(p.toCrop),p.toUV)}:null,X=requestAnimationFrame(()=>{const U={...Ae(c),...p,...D,clip:ht<=.001,dim:ht,dimColor:yi(S.current)};L.gl?L.gl.render(U):A.current&&Xn(A.current,H.canvas,H,L.blur,L.blur,U)});return()=>cancelAnimationFrame(X)},[L,H,c,y,l,E,ht,T,g]),v.useImperativeHandle(_,()=>({transition(x){$.current=x}}));const dt=(l==null?void 0:l.scale)??1,Gt=v.useRef(r);Gt.current=r;const Ct=()=>{const[x,p]=[...K.current.values()];return x&&p?Math.hypot(x.x-p.x,x.y-p.y):0},mt=x=>{var P,D;if(!c||!y||x.pointerType==="mouse"&&x.button!==0||x.target.closest("button"))return;if(x.currentTarget.setPointerCapture(x.pointerId),K.current.set(x.pointerId,{x:x.clientX,y:x.clientY}),(P=B.current)==null||P.call(B),K.current.size===2){ot.current={kind:"pinch",dist:Ct(),base:c,zoom:Qt(c,y),viewZoom:((l==null?void 0:l.scale)??1)*c.scale};return}const p=(D=x.target.closest("[data-handle]"))==null?void 0:D.dataset.handle;g==="crop"?(ot.current=p?{kind:"resize",id:x.pointerId,x:x.clientX,y:x.clientY,base:c,handle:p}:{kind:"pan",id:x.pointerId,x:x.clientX,y:x.clientY,base:c},p&&(Y.current=!0),w(!0)):o!=null&&(ot.current={kind:"viewPan",id:x.pointerId,x:x.clientX,y:x.clientY,pan:C})},Lt=x=>{if(!K.current.has(x.pointerId)||!y)return;K.current.set(x.pointerId,{x:x.clientX,y:x.clientY});const p=ot.current;if(!p)return;if(p.kind==="pinch"){const X=Ct()/Math.max(1,p.dist);g==="crop"?e.preview(Ut(p.base,Math.min(Ft,p.zoom*X),y)):r(fe(p.viewZoom*X));return}if(p.id!==x.pointerId)return;const P=(x.clientX-p.x)/dt,D=(x.clientY-p.y)/dt;if(p.kind==="pan")e.preview(yn(p.base,-P,-D,y));else if(p.kind==="resize"){const X=p.base.crop,et=i||p.base.cropRatio||x.shiftKey?X.width/X.height:null;e.preview(In(p.base,p.handle,P,D,y,{aspectRatio:et,minSize:Math.max(p.base.scale,Ei/dt)}))}else p.kind==="viewPan"&&f([p.pan[0]-P,p.pan[1]-D])},Wt=x=>{if(!K.current.has(x.pointerId))return;K.current.delete(x.pointerId);const p=ot.current;if(p){if(p.kind==="pinch"){K.current.size===0&&(ot.current=null,g==="crop"&&e.commit());return}p.id===x.pointerId&&(ot.current=null,w(!1),p.kind==="resize"?(Y.current=!1,$.current="jump",e.commit(),V(P=>P+1)):p.kind==="pan"&&e.commit())}},h=x=>{if(!c||!y)return;const p=x.ctrlKey||x.metaKey;if(!(p&&R.current)){if(g==="crop"){const P=Math.exp(-x.deltaY*(p?.01:.002));e.preview(Ut(c,Math.min(Ft,Qt(c,y)*P),y)),clearTimeout(lt.current),lt.current=setTimeout(()=>e.commit(),250);return}if(p){const P=((l==null?void 0:l.scale)??1)*c.scale;r(fe(P*Math.exp(-x.deltaY*.01)))}else o!=null&&f(([P,D])=>[P+x.deltaX/dt,D+x.deltaY/dt])}};v.useEffect(()=>()=>clearTimeout(lt.current),[]);const R=v.useRef(null),F=v.useRef({state:c,size:y,util:g,view:l});F.current={state:c,size:y,util:g,view:l},v.useEffect(()=>{const x=S.current;if(!x)return;const p=X=>{const{state:U,size:et,view:st}=F.current;X.preventDefault(),!(!U||!et||K.current.size>0)&&(R.current={base:U,zoom:Qt(U,et),viewZoom:((st==null?void 0:st.scale)??1)*U.scale})},P=X=>{const U=R.current,{size:et,util:st}=F.current;if(!U||!et)return;X.preventDefault();const wt=X.scale||1;st==="crop"?e.preview(Ut(U.base,Math.min(Ft,U.zoom*wt),et)):Gt.current(fe(U.viewZoom*wt))},D=X=>{R.current&&(X.preventDefault(),R.current=null,F.current.util==="crop"&&e.commit())};return x.addEventListener("gesturestart",p),x.addEventListener("gesturechange",P),x.addEventListener("gestureend",D),()=>{x.removeEventListener("gesturestart",p),x.removeEventListener("gesturechange",P),x.removeEventListener("gestureend",D)}},[e]);let O=null;if(g==="crop"&&c&&E&&l){const x=on({...l,rotation:0,flip:1},E),[p,P]=te(x,c.crop.x,c.crop.y),[D,X]=te(x,c.crop.x+c.crop.width,c.crop.y+c.crop.height);O={left:p,top:P,width:D-p,height:X-P}}const Et=l&&E?{transform:`scaleX(${l.flip}) rotate(${l.rotation}rad)`,transformOrigin:rn(E).map(x=>`${x}px`).join(" ")}:void 0;return u.jsxs("div",{ref:S,className:G.clsx(b.viewport,g==="crop"?b.viewportCrop:o!=null&&b.viewportPannable),"data-part":"viewport",onPointerDown:mt,onPointerMove:Lt,onPointerUp:Wt,onPointerCancel:Wt,onWheel:h,children:[u.jsx("canvas",{ref:A,className:b.canvas,"data-part":"canvas"}),O&&u.jsx("div",{className:G.clsx(b.scene,b.fadeIn),style:Et,children:u.jsxs("div",{className:G.clsx(b.cropBox,I&&b.cropInteracting),style:O,"data-part":"crop",children:[u.jsx("span",{className:b.grid,"aria-hidden":"true"}),Ii.map(x=>u.jsx("span",{className:G.clsx(b.handle,b[`handle_${x}`]),"data-handle":x,"aria-hidden":"true"},x))]})}),O&&c&&l&&l.rotation===0&&l.flip===1&&u.jsxs("div",{className:G.clsx(b.sizeBadge,I&&b.sizeBadgeActive),style:{left:O.left+O.width/2,top:O.top+O.height},"data-part":"size",children:[Rt(c).width,u.jsx("span",{className:b.sizeTimes,children:"×"}),Rt(c).height,u.jsx("span",{className:b.sizeUnit,children:"px"})]})]})});function Si(t,e){const n=Math.max(0,e.left-t.left,t.right-e.right);return{x:n,y:e.top-t.top,width:Math.max(1,t.width-n*2),height:e.height}}const Me=.02,ye=8,fe=t=>Math.min(ye,Math.max(Me,t)),Ai=[{label:"1:1",ratio:1},{label:"2:1",ratio:2},{label:"3:2",ratio:3/2},{label:"4:3",ratio:4/3},{label:"5:4",ratio:5/4},{label:"16:10",ratio:16/10},{label:"16:9",ratio:16/9}],Kt=(t,e)=>Math.abs(t-e)<.001,ji=t=>t.split(":").reverse().join(":");function qe({ratio:t}){const n=t==null||t>=1?16:Math.max(6,16*t),i=t==null||t<=1?16:Math.max(6,16/t);return u.jsx("span",{className:b.shapeSlot,children:u.jsx("span",{className:G.clsx(b.shapePreview,t==null&&b.shapeCustom),style:{width:n,height:i}})})}function Ci({ratio:t,options:e,onChange:n}){const i=Ot.useT(),[o,r]=v.useState(!1),[a,s]=v.useState(!1),_=t!=null&&!Kt(t,1)?t<1:a,c=m=>{n(m),r(!1)},y=m=>{s(m),t!=null&&!Kt(t,1)&&t<1!==m&&n(1/t)};return u.jsxs(ln.Dropdown,{open:o,onOpenChange:r,closeOnSelect:!1,placement:"bottom-start",size:"sm",trigger:u.jsx(_e.Button,{variant:"text",color:"primary",size:"sm",startIcon:u.jsx(Z.Icon,{name:"MaximizeFormat"}),title:i("imageEditor.cropShape"),"aria-label":i("imageEditor.cropShape"),className:b.toolbarIconOnPhone,children:u.jsx("span",{className:b.toolbarLabel,children:i("imageEditor.cropShape")})}),children:[u.jsx("div",{className:b.shapeOrientation,role:"group","aria-label":i("imageEditor.orientation"),children:[!1,!0].map(m=>u.jsx("button",{type:"button",className:G.clsx(b.orientButton,_===m&&b.orientActive),"aria-pressed":_===m,"aria-label":i(m?"imageEditor.portrait":"imageEditor.landscape"),title:i(m?"imageEditor.portrait":"imageEditor.landscape"),onClick:()=>y(m),children:u.jsx(Z.Icon,{name:m?"Mobile":"Monitor",size:"sm"})},String(m)))}),u.jsx(ke.ListItem,{icon:u.jsx(qe,{ratio:null}),clickable:!0,selected:t==null,onClick:()=>c(null),children:i("imageEditor.custom")}),e.map(m=>{const T=_?1/m.ratio:m.ratio;return u.jsx(ke.ListItem,{icon:u.jsx(qe,{ratio:T}),clickable:!0,selected:t!=null&&Kt(t,T),onClick:()=>c(T),children:_&&!Kt(m.ratio,1)?ji(m.label):m.label},m.label)})]})}const Li=52;function ki(t,e,n){const i=Math.min(2,typeof window<"u"&&window.devicePixelRatio||1),o=Math.round(Li*i),r=document.createElement("canvas");r.width=r.height=o;const a=r.getContext("2d",{willReadFrequently:!0});if(!a)return null;const{crop:s}=n,_=o/Math.min(s.width,s.height),[c,y]=Xt(s),m=rt(Se(n,e),it(-c,-y),J(_),it(o/2,o/2));a.setTransform(m[0],m[3],m[1],m[4],m[2],m[5]),a.imageSmoothingQuality="high",a.drawImage(t,0,0,e.width,e.height),a.setTransform(1,0,0,1,0,0);let T;try{T=a.getImageData(0,0,o,o)}catch{return null}const g=Re*Math.max(e.width,e.height)*n.scale*_,S=n.finetune.clarity?Te(T.data,o,o,g):null,A=rt(it(-o/2,-o/2),J(1/_),J(2/s.width,2/s.height)),E={};for(const M of be.flat()){const l=new ImageData(new Uint8ClampedArray(T.data),o,o);Ie(l.data,o,o,Ae(n,ee[M]),S,A),a.putImageData(l,0,0),E[M]=r.toDataURL()}return E}function Ni({image:t,size:e,state:n,onSelect:i}){var C;const o=Ot.useT(),r=v.useRef(null),[a,s]=v.useState({}),[_,c]=v.useState({start:!1,end:!1}),y=n.filter??"default",m=v.useRef(null);((C=m.current)==null?void 0:C.image)!==t&&(m.current={image:t,source:Zt(t,e.width,e.height,512).canvas});const T=JSON.stringify([n.crop,n.rotation,n.flipX,n.flipY,n.scale,n.finetune]);v.useEffect(()=>{const f=setTimeout(()=>{var N;const I=(N=m.current)==null?void 0:N.source;if(!I)return;const w=ki(I,e,n);w&&s(w)},120);return()=>clearTimeout(f)},[T,t]);const g=()=>{const f=r.current;f&&c({start:f.scrollLeft>2,end:f.scrollLeft+f.clientWidth<f.scrollWidth-2})};v.useEffect(()=>{g();const f=r.current;if(!f||typeof ResizeObserver>"u")return;const I=new ResizeObserver(g);return I.observe(f),()=>I.disconnect()},[]),v.useEffect(()=>{var f,I,w;(w=(I=(f=r.current)==null?void 0:f.querySelector(`[data-filter="${y}"]`))==null?void 0:I.scrollIntoView)==null||w.call(I,{block:"nearest",inline:"nearest",behavior:"smooth"})},[y]),v.useEffect(()=>{const f=r.current;if(!f)return;const I=w=>{Math.abs(w.deltaY)<=Math.abs(w.deltaX)||(w.preventDefault(),f.scrollLeft+=w.deltaY)};return f.addEventListener("wheel",I,{passive:!1}),()=>f.removeEventListener("wheel",I)},[]);const S=v.useRef(null),A=v.useRef(0),E=f=>{if(f.pointerType!=="mouse"||f.button!==0)return;cancelAnimationFrame(A.current);const I=r.current;S.current={x:f.clientX,left:I.scrollLeft,v:0,t:performance.now(),moved:!1}},M=f=>{const I=S.current;if(!I)return;const w=r.current,N=f.clientX-I.x;if(Math.abs(N)>4&&!I.moved&&(I.moved=!0,w.setPointerCapture(f.pointerId)),!I.moved)return;const V=performance.now(),Y=I.left-N;I.v=(w.scrollLeft-Y)/Math.max(1,V-I.t),I.t=V,w.scrollLeft=Y},l=()=>{const f=S.current;if(S.current=null,!(f!=null&&f.moved))return;const I=r.current;let w=-f.v,N=performance.now();const V=$=>{const B=$-N;N=$,I.scrollLeft+=w*B,w*=Math.pow(.995,B),Math.abs(w)>.02&&(A.current=requestAnimationFrame(V))};A.current=requestAnimationFrame(V);const Y=$=>{$.stopPropagation(),$.preventDefault()};I.addEventListener("click",Y,{capture:!0,once:!0}),setTimeout(()=>I.removeEventListener("click",Y,{capture:!0}),0)};v.useEffect(()=>()=>cancelAnimationFrame(A.current),[]);const j=be.flat(),d=f=>{var N,V;if(f.key!=="ArrowLeft"&&f.key!=="ArrowRight")return;const I=j.indexOf(f.target.dataset.filter);if(I===-1)return;f.preventDefault();const w=j[Math.min(j.length-1,Math.max(0,I+(f.key==="ArrowRight"?1:-1)))];(V=(N=r.current)==null?void 0:N.querySelector(`[data-filter="${w}"]`))==null||V.focus()};return u.jsx("div",{ref:r,className:G.clsx(b.strip,_.start&&b.fadeStart,_.end&&b.fadeEnd),"data-part":"filters",role:"group","aria-label":o("imageEditor.filters"),onScroll:g,onPointerDown:E,onPointerMove:M,onPointerUp:l,onPointerCancel:l,onKeyDown:d,children:be.map((f,I)=>u.jsx("div",{className:b.stripGroup,children:f.map(w=>u.jsxs("button",{type:"button",className:G.clsx(b.filterTile,w===y&&b.filterActive),"data-filter":w,"aria-pressed":w===y,onClick:()=>i(w),children:[u.jsx("span",{className:b.filterThumb,children:a[w]&&u.jsx("img",{src:a[w],alt:"",draggable:!1})}),u.jsx("span",{className:b.filterLabel,children:o(`imageEditor.filter.${w}`)})]},w))},I))})}const Pi=[1,.75,.5,.25],gt=(t,e)=>Math.max(1,Math.min(e,Math.round(t)));function zi({max:t,value:e,locked:n,onLockedChange:i,onInput:o,onChange:r}){const a=Ot.useT(),s=e,[_,c]=v.useState({w:String(s.width),h:String(s.height)});v.useEffect(()=>{c({w:String(s.width),h:String(s.height)})},[s.width,s.height]);const m=Math.round(s.width*t.height/t.width)===s.height||Math.round(s.height*t.width/t.height)===s.width?t.width/t.height:s.width/s.height,T=v.useRef(null),g=T.current??m,S=(d,C)=>{const f=Number(C);if(!C||!Number.isFinite(f)||f<=0)return null;if(d==="w"){let N=gt(f,t.width);if(!n)return{width:N,height:s.height};const V=gt(N/g,t.height);return V<N/g-.5&&(N=gt(V*g,t.width)),{width:N,height:V}}let I=gt(f,t.height);if(!n)return{width:s.width,height:I};const w=gt(I*g,t.width);return w<I*g-.5&&(I=gt(w/g,t.height)),{width:w,height:I}},A=d=>d.width===t.width&&d.height===t.height?null:d,E=(d,C)=>{const f=C.replace(/[^\d]/g,""),I=S(d,f);c(w=>I?{w:d==="w"?f:String(I.width),h:d==="h"?f:String(I.height)}:{...w,[d]:f}),I&&o(A(I))},M=()=>{const d=Number(_.w),C=Number(_.h);let f=s;d>0&&C>0&&(f=n?S("w",_.w)??s:{width:gt(d,t.width),height:gt(C,t.height)}),c({w:String(f.width),h:String(f.height)}),r(A(f))},l=(d,C)=>{if(d.key==="Enter"){d.preventDefault(),M();return}if(d.key!=="ArrowUp"&&d.key!=="ArrowDown")return;d.preventDefault();const f=(d.shiftKey?10:1)*(d.key==="ArrowUp"?1:-1),I=C==="w"?s.width:s.height,w=S(C,String(I+f));w&&(c({w:String(w.width),h:String(w.height)}),r(A(w)))},j=d=>s.width===Math.max(1,Math.round(t.width*d))&&s.height===Math.max(1,Math.round(t.height*d));return u.jsxs("div",{className:b.resizePanel,"data-part":"resize",children:[u.jsxs("div",{className:b.resizeFields,children:[u.jsxs("label",{className:b.dimField,children:[u.jsxs("span",{className:b.dimLabel,children:[u.jsx("span",{className:b.dimLabelFull,children:a("imageEditor.width")}),u.jsx("span",{className:b.dimLabelShort,"aria-hidden":"true",children:a("imageEditor.width").charAt(0)})]}),u.jsx("input",{className:b.dimInput,inputMode:"numeric",value:_.w,"aria-label":a("imageEditor.width"),onChange:d=>E("w",d.target.value),onBlur:()=>{M(),T.current=null},onKeyDown:d=>l(d,"w"),onFocus:d=>{T.current=m,d.target.select()}}),u.jsx("span",{className:b.dimUnit,children:"px"})]}),u.jsx("button",{type:"button",className:G.clsx(b.lockButton,n&&b.lockActive),"aria-pressed":n,"aria-label":a("imageEditor.lockRatio"),title:a("imageEditor.lockRatio"),onClick:()=>i(!n),children:u.jsx(Z.Icon,{name:n?"Unlock":"LockSlash",size:"sm"})}),u.jsxs("label",{className:b.dimField,children:[u.jsxs("span",{className:b.dimLabel,children:[u.jsx("span",{className:b.dimLabelFull,children:a("imageEditor.height")}),u.jsx("span",{className:b.dimLabelShort,"aria-hidden":"true",children:a("imageEditor.height").charAt(0)})]}),u.jsx("input",{className:b.dimInput,inputMode:"numeric",value:_.h,"aria-label":a("imageEditor.height"),onChange:d=>E("h",d.target.value),onBlur:()=>{M(),T.current=null},onKeyDown:d=>l(d,"h"),onFocus:d=>{T.current=m,d.target.select()}}),u.jsx("span",{className:b.dimUnit,children:"px"})]})]}),u.jsx("div",{className:b.tabs,role:"group","aria-label":a("imageEditor.resize"),"data-part":"tabs",children:Pi.map(d=>u.jsx("button",{type:"button","aria-pressed":j(d),className:G.clsx(b.tab,j(d)&&b.tabActive),onClick:()=>r(A({width:Math.max(1,Math.round(t.width*d)),height:Math.max(1,Math.round(t.height*d))})),children:d===1?a("imageEditor.original"):`${Math.round(d*100)}%`},d))})]})}const Di="_ruler_j6c34_4",Fi="_viewport_j6c34_21",Ui="_value_j6c34_26",Oi="_track_j6c34_50",Xi="_tick_j6c34_57",Bi="_major_j6c34_66",qi="_origin_j6c34_73",Yi="_indicator_j6c34_78",pt={ruler:Di,viewport:Fi,value:Ui,track:Oi,tick:Xi,major:Bi,origin:qi,indicator:Yi},ge=9;function Ht({min:t,max:e,value:n,step:i=1,keyStep:o=1,snapPoints:r=[0],snapThreshold:a=(e-t)*.02,tickStep:s=(e-t)/20,majorEvery:_=5,resetValue:c=0,format:y=A=>String(Math.round(A)),onInput:m,onChange:T,"aria-label":g,className:S}){const A=ge/s,E=v.useRef(null),M=v.useRef(0),l=v.useRef(void 0),j=v.useRef(n);j.current=n;const d=v.useRef(!1),C=v.useRef(T);C.current=T;const f=k=>{d.current=!1,T(k)};v.useEffect(()=>()=>{cancelAnimationFrame(M.current),clearTimeout(l.current),d.current&&(d.current=!1,C.current(j.current))},[]);const I=(k,z=!0)=>{let L=Math.min(e,Math.max(t,k));if(L=Math.round(L/i)*i,z){for(const q of r)if(Math.abs(L-q)<=a){L=q;break}}return Number(L.toFixed(6))},w=k=>{k!==j.current&&(j.current=k,d.current=!0,m(k))},N=k=>{k.button===0&&(cancelAnimationFrame(M.current),k.currentTarget.setPointerCapture(k.pointerId),E.current={id:k.pointerId,startX:k.clientX,startValue:n,lastX:k.clientX,lastT:performance.now(),velocity:0,moved:!1})},V=k=>{const z=E.current;if(!z||z.id!==k.pointerId)return;const L=performance.now(),q=Math.max(1,L-z.lastT);z.velocity=.7*(-(k.clientX-z.lastX)/A/q)+.3*z.velocity,z.lastX=k.clientX,z.lastT=L,Math.abs(k.clientX-z.startX)>2&&(z.moved=!0),w(I(z.startValue-(k.clientX-z.startX)/A))},Y=k=>{const z=E.current;if(!z||z.id!==k.pointerId)return;E.current=null;let L=j.current;const q=(e-t)/1500;let W=performance.now()-z.lastT<80?Math.max(-q,Math.min(q,z.velocity)):0;if(!z.moved||Math.abs(W)<q/20)return f(I(L));let ut=performance.now();const at=_t=>{const H=Math.min(32,Math.max(0,_t-ut));ut=_t,L+=W*H,W*=Math.pow(.99,H);const tt=I(L,Math.abs(W)<q/6);if(w(tt),Math.abs(W)<q/40||tt<=t||tt>=e)return f(tt);M.current=requestAnimationFrame(at)};M.current=requestAnimationFrame(at)},$=k=>{const z=Math.abs(k.deltaX)>Math.abs(k.deltaY)?k.deltaX:k.deltaY;if(!z)return;const L=I(j.current+z/A/2);w(L),clearTimeout(l.current),l.current=setTimeout(()=>f(j.current),220)},B=k=>{const z=k.shiftKey?10:1;let L=null;const q=j.current;if(k.key==="ArrowRight"||k.key==="ArrowUp"?L=q+o*z:k.key==="ArrowLeft"||k.key==="ArrowDown"?L=q-o*z:k.key==="Home"?L=t:k.key==="End"&&(L=e),L==null)return;k.preventDefault();const W=I(L,!1);w(W),f(W)},ot=()=>{cancelAnimationFrame(M.current);const k=I(c,!1);w(k),f(k)},K=Math.floor((e-t)/s),lt=y(n);return u.jsxs("div",{role:"slider",tabIndex:0,"aria-label":g,"aria-valuemin":t,"aria-valuemax":e,"aria-valuenow":n,"aria-valuetext":lt,"aria-orientation":"horizontal",className:G.clsx(pt.ruler,S),"data-part":"ruler",onPointerDown:N,onPointerMove:V,onPointerUp:Y,onPointerCancel:Y,onWheel:$,onKeyDown:B,onDoubleClick:ot,children:[u.jsx("span",{className:pt.value,"aria-hidden":"true",children:lt}),u.jsxs("span",{className:pt.viewport,"aria-hidden":"true",children:[u.jsx("span",{className:pt.track,style:{width:K*ge,transform:`translateX(${-(n-t)*A}px)`},children:Array.from({length:K+1},(k,z)=>{const L=t+z*s;return u.jsx("span",{className:G.clsx(pt.tick,z%_===0&&pt.major,Math.abs(L-c)<1e-9&&pt.origin),style:{left:z*ge}},z)})}),u.jsx("span",{className:pt.indicator})]})]})}const Mt=[{id:"crop",icon:"Crop"},{id:"filter",icon:"Colorfilter"},{id:"finetune",icon:"Brush"},{id:"redact",icon:"Blur"},{id:"resize",icon:"Maximize3"}],Vi=["blur","pixelate"],Ye=[.05,.1,.15,.2,.25,.33,.5,.67,.75,1,1.5,2,3,4,6,8],$i='a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), input:not(:disabled):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',pe=Math.PI/180,Gi=v.forwardRef(function({open:e,src:n,initialState:i,util:o="crop",cropAspectRatio:r,cropRatioOptions:a,outputType:s,outputQuality:_,onLoad:c,onUpdate:y,onProcess:m,onClose:T,className:g,onKeyDown:S,...A},E){const M=Ot.useT(),[l]=v.useState(()=>new Ce),j=v.useSyncExternalStore(l.subscribe,l.getSnapshot,l.getSnapshot),{state:d,size:C,ui:f,status:I}=j,w=v.useRef(null),N=v.useRef(null),V=v.useRef(null),[Y,$]=v.useState(null),[B,ot]=v.useState(1),[K,lt]=v.useState(!1),[k,z]=v.useState(!1),L=v.useRef(0),q=v.useRef(null),W=v.useRef(null),ut=v.useRef(null);f.util!=="resize"||!d?W.current=null:(!W.current||d!==ut.current&&d!==W.current)&&(W.current=d);const at=v.useRef({onLoad:c,onUpdate:y});at.current={onLoad:c,onUpdate:y},v.useEffect(()=>{const h=[l.on("load",R=>{var F,O;return(O=(F=at.current).onLoad)==null?void 0:O.call(F,R.size)}),l.on("update",R=>{var F,O;return(O=(F=at.current).onUpdate)==null?void 0:O.call(F,R)}),...["undo","redo","revert"].map(R=>l.on(R,()=>{q.current=null}))];return()=>h.forEach(R=>R())},[l]),v.useEffect(()=>{if(!(!e||!n))return $(null),z(!1),l.open({src:n,initialState:i,util:o,cropAspectRatio:r,outputType:s,outputQuality:_}).then(()=>{const h=l.getSnapshot().state;h&&(L.current=de(h.rotation).quarter)}).catch(()=>{}),()=>l.close()},[e,n,l]),v.useEffect(()=>{if(!e)return;const h=O=>{(O.ctrlKey||O.metaKey)&&O.preventDefault()},R=O=>O.preventDefault(),F=["gesturestart","gesturechange","gestureend"];return window.addEventListener("wheel",h,{passive:!1}),F.forEach(O=>document.addEventListener(O,R)),()=>{window.removeEventListener("wheel",h),F.forEach(O=>document.removeEventListener(O,R))}},[e]),v.useEffect(()=>{if(!e)return;const h=document.activeElement,R=requestAnimationFrame(()=>{var F;return(F=N.current)==null?void 0:F.focus()});return()=>{var F;cancelAnimationFrame(R),(F=h==null?void 0:h.focus)==null||F.call(h)}},[e]);const _t=h=>{N.current=h,typeof E=="function"?E(h):E&&(E.current=h)},H=()=>{const h=l.getSnapshot().state;h&&(L.current=de(h.rotation).quarter)},tt=()=>{var h;(h=w.current)==null||h.transition("jump"),l.undo(),H()},Q=()=>{var h;(h=w.current)==null||h.transition("jump"),l.redo(),H()},Vt=()=>{var h;(h=w.current)==null||h.transition("jump"),l.revert(),H()},yt=()=>{var h;!d||!C||((h=w.current)==null||h.transition("rotate"),L.current=we(L.current-Math.PI/2),l.setState(vn(d,C)))},bt=()=>{var h;!d||!C||((h=w.current)==null||h.transition("flip"),L.current=we(-L.current),l.setState(Mn(d,C)))},jt=v.useCallback(()=>T(),[T]),ht=()=>{K||jt()},ae=async()=>{if(!(!d||K)){lt(!0),z(!1);try{const h=await l.process();m==null||m(h),jt()}catch{z(!0)}finally{lt(!1)}}},$t=h=>{if(S==null||S(h),h.defaultPrevented)return;const R=h.metaKey||h.ctrlKey;if(R&&h.key.toLowerCase()==="z"){h.preventDefault(),h.shiftKey?Q():tt();return}if(R&&h.key.toLowerCase()==="y"){h.preventDefault(),Q();return}if(h.key!=="Tab"||!N.current)return;const F=[...N.current.querySelectorAll($i)].filter(x=>x.offsetParent!==null);if(F.length===0)return;const O=F[0],Et=F[F.length-1];h.shiftKey&&(document.activeElement===O||document.activeElement===N.current)?(h.preventDefault(),Et.focus()):!h.shiftKey&&document.activeElement===Et&&(h.preventDefault(),O.focus())},dt=h=>{const R=B,F=h>0?Ye.find(O=>O>R*1.01)??ye:[...Ye].reverse().find(O=>O<R*.99)??Me;$(F)},Gt=d?de(d.rotation,L.current).fine/pe:0,Ct=h=>{const R=W.current??l.getSnapshot().state;R&&(l.preview(xn(R,h)),ut.current=l.getSnapshot().state)};let mt=null;if(d&&C){if(f.util==="crop")mt=u.jsxs(u.Fragment,{children:[f.cropTab==="rotation"?u.jsx(Ht,{"aria-label":M("imageEditor.rotation"),min:-45,max:45,step:.1,tickStep:1,majorEvery:5,snapThreshold:.6,value:Number(Gt.toFixed(1)),format:h=>`${Number(h.toFixed(1))}°`,onInput:h=>{const R=l.getSnapshot().state;R&&(q.current??(q.current=R),l.preview(Pe(q.current,L.current+h*pe,C)))},onChange:h=>{const R=q.current??l.getSnapshot().state;q.current=null,R&&(l.preview(Pe(R,L.current+h*pe,C)),l.commit())}},"rotation"):u.jsx(Ht,{"aria-label":M("imageEditor.scale"),min:100,max:Ft*100,step:1,tickStep:10,majorEvery:5,snapPoints:[100],snapThreshold:4,resetValue:100,value:Math.round(Qt(d,C)*100),format:h=>`${Math.round(h)}%`,onInput:h=>{const R=l.getSnapshot().state;R&&l.preview(Ut(R,h/100,C))},onChange:h=>{const R=l.getSnapshot().state;R&&(l.preview(Ut(R,h/100,C)),l.commit())}},"scale"),u.jsx(xe,{label:M("imageEditor.crop"),value:f.cropTab,options:[{id:"rotation",label:M("imageEditor.rotation")},{id:"scale",label:M("imageEditor.scale")}],onChange:h=>l.setUi({cropTab:h})})]});else if(f.util==="filter"&&l.image)mt=u.jsx(Ni,{image:l.image.image,size:C,state:d,onSelect:h=>l.setState({filter:h==="default"?null:h,colorMatrix:ee[h]})});else if(f.util==="resize")mt=u.jsx(zi,{max:At(W.current??d),value:Rt(d),locked:f.resizeLocked,onLockedChange:h=>l.setUi({resizeLocked:h}),onInput:Ct,onChange:h=>{Ct(h),l.commit()}});else if(f.util==="redact"){const h=d.redact;mt=u.jsxs(u.Fragment,{children:[u.jsx(Ht,{"aria-label":M(`imageEditor.redact.${h.effect}`),min:0,max:100,step:1,tickStep:2.5,majorEvery:4,snapThreshold:0,value:h.amount,format:R=>String(Math.round(R)),onInput:R=>l.preview({redact:{...h,amount:R}}),onChange:R=>{l.preview({redact:{...h,amount:R}}),l.commit()}},h.effect),u.jsx(xe,{label:M("imageEditor.redact"),value:h.effect,options:Vi.map(R=>({id:R,label:M(`imageEditor.redact.${R}`)})),onChange:R=>l.setState({redact:{...h,effect:R}})})]})}else if(f.util==="finetune"){const h=f.finetuneTab;mt=u.jsxs(u.Fragment,{children:[u.jsx(Ht,{"aria-label":M(`imageEditor.finetune.${h}`),min:-100,max:100,step:1,tickStep:5,majorEvery:4,snapThreshold:3,value:d.finetune[h],format:R=>String(Math.round(R)),onInput:R=>{const F=l.getSnapshot().state;F&&l.preview({finetune:{...F.finetune,[h]:R}})},onChange:R=>{const F=l.getSnapshot().state;F&&(l.preview({finetune:{...F.finetune,[h]:R}}),l.commit())}},h),u.jsx(xe,{label:M("imageEditor.finetune"),value:h,options:dn.map(R=>({id:R,label:M(`imageEditor.finetune.${R}`),dot:d.finetune[R]!==0})),onChange:R=>l.setUi({finetuneTab:R})})]})}}const Lt=I==="ready"&&!!d,Wt=Lt&&f.util!=="crop";return u.jsx(cn.Overlay,{open:e,onClose:ht,closeOnBackdrop:!1,dim:0,className:b.overlay,children:u.jsxs("div",{ref:_t,role:"dialog","aria-modal":"true","aria-label":M("imageEditor.title"),tabIndex:-1,className:G.clsx(b.editor,g),"data-part":"editor",onKeyDown:$t,...A,children:[u.jsx(Ri,{ref:w,core:l,snapshot:j,cropAspectRatio:r,viewZoom:f.util==="crop"?null:Y,onViewZoom:$,onZoomReport:ot,areaRef:V}),u.jsxs("header",{className:b.header,"data-part":"header",children:[u.jsx("div",{className:b.headerStart,children:u.jsxs("div",{className:b.group,children:[u.jsx(vt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.close"),title:M("imageEditor.close"),onClick:ht,children:u.jsx(Z.Icon,{name:"Close",className:b.closeIcon})}),u.jsx("span",{className:b.groupDivider,"aria-hidden":"true"}),u.jsx(vt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.revert"),title:M("imageEditor.revert"),disabled:!j.canRevert,onClick:Vt,children:u.jsx(Z.Icon,{name:"ReverseTimeArrow"})})]})}),u.jsxs("div",{className:b.headerCenter,children:[u.jsxs("div",{className:b.group,children:[u.jsx(vt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.undo"),title:M("imageEditor.undo"),disabled:!j.canUndo,onClick:tt,children:u.jsx(Z.Icon,{name:"UndoArrow"})}),u.jsx("span",{className:b.groupDivider,"aria-hidden":"true"}),u.jsx(vt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.redo"),title:M("imageEditor.redo"),disabled:!j.canRedo,onClick:Q,children:u.jsx(Z.Icon,{name:"RedoArrow"})})]}),Wt&&u.jsxs("div",{className:G.clsx(b.group,b.fadeIn),children:[u.jsx(vt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.zoomOut"),title:M("imageEditor.zoomOut"),disabled:B<=Me*1.01,onClick:()=>dt(-1),children:u.jsx(Z.Icon,{name:"Minus"})}),u.jsx("span",{className:b.groupDivider,"aria-hidden":"true"}),u.jsxs("button",{type:"button",className:b.zoomLabel,"aria-label":M("imageEditor.zoom"),title:M("imageEditor.zoomFit"),onClick:()=>$(null),children:[Math.round(B*100),"%"]}),u.jsx("span",{className:b.groupDivider,"aria-hidden":"true"}),u.jsx(vt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.zoomIn"),title:M("imageEditor.zoomIn"),disabled:B>=ye*.99,onClick:()=>dt(1),children:u.jsx(Z.Icon,{name:"Add"})})]})]}),u.jsx("div",{className:b.headerEnd,children:u.jsx(vt.IconButton,{variant:"contained",color:"accent",size:"sm",loading:K,disabled:!Lt,"aria-label":M("imageEditor.done"),title:M("imageEditor.done"),onClick:ae,className:b.done,children:u.jsx(Z.Icon,{name:"CheckMarkTick"})})})]}),u.jsxs("div",{className:b.main,"data-part":"main",children:[u.jsx("nav",{className:b.nav,"data-part":"nav",children:u.jsx("div",{role:"tablist","aria-label":M("imageEditor.tools"),"aria-orientation":"vertical",className:b.navList,onKeyDown:h=>{var O;const R=Mt.findIndex(Et=>Et.id===f.util),F=h.key==="ArrowDown"||h.key==="ArrowRight"?Mt[(R+1)%Mt.length]:h.key==="ArrowUp"||h.key==="ArrowLeft"?Mt[(R+Mt.length-1)%Mt.length]:null;F&&(h.preventDefault(),l.setUi({util:F.id}),(O=h.currentTarget.querySelector(`[data-util="${F.id}"]`))==null||O.focus())},children:Mt.map(h=>{const R=f.util===h.id;return u.jsxs("button",{type:"button",role:"tab",id:`tz-ie-tab-${h.id}`,"aria-selected":R,"aria-controls":"tz-ie-panel",tabIndex:R?0:-1,title:M(`imageEditor.${h.id}`),className:G.clsx(b.tool,R&&b.toolActive),"data-util":h.id,onClick:()=>l.setUi({util:h.id}),children:[u.jsx(Z.Icon,{name:h.icon,size:"sm"}),u.jsx("span",{className:b.toolLabel,children:M(`imageEditor.${h.id}`)})]},h.id)})})}),u.jsxs("section",{className:b.stage,id:"tz-ie-panel",role:"tabpanel","aria-labelledby":`tz-ie-tab-${f.util}`,"data-part":"stage","data-util":f.util,children:[u.jsx("div",{className:b.toolbar,"data-part":"toolbar",children:Lt&&f.util==="crop"&&u.jsxs("div",{className:G.clsx(b.toolbarRow,b.fadeIn),children:[u.jsx(_e.Button,{variant:"text",color:"primary",size:"sm",startIcon:u.jsx(Z.Icon,{name:"RotateLeft"}),title:M("imageEditor.rotateLeft"),"aria-label":M("imageEditor.rotateLeft"),onClick:yt,className:b.toolbarIconOnPhone,children:u.jsx("span",{className:b.toolbarLabel,children:M("imageEditor.rotateLeft")})}),u.jsx(_e.Button,{variant:"text",color:"primary",size:"sm",startIcon:u.jsx(Z.Icon,{name:"FlipHorizontal"}),title:M("imageEditor.flipHorizontal"),"aria-label":M("imageEditor.flipHorizontal"),onClick:bt,className:b.toolbarIconOnPhone,children:u.jsx("span",{className:b.toolbarLabel,children:M("imageEditor.flipHorizontal")})}),!r&&d&&u.jsx(Ci,{ratio:d.cropRatio,options:a??Ai,onChange:h=>{var F;const R=l.getSnapshot().state;!R||!C||((F=w.current)==null||F.transition("jump"),l.setState(En(R,h,C)))}})]},"crop-toolbar")}),u.jsxs("div",{ref:V,className:b.canvasArea,"data-part":"area",children:[I==="loading"&&u.jsxs("div",{className:b.status,role:"status",children:[u.jsx(sn.Loader,{size:"lg"}),u.jsx("span",{children:M("imageEditor.loading")})]}),I==="error"&&u.jsxs("div",{className:b.status,role:"alert",children:[u.jsx(Z.Icon,{name:"Gallery",size:"lg"}),u.jsx("span",{children:M("imageEditor.loadError")})]}),k&&u.jsx("div",{className:b.toastError,role:"alert",children:M("imageEditor.processError")})]}),u.jsx("div",{className:b.footer,"data-part":"footer",children:u.jsx("div",{className:G.clsx(b.footerInner,b.fadeIn),children:mt},f.util)})]})]})]})})});function xe({label:t,value:e,options:n,onChange:i}){const o=v.useRef(null);return v.useEffect(()=>{var r,a,s;(s=(a=(r=o.current)==null?void 0:r.querySelector(`[data-tab="${e}"]`))==null?void 0:a.scrollIntoView)==null||s.call(a,{block:"nearest",inline:"nearest",behavior:"smooth"})},[e]),u.jsx("div",{ref:o,role:"tablist","aria-label":t,className:b.tabs,"data-part":"tabs",onKeyDown:r=>{var c;const a=n.findIndex(y=>y.id===e),s=r.key==="ArrowRight"?1:r.key==="ArrowLeft"?-1:0;if(!s)return;r.preventDefault();const _=n[(a+s+n.length)%n.length];i(_.id),(c=r.currentTarget.querySelector(`[data-tab="${_.id}"]`))==null||c.focus()},children:n.map(r=>u.jsxs("button",{type:"button",role:"tab","aria-selected":r.id===e,tabIndex:r.id===e?0:-1,className:G.clsx(b.tab,r.id===e&&b.tabActive),"data-tab":r.id,onClick:()=>i(r.id),children:[r.label,r.dot&&u.jsx("span",{className:b.tabDot,"aria-hidden":"true"})]},r.id))})}exports.FILTER_MATRICES=ee;exports.ImageEditor=Gi;exports.ImageEditorCore=Ce;exports.createImageEditor=Kn;
-//# sourceMappingURL=ImageEditor-D_HKfDbx.cjs.map