1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6579,8960,9611],{12875:(e,t,l)=>{l.d(t,{i:()=>o});var n=l(79141),r=l(27319),i=l(33761),a=l(939);let o=e=>{let{canvas:t}=e,[l,o]=(0,i.useState)(!0),[s,u]=(0,i.useState)(-1),[c,d]=(0,i.useState)(-1),{size:f}=(0,a.UZ)(t),v=(0,i.useRef)(null);if((0,i.useEffect)(()=>{let e=e=>{var t,l,n,r;let i=null==(l=v.current)||null==(t=l.parentElement)?void 0:t.getBoundingClientRect(),a=e.clientX-(null!=(n=null==i?void 0:i.left)?n:0),o=e.clientY-(null!=(r=null==i?void 0:i.top)?r:0);u(a),d(o)},l=t.on("mouse:move",()=>o(!0)),n=t.on("mouse:out",()=>o(!1));return window.addEventListener("mousemove",e),()=>{l(),n(),window.removeEventListener("mousemove",e)}},[t,l]),s+c<0||!l)return null;let g=f*t.getZoom();return(0,n.jsx)("div",{ref:v,className:(0,r.cn)("absolute pointer-events-none bg-white/30 border border-border/5 rounded-full","-translate-x-1/2 -translate-y-1/2"),style:{left:s,top:c,width:g,height:g}})}},79611:(e,t,l)=>{l.r(t),l.d(t,{MagicEraserCanvas:()=>d,default:()=>f});var n=l(79141),r=l(33761),i=l(63359),a=l(12875),o=l(32055),s=l(96579),u=l(939),c=l(27319);let d=e=>{let{maskColor:t,maskSize:l,url:d,onReady:f,disabled:v,className:g,children:x}=e,[h,b]=(0,r.useState)(null);u.UZ.Listener(h),(0,o.TA)(h),(0,o.uH)(h),(0,o.wZ)(h);let{setPen:m}=(0,u.UZ)(h),{disabledWheel:y}=(0,o.XU)(h);return(0,r.useEffect)(()=>{let e=null==h?void 0:h.on("resize",()=>{let e=h.getObjects().find(e=>"image"===e.type);e&&h.centerViewportOn(e,{offsetRange:{min:.9,max:.9}})});return()=>{null==e||e()}},[h]),(0,r.useEffect)(()=>{h&&(y(),m({color:null!=t?t:"red",size:l}).catch(()=>null),h.set({zoomEnabled:!0}),null==f||f(h))},[h]),(0,n.jsxs)("div",{className:(0,c.cn)("size-full relative overflow-hidden",g),children:[(0,n.jsx)(i.BasicCanvas,{className:(0,c.cn)(v&&"pointer-events-none"),onInit:async e=>{let t=await s.ImageFactory.fromURL(d,{crossOrigin:"anonymous"});t.selectable=!1,t.moveable=!1,e.add(t),e.centerViewportOn(t,{animate:!1,offsetRange:{min:.9,max:.9}}),b(e)}}),x,h&&(0,n.jsx)(a.i,{canvas:h})]})},f=d},96579:(e,t,l)=>{l.r(t),l.d(t,{Ellipse:()=>a.P,FabricImage:()=>n.N,Frame:()=>v.wI,Gradient:()=>s.H,IText:()=>o.D,Image:()=>S,ImageFactory:()=>v.Qh,ObjectOverlay:()=>E,Point:()=>c.b,ProductPhoto:()=>v.cf,Rect:()=>r.r,Shadow:()=>u.V,Triangle:()=>i.l,filters:()=>f,util:()=>d});var n=l(84580),r=l(66264),i=l(4454),a=l(31122),o=l(41300),s=l(16711),u=l(81475),c=l(30669),d=l(22018),f=l(62296),v=l(9186),g=l(79141),x=l(33761),h=l(27319);let b=(e,t,l)=>{var n,r,i,a,o,s,u;let c=e.canvas,d={left:0,top:0};if(!d)throw Error("Object must be added to canvas before positioning overlay");let f=null!=(i=null==c?void 0:c.getZoom())?i:1,v=Number(e.angle.toString()),g={x:null!=(a=null==(n=l.offset)?void 0:n.x)?a:0,y:null!=(o=null==(r=l.offset)?void 0:r.y)?o:0},x={x:g.x/f,y:g.y/f},h={x:x.x,y:x.y+function(e,t,l,n,r){let i=180;return e<t||e>200?0:e<=i?(e-t)*48/(i-t)+n:(e-i)*(n-48)/(l-i)+r}(v,160,200,0,48)},b=null!=(s=null==c?void 0:c.viewportTransform[4])?s:0,m=null!=(u=null==c?void 0:c.viewportTransform[5])?u:0,y=e.getXY();y.x="center"===e.originX?y.x-e.getScaledWidth()/2:y.x,y.y="center"===e.originY?y.y-e.getScaledHeight()/2:y.y,y.x=y.x+d.left+b/f,y.y=y.y+d.top+m/f;let p=t.offsetWidth,j=t.offsetHeight,{width:w,height:k}=function(e,t,l){let n=Math.PI/180*e;return{width:Math.abs(t*Math.cos(n))+Math.abs(l*Math.sin(n)),height:Math.abs(l*Math.cos(n))+Math.abs(t*Math.sin(n))}}(v,e.getScaledWidth(),e.getScaledHeight()),S=y.x-p/2,E=y.y-j;switch(l.align){case"full":t.style.width=e.getScaledWidth()*f+"px",t.style.height=e.getScaledHeight()*f+"px",t.style.rotate=v+"deg",t.style.transformOrigin=e.originX+" "+e.originY,S=y.x+x.x,E=y.y+x.y;break;case"top-left":S=y.x+x.x,E=y.y-j/f+x.y;break;case"top":S=y.x-p/f/2+w/2+x.x,E=y.y-j/f+x.y;break;case"top-right":S=y.x-p/f+w+x.x,E=y.y-j/f+x.y;break;case"center":S=y.x-p/2+w/2+x.x,E=y.y-j/2+k/2+x.y;break;case"left":S=y.x-p+x.x,E=y.y-j/2+k/2+x.y;break;case"right":S=y.x+w+x.x,E=y.y-j/2+k/2+x.y;break;case"bottom-left":S=y.x+x.x,E=y.y+k+h.y;break;case"bottom":S=y.x-p/f/2+w/2+x.x,E=y.y+k+h.y;break;case"bottom-right":S=y.x+w-p+x.x,E=y.y+k+h.y}t.style.left=S*f+"px",t.style.top=E*f+"px"};var m=l(68012);let y=e=>{let{className:t="",zIndex:l="front",object:n,align:r="full",interactive:i=!0,offset:a,children:o,...s}=e,u=(0,x.useRef)(null);return((0,x.useEffect)(()=>
1{if(!n)return;let e=n.canvas,t=()=>{if(u.current){var e,t;b(n,u.current,{align:r,offset:a}),u.current.classList.remove("invisible");let l=n.getScaledHeight()*(null!=(t=null==n||null==(e=n.canvas)?void 0:e.getZoom())?t:1);.98*u.current.clientHeight>l&&u.current.classList.add("invisible")}};return t(),null==e||e.on("after:render",t),()=>{null==e||e.off("after:render",t)}},[r,n,a]),null==n?void 0:n.canvas)?(0,g.jsx)(m.m.div,{...s,className:(0,h.cn)("select-none invisible",i?"pointer-events-auto":"pointer-events-none","back"===l&&"-z-10",t),ref:u,children:o}):null},p=(e,t)=>t.getObjects().find(t=>t.id===e),j=e=>{let{canvas:t,object:l,children:n}=e,r=(0,x.useCallback)(e=>{let{children:t,...n}=e;return(0,g.jsx)(y,{...n,className:(0,h.cn)("absolute",n.className),object:l,children:t})},[l]),[i,a]=(0,x.useState)(!1),[o,s]=(0,x.useState)(!1),[u,c]=(0,x.useState)(!0),[d,f]=(0,x.useState)(!1);return((0,x.useEffect)(()=>{if(!l)return;let e=l.on("rotating",()=>{(l.angle>357||l.angle<3)&&l.rotate(0)});return()=>e()},[l]),(0,x.useEffect)(()=>{let e=null!=t?t:null==l?void 0:l.canvas;if(!l)return;let n=null==e?void 0:e.on("after:render",()=>{var t;let n=e.getActiveObjects(),r=(null==(t=e.getActiveObject())?void 0:t.type)==="activeselection",i=n.some(e=>e.id===l.id);a(i),s(i&&1===n.length&&!r),c(0===n.length);let o=e.getObjects().find(e=>e.id===l.id);o&&f(null==o?void 0:o.hovered)}),r=null==e?void 0:e.on("mouse:out",()=>f(!1));return()=>{null==n||n(),null==r||r()}},[t,l]),l)?null==n?void 0:n({Overlay:r,object:l,isSelected:i,noSelection:u,isSelectedAlone:o,isHovered:d}):null};var w=l(70150),k=l(3176);let S=e=>{let{canvas:t,children:l,refineCta:n,replaceCta:r,...i}=e,[a,o]=(0,x.useState)(null);return(0,x.useEffect)(()=>{if(!t)return;if(i.id){let e=p(i.id,t);o(null!=e?e:null)}let e=t.on("object:added",e=>{e.target.id===i.id&&o(e.target)});return()=>{e()}},[t]),(0,g.jsx)(j,{object:null!=a?a:void 0,children:e=>{let{Overlay:i,isHovered:a,isSelected:o,isSelectedAlone:s,object:u,...c}=e;return(0,g.jsxs)(g.Fragment,{children:[s&&(0,g.jsxs)(i,{align:"bottom",offset:{y:8},onClick:()=>null==t?void 0:t.setActiveObject(u),className:"cursor-pointer flex flex-row gap-2",children:[n&&(0,g.jsx)(w.$,{size:"mini",variant:"background",startContent:(0,g.jsx)(k.vM,{}),onClick:n.onClick,children:n.text}),r&&(0,g.jsx)(w.$,{size:"mini",variant:"background",startContent:(0,g.jsx)(k.PM,{}),onClick:r.onClick,children:r.text})]}),null==l?void 0:l({Overlay:i,isHovered:a,isSelected:o,isSelectedAlone:s,object:u,...c})]})}})},E=e=>{let{canvas:t,children:l,...n}=e,[r,i]=(0,x.useState)(null);return(0,x.useEffect)(()=>{if(!t)return;if(n.id){let e=p(n.id,t);i(null!=e?e:null)}let e=t.on("object:added",e=>{e.target.id===n.id&&i(e.target)});return()=>{e()}},[t]),(0,g.jsx)(j,{object:null!=r?r:void 0,children:e=>{let{Overlay:t,isHovered:n,isSelected:r,isSelectedAlone:i,object:a,...o}=e;return(0,g.jsx)(g.Fragment,{children:null==l?void 0:l({Overlay:t,isHovered:n,isSelected:r,isSelectedAlone:i,object:a,...o})})}})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.