@masters-union/union-stack 0.3.10 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/loader.v1.global.js +34 -2
- package/dist/cdn/loader.v1.global.js.map +1 -1
- package/dist/{chunk-IV76YPDA.cjs → chunk-45FKUCRN.cjs} +7 -7
- package/dist/{chunk-IV76YPDA.cjs.map → chunk-45FKUCRN.cjs.map} +1 -1
- package/dist/{chunk-F4EVNUJZ.cjs → chunk-BLZGF6JP.cjs} +3 -3
- package/dist/{chunk-F4EVNUJZ.cjs.map → chunk-BLZGF6JP.cjs.map} +1 -1
- package/dist/{chunk-IIVRPVNX.js → chunk-UPKEFUU6.js} +3 -3
- package/dist/{chunk-IIVRPVNX.js.map → chunk-UPKEFUU6.js.map} +1 -1
- package/dist/{chunk-MFZ2JGLP.js → chunk-XGSFHZSI.js} +3 -3
- package/dist/{chunk-MFZ2JGLP.js.map → chunk-XGSFHZSI.js.map} +1 -1
- package/dist/index.cjs +4 -4
- package/dist/index.js +3 -3
- package/dist/node.cjs +7 -7
- package/dist/node.js +1 -1
- package/dist/picker.cjs +137 -23
- package/dist/picker.cjs.map +1 -1
- package/dist/picker.d.cts +1 -0
- package/dist/picker.d.ts +1 -0
- package/dist/picker.js +137 -23
- package/dist/picker.js.map +1 -1
- package/dist/react.cjs +3 -3
- package/dist/react.js +2 -2
- package/package.json +1 -1
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
"use strict";var UnionStack=(()=>{var W=Object.defineProperty,$e=Object.defineProperties,
|
|
1
|
+
"use strict";var UnionStack=(()=>{var W=Object.defineProperty,$e=Object.defineProperties,Ie=Object.getOwnPropertyDescriptor,Re=Object.getOwnPropertyDescriptors,Ue=Object.getOwnPropertyNames,re=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var oe=(n,e,t)=>e in n?W(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,w=(n,e)=>{for(var t in e||(e={}))ne.call(e,t)&&oe(n,t,e[t]);if(re)for(var t of re(e))Pe.call(e,t)&&oe(n,t,e[t]);return n},R=(n,e)=>$e(n,Re(e));var q=(n,e)=>()=>(n&&(e=n(n=0)),e);var se=(n,e)=>{for(var t in e)W(n,t,{get:e[t],enumerable:!0})},Te=(n,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ue(e))!ne.call(n,i)&&i!==t&&W(n,i,{get:()=>e[i],enumerable:!(r=Ie(e,i))||r.enumerable});return n};var Me=n=>Te(W({},"__esModule",{value:!0}),n);function De(){if(document.getElementById(he))return;let n=(t,r)=>{let i=document.createElement("link");i.rel="preconnect",i.href=t,r&&(i.crossOrigin="anonymous"),document.head.appendChild(i)};n("https://fonts.googleapis.com"),n("https://fonts.gstatic.com",!0);let e=document.createElement("link");e.id=he,e.rel="stylesheet",e.href=ze,document.head.appendChild(e)}function me(){if(typeof document=="undefined"||(De(),document.getElementById(ue)))return;let n=document.createElement("style");n.id=ue,n.textContent=Ne,document.head.appendChild(n)}function fe(n){var r,i,o,s,a;let t=((n==null?void 0:n.mode)||"light")==="dark"?je:Oe;return{"--us-primary":(r=n==null?void 0:n.primary)!=null?r:t.primary,"--us-on-primary":t.onPrimary,"--us-bg":(i=n==null?void 0:n.background)!=null?i:t.background,"--us-fg":(o=n==null?void 0:n.foreground)!=null?o:t.foreground,"--us-muted":t.muted,"--us-border":(s=n==null?void 0:n.border)!=null?s:t.border,"--us-subtle":"color-mix(in srgb, var(--us-fg) 5%, var(--us-bg))","--us-overlay":"color-mix(in srgb, var(--us-fg) 9%, var(--us-bg))","--us-border-strong":"color-mix(in srgb, var(--us-fg) 18%, var(--us-border))","--us-elevated":t.elevated,"--us-raised":t.raised,"--us-accent":t.accent,"--us-success":t.success,"--us-danger":t.danger,"--us-radius":(a=n==null?void 0:n.radius)!=null?a:"12px"}}var ue,he,ze,Oe,je,Ne,ge=q(()=>{"use strict";ue="unionstack-picker-styles",he="unionstack-picker-fonts",ze="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";Oe={primary:"#494bd6",onPrimary:"#ffffff",background:"#fdfbff",foreground:"#1b1b21",muted:"#5e5c6e",subtle:"#f3f1fa",border:"#e4e1ee",borderStrong:"#c8c5d4",elevated:"#ffffff",overlay:"#eceaf4",raised:"#ffffff",accent:"#b35a00",success:"#2c9a5b",danger:"#ba1a1a"},je={primary:"#f4f4f5",onPrimary:"#18181b",background:"#0a0a0c",foreground:"#f4f4f5",muted:"#8b8b93",subtle:"#161618",border:"#2a2a2e",borderStrong:"#3f3f46",elevated:"#141416",overlay:"#1d1d20",raised:"#27272a",accent:"#ffb783",success:"#7ad08e",danger:"#ffb4ab"},Ne=`
|
|
2
2
|
.us-picker-backdrop {
|
|
3
3
|
--us-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
4
4
|
--us-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
|
|
5
|
+
/* Default to a light color-scheme so native controls never inherit the
|
|
6
|
+
visitor's OS dark mode; picker.ts overrides this to match the resolved
|
|
7
|
+
theme mode on mount. */
|
|
8
|
+
color-scheme: light;
|
|
5
9
|
position: fixed; inset: 0; z-index: 2147483000;
|
|
6
10
|
background: rgba(2, 6, 23, 0.4);
|
|
7
11
|
-webkit-backdrop-filter: blur(8px);
|
|
@@ -174,6 +178,14 @@
|
|
|
174
178
|
color: var(--us-muted); font-size: 11px; flex-shrink: 0;
|
|
175
179
|
font-family: var(--us-mono); letter-spacing: 0;
|
|
176
180
|
}
|
|
181
|
+
/* Failure reason \u2014 full-width, danger-colored, wraps. Collapses entirely when
|
|
182
|
+
empty so non-failed rows keep their original height. */
|
|
183
|
+
.us-file-error {
|
|
184
|
+
color: var(--us-danger); font-size: 12px; line-height: 1.35;
|
|
185
|
+
margin-top: 4px; letter-spacing: -0.006em;
|
|
186
|
+
overflow-wrap: anywhere;
|
|
187
|
+
}
|
|
188
|
+
.us-file-error:empty { display: none; }
|
|
177
189
|
|
|
178
190
|
.us-file-progress {
|
|
179
191
|
height: 3px; background: var(--us-border); border-radius: 999px; overflow: hidden;
|
|
@@ -413,6 +425,26 @@
|
|
|
413
425
|
.us-tool svg { width: 13px; height: 13px; }
|
|
414
426
|
.us-tool-spacer { flex: 1; }
|
|
415
427
|
|
|
428
|
+
/* Crop dimension inputs \u2014 live W\xD7H readout, editable for free-form crops. */
|
|
429
|
+
.us-crop-dims {
|
|
430
|
+
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
|
|
431
|
+
padding: 10px 16px 0;
|
|
432
|
+
}
|
|
433
|
+
.us-crop-dims[hidden] { display: none; }
|
|
434
|
+
.us-crop-dims-label {
|
|
435
|
+
font-size: 11px; font-weight: 600; letter-spacing: 0.04em;
|
|
436
|
+
text-transform: uppercase; color: var(--us-muted);
|
|
437
|
+
}
|
|
438
|
+
.us-crop-dim-input {
|
|
439
|
+
width: 76px; appearance: none; text-align: center;
|
|
440
|
+
background: var(--us-overlay); border: 1px solid var(--us-border-strong);
|
|
441
|
+
border-radius: 8px; padding: 5px 8px; min-height: 30px;
|
|
442
|
+
font: inherit; font-size: 12px; color: var(--us-fg);
|
|
443
|
+
}
|
|
444
|
+
.us-crop-dim-input:focus { outline: none; border-color: var(--us-primary); }
|
|
445
|
+
.us-crop-dim-input:read-only { opacity: 0.55; cursor: default; }
|
|
446
|
+
.us-crop-dims-x, .us-crop-dims-unit { color: var(--us-muted); font-size: 12px; }
|
|
447
|
+
|
|
416
448
|
.us-editor-footer {
|
|
417
449
|
display: flex; gap: 8px; justify-content: flex-end;
|
|
418
450
|
padding: 12px 16px;
|
|
@@ -508,5 +540,5 @@
|
|
|
508
540
|
|
|
509
541
|
/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 empty state niceties \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
|
|
510
542
|
.us-file-list:empty { display: none; }
|
|
511
|
-
`});function P(o,e,t){let i=document.createElement(o);return e&&(i.className=e),t!==void 0&&(i.textContent=t),i}function V(o,e){let t=document.createElement("button");return t.type="button",t.className="us-tool",t.innerHTML=`${e} <span>${_e(o)}</span>`,t}function _e(o){return o.replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[e])}function $(o,e,t){return Math.max(e,Math.min(t,o))}function ve(o){return new Promise((e,t)=>{let i=URL.createObjectURL(o),r=new Image;r.onload=()=>{URL.revokeObjectURL(i),e(r)},r.onerror=()=>{URL.revokeObjectURL(i),t(new Error("decode failed"))},r.src=i})}function be(o){return/^image\/(png|webp|gif)$/.test(o)}var I,X,ye=K(()=>{"use strict";I={back:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>',crop:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2v14a2 2 0 0 0 2 2h14"/><path d="M18 22V8a2 2 0 0 0-2-2H2"/></svg>',circle:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/></svg>',rotate:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.82.93 6.58 2.46L21 8"/><path d="M21 3v5h-5"/></svg>',undo:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-15-6.7L3 13"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>'},X=class{constructor(e){this.opts=e;this.cropBox=null;this.displayScale=1;this.hasAlpha=!1;this.mode="none";this.cropRect=null;this.dragKind=null;this.dragStart=null;this.onPointerMove=e=>{if(!this.dragKind||!this.dragStart||!this.cropRect)return;let t=e.clientX-this.dragStart.px,i=e.clientY-this.dragStart.py,r=this.dragStart.rect,n=this.displayCanvas.width,a=this.displayCanvas.height,s=24;if(this.aspect&&this.dragKind!=="move"){switch(this.dragKind){case"se":this.cropRect=this.lockedRectFromDrag(r.x,r.y,r.w+t,1,1);break;case"nw":{let u=r.x+r.w,h=r.y+r.h;this.cropRect=this.lockedRectFromDrag(u,h,u-(r.x+t),-1,-1);break}case"ne":{let u=r.y+r.h;this.cropRect=this.lockedRectFromDrag(r.x,u,r.w+t,1,-1);break}case"sw":{let u=r.x+r.w;this.cropRect=this.lockedRectFromDrag(u,r.y,u-(r.x+t),-1,1);break}}this.updateCropBox();return}let{x:d,y:l,w:c,h:p}=r;switch(this.dragKind){case"move":d=$(r.x+t,0,n-r.w),l=$(r.y+i,0,a-r.h);break;case"nw":{let u=$(r.x+t,0,r.x+r.w-s),h=$(r.y+i,0,r.y+r.h-s);c=r.w+(r.x-u),p=r.h+(r.y-h),d=u,l=h;break}case"ne":{let u=$(r.w+t,s,n-r.x),h=$(r.y+i,0,r.y+r.h-s);p=r.h+(r.y-h),c=u,l=h;break}case"sw":{let u=$(r.x+t,0,r.x+r.w-s),h=$(r.h+i,s,a-r.y);c=r.w+(r.x-u),p=h,d=u;break}case"se":c=$(r.w+t,s,n-r.x),p=$(r.h+i,s,a-r.y);break}this.cropRect={x:d,y:l,w:c,h:p},this.updateCropBox()};this.onPointerUp=()=>{this.dragKind=null,this.dragStart=null,document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp)}}get aspect(){let e=this.opts.lockedAspect;return e&&e.width>0&&e.height>0?e.width/e.height:null}async open(){this.mount();try{await this.loadOriginalIntoWorking(),this.opts.originalFile&&this.opts.originalFile!==this.opts.file&&this.markEdited(!0),this.draw()}catch(e){this.canvasWrap.textContent=`Couldn't load image: ${e.message}`}}close(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),this.root.remove()}mount(){this.root=P("div","us-editor");let e=P("div","us-editor-header"),t=document.createElement("button");t.type="button",t.className="us-editor-back",t.setAttribute("aria-label","Back"),t.innerHTML=I.back,t.onclick=()=>{this.opts.onCancel(),this.close()},e.appendChild(t),e.appendChild(P("div","us-editor-title",this.opts.title)),this.root.appendChild(e),this.canvasWrap=P("div","us-editor-canvas-wrap"),this.displayCanvas=document.createElement("canvas"),this.displayCanvas.className="us-editor-canvas",this.canvasWrap.appendChild(this.displayCanvas),this.root.appendChild(this.canvasWrap);let i=P("div","us-editor-toolbar");this.cropTool=V("Crop",I.crop),this.cropTool.onclick=()=>this.toggleCropMode(),this.circleTool=V("Circle",I.circle),this.circleTool.onclick=()=>this.applyCircle(),this.rotateTool=V("Rotate 90\xB0",I.rotate),this.rotateTool.onclick=()=>this.applyRotate(),this.revertTool=V("Revert",I.undo),this.revertTool.onclick=()=>this.revert(),this.revertTool.disabled=!0,i.appendChild(this.cropTool),i.appendChild(this.circleTool),i.appendChild(this.rotateTool),i.appendChild(P("div","us-tool-spacer")),i.appendChild(this.revertTool),this.root.appendChild(i);let r=P("div","us-editor-footer"),n=document.createElement("button");n.type="button",n.className="us-btn",n.textContent="Cancel",n.onclick=()=>{this.opts.onCancel(),this.close()},this.applyBtn=document.createElement("button"),this.applyBtn.type="button",this.applyBtn.className="us-btn us-btn-primary",this.applyBtn.innerHTML=`${I.check} <span>Apply</span>`,this.applyBtn.onclick=()=>this.applyAndClose(),r.appendChild(n),r.appendChild(this.applyBtn),this.root.appendChild(r),this.opts.host.appendChild(this.root)}async loadOriginalIntoWorking(){let e=await ve(this.opts.file),t=document.createElement("canvas");t.width=e.naturalWidth,t.height=e.naturalHeight;let i=t.getContext("2d");if(!i)throw new Error("Canvas 2D context unavailable");i.drawImage(e,0,0),this.working=t,this.hasAlpha=be(this.opts.file.type),this.markEdited(!1)}async loadTrueOriginalIntoWorking(){var n;let e=(n=this.opts.originalFile)!=null?n:this.opts.file,t=await ve(e),i=document.createElement("canvas");i.width=t.naturalWidth,i.height=t.naturalHeight;let r=i.getContext("2d");if(!r)throw new Error("Canvas 2D context unavailable");r.drawImage(t,0,0),this.working=i,this.hasAlpha=be(e.type),this.markEdited(!1)}draw(){let{width:e,height:t}=this.working,i=Math.min(1,720/Math.max(e,t)),r=Math.max(1,Math.round(e*i)),n=Math.max(1,Math.round(t*i));this.displayCanvas.width=r,this.displayCanvas.height=n,this.displayScale=i;let a=this.displayCanvas.getContext("2d");a&&(a.clearRect(0,0,r,n),a.drawImage(this.working,0,0,r,n),this.updateCropBox())}toggleCropMode(){this.mode==="crop"?this.applyCrop():this.enterCropMode()}enterCropMode(){this.mode="crop",this.cropTool.dataset.active="true",this.cropTool.innerHTML=`${I.check} <span>Apply crop</span>`;let e=this.displayCanvas.width,t=this.displayCanvas.height;if(this.aspect){let i=e,r=i/this.aspect;r>t&&(r=t,i=r*this.aspect),i=Math.max(24,Math.round(i*.9)),r=Math.max(24,Math.round(i/this.aspect)),i>e&&(i=e,r=i/this.aspect),r>t&&(r=t,i=r*this.aspect),this.cropRect={x:Math.round((e-i)/2),y:Math.round((t-r)/2),w:i,h:r}}else{let i=Math.round(Math.min(e,t)*.1);this.cropRect={x:i,y:i,w:e-i*2,h:t-i*2}}this.renderCropBox()}exitCropMode(){this.mode="none",this.cropTool.removeAttribute("data-active"),this.cropTool.innerHTML=`${I.crop} <span>Crop</span>`,this.cropRect=null,this.cropBox&&(this.cropBox.remove(),this.cropBox=null)}renderCropBox(){if(!this.cropRect)return;this.cropBox&&this.cropBox.remove();let e=P("div","us-crop-box");for(let t of["nw","ne","sw","se"]){let i=P("div","us-crop-handle");i.dataset.pos=t,i.addEventListener("pointerdown",r=>this.beginDrag(r,t)),e.appendChild(i)}e.addEventListener("pointerdown",t=>{t.target.classList.contains("us-crop-handle")||this.beginDrag(t,"move")}),this.canvasWrap.appendChild(e),this.cropBox=e,this.updateCropBox()}updateCropBox(){if(!this.cropBox||!this.cropRect)return;let e=this.displayCanvas.getBoundingClientRect(),t=this.canvasWrap.getBoundingClientRect(),i=e.left-t.left+this.cropRect.x,r=e.top-t.top+this.cropRect.y;this.cropBox.style.left=`${i}px`,this.cropBox.style.top=`${r}px`,this.cropBox.style.width=`${this.cropRect.w}px`,this.cropBox.style.height=`${this.cropRect.h}px`}beginDrag(e,t){this.cropRect&&(e.preventDefault(),this.dragKind=t,this.dragStart={px:e.clientX,py:e.clientY,rect:E({},this.cropRect)},document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp))}lockedRectFromDrag(e,t,i,r,n){let a=this.aspect,s=this.displayCanvas.width,d=this.displayCanvas.height,l=Math.max(24,i),c=l/a;c<24&&(c=24,l=c*a);let p=r>0?s-e:e,u=n>0?d-t:t;l=Math.min(l,p,u*a),c=l/a;let h=r>0?e:e-l,y=n>0?t:t-c;return{x:h,y,w:l,h:c}}applyCrop(){var d,l;if(!this.cropRect){this.exitCropMode();return}let e=this.displayScale,t=Math.round(this.cropRect.x/e),i=Math.round(this.cropRect.y/e),r=Math.round(this.cropRect.w/e),n=Math.round(this.cropRect.h/e),a=document.createElement("canvas");a.width=r,a.height=n;let s=a.getContext("2d");s&&(s.drawImage(this.working,t,i,r,n,0,0,r,n),this.working=a,this.exitCropMode(),this.markEdited(!0),(l=(d=this.opts).onCropApplied)==null||l.call(d),this.draw())}applyRotate(){let{width:e,height:t}=this.working,i=document.createElement("canvas");i.width=t,i.height=e;let r=i.getContext("2d");r&&(r.translate(t,0),r.rotate(Math.PI/2),r.drawImage(this.working,0,0),this.working=i,this.exitCropMode(),this.markEdited(!0),this.draw())}applyCircle(){let{width:e,height:t}=this.working,i=Math.min(e,t),r=Math.round((e-i)/2),n=Math.round((t-i)/2),a=document.createElement("canvas");a.width=i,a.height=i;let s=a.getContext("2d");s&&(s.save(),s.beginPath(),s.arc(i/2,i/2,i/2,0,Math.PI*2),s.closePath(),s.clip(),s.drawImage(this.working,r,n,i,i,0,0,i,i),s.restore(),this.working=a,this.hasAlpha=!0,this.exitCropMode(),this.markEdited(!0),this.draw())}async revert(){await this.loadTrueOriginalIntoWorking(),this.exitCropMode(),this.draw()}markEdited(e){this.revertTool.disabled=!e}async applyAndClose(){this.applyBtn.disabled=!0;try{let e=await this.exportFile();this.opts.onApply(e),this.close()}catch(e){this.applyBtn.disabled=!1,console.error("[union-stack] image export failed",e)}}exportFile(){return new Promise((e,t)=>{let i=this.hasAlpha?"image/png":"image/jpeg",r=i==="image/jpeg"?.92:void 0;this.working.toBlob(n=>{if(!n)return t(new Error("toBlob returned null"));let a=this.opts.file.name.replace(/\.[^.]+$/,""),s=i==="image/png"?"png":"jpg";e(new File([n],`${a}-edited.${s}`,{type:i}))},i,r)})}}});function We(o,e){var s,d,l,c,p,u,h,y,M,S,R,T,x,k,f,w,L,b,D,_,F,A,B,C,U,N,Q,te;let t=E({},e),i=e.branding||{};t.branding={logoUrl:(d=(s=i.logoUrl)!=null?s:o.branding.logoUrl)!=null?d:void 0,title:(c=(l=i.title)!=null?l:o.branding.title)!=null?c:void 0,hideFooter:(p=i.hideFooter)!=null?p:o.branding.hideFooter};let r=e.theme||{};if(t.theme={primary:(h=(u=r.primary)!=null?u:o.theme.primary)!=null?h:void 0,background:(M=(y=r.background)!=null?y:o.theme.background)!=null?M:void 0,foreground:(R=(S=r.foreground)!=null?S:o.theme.foreground)!=null?R:void 0,border:(x=(T=r.border)!=null?T:o.theme.border)!=null?x:void 0,radius:(f=(k=r.radius)!=null?k:o.theme.radius)!=null?f:void 0,mode:(L=(w=r.mode)!=null?w:o.theme.mode)!=null?L:void 0},t.maxFileSize=(b=e.maxFileSize)!=null?b:o.constraints.maxFileSizeBytes,t.maxFiles=(D=e.maxFiles)!=null?D:o.constraints.maxFilesPerUpload,!e.accept&&((_=o.constraints.allowedMimeTypes)!=null&&_.length)){let re=o.constraints.allowedMimeTypes.filter(Ee=>Ee!=="*/*");re.length>0&&(t.accept=re.join(","))}let n=(F=o.image)!=null?F:null,a=(A=e.cropAspectRatio)!=null?A:n&&n.cropRatioW&&n.cropRatioH?{width:n.cropRatioW,height:n.cropRatioH}:void 0;return t.cropAspectRatio=a,t.forceCrop=((C=(B=e.forceCrop)!=null?B:n==null?void 0:n.forceCrop)!=null?C:!1)&&!!a&&e.imageEditing!==!1,t.minImageWidth=(N=(U=e.minImageWidth)!=null?U:n==null?void 0:n.minWidth)!=null?N:void 0,t.minImageHeight=(te=(Q=e.minImageHeight)!=null?Q:n==null?void 0:n.minHeight)!=null?te:void 0,t}function G(o){return o?o.startsWith("image/")?v.image:o.startsWith("video/")?v.video:o.startsWith("audio/")?v.audio:o==="application/pdf"?v.pdf:o.startsWith("application/zip")||o.includes("compressed")||o==="application/x-tar"||o==="application/gzip"?v.archive:v.file:v.file}function m(o,e,t){let i=document.createElement(o);return e&&(i.className=e),t!==void 0&&(i.textContent=t),i}function Ge(o){var i,r,n;let e=o.trim().toLowerCase();if(!e)return"";if(e.endsWith("/*")||!e.includes("/")){let a=e.replace("/*","");return(i=Xe[a])!=null?i:a.charAt(0).toUpperCase()+a.slice(1)}if(xe[e])return xe[e];if(e.startsWith("."))return e.slice(1).toUpperCase();let t=(r=e.split("/")[1])!=null?r:e;return((n=t.split("+")[0].split(".").pop())!=null?n:t).toUpperCase()}function O(o){return o<1024?`${o} B`:o<1024*1024?`${(o/1024).toFixed(1)} KB`:o<1024*1024*1024?`${(o/1024/1024).toFixed(1)} MB`:`${(o/1024/1024/1024).toFixed(2)} GB`}function Z(){return typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID().replace(/-/g,""):Math.random().toString(36).slice(2)+Date.now().toString(36)}async function Ye(o){var e;if(typeof createImageBitmap=="function")try{let t=await createImageBitmap(o),i=t.width,r=t.height;return(e=t.close)==null||e.call(t),{w:i,h:r}}catch(t){}return new Promise((t,i)=>{if(typeof URL=="undefined"||!URL.createObjectURL){i(new Error("no object URL support"));return}let r=URL.createObjectURL(o),n=new Image;n.onload=()=>{URL.revokeObjectURL(r),t({w:n.naturalWidth,h:n.naturalHeight})},n.onerror=()=>{URL.revokeObjectURL(r),i(new Error("decode failed"))},n.src=r})}async function Je(o){let e;try{e=await fetch(o,{mode:"cors",credentials:"omit"})}catch(n){throw new Error(`Could not reach ${Qe(o)} \u2014 check the URL or CORS.`)}if(!e.ok)throw new Error(`Server returned ${e.status} \u2014 file unavailable.`);let t=await e.blob(),i=Ze(o)||"download",r=t.type||et(i);return new File([t],i,{type:r})}function Qe(o){try{return new URL(o).host}catch(e){return"that host"}}function Ze(o){try{let t=new URL(o).pathname.split("/").filter(Boolean).pop();return t?decodeURIComponent(t):""}catch(e){return""}}function et(o){let e=o.toLowerCase().split(".").pop()||"";return{jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",webp:"image/webp",svg:"image/svg+xml",pdf:"application/pdf",mp4:"video/mp4",mov:"video/quicktime",mp3:"audio/mpeg",wav:"audio/wav",zip:"application/zip",json:"application/json",txt:"text/plain",csv:"text/csv"}[e]||"application/octet-stream"}function Y(o,e){let t=new H(o,e);return{open:()=>t.open(),close:()=>t.close(),cancel:()=>t.cancel()}}var Ke,qe,v,Ve,H,xe,Xe,ke=K(()=>{"use strict";ge();ye();Ke="Upload files",qe="https://unionstack.link",v={upload:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>',fileUp:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M12 18v-6"/><path d="m9 15 3-3 3 3"/></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>',spinner:'<svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9" stroke="currentColor" opacity="0.2"/><path d="M21 12a9 9 0 0 0-9-9" stroke="currentColor"/></svg>',clock:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7.5 12 12 15 13.5"/></svg>',image:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>',video:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>',audio:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>',pdf:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>',archive:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="5" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><line x1="10" y1="13" x2="14" y2="13"/></svg>',file:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>',zap:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>',device:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>',link:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72"/></svg>',pencil:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>'};Ve='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',H=class{constructor(e,t){this.client=e;this.opts=t;this.$backdrop=null;this.$panel=null;this.$list=null;this.$confirm=null;this.$cancel=null;this.$closeBtn=null;this.$input=null;this.$deviceSource=null;this.$urlSource=null;this.$urlInput=null;this.$urlHint=null;this.$urlAddBtn=null;this.items=[];this.editor=null;this.abortCtrl=new AbortController;this.uploadStarted=!1;this.resolved=!1;this.previouslyFocused=null;this.noticeTimer=null;this.$summary=null;this.donePromise=new Promise(i=>{this.resolvePromise=i})}async open(){var e,t;if(typeof document=="undefined")throw new Error("[union-stack] Picker requires a browser environment.");try{let i=await this.client.pickerConfigPromise;i&&(this.opts=We(i,this.opts))}catch(i){}return me(),this.mount(),(t=(e=this.opts).onOpen)==null||t.call(e),this.donePromise}close(){this.unmount(),this.resolved||this.resolveResult()}cancel(){var e,t;this.abortCtrl.abort(),(t=(e=this.opts).onCancel)==null||t.call(e),this.close()}get acceptStr(){let e=this.opts.accept;return Array.isArray(e)?e.join(","):e!=null?e:""}mount(){var h,y,M,S,R,T,x,k;this.previouslyFocused=(h=document.activeElement)!=null?h:null;let e=document.createElement("div");e.className="us-picker-backdrop",Object.entries(fe(this.opts.theme)).forEach(([f,w])=>{e.style.setProperty(f,w)}),e.addEventListener("click",f=>{f.target===e&&!this.uploadStarted&&this.cancel()});let t=m("div","us-picker");this.$panel=t;let i=`us-picker-title-${Z()}`;t.setAttribute("role","dialog"),t.setAttribute("aria-modal","true"),t.setAttribute("aria-labelledby",i),t.tabIndex=-1,t.addEventListener("keydown",f=>{f.key==="Escape"&&!this.uploadStarted?(f.preventDefault(),this.cancel()):f.key==="Tab"&&this.trapFocus(f)});let r=m("div","us-picker-header"),n=m("div","us-picker-header-logo");if((y=this.opts.branding)!=null&&y.logoUrl){let f=document.createElement("img");f.src=this.opts.branding.logoUrl,f.alt="",n.appendChild(f)}else n.innerHTML=v.zap;r.appendChild(n);let a=m("div","us-picker-title",(S=(M=this.opts.branding)==null?void 0:M.title)!=null?S:Ke);a.id=i,r.appendChild(a),this.$closeBtn=document.createElement("button"),this.$closeBtn.type="button",this.$closeBtn.className="us-picker-close",this.$closeBtn.setAttribute("aria-label","Close"),this.$closeBtn.innerHTML=v.close,this.$closeBtn.onclick=()=>this.cancel(),r.appendChild(this.$closeBtn),t.appendChild(r);let s=m("div","us-picker-body"),d=this.resolvedSources();d.length>1&&s.appendChild(this.renderSourceTabs(d)),d.includes("device")&&(this.$deviceSource=this.renderDropzone(),s.appendChild(this.$deviceSource)),d.includes("url")&&(this.$urlSource=this.renderUrlSource(),s.appendChild(this.$urlSource)),this.activateSource((R=d[0])!=null?R:"device"),this.$list=m("div","us-file-list"),s.appendChild(this.$list),t.appendChild(s);let l=this.opts.autoUpload===!0,c=m("div","us-actions");this.$summary=m("div","us-actions-summary",""),this.$summary.setAttribute("role","status"),this.$summary.setAttribute("aria-live","polite"),c.appendChild(this.$summary);let p=m("div","us-actions-buttons");if(this.$cancel=document.createElement("button"),this.$cancel.type="button",this.$cancel.className="us-btn",this.$cancel.textContent="Cancel",this.$cancel.onclick=()=>this.cancel(),p.appendChild(this.$cancel),l||(this.$confirm=document.createElement("button"),this.$confirm.type="button",this.$confirm.className="us-btn us-btn-primary",this.$confirm.innerHTML=`${v.upload} <span>Upload</span>`,this.$confirm.disabled=!0,this.$confirm.onclick=()=>this.startUpload(),p.appendChild(this.$confirm)),c.appendChild(p),t.appendChild(c),!((T=this.opts.branding)!=null&&T.hideFooter)){let f=m("div","us-footer");f.innerHTML=`${v.zap} <span>Powered by <a href="${qe}" target="_blank" rel="noopener">UnionStack</a></span>`,t.appendChild(f)}e.appendChild(t),((x=this.opts.container)!=null?x:document.body).appendChild(e),this.$backdrop=e,((k=t.querySelector('.us-source-tab[data-active="true"]'))!=null?k:t).focus()}trapFocus(e){if(!this.$panel)return;let t=Array.from(this.$panel.querySelectorAll(Ve)).filter(a=>!a.hasAttribute("disabled")&&a.offsetParent!==null);if(t.length===0)return;let i=t[0],r=t[t.length-1],n=document.activeElement;e.shiftKey&&n===i?(e.preventDefault(),r.focus()):!e.shiftKey&&n===r&&(e.preventDefault(),i.focus())}resolvedSources(){let e=this.opts.fromSources;return!e||e.length===0?["device","url"]:e}renderSourceTabs(e){let t=m("div","us-source-tabs");return t.setAttribute("role","tablist"),t.setAttribute("aria-label","Upload source"),e.forEach((i,r)=>{let n=document.createElement("button");n.type="button",n.className="us-source-tab",n.setAttribute("role","tab"),n.setAttribute("aria-selected","false"),n.tabIndex=-1,n.dataset.source=i,n.innerHTML=i==="device"?`${v.device} <span>My Device</span>`:`${v.link} <span>Link</span>`,n.onclick=()=>this.activateSource(i),n.onkeydown=a=>this.onTabKeydown(a,e,r),t.appendChild(n)}),t}onTabKeydown(e,t,i){var n,a;let r=i;if(e.key==="ArrowRight"||e.key==="ArrowDown")r=(i+1)%t.length;else if(e.key==="ArrowLeft"||e.key==="ArrowUp")r=(i-1+t.length)%t.length;else if(e.key==="Home")r=0;else if(e.key==="End")r=t.length-1;else return;e.preventDefault(),this.activateSource(t[r]),(a=(n=this.$panel)==null?void 0:n.querySelector(`.us-source-tab[data-source="${t[r]}"]`))==null||a.focus()}activateSource(e){var i;if(this.$deviceSource){let r=e==="device";this.$deviceSource.style.display=r?"":"none"}this.$urlSource&&(this.$urlSource.dataset.active=e==="url"?"true":"false");let t=(i=this.$panel)==null?void 0:i.querySelectorAll(".us-source-tab");t==null||t.forEach(r=>{let n=r.dataset.source===e;r.dataset.active=n?"true":"false",r.setAttribute("aria-selected",n?"true":"false"),r.tabIndex=n?0:-1})}renderUrlSource(){let e=m("div","us-url-source"),t=m("div","us-url-form"),i=document.createElement("input");i.type="url",i.className="us-url-input",i.placeholder="https://example.com/photo.jpg",i.setAttribute("aria-label","File URL"),i.onkeydown=a=>{a.key==="Enter"&&(a.preventDefault(),this.handleUrlAdd())},this.$urlInput=i;let r=document.createElement("button");r.type="button",r.className="us-btn us-btn-primary",r.textContent="Add file",r.onclick=()=>this.handleUrlAdd(),this.$urlAddBtn=r,t.appendChild(i),t.appendChild(r),e.appendChild(t);let n=m("div","us-url-hint","Paste a direct file URL. The host must allow CORS so we can fetch it from the browser.");return this.$urlHint=n,e.appendChild(n),e}async handleUrlAdd(){if(!this.$urlInput||!this.$urlAddBtn||!this.$urlHint)return;let e=this.$urlInput.value.trim();if(!e){this.setUrlHint("Enter a URL first.",!0);return}if(!/^https?:\/\//i.test(e)){this.setUrlHint("URL must start with http:// or https://",!0);return}this.$urlAddBtn.disabled=!0;let t=this.$urlAddBtn.textContent;this.$urlAddBtn.textContent="Fetching\u2026",this.setUrlHint("Downloading\u2026",!1);try{let i=await Je(e);this.addFiles([i]),this.$urlInput.value="",this.setUrlHint("Paste a direct file URL. The host must allow CORS so we can fetch it from the browser.",!1)}catch(i){let r=i.message||"Failed to fetch URL";this.setUrlHint(r,!0)}finally{this.$urlAddBtn.disabled=!1,this.$urlAddBtn.textContent=t||"Add file"}}setUrlHint(e,t){this.$urlHint&&(this.$urlHint.textContent=e,this.$urlHint.dataset.error=t?"true":"false")}renderDropzone(){var a;let e=m("div","us-dropzone");e.setAttribute("role","button"),e.setAttribute("tabindex","0"),e.setAttribute("aria-label","Drop files here or click to browse");let t=m("div","us-dropzone-icon");t.innerHTML=v.fileUp,e.appendChild(t),e.appendChild(m("div","us-dropzone-title","Drop files to upload")),e.appendChild(m("div","us-dropzone-hint","or click to browse from your device"));let i=[];if(this.opts.maxFileSize&&i.push(`max ${O(this.opts.maxFileSize)}`),this.acceptStr){let s=[],d=new Set;for(let l of this.acceptStr.split(",")){let c=l.trim();if(!c||c==="*/*")continue;let p=Ge(c);p&&!d.has(p)&&(d.add(p),s.push(p))}s.length>0&&i.push(s.length>5?`${s.slice(0,5).join(", ")} +${s.length-5}`:s.join(", "))}i.length>0&&e.appendChild(m("div","us-dropzone-constraints",i.join(" \xB7 ")));let r=document.createElement("input");r.type="file",r.multiple=((a=this.opts.maxFiles)!=null?a:10)>1,this.acceptStr&&(r.accept=this.acceptStr),r.style.display="none",r.onchange=()=>{r.files&&this.addFiles(Array.from(r.files)),r.value=""},this.$input=r,e.appendChild(r),e.onclick=()=>r.click(),e.onkeydown=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),r.click())};let n=0;return e.addEventListener("dragenter",s=>{s.preventDefault(),n++,e.setAttribute("data-drag","over")}),e.addEventListener("dragover",s=>s.preventDefault()),e.addEventListener("dragleave",()=>{n=Math.max(0,n-1),n===0&&e.removeAttribute("data-drag")}),e.addEventListener("drop",s=>{var l;s.preventDefault(),n=0,e.removeAttribute("data-drag");let d=(l=s.dataTransfer)==null?void 0:l.files;d&&this.addFiles(Array.from(d))}),e}unmount(){var e,t,i,r,n;this.editor&&(this.editor.close(),this.editor=null),this.noticeTimer&&(clearTimeout(this.noticeTimer),this.noticeTimer=null),(e=this.$backdrop)!=null&&e.parentNode&&this.$backdrop.parentNode.removeChild(this.$backdrop),this.$backdrop=null,this.$panel=null;for(let a of this.items)a.objectUrl&&URL.revokeObjectURL(a.objectUrl);(i=(t=this.previouslyFocused)==null?void 0:t.focus)==null||i.call(t),this.previouslyFocused=null,(n=(r=this.opts).onClose)==null||n.call(r)}fileMatchesAccept(e){let t=this.acceptStr.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean);if(t.length===0||t.includes("*/*"))return!0;let i=(e.type||"").toLowerCase(),r=e.name.toLowerCase();return t.some(n=>n.startsWith(".")?r.endsWith(n):n.endsWith("/*")?i.startsWith(n.slice(0,-1)):i===n)}addFiles(e){var l;let t=(l=this.opts.maxFiles)!=null?l:1/0,i=0,r=e.filter(c=>this.fileMatchesAccept(c)?!0:(i++,!1)),n=t-this.items.length,a=n>0?r.slice(0,n):[],s=r.length-a.length,d=[];i>0&&d.push(`${i} file${i>1?"s":""} skipped \u2014 unsupported type`),s>0&&d.push(`${s} file${s>1?"s":""} skipped \u2014 max ${t} allowed`),d.length&&this.flashNotice(d.join(" \xB7 "));for(let c of a){if(this.opts.maxFileSize&&c.size>this.opts.maxFileSize){let u={uploadId:Z(),file:c,originalFile:c,edited:!1,state:"failed",progress:0,error:`File exceeds ${O(this.opts.maxFileSize)} limit`};this.items.push(u),this.renderItem(u);continue}let p={uploadId:Z(),file:c,originalFile:c,edited:!1,state:"queued",progress:0};this.items.push(p),this.renderItem(p),this.shouldCheckDimensions(c)&&(p.validating=!0,this.validateDimensions(p))}this.refreshConfirm(),this.maybeAutoUpload()}renderItem(e){if(!this.$list)return;let t=m("div","us-file");t.dataset.state=e.state,t.dataset.uploadId=e.uploadId;let i=Math.min(this.items.length-1,8);t.style.animationDelay=`${i*35}ms`;let r=m("div","us-file-thumb");if(e.file.type.startsWith("image/")&&typeof URL!="undefined"&&URL.createObjectURL)try{let h=URL.createObjectURL(e.file);e.objectUrl=h,r.style.backgroundImage=`url("${h}")`,r.dataset.image="true"}catch(h){r.innerHTML=G(e.file.type)}else r.innerHTML=G(e.file.type);t.appendChild(r);let n=m("div","us-file-main"),a=m("div","us-file-row1");a.appendChild(m("div","us-file-name",e.file.name));let s=m("div","us-file-meta",O(e.file.size));a.appendChild(s),n.appendChild(a);let d=m("div","us-file-progress"),l=m("div","us-file-progress-bar");d.appendChild(l),n.appendChild(d),t.appendChild(n);let c=e.file.type.startsWith("image/"),p=this.opts.imageEditing!==!1;if(c&&p&&e.state==="queued"){let h=document.createElement("button");h.type="button",h.className="us-file-action",h.setAttribute("aria-label","Edit image"),h.title="Edit image",h.innerHTML=v.pencil,h.dataset.edited=e.edited?"true":"false",h.onclick=()=>this.openEditor(e),t.appendChild(h),e.$edit=h}let u=m("div","us-file-status");u.setAttribute("aria-label",this.statusLabel(e)),u.innerHTML=this.statusIcon(e.state),t.appendChild(u),e.$row=t,e.$bar=l,e.$status=u,e.$meta=s,e.$thumb=r,this.$list.appendChild(t),this.updateSummary(),this.updateItemBadge(e)}replaceItemFile(e,t,i){if(e.file=t,e.edited=i,e.objectUrl&&URL.revokeObjectURL(e.objectUrl),e.objectUrl=void 0,e.$thumb)if(e.$thumb.style.backgroundImage="",e.$thumb.removeAttribute("data-image"),t.type.startsWith("image/")&&typeof URL!="undefined"&&URL.createObjectURL)try{let r=URL.createObjectURL(t);e.objectUrl=r,e.$thumb.style.backgroundImage=`url("${r}")`,e.$thumb.dataset.image="true",e.$thumb.innerHTML=""}catch(r){e.$thumb.innerHTML=G(t.type)}else e.$thumb.innerHTML=G(t.type);if(e.$meta&&(e.$meta.textContent=O(t.size)),e.$row){let r=e.$row.querySelector(".us-file-name");r&&(r.textContent=t.name)}e.$edit&&(e.$edit.dataset.edited=i?"true":"false")}openEditor(e){if(!this.$panel||this.editor||e.state!=="queued")return;let t=!1;this.editor=new X({host:this.$panel,file:e.file,originalFile:e.originalFile,title:e.originalFile.name,lockedAspect:this.opts.cropAspectRatio,onCropApplied:()=>{t=!0},onApply:i=>{let r=i!==e.originalFile;this.replaceItemFile(e,i,r),t&&(e.ratioCropped=!0),this.editor=null,this.shouldCheckDimensions(e.file)&&(e.validating=!0,this.validateDimensions(e)),this.updateItemBadge(e),this.refreshConfirm()},onCancel:()=>{this.editor=null}}),this.editor.open()}statusIcon(e){switch(e){case"uploading":return v.spinner;case"done":return v.check;case"failed":return v.alert;case"cancelled":return v.alert;default:return v.clock}}statusLabel(e){switch(e.state){case"queued":return"Waiting to upload";case"uploading":return`Uploading ${Math.round(e.progress)} percent`;case"done":return"Upload complete";case"failed":return e.error?`Failed: ${e.error}`:"Upload failed";case"cancelled":return"Cancelled"}}setItemState(e,t,i){if(e.state=t,i!==void 0&&(e.progress=i),e.$row&&(e.$row.dataset.state=t),e.$bar&&(e.$bar.style.width=`${e.progress}%`),e.$status&&(e.$status.innerHTML=this.statusIcon(t),e.$status.setAttribute("aria-label",this.statusLabel(e))),e.$meta){let r=O(e.file.size);switch(t){case"uploading":e.$meta.textContent=`${r} \xB7 ${Math.round(e.progress)}%`;break;case"done":e.$meta.textContent=r;break;case"failed":e.$meta.textContent=e.error||"Failed";break;default:e.$meta.textContent=r}}this.updateSummary()}updateSummary(){if(!this.$summary)return;let e=this.items.length;if(e===0){this.$summary.textContent="";return}let t=this.items.filter(n=>n.state==="done").length,i=this.items.filter(n=>n.state==="failed").length,r=this.items.filter(n=>n.state==="uploading"||n.state==="queued").length;if(!this.uploadStarted&&r>0){let n=this.items.filter(a=>a.state==="queued").length;this.$summary.textContent=`${n} file${n===1?"":"s"} ready`}else r>0?this.$summary.textContent=`Uploading ${t+1} of ${e}`:i>0?this.$summary.textContent=`${t} of ${e} uploaded \xB7 ${i} failed`:t===e?this.$summary.textContent=`${e} file${e===1?"":"s"} uploaded`:this.$summary.textContent=`${e} file${e===1?"":"s"} ready`}needsCrop(e){return this.opts.forceCrop===!0&&!!this.opts.cropAspectRatio&&e.state==="queued"&&e.file.type.startsWith("image/")&&e.file.type!=="image/svg+xml"&&!e.ratioCropped}hasUncroppedImages(){return this.items.some(e=>this.needsCrop(e))}anyValidating(){return this.items.some(e=>e.validating===!0)}shouldCheckDimensions(e){return!!(this.opts.minImageWidth||this.opts.minImageHeight)&&e.type.startsWith("image/")&&e.type!=="image/svg+xml"}updateItemBadge(e){e.$row&&(this.needsCrop(e)?(e.$row.dataset.cropRequired="true",e.$meta&&(e.$meta.textContent="Crop to ratio required")):(delete e.$row.dataset.cropRequired,e.state==="queued"&&e.$meta&&!e.validating&&(e.$meta.textContent=O(e.file.size))))}async validateDimensions(e){var n,a;let t=(n=this.opts.minImageWidth)!=null?n:0,i=(a=this.opts.minImageHeight)!=null?a:0,r=null;try{r=await Ye(e.file)}catch(s){r=null}if(e.state!=="queued"){e.validating=!1;return}if(e.validating=!1,r&&r.w>0&&r.h>0&&(r.w<t||r.h<i)){let s=`${t||"?"}\xD7${i||"?"}`;e.error=`Image too small \u2014 needs at least ${s}px (got ${r.w}\xD7${r.h})`,this.setItemState(e,"failed")}else this.updateItemBadge(e);this.refreshConfirm(),this.maybeAutoUpload()}maybeAutoUpload(){this.opts.autoUpload!==!0||this.uploadStarted||this.anyValidating()||this.hasUncroppedImages()||this.items.some(e=>e.state==="queued")&&requestAnimationFrame(()=>{this.uploadStarted||this.startUpload()})}refreshConfirm(){if(!this.$confirm)return;let e=this.items.filter(t=>t.state==="queued").length;this.$confirm.disabled=e===0||this.uploadStarted||this.hasUncroppedImages()||this.anyValidating()}flashNotice(e){this.$summary&&(this.$summary.textContent=e,this.$summary.dataset.tone="warn",this.noticeTimer&&clearTimeout(this.noticeTimer),this.noticeTimer=setTimeout(()=>{this.$summary&&(this.$summary.textContent="",delete this.$summary.dataset.tone),this.noticeTimer=null},4e3))}async startUpload(){if(this.uploadStarted)return;if(this.anyValidating()){this.flashNotice("Checking image dimensions\u2026");return}if(this.hasUncroppedImages()){this.items.forEach(r=>this.updateItemBadge(r)),this.flashNotice("Crop required \u2014 crop every image to the set ratio before uploading.");return}let e=this.items.filter(r=>r.state==="queued");if(e.length===0)return;this.uploadStarted=!0,this.$confirm&&(this.$confirm.disabled=!0,this.$confirm.textContent="Uploading\u2026"),this.$cancel&&(this.$cancel.textContent="Stop"),this.$closeBtn&&(this.$closeBtn.disabled=!0),this.$input&&(this.$input.disabled=!0);let t=new Map,i=e.map(r=>r.file);try{await this.client.uploadMany(i,z(E({},this.opts),{signal:this.abortCtrl.signal,onUploadStarted:r=>{var n,a;r.forEach((s,d)=>{let l=e[d];l&&(l.uploadId=s.uploadId,l.$row&&(l.$row.dataset.uploadId=s.uploadId),t.set(s.uploadId,l))}),(a=(n=this.opts).onUploadStarted)==null||a.call(n,r)},onFileUploadStarted:r=>{var a,s;let n=t.get(r.uploadId);n&&this.setItemState(n,"uploading",0),(s=(a=this.opts).onFileUploadStarted)==null||s.call(a,r)},onFileUploadProgress:(r,n)=>{var s,d;let a=t.get(r.uploadId);a&&this.setItemState(a,"uploading",n.totalPercent),(d=(s=this.opts).onFileUploadProgress)==null||d.call(s,r,n)},onFileUploadFinished:r=>{var a,s;let n=t.get(r.uploadId);n&&(n.uploaded=r,this.setItemState(n,"done",100)),(s=(a=this.opts).onFileUploadFinished)==null||s.call(a,r)},onFileUploadFailed:(r,n)=>{var s,d;let a=t.get(r.uploadId);a&&(a.error=n.message,this.setItemState(a,"failed")),(d=(s=this.opts).onFileUploadFailed)==null||d.call(s,r,n)},onUploadDone:r=>{var n,a;(a=(n=this.opts).onUploadDone)==null||a.call(n,r),this.resolveResult(r),this.unmount()},onError:r=>{var n,a;(a=(n=this.opts).onError)==null||a.call(n,r),this.resolveResult(),this.unmount()}}))}catch(r){this.resolved||(this.resolveResult(),this.unmount())}}resolveResult(e){if(this.resolved)return;this.resolved=!0;let t=e!=null?e:{filesUploaded:this.items.filter(i=>i.uploaded).map(i=>i.uploaded),filesFailed:this.items.filter(i=>i.state==="failed").map(i=>({file:{uploadId:i.uploadId,filename:i.file.name,mimetype:i.file.type||"application/octet-stream",size:i.file.size,source:"local"},error:{code:"VALIDATION",message:i.error||"failed",retryable:!1}}))};this.resolvePromise(t)}};xe={"application/pdf":"PDF","application/msword":"DOC","application/vnd.openxmlformats-officedocument.wordprocessingml.document":"DOCX","application/vnd.ms-excel":"XLS","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"XLSX","application/vnd.ms-powerpoint":"PPT","application/vnd.openxmlformats-officedocument.presentationml.presentation":"PPTX","application/zip":"ZIP","application/json":"JSON","application/rtf":"RTF","text/plain":"TXT","text/csv":"CSV","text/html":"HTML","text/markdown":"MD","image/jpeg":"JPG","image/png":"PNG","image/gif":"GIF","image/webp":"WEBP","image/svg+xml":"SVG","image/heic":"HEIC","video/mp4":"MP4","audio/mpeg":"MP3"},Xe={image:"Images",video:"Video",audio:"Audio",text:"Text",font:"Fonts"}});var we={};se(we,{Picker:()=>H,openPicker:()=>Y});var ee=K(()=>{"use strict";ke()});var ot={};se(ot,{Picker:()=>H,UnionStackClient:()=>j,init:()=>it,openPicker:()=>Y});function g(o,e,t={}){var i;return{code:o,message:e,status:t.status,retryable:(i=t.retryable)!=null?i:Se(o,t.status),cause:t.cause}}function Se(o,e){return!!(o==="NETWORK"||o==="PART_FAILED"||o==="SERVER"&&e&&e>=500)}function ae(o,e){let t=e==null?void 0:e.error,i=(t==null?void 0:t.message)||`Request failed with status ${o}`,r=((t==null?void 0:t.code)||"").toUpperCase();if(o===401)return g("AUTH",i,{status:o,retryable:!1});if(o===403)return g("AUTH",i,{status:o,retryable:!1});if(o===413)return g("VALIDATION",i,{status:o,retryable:!1});if(o===415)return g("VALIDATION",i,{status:o,retryable:!1});if(o===426)return g("CONFIG",i,{status:o,retryable:!1});if(o===429){let n=r==="QUOTA_EXCEEDED";return g(n?"QUOTA":"NETWORK",i,{status:o,retryable:!n})}return o>=500?g("SERVER",i,{status:o,retryable:!0}):g("SERVER",i,{status:o,retryable:!1})}var le="0.3.10",de=`js/${le}`,at=`node/${le}`;var Le=3,Fe=3,ce=[400,1200,3600],q=class{constructor(e){this.cfg=e}describe(e,t={}){let i=typeof File!="undefined"&&e instanceof File,r=t.filename||(i?e.name:"untitled"),n=t.mimeType||e.type||"application/octet-stream";return{uploadId:Ae(),filename:r,mimetype:n,size:e.size,source:"local"}}async upload(e,t={}){var r,n,a;let i=this.describe(e,{filename:t.filename,mimeType:t.mimeType});(r=t.onFileUploadStarted)==null||r.call(t,i);try{let s=await this.initUpload(i,t),d=await this.uploadAllParts(e,s,i,t),l=await this.completeUpload(s.sessionId,d,t),c=z(E({},i),{handle:l.handle,fileId:l.fileId,url:l.url,size:l.size,mimetype:l.mimetype,filename:l.filename,key:l.key,container:l.container,status:"Stored",etag:l.etag,metadata:l.metadata});return(n=t.onFileUploadFinished)==null||n.call(t,c),c}catch(s){let d=pe(s);throw(a=t.onFileUploadFailed)==null||a.call(t,i,d),s!=null&&s.sessionId&&this.abortSilently(s.sessionId).catch(()=>{}),d}}async abort(e){await this.api("POST","/sdk/v1/uploads/abort",{sessionId:e})}async fetchPickerConfig(){return this.api("GET","/sdk/v1/picker-config")}async initUpload(e,t){return this.api("POST","/sdk/v1/uploads/init",{filename:e.filename,mimeType:e.mimetype,size:e.size,metadata:t.metadata},t.signal)}async uploadAllParts(e,t,i,r){var R,T;let n=t.totalParts,a=t.chunkSize,s=Math.max(1,(R=r.concurrency)!=null?R:Le),d=(T=r.maxRetriesPerPart)!=null?T:Fe,l=new Map(t.partUrls.map(x=>[x.partNumber,x.url])),c=new Array(n),p=new Array(n).fill(0),u=1,h=e.size,y=()=>{var w;let x=p.reduce((L,b)=>L+b,0),k=h>0?Math.min(100,Math.round(x/h*100)):100,f={totalBytes:h,loaded:x,totalPercent:k};(w=r.onFileUploadProgress)==null||w.call(r,i,f)},M=async()=>{var x,k,f,w,L;for(;;){if((x=r.signal)!=null&&x.aborted)throw g("ABORTED","Upload aborted by caller.",{retryable:!1});let b=u++;if(b>n)return;let D=(b-1)*a,_=Math.min(D+a,e.size),F=e.slice(D,_),A=0,B;for(;A<=d;){if((k=r.signal)!=null&&k.aborted)throw g("ABORTED","Upload aborted by caller.",{retryable:!1});try{let C=l.get(b);C||(C=(await this.api("POST","/sdk/v1/uploads/sign-part",{sessionId:t.sessionId,partNumber:b},r.signal)).url,l.set(b,C));let U=(L=await((w=(f=this.cfg).fetch)==null?void 0:w.call(f,C,{method:"PUT",body:F,signal:r.signal})))!=null?L:await fetch(C,{method:"PUT",body:F,signal:r.signal});if(!U.ok)throw(U.status===403||U.status===401)&&l.delete(b),g("PART_FAILED",`Part ${b} PUT failed (HTTP ${U.status})`,{status:U.status});let N=U.headers.get("etag");if(!N)throw g("PART_FAILED",`Part ${b}: R2 did not return an ETag.`);c[b-1]={partNumber:b,etag:N,size:F.size},p[b-1]=F.size,y();break}catch(C){if(B=C,A++,A>d)break;await Be(ce[Math.min(A-1,ce.length-1)])}}if(!c[b-1])throw ze(pe(B!=null?B:g("PART_FAILED",`Part ${b} failed after ${d} retries.`)),t.sessionId)}},S=Array.from({length:Math.min(s,n)},M);return await Promise.all(S),c}async completeUpload(e,t,i){return this.api("POST","/sdk/v1/uploads/complete",{sessionId:e,parts:t.map(r=>({partNumber:r.partNumber,etag:r.etag}))},i.signal)}async abortSilently(e){try{await this.abort(e)}catch(t){}}async api(e,t,i,r){var l,c;let n=(l=this.cfg.fetch)!=null?l:fetch,a=`${this.cfg.apiBase}${t}`,s;try{s=await n(a,{method:e,headers:{Authorization:`Bearer ${this.cfg.apiKey}`,"Content-Type":"application/json","X-UnionStack-SDK":(c=this.cfg.sdkHeader)!=null?c:de},body:i===void 0?void 0:JSON.stringify(i),signal:r})}catch(p){throw(p==null?void 0:p.name)==="AbortError"?g("ABORTED","Request aborted.",{retryable:!1,cause:p}):g("NETWORK","Network request failed.",{retryable:!0,cause:p})}let d=null;try{d=await s.json()}catch(p){}if(!s.ok)throw ae(s.status,d);return d}};function Ae(){return typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID().replace(/-/g,""):Math.random().toString(36).slice(2)+Date.now().toString(36)}function Be(o){return new Promise(e=>setTimeout(e,o))}function pe(o){if(o&&typeof o=="object"&&"code"in o&&"message"in o&&"retryable"in o)return o;let e=(o==null?void 0:o.message)||"Upload failed.";return g("NETWORK",e,{cause:o})}function ze(o,e){return o&&typeof o=="object"&&(o.sessionId=e),o}var tt="https://api.unionstack.link/v1",Ce="unionstack-preloader-styles";function rt(){if(typeof document=="undefined")return()=>{};if(!document.getElementById(Ce)){let i=document.createElement("style");i.id=Ce,i.textContent="@keyframes us-preload-spin{to{transform:rotate(360deg)}}@keyframes us-preload-fade{from{opacity:0}to{opacity:1}}",document.head.appendChild(i)}let o=document.createElement("div");o.setAttribute("role","status"),o.setAttribute("aria-label","Loading file picker"),o.style.cssText="position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,0.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:us-preload-fade 140ms ease-out;";let e=document.createElement("div");e.style.cssText="width:36px;height:36px;border-radius:50%;border:3px solid rgba(220,225,251,0.25);border-top-color:#c0c1ff;animation:us-preload-spin 0.8s linear infinite;",o.appendChild(e),document.body.appendChild(o);let t=!1;return()=>{t||(t=!0,o.remove())}}var j=class{constructor(e){e.apiKey||console.error("[UnionStack] apiKey is not set. Uploads and the picker are disabled until a valid apiKey is provided."),this.resolvedCfg=z(E({},e),{apiBase:tt}),this.uploader=new q(this.resolvedCfg),this.pickerConfigPromise=!e.apiKey||this.resolvedCfg.skipConfigPrefetch?Promise.resolve(null):this.uploader.fetchPickerConfig().then(t=>(t!=null&&t.sdkWarning&&console.warn(`[UnionStack] ${t.sdkWarning}`),t)).catch(()=>null)}missingKeyError(){return this.resolvedCfg.apiKey?null:g("CONFIG","apiKey is required.",{retryable:!1})}upload(e,t={}){let i=this.missingKeyError();return i?Promise.reject(i):this.uploader.upload(e,t)}async uploadMany(e,t={}){var d,l,c,p;let i=this.missingKeyError();if(i)throw(d=t.onError)==null||d.call(t,i),i;if(!Array.isArray(e)||e.length===0){let u=g("VALIDATION","uploadMany requires a non-empty array of files.",{retryable:!1});throw(l=t.onError)==null||l.call(t,u),u}let r=e.map(u=>this.uploader.describe(u,{filename:t.filename,mimeType:t.mimeType}));(c=t.onUploadStarted)==null||c.call(t,r);let n=[],a=[];await Promise.all(e.map(async(u,h)=>{try{let y=await this.uploader.upload(u,t);y.uploadId=r[h].uploadId,n.push(y)}catch(y){a.push({file:r[h],error:y})}}));let s={filesUploaded:n,filesFailed:a};return(p=t.onUploadDone)==null||p.call(t,s),s}picker(e={}){let t=null,i=!1,r,n,a=new Promise((s,d)=>{r=s,n=d});return{open:async()=>{if(i)return a;let s=this.missingKeyError();if(s)throw n(s),s;i=!0;let d=rt();try{t=(await Promise.resolve().then(()=>(ee(),we))).openPicker(this,z(E({},e),{onOpen:()=>{var p;d(),(p=e.onOpen)==null||p.call(e)}}));let c=await t.open();return d(),r(c),c}catch(l){d();let c=l!=null&&l.code?l:g("CONFIG","Failed to load picker.",{retryable:!1,cause:l});throw n(c),c}},close:()=>{t==null||t.close()},cancel:()=>{t==null||t.cancel()}}}get config(){return this.resolvedCfg}};var J={init(o){return new j(o)}};ee();var it=J.init.bind(J);(function(){if(typeof document=="undefined")return;let e=document.currentScript;if(!e)return;let t=e.getAttribute("data-unionstack-key");if(t)try{let i=J.init({apiKey:t});queueMicrotask(()=>{window.UnionStack&&(window.UnionStack.client=i)})}catch(i){console.error("[UnionStack] auto-init failed:",i)}})();return Me(ot);})();
|
|
543
|
+
`});function k(n,e,t){let r=document.createElement(n);return e&&(r.className=e),t!==void 0&&(r.textContent=t),r}function V(n,e){let t=document.createElement("button");return t.type="button",t.className="us-tool",t.innerHTML=`${e} <span>${_e(n)}</span>`,t}function _e(n){return n.replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[e])}function C(n,e,t){return Math.max(e,Math.min(t,n))}function ve(n){return new Promise((e,t)=>{let r=URL.createObjectURL(n),i=new Image;i.onload=()=>{URL.revokeObjectURL(r),e(i)},i.onerror=()=>{URL.revokeObjectURL(r),t(new Error("decode failed"))},i.src=r})}function be(n){return/^image\/(png|webp|gif)$/.test(n)}var S,X,ye=q(()=>{"use strict";S={back:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>',crop:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2v14a2 2 0 0 0 2 2h14"/><path d="M18 22V8a2 2 0 0 0-2-2H2"/></svg>',circle:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/></svg>',rotate:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.82.93 6.58 2.46L21 8"/><path d="M21 3v5h-5"/></svg>',undo:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-15-6.7L3 13"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>'},X=class{constructor(e){this.opts=e;this.cropBox=null;this.displayScale=1;this.hasAlpha=!1;this.mode="none";this.cropRect=null;this.dragKind=null;this.dragStart=null;this.onPointerMove=e=>{if(!this.dragKind||!this.dragStart||!this.cropRect)return;let t=e.clientX-this.dragStart.px,r=e.clientY-this.dragStart.py,i=this.dragStart.rect,o=this.displayCanvas.width,s=this.displayCanvas.height,a=24;if(this.aspect&&this.dragKind!=="move"){switch(this.dragKind){case"se":this.cropRect=this.lockedRectFromDrag(i.x,i.y,i.w+t,1,1);break;case"nw":{let u=i.x+i.w,h=i.y+i.h;this.cropRect=this.lockedRectFromDrag(u,h,u-(i.x+t),-1,-1);break}case"ne":{let u=i.y+i.h;this.cropRect=this.lockedRectFromDrag(i.x,u,i.w+t,1,-1);break}case"sw":{let u=i.x+i.w;this.cropRect=this.lockedRectFromDrag(u,i.y,u-(i.x+t),-1,1);break}}this.updateCropBox();return}let{x:d,y:l,w:p,h:c}=i;switch(this.dragKind){case"move":d=C(i.x+t,0,o-i.w),l=C(i.y+r,0,s-i.h);break;case"nw":{let u=C(i.x+t,0,i.x+i.w-a),h=C(i.y+r,0,i.y+i.h-a);p=i.w+(i.x-u),c=i.h+(i.y-h),d=u,l=h;break}case"ne":{let u=C(i.w+t,a,o-i.x),h=C(i.y+r,0,i.y+i.h-a);c=i.h+(i.y-h),p=u,l=h;break}case"sw":{let u=C(i.x+t,0,i.x+i.w-a),h=C(i.h+r,a,s-i.y);p=i.w+(i.x-u),c=h,d=u;break}case"se":p=C(i.w+t,a,o-i.x),c=C(i.h+r,a,s-i.y);break}this.cropRect={x:d,y:l,w:p,h:c},this.updateCropBox()};this.onPointerUp=()=>{this.dragKind=null,this.dragStart=null,document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp)}}get aspect(){let e=this.opts.lockedAspect;return e&&e.width>0&&e.height>0?e.width/e.height:null}async open(){this.mount();try{await this.loadOriginalIntoWorking(),this.opts.originalFile&&this.opts.originalFile!==this.opts.file&&this.markEdited(!0),this.draw()}catch(e){this.canvasWrap.textContent=`Couldn't load image: ${e.message}`}}close(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),this.root.remove()}mount(){this.root=k("div","us-editor");let e=k("div","us-editor-header"),t=document.createElement("button");t.type="button",t.className="us-editor-back",t.setAttribute("aria-label","Back"),t.innerHTML=S.back,t.onclick=()=>{this.opts.onCancel(),this.close()},e.appendChild(t),e.appendChild(k("div","us-editor-title",this.opts.title)),this.root.appendChild(e),this.canvasWrap=k("div","us-editor-canvas-wrap"),this.displayCanvas=document.createElement("canvas"),this.displayCanvas.className="us-editor-canvas",this.canvasWrap.appendChild(this.displayCanvas),this.root.appendChild(this.canvasWrap),this.cropDims=k("div","us-crop-dims"),this.cropDims.hidden=!0,this.widthInput=this.makeDimInput("Crop width in pixels","w"),this.heightInput=this.makeDimInput("Crop height in pixels","h"),this.cropDims.appendChild(k("span","us-crop-dims-label","Crop size")),this.cropDims.appendChild(this.widthInput),this.cropDims.appendChild(k("span","us-crop-dims-x","\xD7")),this.cropDims.appendChild(this.heightInput),this.cropDims.appendChild(k("span","us-crop-dims-unit","px")),this.root.appendChild(this.cropDims);let r=k("div","us-editor-toolbar");this.cropTool=V("Crop",S.crop),this.cropTool.onclick=()=>this.toggleCropMode(),this.circleTool=V("Circle",S.circle),this.circleTool.onclick=()=>this.applyCircle(),this.rotateTool=V("Rotate 90\xB0",S.rotate),this.rotateTool.onclick=()=>this.applyRotate(),this.revertTool=V("Revert",S.undo),this.revertTool.onclick=()=>this.revert(),this.revertTool.disabled=!0,r.appendChild(this.cropTool),r.appendChild(this.circleTool),r.appendChild(this.rotateTool),r.appendChild(k("div","us-tool-spacer")),r.appendChild(this.revertTool),this.root.appendChild(r);let i=k("div","us-editor-footer"),o=document.createElement("button");o.type="button",o.className="us-btn",o.textContent="Cancel",o.onclick=()=>{this.opts.onCancel(),this.close()},this.applyBtn=document.createElement("button"),this.applyBtn.type="button",this.applyBtn.className="us-btn us-btn-primary",this.applyBtn.innerHTML=`${S.check} <span>Apply</span>`,this.applyBtn.onclick=()=>this.applyAndClose(),i.appendChild(o),i.appendChild(this.applyBtn),this.root.appendChild(i),this.opts.host.appendChild(this.root)}async loadOriginalIntoWorking(){let e=await ve(this.opts.file),t=document.createElement("canvas");t.width=e.naturalWidth,t.height=e.naturalHeight;let r=t.getContext("2d");if(!r)throw new Error("Canvas 2D context unavailable");r.drawImage(e,0,0),this.working=t,this.hasAlpha=be(this.opts.file.type),this.markEdited(!1)}async loadTrueOriginalIntoWorking(){var o;let e=(o=this.opts.originalFile)!=null?o:this.opts.file,t=await ve(e),r=document.createElement("canvas");r.width=t.naturalWidth,r.height=t.naturalHeight;let i=r.getContext("2d");if(!i)throw new Error("Canvas 2D context unavailable");i.drawImage(t,0,0),this.working=r,this.hasAlpha=be(e.type),this.markEdited(!1)}draw(){let{width:e,height:t}=this.working,r=Math.min(1,720/Math.max(e,t)),i=Math.max(1,Math.round(e*r)),o=Math.max(1,Math.round(t*r));this.displayCanvas.width=i,this.displayCanvas.height=o,this.displayScale=r;let s=this.displayCanvas.getContext("2d");s&&(s.clearRect(0,0,i,o),s.drawImage(this.working,0,0,i,o),this.updateCropBox())}toggleCropMode(){this.mode==="crop"?this.applyCrop():this.enterCropMode()}enterCropMode(){this.mode="crop",this.cropTool.dataset.active="true",this.cropTool.innerHTML=`${S.check} <span>Apply crop</span>`;let e=this.displayCanvas.width,t=this.displayCanvas.height;if(this.aspect){let i=this.aspect,o=e,s=o/i;s>t&&(s=t,o=s*i),o=o*.9,s=o/i,o<24&&(o=24,s=o/i),s<24&&(s=24,o=s*i),o>e&&(o=e,s=o/i),s>t&&(s=t,o=s*i),this.cropRect={x:Math.round((e-o)/2),y:Math.round((t-s)/2),w:o,h:s}}else{let i=Math.round(Math.min(e,t)*.1);this.cropRect={x:i,y:i,w:e-i*2,h:t-i*2}}this.renderCropBox();let r=this.aspect!==null;this.widthInput.readOnly=r,this.heightInput.readOnly=r,this.cropDims.dataset.locked=r?"true":"false",this.cropDims.hidden=!1,this.syncCropDimsInputs()}exitCropMode(){this.mode="none",this.cropTool.removeAttribute("data-active"),this.cropTool.innerHTML=`${S.crop} <span>Crop</span>`,this.cropRect=null,this.cropBox&&(this.cropBox.remove(),this.cropBox=null),this.cropDims.hidden=!0}makeDimInput(e,t){let r=document.createElement("input");return r.type="number",r.min="1",r.inputMode="numeric",r.className="us-crop-dim-input",r.setAttribute("aria-label",e),r.addEventListener("input",()=>this.onDimInput(t)),r.addEventListener("change",()=>this.syncCropDimsInputs()),r}syncCropDimsInputs(){if(!this.cropRect||!this.widthInput||!this.heightInput)return;let e=this.displayScale||1,t=Math.max(1,Math.round(this.cropRect.w/e)),r=Math.max(1,Math.round(this.cropRect.h/e));document.activeElement!==this.widthInput&&(this.widthInput.value=String(t)),document.activeElement!==this.heightInput&&(this.heightInput.value=String(r))}onDimInput(e){if(this.aspect!==null||!this.cropRect)return;let t=this.displayScale||1,r=e==="w"?this.widthInput:this.heightInput,i=parseInt(r.value,10);if(!(!Number.isFinite(i)||i<=0)){if(e==="w"){let o=this.displayCanvas.width-this.cropRect.x;this.cropRect=R(w({},this.cropRect),{w:C(Math.round(i*t),24,o)})}else{let o=this.displayCanvas.height-this.cropRect.y;this.cropRect=R(w({},this.cropRect),{h:C(Math.round(i*t),24,o)})}this.updateCropBox()}}renderCropBox(){if(!this.cropRect)return;this.cropBox&&this.cropBox.remove();let e=k("div","us-crop-box");for(let t of["nw","ne","sw","se"]){let r=k("div","us-crop-handle");r.dataset.pos=t,r.addEventListener("pointerdown",i=>this.beginDrag(i,t)),e.appendChild(r)}e.addEventListener("pointerdown",t=>{t.target.classList.contains("us-crop-handle")||this.beginDrag(t,"move")}),this.canvasWrap.appendChild(e),this.cropBox=e,this.updateCropBox()}updateCropBox(){if(!this.cropBox||!this.cropRect)return;let e=this.displayCanvas.getBoundingClientRect(),t=this.canvasWrap.getBoundingClientRect(),r=e.left-t.left+this.cropRect.x,i=e.top-t.top+this.cropRect.y;this.cropBox.style.left=`${r}px`,this.cropBox.style.top=`${i}px`,this.cropBox.style.width=`${this.cropRect.w}px`,this.cropBox.style.height=`${this.cropRect.h}px`,this.syncCropDimsInputs()}beginDrag(e,t){this.cropRect&&(e.preventDefault(),this.dragKind=t,this.dragStart={px:e.clientX,py:e.clientY,rect:w({},this.cropRect)},document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp))}lockedRectFromDrag(e,t,r,i,o){let s=this.aspect,a=this.displayCanvas.width,d=this.displayCanvas.height,l=Math.max(24,r),p=l/s;p<24&&(p=24,l=p*s);let c=i>0?a-e:e,u=o>0?d-t:t;l=Math.min(l,c,u*s),p=l/s;let h=i>0?e:e-l,f=o>0?t:t-p;return{x:h,y:f,w:l,h:p}}applyCrop(){var d,l;if(!this.cropRect){this.exitCropMode();return}let e=this.displayScale,t=Math.round(this.cropRect.x/e),r=Math.round(this.cropRect.y/e),i=Math.round(this.cropRect.w/e),o=Math.round(this.cropRect.h/e),s=document.createElement("canvas");s.width=i,s.height=o;let a=s.getContext("2d");a&&(a.drawImage(this.working,t,r,i,o,0,0,i,o),this.working=s,this.exitCropMode(),this.markEdited(!0),(l=(d=this.opts).onCropApplied)==null||l.call(d),this.draw())}applyRotate(){var o,s;let{width:e,height:t}=this.working,r=document.createElement("canvas");r.width=t,r.height=e;let i=r.getContext("2d");i&&(i.translate(t,0),i.rotate(Math.PI/2),i.drawImage(this.working,0,0),this.working=r,this.exitCropMode(),this.markEdited(!0),(s=(o=this.opts).onAspectReset)==null||s.call(o),this.draw())}applyCircle(){var d,l;let{width:e,height:t}=this.working,r=Math.min(e,t),i=Math.round((e-r)/2),o=Math.round((t-r)/2),s=document.createElement("canvas");s.width=r,s.height=r;let a=s.getContext("2d");a&&(a.save(),a.beginPath(),a.arc(r/2,r/2,r/2,0,Math.PI*2),a.closePath(),a.clip(),a.drawImage(this.working,i,o,r,r,0,0,r,r),a.restore(),this.working=s,this.hasAlpha=!0,this.exitCropMode(),this.markEdited(!0),(l=(d=this.opts).onAspectReset)==null||l.call(d),this.draw())}async revert(){var e,t;await this.loadTrueOriginalIntoWorking(),this.exitCropMode(),(t=(e=this.opts).onAspectReset)==null||t.call(e),this.draw()}markEdited(e){this.revertTool.disabled=!e}async applyAndClose(){this.applyBtn.disabled=!0;try{let e=await this.exportFile();this.opts.onApply(e),this.close()}catch(e){this.applyBtn.disabled=!1,console.error("[union-stack] image export failed",e)}}exportFile(){return new Promise((e,t)=>{let r=this.hasAlpha?"image/png":"image/jpeg",i=r==="image/jpeg"?.92:void 0;this.working.toBlob(o=>{if(!o)return t(new Error("toBlob returned null"));let s=this.opts.file.name.replace(/\.[^.]+$/,""),a=r==="image/png"?"png":"jpg";e(new File([o],`${s}-edited.${a}`,{type:r}))},r,i)})}}});function We(n,e){var a,d,l,p,c,u,h,f,L,F,T,M,x,E,$,g,U,y,j,_,A,B,H,I,P,N,Q,te;let t=w({},e),r=e.branding||{};t.branding={logoUrl:(d=(a=r.logoUrl)!=null?a:n.branding.logoUrl)!=null?d:void 0,title:(p=(l=r.title)!=null?l:n.branding.title)!=null?p:void 0,hideFooter:(c=r.hideFooter)!=null?c:n.branding.hideFooter};let i=e.theme||{};if(t.theme={primary:(h=(u=i.primary)!=null?u:n.theme.primary)!=null?h:void 0,background:(L=(f=i.background)!=null?f:n.theme.background)!=null?L:void 0,foreground:(T=(F=i.foreground)!=null?F:n.theme.foreground)!=null?T:void 0,border:(x=(M=i.border)!=null?M:n.theme.border)!=null?x:void 0,radius:($=(E=i.radius)!=null?E:n.theme.radius)!=null?$:void 0,mode:(U=(g=i.mode)!=null?g:n.theme.mode)!=null?U:void 0},t.maxFileSize=(y=e.maxFileSize)!=null?y:n.constraints.maxFileSizeBytes,t.maxFiles=(j=e.maxFiles)!=null?j:n.constraints.maxFilesPerUpload,!e.accept&&((_=n.constraints.allowedMimeTypes)!=null&&_.length)){let ie=n.constraints.allowedMimeTypes.filter(Ee=>Ee!=="*/*");ie.length>0&&(t.accept=ie.join(","))}let o=(A=n.image)!=null?A:null,s=(B=e.cropAspectRatio)!=null?B:o&&o.cropRatioW&&o.cropRatioH?{width:o.cropRatioW,height:o.cropRatioH}:void 0;return t.cropAspectRatio=s,t.forceCrop=((I=(H=e.forceCrop)!=null?H:o==null?void 0:o.forceCrop)!=null?I:!1)&&!!s&&e.imageEditing!==!1,t.minImageWidth=(N=(P=e.minImageWidth)!=null?P:o==null?void 0:o.minWidth)!=null?N:void 0,t.minImageHeight=(te=(Q=e.minImageHeight)!=null?Q:o==null?void 0:o.minHeight)!=null?te:void 0,t}function G(n){return n?n.startsWith("image/")?b.image:n.startsWith("video/")?b.video:n.startsWith("audio/")?b.audio:n==="application/pdf"?b.pdf:n.startsWith("application/zip")||n.includes("compressed")||n==="application/x-tar"||n==="application/gzip"?b.archive:b.file:b.file}function m(n,e,t){let r=document.createElement(n);return e&&(r.className=e),t!==void 0&&(r.textContent=t),r}function Ge(n){var r,i,o;let e=n.trim().toLowerCase();if(!e)return"";if(e.endsWith("/*")||!e.includes("/")){let s=e.replace("/*","");return(r=Xe[s])!=null?r:s.charAt(0).toUpperCase()+s.slice(1)}if(xe[e])return xe[e];if(e.startsWith("."))return e.slice(1).toUpperCase();let t=(i=e.split("/")[1])!=null?i:e;return((o=t.split("+")[0].split(".").pop())!=null?o:t).toUpperCase()}function O(n){return n<1024?`${n} B`:n<1024*1024?`${(n/1024).toFixed(1)} KB`:n<1024*1024*1024?`${(n/1024/1024).toFixed(1)} MB`:`${(n/1024/1024/1024).toFixed(2)} GB`}function Z(){return typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID().replace(/-/g,""):Math.random().toString(36).slice(2)+Date.now().toString(36)}async function Ye(n){var e;if(typeof createImageBitmap=="function")try{let t=await createImageBitmap(n),r=t.width,i=t.height;return(e=t.close)==null||e.call(t),{w:r,h:i}}catch(t){}return new Promise((t,r)=>{if(typeof URL=="undefined"||!URL.createObjectURL){r(new Error("no object URL support"));return}let i=URL.createObjectURL(n),o=new Image;o.onload=()=>{URL.revokeObjectURL(i),t({w:o.naturalWidth,h:o.naturalHeight})},o.onerror=()=>{URL.revokeObjectURL(i),r(new Error("decode failed"))},o.src=i})}async function Je(n){let e;try{e=await fetch(n,{mode:"cors",credentials:"omit"})}catch(o){throw new Error(`Could not reach ${Qe(n)} \u2014 check the URL or CORS.`)}if(!e.ok)throw new Error(`Server returned ${e.status} \u2014 file unavailable.`);let t=await e.blob(),r=Ze(n)||"download",i=t.type||et(r);return new File([t],r,{type:i})}function Qe(n){try{return new URL(n).host}catch(e){return"that host"}}function Ze(n){try{let t=new URL(n).pathname.split("/").filter(Boolean).pop();return t?decodeURIComponent(t):""}catch(e){return""}}function et(n){let e=n.toLowerCase().split(".").pop()||"";return{jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",webp:"image/webp",svg:"image/svg+xml",pdf:"application/pdf",mp4:"video/mp4",mov:"video/quicktime",mp3:"audio/mpeg",wav:"audio/wav",zip:"application/zip",json:"application/json",txt:"text/plain",csv:"text/csv"}[e]||"application/octet-stream"}function Y(n,e){let t=new z(n,e);return{open:()=>t.open(),close:()=>t.close(),cancel:()=>t.cancel()}}var qe,Ke,b,Ve,z,xe,Xe,ke=q(()=>{"use strict";ge();ye();qe="Upload files",Ke="https://unionstack.link",b={upload:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>',fileUp:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M12 18v-6"/><path d="m9 15 3-3 3 3"/></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>',spinner:'<svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9" stroke="currentColor" opacity="0.2"/><path d="M21 12a9 9 0 0 0-9-9" stroke="currentColor"/></svg>',clock:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7.5 12 12 15 13.5"/></svg>',image:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>',video:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>',audio:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>',pdf:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></svg>',archive:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="5" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><line x1="10" y1="13" x2="14" y2="13"/></svg>',file:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>',zap:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>',device:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>',link:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72"/></svg>',pencil:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>'};Ve='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',z=class{constructor(e,t){this.client=e;this.opts=t;this.$backdrop=null;this.$panel=null;this.$list=null;this.$confirm=null;this.$cancel=null;this.$closeBtn=null;this.$input=null;this.$deviceSource=null;this.$urlSource=null;this.$urlInput=null;this.$urlHint=null;this.$urlAddBtn=null;this.items=[];this.editor=null;this.abortCtrl=new AbortController;this.uploadStarted=!1;this.validateSeqCounter=0;this.resolved=!1;this.previouslyFocused=null;this.noticeTimer=null;this.$summary=null;this.donePromise=new Promise(r=>{this.resolvePromise=r})}async open(){var e,t;if(typeof document=="undefined")throw new Error("[union-stack] Picker requires a browser environment.");try{let r=await this.client.pickerConfigPromise;r&&(this.opts=We(r,this.opts))}catch(r){}return me(),this.mount(),(t=(e=this.opts).onOpen)==null||t.call(e),this.donePromise}close(){this.unmount(),this.resolved||this.resolveResult()}cancel(){var e,t;this.abortCtrl.abort(),(t=(e=this.opts).onCancel)==null||t.call(e),this.close()}get acceptStr(){let e=this.opts.accept;return Array.isArray(e)?e.join(","):e!=null?e:""}mount(){var h,f,L,F,T,M,x,E,$;this.previouslyFocused=(h=document.activeElement)!=null?h:null;let e=document.createElement("div");e.className="us-picker-backdrop",Object.entries(fe(this.opts.theme)).forEach(([g,U])=>{e.style.setProperty(g,U)}),e.style.colorScheme=((f=this.opts.theme)==null?void 0:f.mode)==="dark"?"dark":"light",e.addEventListener("click",g=>{g.target===e&&!this.uploadStarted&&this.cancel()});let t=m("div","us-picker");this.$panel=t;let r=`us-picker-title-${Z()}`;t.setAttribute("role","dialog"),t.setAttribute("aria-modal","true"),t.setAttribute("aria-labelledby",r),t.tabIndex=-1,t.addEventListener("keydown",g=>{g.key==="Escape"&&!this.uploadStarted?(g.preventDefault(),this.cancel()):g.key==="Tab"&&this.trapFocus(g)});let i=m("div","us-picker-header"),o=m("div","us-picker-header-logo");if((L=this.opts.branding)!=null&&L.logoUrl){let g=document.createElement("img");g.src=this.opts.branding.logoUrl,g.alt="",o.appendChild(g)}else o.innerHTML=b.zap;i.appendChild(o);let s=m("div","us-picker-title",(T=(F=this.opts.branding)==null?void 0:F.title)!=null?T:qe);s.id=r,i.appendChild(s),this.$closeBtn=document.createElement("button"),this.$closeBtn.type="button",this.$closeBtn.className="us-picker-close",this.$closeBtn.setAttribute("aria-label","Close"),this.$closeBtn.innerHTML=b.close,this.$closeBtn.onclick=()=>this.cancel(),i.appendChild(this.$closeBtn),t.appendChild(i);let a=m("div","us-picker-body"),d=this.resolvedSources();d.length>1&&a.appendChild(this.renderSourceTabs(d)),d.includes("device")&&(this.$deviceSource=this.renderDropzone(),a.appendChild(this.$deviceSource)),d.includes("url")&&(this.$urlSource=this.renderUrlSource(),a.appendChild(this.$urlSource)),this.activateSource((M=d[0])!=null?M:"device"),this.$list=m("div","us-file-list"),a.appendChild(this.$list),t.appendChild(a);let l=this.opts.autoUpload===!0,p=m("div","us-actions");this.$summary=m("div","us-actions-summary",""),this.$summary.setAttribute("role","status"),this.$summary.setAttribute("aria-live","polite"),p.appendChild(this.$summary);let c=m("div","us-actions-buttons");if(this.$cancel=document.createElement("button"),this.$cancel.type="button",this.$cancel.className="us-btn",this.$cancel.textContent="Cancel",this.$cancel.onclick=()=>this.cancel(),c.appendChild(this.$cancel),l||(this.$confirm=document.createElement("button"),this.$confirm.type="button",this.$confirm.className="us-btn us-btn-primary",this.$confirm.innerHTML=`${b.upload} <span>Upload</span>`,this.$confirm.disabled=!0,this.$confirm.onclick=()=>this.startUpload(),c.appendChild(this.$confirm)),p.appendChild(c),t.appendChild(p),!((x=this.opts.branding)!=null&&x.hideFooter)){let g=m("div","us-footer");g.innerHTML=`${b.zap} <span>Powered by <a href="${Ke}" target="_blank" rel="noopener">UnionStack</a></span>`,t.appendChild(g)}e.appendChild(t),((E=this.opts.container)!=null?E:document.body).appendChild(e),this.$backdrop=e,(($=t.querySelector('.us-source-tab[data-active="true"]'))!=null?$:t).focus()}trapFocus(e){if(!this.$panel)return;let t=Array.from(this.$panel.querySelectorAll(Ve)).filter(s=>!s.hasAttribute("disabled")&&s.offsetParent!==null);if(t.length===0)return;let r=t[0],i=t[t.length-1],o=document.activeElement;e.shiftKey&&o===r?(e.preventDefault(),i.focus()):!e.shiftKey&&o===i&&(e.preventDefault(),r.focus())}resolvedSources(){let e=this.opts.fromSources;return!e||e.length===0?["device","url"]:e}renderSourceTabs(e){let t=m("div","us-source-tabs");return t.setAttribute("role","tablist"),t.setAttribute("aria-label","Upload source"),e.forEach((r,i)=>{let o=document.createElement("button");o.type="button",o.className="us-source-tab",o.setAttribute("role","tab"),o.setAttribute("aria-selected","false"),o.tabIndex=-1,o.dataset.source=r,o.innerHTML=r==="device"?`${b.device} <span>My Device</span>`:`${b.link} <span>Link</span>`,o.onclick=()=>this.activateSource(r),o.onkeydown=s=>this.onTabKeydown(s,e,i),t.appendChild(o)}),t}onTabKeydown(e,t,r){var o,s;let i=r;if(e.key==="ArrowRight"||e.key==="ArrowDown")i=(r+1)%t.length;else if(e.key==="ArrowLeft"||e.key==="ArrowUp")i=(r-1+t.length)%t.length;else if(e.key==="Home")i=0;else if(e.key==="End")i=t.length-1;else return;e.preventDefault(),this.activateSource(t[i]),(s=(o=this.$panel)==null?void 0:o.querySelector(`.us-source-tab[data-source="${t[i]}"]`))==null||s.focus()}activateSource(e){var r;if(this.$deviceSource){let i=e==="device";this.$deviceSource.style.display=i?"":"none"}this.$urlSource&&(this.$urlSource.dataset.active=e==="url"?"true":"false");let t=(r=this.$panel)==null?void 0:r.querySelectorAll(".us-source-tab");t==null||t.forEach(i=>{let o=i.dataset.source===e;i.dataset.active=o?"true":"false",i.setAttribute("aria-selected",o?"true":"false"),i.tabIndex=o?0:-1})}renderUrlSource(){let e=m("div","us-url-source"),t=m("div","us-url-form"),r=document.createElement("input");r.type="url",r.className="us-url-input",r.placeholder="https://example.com/photo.jpg",r.setAttribute("aria-label","File URL"),r.onkeydown=s=>{s.key==="Enter"&&(s.preventDefault(),this.handleUrlAdd())},this.$urlInput=r;let i=document.createElement("button");i.type="button",i.className="us-btn us-btn-primary",i.textContent="Add file",i.onclick=()=>this.handleUrlAdd(),this.$urlAddBtn=i,t.appendChild(r),t.appendChild(i),e.appendChild(t);let o=m("div","us-url-hint","Paste a direct file URL. The host must allow CORS so we can fetch it from the browser.");return this.$urlHint=o,e.appendChild(o),e}async handleUrlAdd(){if(!this.$urlInput||!this.$urlAddBtn||!this.$urlHint)return;let e=this.$urlInput.value.trim();if(!e){this.setUrlHint("Enter a URL first.",!0);return}if(!/^https?:\/\//i.test(e)){this.setUrlHint("URL must start with http:// or https://",!0);return}this.$urlAddBtn.disabled=!0;let t=this.$urlAddBtn.textContent;this.$urlAddBtn.textContent="Fetching\u2026",this.setUrlHint("Downloading\u2026",!1);try{let r=await Je(e);this.addFiles([r]),this.$urlInput.value="",this.setUrlHint("Paste a direct file URL. The host must allow CORS so we can fetch it from the browser.",!1)}catch(r){let i=r.message||"Failed to fetch URL";this.setUrlHint(i,!0)}finally{this.$urlAddBtn.disabled=!1,this.$urlAddBtn.textContent=t||"Add file"}}setUrlHint(e,t){this.$urlHint&&(this.$urlHint.textContent=e,this.$urlHint.dataset.error=t?"true":"false")}renderDropzone(){var s;let e=m("div","us-dropzone");e.setAttribute("role","button"),e.setAttribute("tabindex","0"),e.setAttribute("aria-label","Drop files here or click to browse");let t=m("div","us-dropzone-icon");t.innerHTML=b.fileUp,e.appendChild(t),e.appendChild(m("div","us-dropzone-title","Drop files to upload")),e.appendChild(m("div","us-dropzone-hint","or click to browse from your device"));let r=[];if(this.opts.maxFileSize&&r.push(`max ${O(this.opts.maxFileSize)}`),this.acceptStr){let a=[],d=new Set;for(let l of this.acceptStr.split(",")){let p=l.trim();if(!p||p==="*/*")continue;let c=Ge(p);c&&!d.has(c)&&(d.add(c),a.push(c))}a.length>0&&r.push(a.length>5?`${a.slice(0,5).join(", ")} +${a.length-5}`:a.join(", "))}r.length>0&&e.appendChild(m("div","us-dropzone-constraints",r.join(" \xB7 ")));let i=document.createElement("input");i.type="file",i.multiple=((s=this.opts.maxFiles)!=null?s:10)>1,this.acceptStr&&(i.accept=this.acceptStr),i.style.display="none",i.onchange=()=>{i.files&&this.addFiles(Array.from(i.files)),i.value=""},this.$input=i,e.appendChild(i),e.onclick=()=>i.click(),e.onkeydown=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),i.click())};let o=0;return e.addEventListener("dragenter",a=>{a.preventDefault(),o++,e.setAttribute("data-drag","over")}),e.addEventListener("dragover",a=>a.preventDefault()),e.addEventListener("dragleave",()=>{o=Math.max(0,o-1),o===0&&e.removeAttribute("data-drag")}),e.addEventListener("drop",a=>{var l;a.preventDefault(),o=0,e.removeAttribute("data-drag");let d=(l=a.dataTransfer)==null?void 0:l.files;d&&this.addFiles(Array.from(d))}),e}unmount(){var e,t,r,i,o;this.editor&&(this.editor.close(),this.editor=null),this.noticeTimer&&(clearTimeout(this.noticeTimer),this.noticeTimer=null),(e=this.$backdrop)!=null&&e.parentNode&&this.$backdrop.parentNode.removeChild(this.$backdrop),this.$backdrop=null,this.$panel=null;for(let s of this.items)s.objectUrl&&URL.revokeObjectURL(s.objectUrl);(r=(t=this.previouslyFocused)==null?void 0:t.focus)==null||r.call(t),this.previouslyFocused=null,(o=(i=this.opts).onClose)==null||o.call(i)}fileMatchesAccept(e){let t=this.acceptStr.split(",").map(o=>o.trim().toLowerCase()).filter(Boolean);if(t.length===0||t.includes("*/*"))return!0;let r=(e.type||"").toLowerCase(),i=e.name.toLowerCase();return t.some(o=>o.startsWith(".")?i.endsWith(o):o.endsWith("/*")?r.startsWith(o.slice(0,-1)):r===o)}addFiles(e){var l;let t=(l=this.opts.maxFiles)!=null?l:1/0,r=0,i=e.filter(p=>this.fileMatchesAccept(p)?!0:(r++,!1)),o=t-this.items.length,s=o>0?i.slice(0,o):[],a=i.length-s.length,d=[];r>0&&d.push(`${r} file${r>1?"s":""} skipped \u2014 unsupported type`),a>0&&d.push(`${a} file${a>1?"s":""} skipped \u2014 max ${t} allowed`),d.length&&this.flashNotice(d.join(" \xB7 "));for(let p of s){if(this.opts.maxFileSize&&p.size>this.opts.maxFileSize){let u={uploadId:Z(),file:p,originalFile:p,edited:!1,state:"failed",progress:0,error:`File exceeds ${O(this.opts.maxFileSize)} limit`};this.items.push(u),this.renderItem(u);continue}let c={uploadId:Z(),file:p,originalFile:p,edited:!1,state:"queued",progress:0};this.items.push(c),this.renderItem(c),this.shouldCheckDimensions(p)&&(c.validating=!0,this.validateDimensions(c))}this.refreshConfirm(),this.maybeAutoUpload()}renderItem(e){if(!this.$list)return;let t=m("div","us-file");t.dataset.state=e.state,t.dataset.uploadId=e.uploadId;let r=Math.min(this.items.length-1,8);t.style.animationDelay=`${r*35}ms`;let i=m("div","us-file-thumb");if(e.file.type.startsWith("image/")&&typeof URL!="undefined"&&URL.createObjectURL)try{let f=URL.createObjectURL(e.file);e.objectUrl=f,i.style.backgroundImage=`url("${f}")`,i.dataset.image="true"}catch(f){i.innerHTML=G(e.file.type)}else i.innerHTML=G(e.file.type);t.appendChild(i);let o=m("div","us-file-main"),s=m("div","us-file-row1");s.appendChild(m("div","us-file-name",e.file.name));let a=m("div","us-file-meta",O(e.file.size));s.appendChild(a),o.appendChild(s);let d=m("div","us-file-progress"),l=m("div","us-file-progress-bar");d.appendChild(l),o.appendChild(d);let p=m("div","us-file-error");e.error&&(p.textContent=e.error),o.appendChild(p),t.appendChild(o);let c=e.file.type.startsWith("image/"),u=this.opts.imageEditing!==!1;if(c&&u&&e.state==="queued"){let f=document.createElement("button");f.type="button",f.className="us-file-action",f.setAttribute("aria-label","Edit image"),f.title="Edit image",f.innerHTML=b.pencil,f.dataset.edited=e.edited?"true":"false",f.onclick=()=>this.openEditor(e),t.appendChild(f),e.$edit=f}let h=m("div","us-file-status");h.setAttribute("aria-label",this.statusLabel(e)),h.innerHTML=this.statusIcon(e.state),t.appendChild(h),e.$row=t,e.$bar=l,e.$status=h,e.$meta=a,e.$error=p,e.$thumb=i,this.$list.appendChild(t),this.updateSummary(),this.updateItemBadge(e)}replaceItemFile(e,t,r){if(e.file=t,e.edited=r,e.objectUrl&&URL.revokeObjectURL(e.objectUrl),e.objectUrl=void 0,e.$thumb)if(e.$thumb.style.backgroundImage="",e.$thumb.removeAttribute("data-image"),t.type.startsWith("image/")&&typeof URL!="undefined"&&URL.createObjectURL)try{let i=URL.createObjectURL(t);e.objectUrl=i,e.$thumb.style.backgroundImage=`url("${i}")`,e.$thumb.dataset.image="true",e.$thumb.innerHTML=""}catch(i){e.$thumb.innerHTML=G(t.type)}else e.$thumb.innerHTML=G(t.type);if(e.$meta&&(e.$meta.textContent=O(t.size)),e.$row){let i=e.$row.querySelector(".us-file-name");i&&(i.textContent=t.name)}e.$edit&&(e.$edit.dataset.edited=r?"true":"false")}openEditor(e){if(!this.$panel||this.editor||e.state!=="queued")return;let t=!1;this.editor=new X({host:this.$panel,file:e.file,originalFile:e.originalFile,title:e.originalFile.name,lockedAspect:this.opts.cropAspectRatio,onCropApplied:()=>{t=!0},onAspectReset:()=>{t=!1},onApply:r=>{let i=r!==e.originalFile;this.replaceItemFile(e,r,i),t&&(e.ratioCropped=!0),this.editor=null,this.shouldCheckDimensions(e.file)&&(e.validating=!0,this.validateDimensions(e)),this.updateItemBadge(e),this.refreshConfirm()},onCancel:()=>{this.editor=null}}),this.editor.open()}statusIcon(e){switch(e){case"uploading":return b.spinner;case"done":return b.check;case"failed":return b.alert;case"cancelled":return b.alert;default:return b.clock}}statusLabel(e){switch(e.state){case"queued":return"Waiting to upload";case"uploading":return`Uploading ${Math.round(e.progress)} percent`;case"done":return"Upload complete";case"failed":return e.error?`Failed: ${e.error}`:"Upload failed";case"cancelled":return"Cancelled"}}setItemState(e,t,r){if(e.state=t,r!==void 0&&(e.progress=r),e.$row&&(e.$row.dataset.state=t),e.$bar&&(e.$bar.style.width=`${e.progress}%`),e.$status&&(e.$status.innerHTML=this.statusIcon(t),e.$status.setAttribute("aria-label",this.statusLabel(e))),e.$meta){let i=O(e.file.size);t==="uploading"?e.$meta.textContent=`${i} \xB7 ${Math.round(e.progress)}%`:e.$meta.textContent=i}e.$error&&(e.$error.textContent=t==="failed"?e.error||"Upload failed":""),this.updateSummary()}updateSummary(){if(!this.$summary)return;let e=this.items.length;if(e===0){this.$summary.textContent="";return}let t=this.items.filter(o=>o.state==="done").length,r=this.items.filter(o=>o.state==="failed").length,i=this.items.filter(o=>o.state==="uploading"||o.state==="queued").length;if(!this.uploadStarted&&i>0){let o=this.items.filter(s=>s.state==="queued").length;this.$summary.textContent=`${o} file${o===1?"":"s"} ready`}else i>0?this.$summary.textContent=`Uploading ${t+1} of ${e}`:r>0?this.$summary.textContent=`${t} of ${e} uploaded \xB7 ${r} failed`:t===e?this.$summary.textContent=`${e} file${e===1?"":"s"} uploaded`:this.$summary.textContent=`${e} file${e===1?"":"s"} ready`}needsCrop(e){return this.opts.forceCrop===!0&&!!this.opts.cropAspectRatio&&e.state==="queued"&&e.file.type.startsWith("image/")&&e.file.type!=="image/svg+xml"&&!e.ratioCropped}hasUncroppedImages(){return this.items.some(e=>this.needsCrop(e))}anyValidating(){return this.items.some(e=>e.validating===!0)}shouldCheckDimensions(e){return!!(this.opts.minImageWidth||this.opts.minImageHeight)&&e.type.startsWith("image/")&&e.type!=="image/svg+xml"}updateItemBadge(e){e.$row&&(this.needsCrop(e)?(e.$row.dataset.cropRequired="true",e.$meta&&(e.$meta.textContent="Crop to ratio required")):(delete e.$row.dataset.cropRequired,e.state==="queued"&&e.$meta&&!e.validating&&(e.$meta.textContent=O(e.file.size))))}async validateDimensions(e){var a,d;let t=++this.validateSeqCounter;e.validateSeq=t;let r=(a=this.opts.minImageWidth)!=null?a:0,i=(d=this.opts.minImageHeight)!=null?d:0,o=e.file,s=null;try{s=await Ye(o)}catch(l){s=null}if(e.validateSeq===t){if(e.validating=!1,e.state==="queued")if(s&&s.w>0&&s.h>0&&(s.w<r||s.h<i)){let l=`${r||"?"}\xD7${i||"?"}`;e.error=`Image too small \u2014 needs at least ${l}px (got ${s.w}\xD7${s.h})`,this.setItemState(e,"failed")}else this.updateItemBadge(e);this.refreshConfirm(),this.maybeAutoUpload()}}maybeAutoUpload(){this.opts.autoUpload!==!0||this.uploadStarted||this.anyValidating()||this.hasUncroppedImages()||this.items.some(e=>e.state==="queued")&&requestAnimationFrame(()=>{this.uploadStarted||this.startUpload()})}refreshConfirm(){if(!this.$confirm)return;let e=this.items.filter(t=>t.state==="queued").length;this.$confirm.disabled=e===0||this.uploadStarted||this.hasUncroppedImages()||this.anyValidating()}flashNotice(e){this.$summary&&(this.$summary.textContent=e,this.$summary.dataset.tone="warn",this.noticeTimer&&clearTimeout(this.noticeTimer),this.noticeTimer=setTimeout(()=>{this.$summary&&(this.$summary.textContent="",delete this.$summary.dataset.tone),this.noticeTimer=null},4e3))}async startUpload(){if(this.uploadStarted)return;if(this.anyValidating()){this.flashNotice("Checking image dimensions\u2026");return}if(this.hasUncroppedImages()){this.items.forEach(i=>this.updateItemBadge(i)),this.flashNotice("Crop required \u2014 crop every image to the set ratio before uploading.");return}let e=this.items.filter(i=>i.state==="queued");if(e.length===0)return;this.uploadStarted=!0,this.$confirm&&(this.$confirm.disabled=!0,this.$confirm.textContent="Uploading\u2026"),this.$cancel&&(this.$cancel.textContent="Stop"),this.$closeBtn&&(this.$closeBtn.disabled=!0),this.$input&&(this.$input.disabled=!0);let t=new Map,r=e.map(i=>i.file);try{await this.client.uploadMany(r,R(w({},this.opts),{signal:this.abortCtrl.signal,onUploadStarted:i=>{var o,s;i.forEach((a,d)=>{let l=e[d];l&&(l.uploadId=a.uploadId,l.$row&&(l.$row.dataset.uploadId=a.uploadId),t.set(a.uploadId,l))}),(s=(o=this.opts).onUploadStarted)==null||s.call(o,i)},onFileUploadStarted:i=>{var s,a;let o=t.get(i.uploadId);o&&this.setItemState(o,"uploading",0),(a=(s=this.opts).onFileUploadStarted)==null||a.call(s,i)},onFileUploadProgress:(i,o)=>{var a,d;let s=t.get(i.uploadId);s&&this.setItemState(s,"uploading",o.totalPercent),(d=(a=this.opts).onFileUploadProgress)==null||d.call(a,i,o)},onFileUploadFinished:i=>{var s,a;let o=t.get(i.uploadId);o&&(o.uploaded=i,this.setItemState(o,"done",100)),(a=(s=this.opts).onFileUploadFinished)==null||a.call(s,i)},onFileUploadFailed:(i,o)=>{var a,d;let s=t.get(i.uploadId);s&&(s.error=o.message,this.setItemState(s,"failed")),(d=(a=this.opts).onFileUploadFailed)==null||d.call(a,i,o)},onUploadDone:i=>{var o,s;(s=(o=this.opts).onUploadDone)==null||s.call(o,i),this.resolveResult(i),this.unmount()},onError:i=>{var o,s;(s=(o=this.opts).onError)==null||s.call(o,i),this.resolveResult(),this.unmount()}}))}catch(i){this.resolved||(this.resolveResult(),this.unmount())}}resolveResult(e){if(this.resolved)return;this.resolved=!0;let t=e!=null?e:{filesUploaded:this.items.filter(r=>r.uploaded).map(r=>r.uploaded),filesFailed:this.items.filter(r=>r.state==="failed").map(r=>({file:{uploadId:r.uploadId,filename:r.file.name,mimetype:r.file.type||"application/octet-stream",size:r.file.size,source:"local"},error:{code:"VALIDATION",message:r.error||"failed",retryable:!1}}))};this.resolvePromise(t)}};xe={"application/pdf":"PDF","application/msword":"DOC","application/vnd.openxmlformats-officedocument.wordprocessingml.document":"DOCX","application/vnd.ms-excel":"XLS","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"XLSX","application/vnd.ms-powerpoint":"PPT","application/vnd.openxmlformats-officedocument.presentationml.presentation":"PPTX","application/zip":"ZIP","application/json":"JSON","application/rtf":"RTF","text/plain":"TXT","text/csv":"CSV","text/html":"HTML","text/markdown":"MD","image/jpeg":"JPG","image/png":"PNG","image/gif":"GIF","image/webp":"WEBP","image/svg+xml":"SVG","image/heic":"HEIC","video/mp4":"MP4","audio/mpeg":"MP3"},Xe={image:"Images",video:"Video",audio:"Audio",text:"Text",font:"Fonts"}});var we={};se(we,{Picker:()=>z,openPicker:()=>Y});var ee=q(()=>{"use strict";ke()});var ot={};se(ot,{Picker:()=>z,UnionStackClient:()=>D,init:()=>rt,openPicker:()=>Y});function v(n,e,t={}){var r;return{code:n,message:e,status:t.status,retryable:(r=t.retryable)!=null?r:Se(n,t.status),cause:t.cause}}function Se(n,e){return!!(n==="NETWORK"||n==="PART_FAILED"||n==="SERVER"&&e&&e>=500)}function ae(n,e){let t=e==null?void 0:e.error,r=(t==null?void 0:t.message)||`Request failed with status ${n}`,i=((t==null?void 0:t.code)||"").toUpperCase();if(n===401)return v("AUTH",r,{status:n,retryable:!1});if(n===403)return v("AUTH",r,{status:n,retryable:!1});if(n===413)return v("VALIDATION",r,{status:n,retryable:!1});if(n===415)return v("VALIDATION",r,{status:n,retryable:!1});if(n===426)return v("CONFIG",r,{status:n,retryable:!1});if(n===429){let o=i==="QUOTA_EXCEEDED";return v(o?"QUOTA":"NETWORK",r,{status:n,retryable:!o})}return n>=500?v("SERVER",r,{status:n,retryable:!0}):v("SERVER",r,{status:n,retryable:!1})}var le="0.3.12",de=`js/${le}`,at=`node/${le}`;var Le=3,Fe=3,pe=[400,1200,3600],K=class{constructor(e){this.cfg=e}describe(e,t={}){let r=typeof File!="undefined"&&e instanceof File,i=t.filename||(r?e.name:"untitled"),o=t.mimeType||e.type||"application/octet-stream";return{uploadId:Ae(),filename:i,mimetype:o,size:e.size,source:"local"}}async upload(e,t={}){var i,o,s;let r=this.describe(e,{filename:t.filename,mimeType:t.mimeType});(i=t.onFileUploadStarted)==null||i.call(t,r);try{let a=await this.initUpload(r,t),d=await this.uploadAllParts(e,a,r,t),l=await this.completeUpload(a.sessionId,d,t),p=R(w({},r),{handle:l.handle,fileId:l.fileId,url:l.url,size:l.size,mimetype:l.mimetype,filename:l.filename,key:l.key,container:l.container,status:"Stored",etag:l.etag,metadata:l.metadata});return(o=t.onFileUploadFinished)==null||o.call(t,p),p}catch(a){let d=ce(a);throw(s=t.onFileUploadFailed)==null||s.call(t,r,d),a!=null&&a.sessionId&&this.abortSilently(a.sessionId).catch(()=>{}),d}}async abort(e){await this.api("POST","/sdk/v1/uploads/abort",{sessionId:e})}async fetchPickerConfig(){return this.api("GET","/sdk/v1/picker-config")}async initUpload(e,t){return this.api("POST","/sdk/v1/uploads/init",{filename:e.filename,mimeType:e.mimetype,size:e.size,metadata:t.metadata},t.signal)}async uploadAllParts(e,t,r,i){var T,M;let o=t.totalParts,s=t.chunkSize,a=Math.max(1,(T=i.concurrency)!=null?T:Le),d=(M=i.maxRetriesPerPart)!=null?M:Fe,l=new Map(t.partUrls.map(x=>[x.partNumber,x.url])),p=new Array(o),c=new Array(o).fill(0),u=1,h=e.size,f=()=>{var g;let x=c.reduce((U,y)=>U+y,0),E=h>0?Math.min(100,Math.round(x/h*100)):100,$={totalBytes:h,loaded:x,totalPercent:E};(g=i.onFileUploadProgress)==null||g.call(i,r,$)},L=async()=>{var x,E,$,g,U;for(;;){if((x=i.signal)!=null&&x.aborted)throw v("ABORTED","Upload aborted by caller.",{retryable:!1});let y=u++;if(y>o)return;let j=(y-1)*s,_=Math.min(j+s,e.size),A=e.slice(j,_),B=0,H;for(;B<=d;){if((E=i.signal)!=null&&E.aborted)throw v("ABORTED","Upload aborted by caller.",{retryable:!1});try{let I=l.get(y);I||(I=(await this.api("POST","/sdk/v1/uploads/sign-part",{sessionId:t.sessionId,partNumber:y},i.signal)).url,l.set(y,I));let P=(U=await((g=($=this.cfg).fetch)==null?void 0:g.call($,I,{method:"PUT",body:A,signal:i.signal})))!=null?U:await fetch(I,{method:"PUT",body:A,signal:i.signal});if(!P.ok)throw(P.status===403||P.status===401)&&l.delete(y),v("PART_FAILED",`Part ${y} PUT failed (HTTP ${P.status})`,{status:P.status});let N=P.headers.get("etag");if(!N)throw v("PART_FAILED",`Part ${y}: R2 did not return an ETag.`);p[y-1]={partNumber:y,etag:N,size:A.size},c[y-1]=A.size,f();break}catch(I){if(H=I,B++,B>d)break;await Be(pe[Math.min(B-1,pe.length-1)])}}if(!p[y-1])throw He(ce(H!=null?H:v("PART_FAILED",`Part ${y} failed after ${d} retries.`)),t.sessionId)}},F=Array.from({length:Math.min(a,o)},L);return await Promise.all(F),p}async completeUpload(e,t,r){return this.api("POST","/sdk/v1/uploads/complete",{sessionId:e,parts:t.map(i=>({partNumber:i.partNumber,etag:i.etag}))},r.signal)}async abortSilently(e){try{await this.abort(e)}catch(t){}}async api(e,t,r,i){var l,p;let o=(l=this.cfg.fetch)!=null?l:fetch,s=`${this.cfg.apiBase}${t}`,a;try{a=await o(s,{method:e,headers:{Authorization:`Bearer ${this.cfg.apiKey}`,"Content-Type":"application/json","X-UnionStack-SDK":(p=this.cfg.sdkHeader)!=null?p:de},body:r===void 0?void 0:JSON.stringify(r),signal:i})}catch(c){throw(c==null?void 0:c.name)==="AbortError"?v("ABORTED","Request aborted.",{retryable:!1,cause:c}):v("NETWORK","Network request failed.",{retryable:!0,cause:c})}let d=null;try{d=await a.json()}catch(c){}if(!a.ok)throw ae(a.status,d);return d}};function Ae(){return typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID().replace(/-/g,""):Math.random().toString(36).slice(2)+Date.now().toString(36)}function Be(n){return new Promise(e=>setTimeout(e,n))}function ce(n){if(n&&typeof n=="object"&&"code"in n&&"message"in n&&"retryable"in n)return n;let e=(n==null?void 0:n.message)||"Upload failed.";return v("NETWORK",e,{cause:n})}function He(n,e){return n&&typeof n=="object"&&(n.sessionId=e),n}var tt="https://api.unionstack.link/v1",Ce="unionstack-preloader-styles";function it(){if(typeof document=="undefined")return()=>{};if(!document.getElementById(Ce)){let r=document.createElement("style");r.id=Ce,r.textContent="@keyframes us-preload-spin{to{transform:rotate(360deg)}}@keyframes us-preload-fade{from{opacity:0}to{opacity:1}}",document.head.appendChild(r)}let n=document.createElement("div");n.setAttribute("role","status"),n.setAttribute("aria-label","Loading file picker"),n.style.cssText="position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,0.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:us-preload-fade 140ms ease-out;";let e=document.createElement("div");e.style.cssText="width:36px;height:36px;border-radius:50%;border:3px solid rgba(220,225,251,0.25);border-top-color:#c0c1ff;animation:us-preload-spin 0.8s linear infinite;",n.appendChild(e),document.body.appendChild(n);let t=!1;return()=>{t||(t=!0,n.remove())}}var D=class{constructor(e){e.apiKey||console.error("[UnionStack] apiKey is not set. Uploads and the picker are disabled until a valid apiKey is provided."),this.resolvedCfg=R(w({},e),{apiBase:tt}),this.uploader=new K(this.resolvedCfg),this.pickerConfigPromise=!e.apiKey||this.resolvedCfg.skipConfigPrefetch?Promise.resolve(null):this.uploader.fetchPickerConfig().then(t=>(t!=null&&t.sdkWarning&&console.warn(`[UnionStack] ${t.sdkWarning}`),t)).catch(()=>null)}missingKeyError(){return this.resolvedCfg.apiKey?null:v("CONFIG","apiKey is required.",{retryable:!1})}upload(e,t={}){let r=this.missingKeyError();return r?Promise.reject(r):this.uploader.upload(e,t)}async uploadMany(e,t={}){var d,l,p,c;let r=this.missingKeyError();if(r)throw(d=t.onError)==null||d.call(t,r),r;if(!Array.isArray(e)||e.length===0){let u=v("VALIDATION","uploadMany requires a non-empty array of files.",{retryable:!1});throw(l=t.onError)==null||l.call(t,u),u}let i=e.map(u=>this.uploader.describe(u,{filename:t.filename,mimeType:t.mimeType}));(p=t.onUploadStarted)==null||p.call(t,i);let o=[],s=[];await Promise.all(e.map(async(u,h)=>{try{let f=await this.uploader.upload(u,t);f.uploadId=i[h].uploadId,o.push(f)}catch(f){s.push({file:i[h],error:f})}}));let a={filesUploaded:o,filesFailed:s};return(c=t.onUploadDone)==null||c.call(t,a),a}picker(e={}){let t=null,r=!1,i,o,s=new Promise((a,d)=>{i=a,o=d});return{open:async()=>{if(r)return s;let a=this.missingKeyError();if(a)throw o(a),a;r=!0;let d=it();try{t=(await Promise.resolve().then(()=>(ee(),we))).openPicker(this,R(w({},e),{onOpen:()=>{var c;d(),(c=e.onOpen)==null||c.call(e)}}));let p=await t.open();return d(),i(p),p}catch(l){d();let p=l!=null&&l.code?l:v("CONFIG","Failed to load picker.",{retryable:!1,cause:l});throw o(p),p}},close:()=>{t==null||t.close()},cancel:()=>{t==null||t.cancel()}}}get config(){return this.resolvedCfg}};var J={init(n){return new D(n)}};ee();var rt=J.init.bind(J);(function(){if(typeof document=="undefined")return;let e=document.currentScript;if(!e)return;let t=e.getAttribute("data-unionstack-key");if(t)try{let r=J.init({apiKey:t});queueMicrotask(()=>{window.UnionStack&&(window.UnionStack.client=r)})}catch(r){console.error("[UnionStack] auto-init failed:",r)}})();return Me(ot);})();
|
|
512
544
|
//# sourceMappingURL=loader.v1.global.js.map
|