@panphora/clayjs 1.24.1 → 1.25.1

package/dist/m/plugins/quickcrop-VNRXGRPC.js

@@ -0,0 +1,26 @@
+import{a as st,b as dt,c as lt}from"../c-OZOACVUD.js";import{d as ct}from"../c-QHWJ5ZIJ.js";import{a as pt}from"../c-D2OPWOWO.js";import{c as at}from"../c-J2ZW4HMR.js";import{a as K,e as rt,f as it}from"../c-A5LASUEZ.js";import"../c-4JZDZFF6.js";import"../c-5RZNFTWD.js";import"../c-PKCCHJ5X.js";import"../c-46XYM55L.js";import{a as Y}from"../c-NUHP2XDB.js";import"../c-VHNSBD2M.js";var Mt=":root{--qc-surface:#f7f2ea;--qc-surface-hover:#efe7d8;--qc-border:#cdbfa6;--qc-text:#2b241b;--qc-text-hover:#463c2e;--qc-on-dark:#efe7d8;--qc-overlay:rgba(43,36,27,.6);--qc-dim:rgba(0,0,0,.55);--qc-radius:8px;--qc-crop-line:#fff;--qc-font:ui-sans-serif,system-ui,sans-serif;}.qc-css-probe{position:absolute;}.qc-backdrop{position:fixed;inset:0;background:var(--qc-overlay);display:grid;place-items:center;z-index:1000;animation:qc-fade .15s ease;}@keyframes qc-fade{from{opacity:0}}.qc-modal{background:var(--qc-surface);border:1px solid var(--qc-border);border-radius:var(--qc-radius);padding:16px;max-width:92vw;font-family:var(--qc-font);}.qc-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;}.qc-btn{font:inherit;font-family:var(--qc-font);font-size:.85rem;padding:.3rem .75rem;border:1px solid var(--qc-border);border-radius:6px;background:var(--qc-surface);color:var(--qc-text);cursor:pointer;}.qc-btn:hover{background:var(--qc-surface-hover);}.qc-btn-primary{background:var(--qc-text);border-color:var(--qc-text);color:var(--qc-on-dark);font-weight:600;}.qc-btn-primary:hover{background:var(--qc-text-hover);border-color:var(--qc-text-hover);}.qc-stage{position:relative;line-height:0;user-select:none;-webkit-user-select:none;touch-action:none;}.qc-stage img{display:block;max-width:100%;pointer-events:none;}.qc-dim{position:absolute;inset:0;background:var(--qc-dim);pointer-events:none;}.qc-box{position:absolute;cursor:move;outline:1px solid var(--qc-crop-line);background:linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 0 33.33%/100% 1px no-repeat,linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 0 66.66%/100% 1px no-repeat,linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 33.33% 0/1px 100% no-repeat,linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 66.66% 0/1px 100% no-repeat;background-blend-mode:overlay;}.qc-handle{position:absolute;box-sizing:border-box;width:28px;height:28px;border:7px solid transparent;background:var(--qc-crop-line);background-clip:padding-box;border-radius:9px;}.qc-nw{left:-14px;top:-14px;cursor:nwse-resize;}.qc-ne{right:-14px;top:-14px;cursor:nesw-resize;}.qc-sw{left:-14px;bottom:-14px;cursor:nesw-resize;}.qc-se{right:-14px;bottom:-14px;cursor:nwse-resize;}.qc-mount{line-height:0;}",Lt=["image/jpeg","image/png","image/webp"];var $=!1;function C(t,n="",e=""){let o=document.createElement(t);return n&&(o.className=n),e&&(o.textContent=e),o}function T(t,n,e){t.style.setProperty(n,e,"important")}function Ct(t){return String(t).replace(/[&<>"']/g,n=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[n])}function Q(){if(document.querySelector("style[data-quickcrop]"))return;let t=C("div","qc-css-probe");t.style.display="none",document.body.append(t);let n=getComputedStyle(t).position==="absolute";if(t.remove(),n)return;let e=document.createElement("style");e.setAttribute("data-quickcrop",""),e.setAttribute("save-remove",""),e.setAttribute("snapshot-remove",""),e.textContent=Mt,document.head.append(e)}var N={open({content:t,confirmLabel:n,onConfirm:e,onCancel:o}){Q();let r=C("div","qc-backdrop");r.setAttribute("save-remove",""),r.setAttribute("snapshot-remove","");let p=C("div","qc-modal"),a=C("div","qc-bar"),c=C("button","qc-btn qc-btn-primary",n);c.type="button",a.append(c),p.append(t,a),r.append(p),document.body.append(r);let h=b=>{b.key==="Escape"&&o()};return document.addEventListener("keydown",h),c.onclick=()=>e(),r.onclick=b=>{b.target===r&&o()},c.focus(),{close(){document.removeEventListener("keydown",h),r.remove()}}}};function mt(t){return!!t&&typeof t=="object"&&typeof t.open=="function"&&typeof t.close=="function"&&typeof t.onYes=="function"&&"html"in t}var St='<svg viewBox="0 0 134 134" xmlns="http://www.w3.org/2000/svg"><path class="micromodal__close-bg" d="M132 132.5 1 1.5h131v131Z"/><path d="M83 27l24 24M107 27L83 51" stroke="#fff" stroke-width="6"/></svg>';function ut(t){let n=()=>t.isShowing&&!!document.querySelector(".micromodal-parent");return{fit(){if(n())return null;let e=window.innerWidth>=640?128:80;return{width:Math.max(120,Math.min(550,window.innerWidth-32)-4-e),height:Math.max(120,window.innerHeight-220)}},open(e){if(n())return N.open(e);let{content:o,confirmLabel:r,onConfirm:p,onCancel:a}=e;Q();let c=!1,h=w=>{c||(c=!0,document.removeEventListener("keydown",b,!0),w())},b=w=>{w.key==="Escape"&&(w.stopPropagation(),a())};return t.html='<div class="qc-mount"></div>',t.yes=Ct(r),t.no="",t.closeHtml=St,t.disableFocus=!0,t.onOpen(()=>{document.querySelector(".micromodal__content .qc-mount")?.append(o),document.querySelector(".micromodal-parent .micromodal__yes")?.focus(),document.addEventListener("keydown",b,!0)}),t.onYes(()=>(h(p),!0)),t.onNo(()=>{h(a)}),t.open(),{close(){c||(c=!0,document.removeEventListener("keydown",b,!0),t.close())}}}}}function At(t){if(t==="builtin")return N;if(t&&typeof t=="object"){if(mt(t))return ut(t);if(typeof t.open=="function")return t;throw new TypeError('quickcrop: modal must be "auto", "builtin", a themodal instance, or an adapter with open()')}if(t==="auto")return mt(window.themodal)?ut(window.themodal):N;throw new TypeError('quickcrop: modal must be "auto", "builtin", a themodal instance, or an adapter with open()')}function Ft(t,n={}){let{aspect:e=null,type:o,quality:r=.92,maxWidth:p=null,maxHeight:a=null,minSize:c=40,labels:h={},modal:b="auto"}=n,{confirm:w="Crop"}=h;if(!(t instanceof Blob))return Promise.reject(new TypeError("quickcrop: expected a File or Blob"));if($)return Promise.reject(new Error("quickcrop: already open"));let S;try{S=At(b)}catch(R){return Promise.reject(R)}$=!0;let A=o||(Lt.includes(t.type)?t.type:"image/png"),F=URL.createObjectURL(t),s=new Image;return new Promise((R,B)=>{s.onerror=()=>{URL.revokeObjectURL(F),$=!1,B(new Error("quickcrop: could not decode image"))};function g(){let _=S.fit?S.fit():null,xt=Math.max(1,Math.min(_?.width??window.innerWidth*.86,s.naturalWidth)),yt=Math.max(1,_?.height??window.innerHeight*.72),G=Math.min(xt/s.naturalWidth,yt/s.naturalHeight,1),L=Math.max(1,Math.round(s.naturalWidth*G)),v=Math.max(1,Math.round(s.naturalHeight*G)),U=Math.min(c,L,v);Q();let x=C("div","qc-stage");T(s,"width",L+"px"),T(s,"height",v+"px");let J=C("div","qc-dim"),z=C("div","qc-box");for(let i of["nw","ne","sw","se"])z.appendChild(C("div","qc-handle qc-"+i));x.append(s,J,z);let d,l;e?(d=Math.min(L,v*e),l=d/e,l>v&&(l=v,d=l*e)):(d=L,l=v);let k=(L-d)/2,E=(v-l)/2;V();function V(){T(z,"left",k+"px"),T(z,"top",E+"px"),T(z,"width",d+"px"),T(z,"height",l+"px"),T(J,"clip-path",`polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, ${k}px ${E}px, ${k}px ${E+l}px, ${k+d}px ${E+l}px, ${k+d}px ${E}px, ${k}px ${E}px)`)}let D=(i,q,u)=>Math.max(q,Math.min(u,i));x.addEventListener("pointerdown",i=>{let q=i.target.closest(".qc-handle"),u=i.target===z;if(!q&&!u)return;i.preventDefault(),x.setPointerCapture(i.pointerId);let m={px:i.clientX,py:i.clientY,x:k,y:E,w:d,h:l},f=q&&[...q.classList].find(W=>/^qc-(nw|ne|sw|se)$/.test(W))?.slice(3),y=W=>{if(!f)k=D(m.x+(W.clientX-m.px),0,L-d),E=D(m.y+(W.clientY-m.py),0,v-l);else{let H=f.includes("w")?m.x+m.w:m.x,O=f.includes("n")?m.y+m.h:m.y,I=f.includes("e"),X=f.includes("s"),tt=x.getBoundingClientRect(),et=Math.abs(W.clientX-(tt.left+H)),nt=Math.abs(W.clientY-(tt.top+O));if(e){let ot=Math.min(I?L-H:H,(X?v-O:O)*e),Et=Math.min(Math.max(U,U*e),ot);d=D(Math.max(et,nt*e),Et,ot),l=d/e}else d=D(et,U,I?L-H:H),l=D(nt,U,X?v-O:O);k=I?H:H-d,E=X?O:O-l}V()},M=()=>{x.removeEventListener("pointermove",y),x.removeEventListener("pointerup",M),x.removeEventListener("pointercancel",M)};x.addEventListener("pointermove",y),x.addEventListener("pointerup",M),x.addEventListener("pointercancel",M)});function wt(){let i=s.naturalWidth/L,q=s.naturalHeight/v,u=Math.round(d*i),m=Math.round(l*q),f=1;p&&u>p&&(f=p/u),a&&m*f>a&&(f=a/m),u*f*m*f>16777216&&(f=Math.sqrt(16777216/(u*m)));let y=document.createElement("canvas");y.width=Math.max(1,Math.round(u*f)),y.height=Math.max(1,Math.round(m*f));let M=y.getContext("2d");if(!M)throw new Error("quickcrop: crop too large for a canvas");return A==="image/jpeg"&&(M.fillStyle="#fff",M.fillRect(0,0,y.width,y.height)),M.imageSmoothingQuality="high",M.drawImage(s,k*i,E*q,d*i,l*q,0,0,y.width,y.height),y}let j=!1,P=()=>j?!1:(j=!0,kt.close(),URL.revokeObjectURL(F),$=!1,!0),kt=S.open({content:x,confirmLabel:w,onConfirm(){if(j)return;let i,q;try{i=wt(),q=i.toDataURL(A,r)}catch(u){P()&&B(u);return}P()&&i.toBlob(u=>{if(!u){B(new Error("quickcrop: image encoding failed"));return}R({blob:u,dataURL:q,width:i.width,height:i.height})},A,r)},onCancel(){P()&&R(null)}})}s.onload=()=>{try{g()}catch(_){URL.revokeObjectURL(F),$=!1,B(_)}},s.src=F})}var Z=Ft;var ft=[".qc-stage",".qc-backdrop"],ht=`@layer clay-skin{
+:is(.qc-stage, .qc-backdrop),:is(.qc-stage, .qc-backdrop) *{--qc-surface:light-dark(#FFFCF6, #11131E) !important;--qc-text:light-dark(#2B241B, #ECEAF2) !important;--qc-border:light-dark(#D8C8AF, #353B52) !important;--qc-radius:0px !important;--qc-font:system-ui,-apple-system,"Segoe UI",sans-serif !important;--qc-surface-hover:light-dark(#F4ECDF, #1A1D2C) !important;--qc-text-hover:color-mix(in srgb, light-dark(#2B241B, #ECEAF2), light-dark(#FDF8F0, #0B0C13) 12%) !important;--qc-on-dark:light-dark(#FDF8F0, #0B0C13) !important;--qc-overlay:color-mix(in srgb, light-dark(#FDF8F0, #0B0C13) 70%, transparent) !important;--qc-dim:rgba(0,0,0,.55) !important;--qc-crop-line:#fff !important}
+.qc-stage{margin-inline:auto !important;inline-size:fit-content !important;background:light-dark(#F4ECDF, #1A1D2C) !important}
+.qc-stage img{display:block !important;max-inline-size:100% !important}
+.qc-backdrop{position:fixed !important;inset:0 !important;background:var(--qc-overlay) !important;display:grid !important;place-items:center !important;z-index:1000 !important;animation:qc-fade .15s ease !important}
+.qc-modal{background:var(--qc-surface) !important;border:1px solid var(--qc-border) !important;border-radius:var(--qc-radius) !important;padding:16px !important;max-width:92vw !important;font-family:var(--qc-font) !important}
+.qc-bar{display:flex !important;justify-content:flex-end !important;gap:10px !important;margin-top:12px !important}
+.qc-btn{font:inherit !important;font-family:var(--qc-font) !important;font-size:.85rem !important;padding:.3rem .75rem !important;border:1px solid var(--qc-border) !important;border-radius:6px !important;background:var(--qc-surface) !important;color:var(--qc-text) !important;cursor:pointer !important}
+.qc-btn:hover{background:var(--qc-surface-hover) !important}
+.qc-btn-primary{background:var(--qc-text) !important;border-color:var(--qc-text) !important;color:var(--qc-on-dark) !important;font-weight:600 !important}
+.qc-btn-primary:hover{background:var(--qc-text-hover) !important;border-color:var(--qc-text-hover) !important}
+.qc-stage{position:relative !important;line-height:0 !important;user-select:none !important;-webkit-user-select:none !important;touch-action:none !important}
+.qc-stage img{display:block !important;max-width:100% !important;pointer-events:none !important}
+.qc-dim{position:absolute !important;inset:0 !important;background:var(--qc-dim) !important;pointer-events:none !important}
+.qc-box{position:absolute !important;cursor:move !important;outline:1px solid var(--qc-crop-line) !important;background:linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 0 33.33%/100% 1px no-repeat,linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 0 66.66%/100% 1px no-repeat,linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 33.33% 0/1px 100% no-repeat,linear-gradient(var(--qc-crop-line),var(--qc-crop-line)) 66.66% 0/1px 100% no-repeat !important;background-blend-mode:overlay !important}
+.qc-handle{position:absolute !important;box-sizing:border-box !important;width:28px !important;height:28px !important;border:7px solid transparent !important;background:var(--qc-crop-line) !important;background-clip:padding-box !important;border-radius:9px !important}
+.qc-nw{left:-14px !important;top:-14px !important;cursor:nwse-resize !important}
+.qc-ne{right:-14px !important;top:-14px !important;cursor:nesw-resize !important}
+.qc-sw{left:-14px !important;bottom:-14px !important;cursor:nesw-resize !important}
+.qc-se{right:-14px !important;bottom:-14px !important;cursor:nwse-resize !important}
+.qc-mount{line-height:0 !important}
+.qc-stage img[hidden]{display:none !important}
+.qc-backdrop[hidden]{display:none !important}
+.qc-bar[hidden]{display:none !important}
+}`;var gt=844;pt("quickcrop",ht,{roots:ft});function Rt(t){return!!t&&typeof t=="object"&&typeof t.open=="function"&&typeof t.close=="function"&&typeof t.onYes=="function"&&"html"in t}var bt="Crop image";function qt(t,n,e=null){let o=lt({zIndex:"2147483001",width:`${gt}px`,closable:!0,titled:!0,theme:t,surface:"crop"});o.heading.textContent=bt,o.panel.setAttribute("aria-label",bt);let r=at(n,{variant:"primary",onClick:e,theme:t,parts:["dialog.button","crop.button"],labelParts:["dialog.buttonLabel","crop.buttonLabel"]});return o.footer.append(r),{...o,confirm:r}}function Bt(t,n){if(!K(n))return;let e=(o,r)=>{o&&(it(o,n,r),Y(o,rt(n,r,{})))};e(t,["crop.stage"]),e(t.querySelector(":scope > img"),["crop.image"]),e(t.querySelector(".qc-dim"),["crop.dim"]),e(t.querySelector(".qc-box"),["crop.selection"]);for(let o of["nw","ne","sw","se"])e(t.querySelector(`.qc-handle.qc-${o}`),["crop.handle",`crop.handle.${o}`])}function zt(t,n){let{root:e,overlay:o,panel:r,body:p}=qt(t,n);e.setAttribute("aria-hidden","true"),Y(e,["visibility:hidden","pointer-events:none"]),document.body.append(e);try{let a=S=>parseFloat(S)||0,c=getComputedStyle(o),h=getComputedStyle(p),b=p.clientWidth-a(h.paddingLeft)-a(h.paddingRight),w=o.clientHeight-a(c.paddingTop)-a(c.paddingBottom)-r.offsetHeight;return{width:Math.max(1,Math.floor(b)),height:Math.max(1,Math.floor(w))}}finally{e.remove()}}function vt({theme:t=null,confirmLabel:n="Crop"}={}){return{fit(){if(K(t))return zt(t,n);let e=document.documentElement.clientWidth;return{width:Math.max(120,Math.min(gt,e-32)-2-44),height:Math.max(120,window.innerHeight-Math.min(96,window.innerHeight*.1)-200)}},open({content:e,confirmLabel:o,onConfirm:r,onCancel:p}){let{root:a,overlay:c,panel:h,body:b,close:w,confirm:S}=qt(t,o,()=>r());Bt(e,t),b.append(e),w.addEventListener("click",()=>p()),h.addEventListener("submit",g=>g.preventDefault());let A=!1;c.addEventListener("mousedown",g=>{A=g.target===c}),c.addEventListener("click",g=>{A&&g.target===c&&p(),A=!1});let F=g=>{if(g.key==="Tab"){g.stopPropagation(),dt(h,g);return}g.key==="Escape"&&(g.stopPropagation(),p())};document.addEventListener("keydown",F,!0);let s=document.body.style.overflow;document.body.style.overflow="hidden";let R=!1,B=()=>{R||(R=!0,document.removeEventListener("keydown",F,!0),document.body.style.overflow=s,a.remove())};return st.set(a,()=>{B(),p()}),a.setAttribute("aria-hidden","false"),document.body.append(a),S.focus(),{close:B}}}}var Xt=vt();function Ht(t,n={}){let e=n.modal??"auto";if(!(e==="auto"||Rt(e)))return Z(t,n);let r=vt({theme:ct(),confirmLabel:n.labels?.confirm??"Crop"});return Z(t,{...n,modal:r})}var Yt=Ht;export{Xt as bevelCropAdapter,vt as createCropAdapter,Yt as default,Ht as quickcrop};
+/*! For license information please see quickcrop-VNRXGRPC.js.LEGAL.txt */