@editora/ui-core 0.1.18 → 0.1.20

package/dist/field.esm.js

@@ -1,4 +1,4 @@
-import { E as A } from "./ElementBase-909688f3.mjs";
+import { E as A } from "./ElementBase-YlTLMsGk.mjs";
 const E = `
   :host {
     --ui-field-gap: 8px;
@@ -376,17 +376,12 @@ function b(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function p(o) {
-  if (!o)
-    return !1;
+  if (!o) return !1;
   const e = o.assignedNodes({ flatten: !0 });
-  return e.length ? e.some((t) => {
-    var l;
-    return t.nodeType === Node.TEXT_NODE ? !!((l = t.textContent) != null && l.trim()) : t.nodeType === Node.ELEMENT_NODE;
-  }) : !1;
+  return e.length ? e.some((r) => r.nodeType === Node.TEXT_NODE ? !!r.textContent?.trim() : r.nodeType === Node.ELEMENT_NODE) : !1;
 }
 function f(o) {
-  if (o.hasAttribute("disabled") || o.getAttribute("aria-disabled") === "true" || o.getAttribute("tabindex") === "-1")
-    return !1;
+  if (o.hasAttribute("disabled") || o.getAttribute("aria-disabled") === "true" || o.getAttribute("tabindex") === "-1") return !1;
   const e = window.getComputedStyle(o);
   return !(e.display === "none" || e.visibility === "hidden");
 }
@@ -427,8 +422,8 @@ class k extends A {
   disconnectedCallback() {
     this.root.removeEventListener("click", this._onRootClick), this.root.removeEventListener("slotchange", this._onSlotChange), super.disconnectedCallback();
   }
-  attributeChangedCallback(e, t, l) {
-    if (t !== l) {
+  attributeChangedCallback(e, r, l) {
+    if (r !== l) {
       if (e === "for" && this._invalidateControlCache(), e === "label-width") {
         const i = this.getAttribute("label-width");
         i ? this.style.setProperty("--ui-field-label-width", i) : this.style.removeProperty("--ui-field-label-width");
@@ -444,8 +439,8 @@ class k extends A {
     this._invalidateControlCache(), this._scheduleDerivedStateSync();
   }
   _onRootClick(e) {
-    const t = e.target;
-    t && t.closest(".label") && (q(t) || this._focusControl());
+    const r = e.target;
+    r && r.closest(".label") && (q(r) || this._focusControl());
   }
   _invalidateControlCache() {
     this._controlCache = null;
@@ -469,17 +464,16 @@ class k extends A {
       return this._controlCache;
     const e = this.getAttribute("for");
     if (e) {
-      const r = document.getElementById(e);
-      if (r instanceof HTMLElement && f(r))
-        return this._controlCache = r, r;
+      const t = document.getElementById(e);
+      if (t instanceof HTMLElement && f(t))
+        return this._controlCache = t, t;
     }
-    const t = this.root.querySelector("slot:not([name])"), l = (t == null ? void 0 : t.assignedElements({ flatten: !0 })) || [];
-    for (const r of l) {
-      if (!(r instanceof HTMLElement))
-        continue;
-      if (f(r))
-        return this._controlCache = r, r;
-      const s = r.querySelector(S);
+    const l = this.root.querySelector("slot:not([name])")?.assignedElements({ flatten: !0 }) || [];
+    for (const t of l) {
+      if (!(t instanceof HTMLElement)) continue;
+      if (f(t))
+        return this._controlCache = t, t;
+      const s = t.querySelector(S);
       if (s && f(s))
         return this._controlCache = s, s;
     }
@@ -487,37 +481,36 @@ class k extends A {
     return i && f(i) ? (this._controlCache = i, i) : null;
   }
   _syncDerivedState() {
-    const e = this.root.querySelector('slot[name="label"]'), t = this.root.querySelector('slot[name="actions"]'), l = this.root.querySelector('slot[name="description"]'), i = this.root.querySelector('slot[name="error"]'), r = (this.getAttribute("label") || "").trim(), s = (this.getAttribute("description") || "").trim(), h = (this.getAttribute("error") || "").trim(), n = !!r || p(e), c = p(t), d = !!s || p(l), u = !!h || p(i), C = n || c || d, a = n || c, g = this.root.querySelector(".meta"), v = this.root.querySelector(".label-row"), m = this.root.querySelector(".label"), x = this.root.querySelector(".actions"), y = this.root.querySelector(".description"), w = this.root.querySelector(".error");
+    const e = this.root.querySelector('slot[name="label"]'), r = this.root.querySelector('slot[name="actions"]'), l = this.root.querySelector('slot[name="description"]'), i = this.root.querySelector('slot[name="error"]'), t = (this.getAttribute("label") || "").trim(), s = (this.getAttribute("description") || "").trim(), h = (this.getAttribute("error") || "").trim(), n = !!t || p(e), c = p(r), d = !!s || p(l), u = !!h || p(i), C = n || c || d, a = n || c, g = this.root.querySelector(".meta"), v = this.root.querySelector(".label-row"), m = this.root.querySelector(".label"), x = this.root.querySelector(".actions"), y = this.root.querySelector(".description"), w = this.root.querySelector(".error");
     g && (C ? g.removeAttribute("hidden") : g.setAttribute("hidden", "")), v && (a ? v.removeAttribute("hidden") : v.setAttribute("hidden", "")), m && (n ? m.removeAttribute("hidden") : m.setAttribute("hidden", "")), x && (c ? x.removeAttribute("hidden") : x.setAttribute("hidden", "")), y && (d ? y.removeAttribute("hidden") : y.setAttribute("hidden", "")), w && (u ? w.removeAttribute("hidden") : w.setAttribute("hidden", "")), this._syncControlA11y(n, d, u);
   }
-  _syncControlA11y(e, t, l) {
+  _syncControlA11y(e, r, l) {
     const i = this._resolveControlElement();
-    if (!i)
-      return;
-    const r = `${this._uid}-label`, s = `${this._uid}-description`, h = `${this._uid}-error`, n = (i.getAttribute("aria-labelledby") || "").split(/\s+/).filter((a) => a && a !== r);
-    !i.hasAttribute("aria-label") && e && n.push(r);
+    if (!i) return;
+    const t = `${this._uid}-label`, s = `${this._uid}-description`, h = `${this._uid}-error`, n = (i.getAttribute("aria-labelledby") || "").split(/\s+/).filter((a) => a && a !== t);
+    !i.hasAttribute("aria-label") && e && n.push(t);
     const c = _(n);
     c.length ? i.setAttribute("aria-labelledby", c.join(" ")) : i.removeAttribute("aria-labelledby");
     const d = (i.getAttribute("aria-describedby") || "").split(/\s+/).filter((a) => a && a !== s && a !== h);
-    t && d.push(s), l && d.push(h);
+    r && d.push(s), l && d.push(h);
     const u = _(d);
     u.length ? i.setAttribute("aria-describedby", u.join(" ")) : i.removeAttribute("aria-describedby"), this.hasAttribute("invalid") || l ? i.setAttribute("aria-invalid", "true") : i.removeAttribute("aria-invalid"), this.hasAttribute("required") ? i.setAttribute("aria-required", "true") : i.removeAttribute("aria-required");
   }
   render() {
-    const e = this.getAttribute("label") || "", t = this.getAttribute("description") || "", l = this.getAttribute("error") || "", i = this.hasAttribute("required"), r = this.getAttribute("for") || "";
+    const e = this.getAttribute("label") || "", r = this.getAttribute("description") || "", l = this.getAttribute("error") || "", i = this.hasAttribute("required"), t = this.getAttribute("for") || "";
     this.setContent(`
       <style>${E}</style>
       <div class="frame" part="field">
         <div class="meta" part="meta">
           <div class="label-row" part="top">
-            <label class="label" id="${this._uid}-label" ${r ? `for="${b(r)}"` : ""}>
+            <label class="label" id="${this._uid}-label" ${t ? `for="${b(t)}"` : ""}>
               <slot name="label">${b(e)}</slot>
               ${i ? '<span class="required" aria-hidden="true">*</span>' : ""}
             </label>
             <div class="actions" part="actions"><slot name="actions"></slot></div>
           </div>
           <p class="description" id="${this._uid}-description" part="description">
-            <slot name="description">${b(t)}</slot>
+            <slot name="description">${b(r)}</slot>
           </p>
         </div>
 
@@ -532,7 +525,7 @@ class k extends A {
       </div>
     `), this._invalidateControlCache(), this._scheduleDerivedStateSync();
   }
-  shouldRenderOnAttributeChange(e, t, l) {
+  shouldRenderOnAttributeChange(e, r, l) {
     return e === "label" || e === "description" || e === "error" || e === "required" || e === "for";
   }
 }

package/dist/fieldset.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("./ElementBase-1b301e7f.js"),A=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("./ElementBase-EV6mVBUV.js"),A=`
   :host {
     --ui-fieldset-gap: 10px;
     --ui-fieldset-radius: 16px;
@@ -186,7 +186,7 @@
       box-shadow: none;
     }
   }
-`;function a(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function s(i){if(!i)return!1;const e=i.assignedNodes({flatten:!0});return e.length?e.some(t=>{var r;return t.nodeType===Node.TEXT_NODE?!!((r=t.textContent)!=null&&r.trim()):t.nodeType===Node.ELEMENT_NODE}):!1}function d(i,e){return i.id||(i.id=`ui-fieldset-${e}-${Math.random().toString(36).slice(2,9)}`),i.id}function q(i){return Array.from(new Set(i.filter(Boolean)))}class m extends S.ElementBase{constructor(){super(...arguments),this._stateSyncQueued=!1,this._onSlotChange=()=>{this._updateVisibility(),this._scheduleStateSync()}}static get observedAttributes(){return["legend","description","error","required","invalid","orientation","variant","tone","density","shape","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("slotchange",this._onSlotChange),this._scheduleStateSync()}disconnectedCallback(){this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="legend"||e==="description"||e==="error"||e==="required"){this.isConnected&&this.requestRender();return}e==="invalid"&&this._scheduleStateSync()}}render(){const e=this.getAttribute("legend")||"",t=this.getAttribute("description")||"",r=this.getAttribute("error")||"",o=this.hasAttribute("required");this.setContent(`
+`;function a(r){return r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function s(r){if(!r)return!1;const e=r.assignedNodes({flatten:!0});return e.length?e.some(t=>t.nodeType===Node.TEXT_NODE?!!t.textContent?.trim():t.nodeType===Node.ELEMENT_NODE):!1}function d(r,e){return r.id||(r.id=`ui-fieldset-${e}-${Math.random().toString(36).slice(2,9)}`),r.id}function q(r){return Array.from(new Set(r.filter(Boolean)))}class m extends S.ElementBase{constructor(){super(...arguments),this._stateSyncQueued=!1,this._onSlotChange=()=>{this._updateVisibility(),this._scheduleStateSync()}}static get observedAttributes(){return["legend","description","error","required","invalid","orientation","variant","tone","density","shape","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("slotchange",this._onSlotChange),this._scheduleStateSync()}disconnectedCallback(){this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="legend"||e==="description"||e==="error"||e==="required"){this.isConnected&&this.requestRender();return}e==="invalid"&&this._scheduleStateSync()}}render(){const e=this.getAttribute("legend")||"",t=this.getAttribute("description")||"",i=this.getAttribute("error")||"",o=this.hasAttribute("required");this.setContent(`
       <style>${A}</style>
       <fieldset class="frame" part="frame">
         <div class="legend-row">
@@ -205,10 +205,10 @@
           <slot></slot>
         </div>
         <p class="error" part="error">
-          <slot name="error">${r?a(r):""}</slot>
+          <slot name="error">${i?a(i):""}</slot>
         </p>
         <div class="footer" part="footer">
           <slot name="footer"></slot>
         </div>
       </fieldset>
-    `),this._updateVisibility(),this._syncAria()}_scheduleStateSync(){this._stateSyncQueued||(this._stateSyncQueued=!0,queueMicrotask(()=>{this._stateSyncQueued=!1,this.isConnected&&this._syncAria()}))}_updateVisibility(){const e=this.root.querySelector('slot[name="legend"]'),t=this.root.querySelector('slot[name="description"]'),r=this.root.querySelector('slot[name="actions"]'),o=this.root.querySelector('slot[name="error"]'),n=this.root.querySelector('slot[name="footer"]'),l=!!this.getAttribute("legend")||s(e),v=!!this.getAttribute("description")||s(t),c=s(r),y=!!this.getAttribute("error")||s(o),x=s(n),u=this.root.querySelector(".legend-row"),f=this.root.querySelector(".legend"),h=this.root.querySelector(".actions"),g=this.root.querySelector(".description"),p=this.root.querySelector(".error"),b=this.root.querySelector(".footer");u&&u.toggleAttribute("hidden",!l&&!c),f&&f.toggleAttribute("hidden",!l),h&&h.toggleAttribute("hidden",!c),g&&g.toggleAttribute("hidden",!v),p&&p.toggleAttribute("hidden",!y),b&&b.toggleAttribute("hidden",!x)}_syncAria(){const e=this.root.querySelector(".frame"),t=this.root.querySelector(".legend"),r=this.root.querySelector(".description"),o=this.root.querySelector(".error");if(!e)return;t&&!t.hasAttribute("hidden")?e.setAttribute("aria-labelledby",d(t,"legend")):e.removeAttribute("aria-labelledby");const n=q([r&&!r.hasAttribute("hidden")?d(r,"description"):"",o&&!o.hasAttribute("hidden")?d(o,"error"):""]);n.length?e.setAttribute("aria-describedby",n.join(" ")):e.removeAttribute("aria-describedby"),this.hasAttribute("invalid")||o&&!o.hasAttribute("hidden")?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid")}}typeof customElements<"u"&&!customElements.get("ui-fieldset")&&customElements.define("ui-fieldset",m);exports.UIFieldset=m;
+    `),this._updateVisibility(),this._syncAria()}_scheduleStateSync(){this._stateSyncQueued||(this._stateSyncQueued=!0,queueMicrotask(()=>{this._stateSyncQueued=!1,this.isConnected&&this._syncAria()}))}_updateVisibility(){const e=this.root.querySelector('slot[name="legend"]'),t=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="actions"]'),o=this.root.querySelector('slot[name="error"]'),n=this.root.querySelector('slot[name="footer"]'),l=!!this.getAttribute("legend")||s(e),v=!!this.getAttribute("description")||s(t),c=s(i),y=!!this.getAttribute("error")||s(o),x=s(n),u=this.root.querySelector(".legend-row"),f=this.root.querySelector(".legend"),h=this.root.querySelector(".actions"),g=this.root.querySelector(".description"),p=this.root.querySelector(".error"),b=this.root.querySelector(".footer");u&&u.toggleAttribute("hidden",!l&&!c),f&&f.toggleAttribute("hidden",!l),h&&h.toggleAttribute("hidden",!c),g&&g.toggleAttribute("hidden",!v),p&&p.toggleAttribute("hidden",!y),b&&b.toggleAttribute("hidden",!x)}_syncAria(){const e=this.root.querySelector(".frame"),t=this.root.querySelector(".legend"),i=this.root.querySelector(".description"),o=this.root.querySelector(".error");if(!e)return;t&&!t.hasAttribute("hidden")?e.setAttribute("aria-labelledby",d(t,"legend")):e.removeAttribute("aria-labelledby");const n=q([i&&!i.hasAttribute("hidden")?d(i,"description"):"",o&&!o.hasAttribute("hidden")?d(o,"error"):""]);n.length?e.setAttribute("aria-describedby",n.join(" ")):e.removeAttribute("aria-describedby"),this.hasAttribute("invalid")||o&&!o.hasAttribute("hidden")?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid")}}typeof customElements<"u"&&!customElements.get("ui-fieldset")&&customElements.define("ui-fieldset",m);exports.UIFieldset=m;

package/dist/fieldset.esm.js

@@ -1,4 +1,4 @@
-import { E as x } from "./ElementBase-909688f3.mjs";
+import { E as x } from "./ElementBase-YlTLMsGk.mjs";
 const S = `
   :host {
     --ui-fieldset-gap: 10px;
@@ -188,23 +188,19 @@ const S = `
     }
   }
 `;
-function a(i) {
-  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function a(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function s(i) {
-  if (!i)
-    return !1;
-  const e = i.assignedNodes({ flatten: !0 });
-  return e.length ? e.some((t) => {
-    var r;
-    return t.nodeType === Node.TEXT_NODE ? !!((r = t.textContent) != null && r.trim()) : t.nodeType === Node.ELEMENT_NODE;
-  }) : !1;
+function s(r) {
+  if (!r) return !1;
+  const e = r.assignedNodes({ flatten: !0 });
+  return e.length ? e.some((t) => t.nodeType === Node.TEXT_NODE ? !!t.textContent?.trim() : t.nodeType === Node.ELEMENT_NODE) : !1;
 }
-function d(i, e) {
-  return i.id || (i.id = `ui-fieldset-${e}-${Math.random().toString(36).slice(2, 9)}`), i.id;
+function d(r, e) {
+  return r.id || (r.id = `ui-fieldset-${e}-${Math.random().toString(36).slice(2, 9)}`), r.id;
 }
-function A(i) {
-  return Array.from(new Set(i.filter(Boolean)));
+function A(r) {
+  return Array.from(new Set(r.filter(Boolean)));
 }
 class q extends x {
   constructor() {
@@ -233,8 +229,8 @@ class q extends x {
   disconnectedCallback() {
     this.root.removeEventListener("slotchange", this._onSlotChange), super.disconnectedCallback();
   }
-  attributeChangedCallback(e, t, r) {
-    if (t !== r) {
+  attributeChangedCallback(e, t, i) {
+    if (t !== i) {
       if (e === "legend" || e === "description" || e === "error" || e === "required") {
         this.isConnected && this.requestRender();
         return;
@@ -243,7 +239,7 @@ class q extends x {
     }
   }
   render() {
-    const e = this.getAttribute("legend") || "", t = this.getAttribute("description") || "", r = this.getAttribute("error") || "", o = this.hasAttribute("required");
+    const e = this.getAttribute("legend") || "", t = this.getAttribute("description") || "", i = this.getAttribute("error") || "", o = this.hasAttribute("required");
     this.setContent(`
       <style>${S}</style>
       <fieldset class="frame" part="frame">
@@ -263,7 +259,7 @@ class q extends x {
           <slot></slot>
         </div>
         <p class="error" part="error">
-          <slot name="error">${r ? a(r) : ""}</slot>
+          <slot name="error">${i ? a(i) : ""}</slot>
         </p>
         <div class="footer" part="footer">
           <slot name="footer"></slot>
@@ -277,16 +273,15 @@ class q extends x {
     }));
   }
   _updateVisibility() {
-    const e = this.root.querySelector('slot[name="legend"]'), t = this.root.querySelector('slot[name="description"]'), r = this.root.querySelector('slot[name="actions"]'), o = this.root.querySelector('slot[name="error"]'), n = this.root.querySelector('slot[name="footer"]'), l = !!this.getAttribute("legend") || s(e), m = !!this.getAttribute("description") || s(t), c = s(r), v = !!this.getAttribute("error") || s(o), y = s(n), u = this.root.querySelector(".legend-row"), f = this.root.querySelector(".legend"), h = this.root.querySelector(".actions"), g = this.root.querySelector(".description"), p = this.root.querySelector(".error"), b = this.root.querySelector(".footer");
+    const e = this.root.querySelector('slot[name="legend"]'), t = this.root.querySelector('slot[name="description"]'), i = this.root.querySelector('slot[name="actions"]'), o = this.root.querySelector('slot[name="error"]'), n = this.root.querySelector('slot[name="footer"]'), l = !!this.getAttribute("legend") || s(e), m = !!this.getAttribute("description") || s(t), c = s(i), v = !!this.getAttribute("error") || s(o), y = s(n), u = this.root.querySelector(".legend-row"), f = this.root.querySelector(".legend"), h = this.root.querySelector(".actions"), g = this.root.querySelector(".description"), p = this.root.querySelector(".error"), b = this.root.querySelector(".footer");
     u && u.toggleAttribute("hidden", !l && !c), f && f.toggleAttribute("hidden", !l), h && h.toggleAttribute("hidden", !c), g && g.toggleAttribute("hidden", !m), p && p.toggleAttribute("hidden", !v), b && b.toggleAttribute("hidden", !y);
   }
   _syncAria() {
-    const e = this.root.querySelector(".frame"), t = this.root.querySelector(".legend"), r = this.root.querySelector(".description"), o = this.root.querySelector(".error");
-    if (!e)
-      return;
+    const e = this.root.querySelector(".frame"), t = this.root.querySelector(".legend"), i = this.root.querySelector(".description"), o = this.root.querySelector(".error");
+    if (!e) return;
     t && !t.hasAttribute("hidden") ? e.setAttribute("aria-labelledby", d(t, "legend")) : e.removeAttribute("aria-labelledby");
     const n = A([
-      r && !r.hasAttribute("hidden") ? d(r, "description") : "",
+      i && !i.hasAttribute("hidden") ? d(i, "description") : "",
       o && !o.hasAttribute("hidden") ? d(o, "error") : ""
     ]);
     n.length ? e.setAttribute("aria-describedby", n.join(" ")) : e.removeAttribute("aria-describedby"), this.hasAttribute("invalid") || o && !o.hasAttribute("hidden") ? e.setAttribute("aria-invalid", "true") : e.removeAttribute("aria-invalid");

package/dist/file-upload.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("./ElementBase-1b301e7f.js"),O=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("./ElementBase-EV6mVBUV.js"),j=`
   :host {
     --ui-file-upload-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-file-upload-border: 1px solid var(--ui-file-upload-border-color);
@@ -327,8 +327,8 @@
     cursor: not-allowed;
     opacity: 0.68;
   }
-`;function W(m){if(!Number.isFinite(m)||m<=0)return"0 B";const e=["B","KB","MB","GB"];let t=m,i=0;for(;t>=1024&&i<e.length-1;)t/=1024,i+=1;return`${t.toFixed(t>=10||i===0?0:1)} ${e[i]}`}function T(m,e){if(!e.trim())return!0;const t=e.split(",").map(r=>r.trim()).filter(Boolean);if(!t.length)return!0;const i=m.name.toLowerCase(),s=(m.type||"").toLowerCase();return t.some(r=>{const a=r.toLowerCase();return a.startsWith(".")?i.endsWith(a):a.endsWith("/*")?s.startsWith(a.slice(0,-1)):s===a})}class R extends j.ElementBase{constructor(){super(),this._files=[],this.uploadRequest=null,this._formUnregister=null,this._surfaceEl=null,this._inputEl=null,this._listEl=null,this._errorEl=null,this._actionsEl=null,this._dragging=!1,this._dragDepth=0,this._previewUrls=new Map,this._uploadState=new Map,this._uploadControllers=new Map,this._uploadSequence=0,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onInputChange=this._onInputChange.bind(this),this._onDragEnter=this._onDragEnter.bind(this),this._onDragLeave=this._onDragLeave.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this)}static get observedAttributes(){return["name","label","description","accept","multiple","disabled","required","max-files","max-size","button-text","drop-label","surface","data-error","progress","show-previews","upload-on-select","upload-button-text"]}get files(){return[...this._files]}get uploading(){return Array.from(this._uploadState.values()).some(e=>e.state==="uploading")}setFiles(e){this._applyFiles(e,"api",!0)}openPicker(){var e;this._disabled()||(e=this._inputEl)==null||e.click()}clearFiles(){this._files.length&&(this.cancelUploads(),this._files=[],this._uploadState.clear(),this._inputEl&&(this._inputEl.value=""),this._syncUi(),this._emit("change",{files:[],source:"clear"}),this._emit("clear",{}))}removeFile(e){if(this._disabled()||e<0||e>=this._files.length)return;const t=this._files[e];this.cancelUpload(this._fileKey(t)),this._uploadState.delete(this._fileKey(t)),this._files=this._files.filter((i,s)=>s!==e),this._syncUi(),this._emit("change",{files:this.files,source:"remove"})}async startUpload(){if(!this.uploadRequest||this._disabled())return;const e=this._files.filter(i=>{const s=this._uploadState.get(this._fileKey(i));return!s||s.state==="pending"||s.state==="error"||s.state==="canceled"});if(!e.length)return;const t=++this._uploadSequence;this._emit("upload-start",{files:e,requestId:t}),await Promise.all(e.map(i=>this._runUpload(i,t))),this._emit("upload-complete",{files:this.files,requestId:t,statuses:Object.fromEntries(Array.from(this._uploadState.entries()).map(([i,s])=>[i,{...s}]))}),this._syncUi()}cancelUploads(){Array.from(this._uploadControllers.keys()).forEach(e=>this.cancelUpload(e))}cancelUpload(e){const t=typeof e=="string"?e:this._fileKey(e),i=this._uploadControllers.get(t);i&&i.abort()}connectedCallback(){super.connectedCallback(),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null),this._revokePreviewUrls(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){t!==i&&(e==="name"&&this.isConnected&&this._registerWithForm(),this._surfaceEl&&this._syncUi())}shouldRenderOnAttributeChange(){return!1}render(){var e,t,i,s,r,a,n;this.setContent(`
-      <style>${O}</style>
+`;function O(g){if(!Number.isFinite(g)||g<=0)return"0 B";const e=["B","KB","MB","GB"];let t=g,i=0;for(;t>=1024&&i<e.length-1;)t/=1024,i+=1;return`${t.toFixed(t>=10||i===0?0:1)} ${e[i]}`}function W(g,e){if(!e.trim())return!0;const t=e.split(",").map(a=>a.trim()).filter(Boolean);if(!t.length)return!0;const i=g.name.toLowerCase(),s=(g.type||"").toLowerCase();return t.some(a=>{const r=a.toLowerCase();return r.startsWith(".")?i.endsWith(r):r.endsWith("/*")?s.startsWith(r.slice(0,-1)):s===r})}class M extends $.ElementBase{constructor(){super(),this._files=[],this.uploadRequest=null,this._formUnregister=null,this._surfaceEl=null,this._inputEl=null,this._listEl=null,this._errorEl=null,this._actionsEl=null,this._dragging=!1,this._dragDepth=0,this._previewUrls=new Map,this._uploadState=new Map,this._uploadControllers=new Map,this._uploadSequence=0,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onInputChange=this._onInputChange.bind(this),this._onDragEnter=this._onDragEnter.bind(this),this._onDragLeave=this._onDragLeave.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this)}static get observedAttributes(){return["name","label","description","accept","multiple","disabled","required","max-files","max-size","button-text","drop-label","surface","data-error","progress","show-previews","upload-on-select","upload-button-text"]}get files(){return[...this._files]}get uploading(){return Array.from(this._uploadState.values()).some(e=>e.state==="uploading")}setFiles(e){this._applyFiles(e,"api",!0)}openPicker(){this._disabled()||this._inputEl?.click()}clearFiles(){this._files.length&&(this.cancelUploads(),this._files=[],this._uploadState.clear(),this._inputEl&&(this._inputEl.value=""),this._syncUi(),this._emit("change",{files:[],source:"clear"}),this._emit("clear",{}))}removeFile(e){if(this._disabled()||e<0||e>=this._files.length)return;const t=this._files[e];this.cancelUpload(this._fileKey(t)),this._uploadState.delete(this._fileKey(t)),this._files=this._files.filter((i,s)=>s!==e),this._syncUi(),this._emit("change",{files:this.files,source:"remove"})}async startUpload(){if(!this.uploadRequest||this._disabled())return;const e=this._files.filter(i=>{const s=this._uploadState.get(this._fileKey(i));return!s||s.state==="pending"||s.state==="error"||s.state==="canceled"});if(!e.length)return;const t=++this._uploadSequence;this._emit("upload-start",{files:e,requestId:t}),await Promise.all(e.map(i=>this._runUpload(i,t))),this._emit("upload-complete",{files:this.files,requestId:t,statuses:Object.fromEntries(Array.from(this._uploadState.entries()).map(([i,s])=>[i,{...s}]))}),this._syncUi()}cancelUploads(){Array.from(this._uploadControllers.keys()).forEach(e=>this.cancelUpload(e))}cancelUpload(e){const t=typeof e=="string"?e:this._fileKey(e),i=this._uploadControllers.get(t);i&&i.abort()}connectedCallback(){super.connectedCallback(),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null),this._revokePreviewUrls(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){t!==i&&(e==="name"&&this.isConnected&&this._registerWithForm(),this._surfaceEl&&this._syncUi())}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+      <style>${j}</style>
       <div class="root">
         <div class="meta" hidden>
           <div class="label" hidden><span class="label-text"></span><span class="required" hidden>*</span></div>
@@ -350,4 +350,4 @@
         </div>
         <div class="list" part="list" hidden></div>
       </div>
-    `),this._surfaceEl=this.root.querySelector(".surface"),this._inputEl=this.root.querySelector(".input"),this._listEl=this.root.querySelector(".list"),this._errorEl=this.root.querySelector(".error"),this._actionsEl=this.root.querySelector(".actions"),(e=this._surfaceEl)==null||e.addEventListener("click",this._onClick),(t=this._surfaceEl)==null||t.addEventListener("keydown",this._onKeyDown),(i=this._surfaceEl)==null||i.addEventListener("dragenter",this._onDragEnter),(s=this._surfaceEl)==null||s.addEventListener("dragleave",this._onDragLeave),(r=this._surfaceEl)==null||r.addEventListener("dragover",this._onDragOver),(a=this._surfaceEl)==null||a.addEventListener("drop",this._onDrop),(n=this._inputEl)==null||n.addEventListener("change",this._onInputChange),this._syncUi()}_disabled(){return this.hasAttribute("disabled")&&this.getAttribute("disabled")!=="false"}_maxFiles(){const e=this.getAttribute("max-files");if(!e)return null;const t=Number(e);return Number.isFinite(t)&&t>0?Math.floor(t):null}_maxSize(){const e=this.getAttribute("max-size");if(!e)return null;const t=Number(e);return Number.isFinite(t)&&t>0?t:null}_appendFiles(e,t){this._applyFiles(e,t,!1)}_applyFiles(e,t,i){const s=this.hasAttribute("multiple"),r=i?[]:s?[...this._files]:[],a=[],n=[],f=this.getAttribute("accept")||"",_=this._maxFiles(),v=this._maxSize(),x=new Set(r.map(o=>this._fileKey(o)));e.forEach(o=>{const b=this._fileKey(o);if(!x.has(b)){if(!T(o,f)){n.push({file:o,reason:"accept"});return}if(v!=null&&o.size>v){n.push({file:o,reason:"max-size"});return}if(_!=null&&r.length+a.length>=_){n.push({file:o,reason:"max-files"});return}x.add(b),a.push(o)}}),i&&(this.cancelUploads(),this._uploadState.clear()),this._files=[...r,...a],!s&&this._files.length>1&&(this._files=[this._files[this._files.length-1]]);const w=new Set(this._files.map(o=>this._fileKey(o)));Array.from(this._uploadState.keys()).forEach(o=>{w.has(o)||this._uploadState.delete(o)}),this._files.forEach(o=>{const b=this._fileKey(o);this._uploadState.has(b)||this._uploadState.set(b,{state:"pending",progress:null})}),this._syncUi(),this._emit("change",{files:this.files,source:t}),n.length?(this._emit("reject",{rejected:n,source:t}),this.setAttribute("data-error",n[0].reason==="accept"?"One or more files do not match the accepted types":n[0].reason==="max-size"?"One or more files exceed the size limit":"Too many files selected")):this.removeAttribute("data-error"),a.length&&this.hasAttribute("upload-on-select")&&this.uploadRequest&&this.startUpload(),this._syncUi()}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}_fileKey(e){return`${e.name}::${e.size}::${e.lastModified}`}_setUploadEntry(e,t){this._uploadState.set(e,t),this._syncUi()}async _runUpload(e,t){if(!this.uploadRequest)return;const i=this._fileKey(e),s=new AbortController;this._uploadControllers.set(i,s),this._setUploadEntry(i,{state:"uploading",progress:0});const r=a=>{const n=this._uploadState.get(i);if(!n||n.state!=="uploading")return;const f=Number.isFinite(a)?Math.max(0,Math.min(100,a)):0;this._uploadState.set(i,{...n,progress:f}),this._emit("upload-progress",{file:e,fileKey:i,progress:f,requestId:t}),this._syncUi()};try{const a=await this.uploadRequest({file:e,files:this.files,signal:s.signal,setProgress:r});s.signal.aborted?(this._uploadState.set(i,{state:"canceled",progress:null}),this._emit("upload-cancel",{file:e,fileKey:i,requestId:t})):(this._uploadState.set(i,{state:"success",progress:100,result:a}),this._emit("upload-success",{file:e,fileKey:i,requestId:t,result:a}))}catch(a){if(s.signal.aborted)this._uploadState.set(i,{state:"canceled",progress:null}),this._emit("upload-cancel",{file:e,fileKey:i,requestId:t});else{const n=a instanceof Error?a.message:"Upload failed";this._uploadState.set(i,{state:"error",progress:null,error:n}),this._emit("upload-error",{file:e,fileKey:i,requestId:t,error:n})}}finally{this._uploadControllers.delete(i),this._syncUi()}}_parseProgress(){const e=this.getAttribute("progress");if(!e)return{};try{const t=JSON.parse(e);return!t||typeof t!="object"||Array.isArray(t)?{}:Object.fromEntries(Object.entries(t).map(([i,s])=>{const r=Number(s);return[i,Number.isFinite(r)?Math.max(0,Math.min(100,r)):0]}))}catch{return{}}}_statusLabel(e){switch(e){case"uploading":return"Uploading";case"success":return"Uploaded";case"error":return"Failed";case"canceled":return"Canceled";default:return"Pending"}}_actionSummary(){const e=this._files.map(r=>this._uploadState.get(this._fileKey(r))||{state:"pending",progress:null}),t=e.filter(r=>r.state==="uploading").length,i=e.filter(r=>r.state==="error").length,s=e.filter(r=>r.state==="success").length;return t>0?{title:"Upload in progress",subtitle:`${t} file${t===1?"":"s"} still uploading`}:i>0?{title:"Retry required",subtitle:`${i} file${i===1?"":"s"} failed to upload`}:s>0&&s===this._files.length?{title:"Uploads complete",subtitle:`${s} file${s===1?"":"s"} uploaded successfully`}:{title:"Ready to upload",subtitle:`${this._files.length} file${this._files.length===1?"":"s"} queued`}}_getPreviewUrl(e){if(!this.hasAttribute("show-previews")||typeof URL>"u"||typeof URL.createObjectURL!="function"||!e.type.startsWith("image/"))return null;const t=this._fileKey(e),i=this._previewUrls.get(t);if(i)return i;const s=URL.createObjectURL(e);return this._previewUrls.set(t,s),s}_revokePreviewUrls(e=new Set){this._previewUrls.forEach((t,i)=>{if(!e.has(i)){try{URL.revokeObjectURL(t)}catch{}this._previewUrls.delete(i)}})}_syncUi(){if(!this._surfaceEl||!this._inputEl||!this._listEl||!this._errorEl||!this._actionsEl)return;const e=(this.getAttribute("label")||"").trim(),t=(this.getAttribute("description")||"").trim(),i=this.hasAttribute("required"),s=this._disabled(),r=this.getAttribute("drop-label")||"Drag files here or browse from your device",a=this.getAttribute("button-text")||"Choose files",n=this.getAttribute("upload-button-text")||"Start upload",f=(this.getAttribute("data-error")||"").trim(),_=this._parseProgress(),v=this.root.querySelector(".label"),x=this.root.querySelector(".description"),w=this.root.querySelector(".meta"),o=this.root.querySelector(".headline"),b=this.root.querySelector(".subline"),D=this.root.querySelector(".cta"),B=this.root.querySelector(".required"),I=this.root.querySelector(".actions-title"),$=this.root.querySelector(".actions-subtitle"),k=this.root.querySelector(".actions-row");v.hidden=!e,v.querySelector(".label-text").textContent=e,B.hidden=!i,x.hidden=!t,x.textContent=t,w.hidden=!e&&!t,o.textContent=this._files.length?`${this._files.length} file${this._files.length===1?"":"s"} selected`:r,b.textContent=this._files.length?this._files.map(p=>p.name).join(", "):this.getAttribute("accept")?`Accepted: ${this.getAttribute("accept")}`:"Supports click, keyboard, and drag-and-drop upload",D.textContent=a,D.disabled=s,this._surfaceEl.setAttribute("data-dragging",this._dragging?"true":"false"),this._surfaceEl.setAttribute("aria-disabled",s?"true":"false"),this._inputEl.disabled=s,this._inputEl.multiple=this.hasAttribute("multiple"),this._inputEl.name=this.getAttribute("name")||"",this._inputEl.accept=this.getAttribute("accept")||"",this._errorEl.hidden=!f,this._errorEl.textContent=f;const L=!!this.uploadRequest&&this._files.length>0,N=this._actionSummary();if(this._actionsEl.hidden=!L,I.textContent=N.title,$.textContent=N.subtitle,k.replaceChildren(),L){const p=this._files.some(l=>{var c;const h=((c=this._uploadState.get(this._fileKey(l)))==null?void 0:c.state)||"pending";return h==="pending"||h==="error"||h==="canceled"}),g=document.createElement("button");if(g.type="button",g.className="file-remove",g.dataset.variant="primary",g.textContent=this.uploading?"Uploading…":p?n:"Upload complete",g.disabled=s||this.uploading||!p,g.addEventListener("click",l=>{l.stopPropagation(),this.startUpload()}),k.append(g),this.uploading){const l=document.createElement("button");l.type="button",l.className="file-remove",l.dataset.tone="danger",l.textContent="Cancel uploads",l.disabled=s,l.addEventListener("click",h=>{h.stopPropagation(),this.cancelUploads()}),k.append(l)}}const P=new Set;this._listEl.hidden=this._files.length===0,this._listEl.replaceChildren(...this._files.map((p,g)=>{var M;const l=document.createElement("div");l.className="file";const h=this._fileKey(p);P.add(h);const c=this._uploadState.get(h)||{state:"pending",progress:null},y=document.createElement("div");y.className="preview";const K=this._getPreviewUrl(p);if(K){const d=document.createElement("img");d.src=K,d.alt="",y.append(d)}else y.textContent=((M=p.name.split(".").pop())==null?void 0:M.slice(0,4).toUpperCase())||"FILE";const S=document.createElement("div");S.className="file-text";const C=document.createElement("div");C.className="file-name",C.textContent=p.name;const E=document.createElement("div");E.className="file-meta",E.textContent=W(p.size);const U=document.createElement("span");U.className="status",U.dataset.state=c.state,U.textContent=this._statusLabel(c.state),E.append(U),S.append(C,E);const u=document.createElement("button");u.type="button",u.className="file-remove",u.disabled=s,c.state==="uploading"?(u.textContent="Cancel",u.dataset.tone="danger",u.addEventListener("click",d=>{d.stopPropagation(),this.cancelUpload(h)})):c.state==="error"?(u.textContent="Retry",u.dataset.variant="primary",u.addEventListener("click",d=>{d.stopPropagation(),this._uploadState.set(h,{state:"pending",progress:null}),this._syncUi(),this.startUpload()})):(u.textContent="Remove",u.addEventListener("click",d=>{d.stopPropagation(),this.removeFile(g)})),l.append(y,S,u);const A=typeof c.progress=="number"?c.progress:_[h]??_[p.name];if(typeof A=="number"){const d=document.createElement("div");d.className="progress";const z=document.createElement("div");z.className="progress-track";const F=document.createElement("div");F.className="progress-bar",F.style.inlineSize=`${A}%`,z.append(F);const q=document.createElement("div");q.className="progress-text",q.textContent=c.state==="success"?"Upload complete":c.state==="error"?c.error||"Upload failed":c.state==="canceled"?"Upload canceled":`Uploading ${Math.round(A)}%`,d.append(z,q),l.append(d)}else if(c.state==="error"&&c.error){const d=document.createElement("div");d.className="file-error",d.textContent=c.error,l.append(d)}return l})),this._revokePreviewUrls(P)}_registerWithForm(){var e;this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const i=this.getRootNode().host,r=((e=i==null?void 0:i.closest)==null?void 0:e.call(i,"ui-form"))||null||this.closest("ui-form"),a=this.getAttribute("name");r&&typeof r.registerField=="function"&&a&&(this._formUnregister=r.registerField(a,{name:a,getValue:()=>this.files,setValue:n=>{Array.isArray(n)&&n.every(f=>f instanceof File)&&this.setFiles(n)},validate:async()=>this.hasAttribute("required")&&this._files.length===0?{valid:!1,message:"At least one file is required"}:{valid:!0},setError:n=>{n?this.setAttribute("data-error",n):this.removeAttribute("data-error"),this._syncUi()}}))}catch{}}_onClick(e){const t=e.target;t!=null&&t.closest(".file-remove")||this.openPicker()}_onKeyDown(e){e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.openPicker())}_onInputChange(){var t;const e=Array.from(((t=this._inputEl)==null?void 0:t.files)||[]);e.length&&(this._appendFiles(e,"picker"),this._inputEl&&(this._inputEl.value=""))}_onDragEnter(e){this._disabled()||(e.preventDefault(),this._dragDepth+=1,this._dragging=!0,this._syncUi())}_onDragLeave(e){if(!this._surfaceEl)return;const t=e.relatedTarget;t&&this._surfaceEl.contains(t)||(this._dragDepth=Math.max(0,this._dragDepth-1),!(this._dragDepth>0)&&(this._dragging=!1,this._syncUi()))}_onDragOver(e){this._disabled()||e.preventDefault()}_onDrop(e){var i;if(this._disabled())return;e.preventDefault(),this._dragDepth=0,this._dragging=!1;const t=Array.from(((i=e.dataTransfer)==null?void 0:i.files)||[]);t.length&&this._appendFiles(t,"drop"),this._syncUi()}}typeof customElements<"u"&&!customElements.get("ui-file-upload")&&customElements.define("ui-file-upload",R);exports.UIFileUpload=R;
+    `),this._surfaceEl=this.root.querySelector(".surface"),this._inputEl=this.root.querySelector(".input"),this._listEl=this.root.querySelector(".list"),this._errorEl=this.root.querySelector(".error"),this._actionsEl=this.root.querySelector(".actions"),this._surfaceEl?.addEventListener("click",this._onClick),this._surfaceEl?.addEventListener("keydown",this._onKeyDown),this._surfaceEl?.addEventListener("dragenter",this._onDragEnter),this._surfaceEl?.addEventListener("dragleave",this._onDragLeave),this._surfaceEl?.addEventListener("dragover",this._onDragOver),this._surfaceEl?.addEventListener("drop",this._onDrop),this._inputEl?.addEventListener("change",this._onInputChange),this._syncUi()}_disabled(){return this.hasAttribute("disabled")&&this.getAttribute("disabled")!=="false"}_maxFiles(){const e=this.getAttribute("max-files");if(!e)return null;const t=Number(e);return Number.isFinite(t)&&t>0?Math.floor(t):null}_maxSize(){const e=this.getAttribute("max-size");if(!e)return null;const t=Number(e);return Number.isFinite(t)&&t>0?t:null}_appendFiles(e,t){this._applyFiles(e,t,!1)}_applyFiles(e,t,i){const s=this.hasAttribute("multiple"),a=i?[]:s?[...this._files]:[],r=[],n=[],m=this.getAttribute("accept")||"",_=this._maxFiles(),v=this._maxSize(),x=new Set(a.map(o=>this._fileKey(o)));e.forEach(o=>{const b=this._fileKey(o);if(!x.has(b)){if(!W(o,m)){n.push({file:o,reason:"accept"});return}if(v!=null&&o.size>v){n.push({file:o,reason:"max-size"});return}if(_!=null&&a.length+r.length>=_){n.push({file:o,reason:"max-files"});return}x.add(b),r.push(o)}}),i&&(this.cancelUploads(),this._uploadState.clear()),this._files=[...a,...r],!s&&this._files.length>1&&(this._files=[this._files[this._files.length-1]]);const w=new Set(this._files.map(o=>this._fileKey(o)));Array.from(this._uploadState.keys()).forEach(o=>{w.has(o)||this._uploadState.delete(o)}),this._files.forEach(o=>{const b=this._fileKey(o);this._uploadState.has(b)||this._uploadState.set(b,{state:"pending",progress:null})}),this._syncUi(),this._emit("change",{files:this.files,source:t}),n.length?(this._emit("reject",{rejected:n,source:t}),this.setAttribute("data-error",n[0].reason==="accept"?"One or more files do not match the accepted types":n[0].reason==="max-size"?"One or more files exceed the size limit":"Too many files selected")):this.removeAttribute("data-error"),r.length&&this.hasAttribute("upload-on-select")&&this.uploadRequest&&this.startUpload(),this._syncUi()}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}_fileKey(e){return`${e.name}::${e.size}::${e.lastModified}`}_setUploadEntry(e,t){this._uploadState.set(e,t),this._syncUi()}async _runUpload(e,t){if(!this.uploadRequest)return;const i=this._fileKey(e),s=new AbortController;this._uploadControllers.set(i,s),this._setUploadEntry(i,{state:"uploading",progress:0});const a=r=>{const n=this._uploadState.get(i);if(!n||n.state!=="uploading")return;const m=Number.isFinite(r)?Math.max(0,Math.min(100,r)):0;this._uploadState.set(i,{...n,progress:m}),this._emit("upload-progress",{file:e,fileKey:i,progress:m,requestId:t}),this._syncUi()};try{const r=await this.uploadRequest({file:e,files:this.files,signal:s.signal,setProgress:a});s.signal.aborted?(this._uploadState.set(i,{state:"canceled",progress:null}),this._emit("upload-cancel",{file:e,fileKey:i,requestId:t})):(this._uploadState.set(i,{state:"success",progress:100,result:r}),this._emit("upload-success",{file:e,fileKey:i,requestId:t,result:r}))}catch(r){if(s.signal.aborted)this._uploadState.set(i,{state:"canceled",progress:null}),this._emit("upload-cancel",{file:e,fileKey:i,requestId:t});else{const n=r instanceof Error?r.message:"Upload failed";this._uploadState.set(i,{state:"error",progress:null,error:n}),this._emit("upload-error",{file:e,fileKey:i,requestId:t,error:n})}}finally{this._uploadControllers.delete(i),this._syncUi()}}_parseProgress(){const e=this.getAttribute("progress");if(!e)return{};try{const t=JSON.parse(e);return!t||typeof t!="object"||Array.isArray(t)?{}:Object.fromEntries(Object.entries(t).map(([i,s])=>{const a=Number(s);return[i,Number.isFinite(a)?Math.max(0,Math.min(100,a)):0]}))}catch{return{}}}_statusLabel(e){switch(e){case"uploading":return"Uploading";case"success":return"Uploaded";case"error":return"Failed";case"canceled":return"Canceled";default:return"Pending"}}_actionSummary(){const e=this._files.map(a=>this._uploadState.get(this._fileKey(a))||{state:"pending",progress:null}),t=e.filter(a=>a.state==="uploading").length,i=e.filter(a=>a.state==="error").length,s=e.filter(a=>a.state==="success").length;return t>0?{title:"Upload in progress",subtitle:`${t} file${t===1?"":"s"} still uploading`}:i>0?{title:"Retry required",subtitle:`${i} file${i===1?"":"s"} failed to upload`}:s>0&&s===this._files.length?{title:"Uploads complete",subtitle:`${s} file${s===1?"":"s"} uploaded successfully`}:{title:"Ready to upload",subtitle:`${this._files.length} file${this._files.length===1?"":"s"} queued`}}_getPreviewUrl(e){if(!this.hasAttribute("show-previews")||typeof URL>"u"||typeof URL.createObjectURL!="function"||!e.type.startsWith("image/"))return null;const t=this._fileKey(e),i=this._previewUrls.get(t);if(i)return i;const s=URL.createObjectURL(e);return this._previewUrls.set(t,s),s}_revokePreviewUrls(e=new Set){this._previewUrls.forEach((t,i)=>{if(!e.has(i)){try{URL.revokeObjectURL(t)}catch{}this._previewUrls.delete(i)}})}_syncUi(){if(!this._surfaceEl||!this._inputEl||!this._listEl||!this._errorEl||!this._actionsEl)return;const e=(this.getAttribute("label")||"").trim(),t=(this.getAttribute("description")||"").trim(),i=this.hasAttribute("required"),s=this._disabled(),a=this.getAttribute("drop-label")||"Drag files here or browse from your device",r=this.getAttribute("button-text")||"Choose files",n=this.getAttribute("upload-button-text")||"Start upload",m=(this.getAttribute("data-error")||"").trim(),_=this._parseProgress(),v=this.root.querySelector(".label"),x=this.root.querySelector(".description"),w=this.root.querySelector(".meta"),o=this.root.querySelector(".headline"),b=this.root.querySelector(".subline"),D=this.root.querySelector(".cta"),R=this.root.querySelector(".required"),B=this.root.querySelector(".actions-title"),I=this.root.querySelector(".actions-subtitle"),k=this.root.querySelector(".actions-row");v.hidden=!e,v.querySelector(".label-text").textContent=e,R.hidden=!i,x.hidden=!t,x.textContent=t,w.hidden=!e&&!t,o.textContent=this._files.length?`${this._files.length} file${this._files.length===1?"":"s"} selected`:a,b.textContent=this._files.length?this._files.map(p=>p.name).join(", "):this.getAttribute("accept")?`Accepted: ${this.getAttribute("accept")}`:"Supports click, keyboard, and drag-and-drop upload",D.textContent=r,D.disabled=s,this._surfaceEl.setAttribute("data-dragging",this._dragging?"true":"false"),this._surfaceEl.setAttribute("aria-disabled",s?"true":"false"),this._inputEl.disabled=s,this._inputEl.multiple=this.hasAttribute("multiple"),this._inputEl.name=this.getAttribute("name")||"",this._inputEl.accept=this.getAttribute("accept")||"",this._errorEl.hidden=!m,this._errorEl.textContent=m;const L=!!this.uploadRequest&&this._files.length>0,N=this._actionSummary();if(this._actionsEl.hidden=!L,B.textContent=N.title,I.textContent=N.subtitle,k.replaceChildren(),L){const p=this._files.some(l=>{const h=this._uploadState.get(this._fileKey(l))?.state||"pending";return h==="pending"||h==="error"||h==="canceled"}),f=document.createElement("button");if(f.type="button",f.className="file-remove",f.dataset.variant="primary",f.textContent=this.uploading?"Uploading…":p?n:"Upload complete",f.disabled=s||this.uploading||!p,f.addEventListener("click",l=>{l.stopPropagation(),this.startUpload()}),k.append(f),this.uploading){const l=document.createElement("button");l.type="button",l.className="file-remove",l.dataset.tone="danger",l.textContent="Cancel uploads",l.disabled=s,l.addEventListener("click",h=>{h.stopPropagation(),this.cancelUploads()}),k.append(l)}}const P=new Set;this._listEl.hidden=this._files.length===0,this._listEl.replaceChildren(...this._files.map((p,f)=>{const l=document.createElement("div");l.className="file";const h=this._fileKey(p);P.add(h);const c=this._uploadState.get(h)||{state:"pending",progress:null},y=document.createElement("div");y.className="preview";const K=this._getPreviewUrl(p);if(K){const d=document.createElement("img");d.src=K,d.alt="",y.append(d)}else y.textContent=p.name.split(".").pop()?.slice(0,4).toUpperCase()||"FILE";const S=document.createElement("div");S.className="file-text";const C=document.createElement("div");C.className="file-name",C.textContent=p.name;const E=document.createElement("div");E.className="file-meta",E.textContent=O(p.size);const U=document.createElement("span");U.className="status",U.dataset.state=c.state,U.textContent=this._statusLabel(c.state),E.append(U),S.append(C,E);const u=document.createElement("button");u.type="button",u.className="file-remove",u.disabled=s,c.state==="uploading"?(u.textContent="Cancel",u.dataset.tone="danger",u.addEventListener("click",d=>{d.stopPropagation(),this.cancelUpload(h)})):c.state==="error"?(u.textContent="Retry",u.dataset.variant="primary",u.addEventListener("click",d=>{d.stopPropagation(),this._uploadState.set(h,{state:"pending",progress:null}),this._syncUi(),this.startUpload()})):(u.textContent="Remove",u.addEventListener("click",d=>{d.stopPropagation(),this.removeFile(f)})),l.append(y,S,u);const A=typeof c.progress=="number"?c.progress:_[h]??_[p.name];if(typeof A=="number"){const d=document.createElement("div");d.className="progress";const z=document.createElement("div");z.className="progress-track";const F=document.createElement("div");F.className="progress-bar",F.style.inlineSize=`${A}%`,z.append(F);const q=document.createElement("div");q.className="progress-text",q.textContent=c.state==="success"?"Upload complete":c.state==="error"?c.error||"Upload failed":c.state==="canceled"?"Upload canceled":`Uploading ${Math.round(A)}%`,d.append(z,q),l.append(d)}else if(c.state==="error"&&c.error){const d=document.createElement("div");d.className="file-error",d.textContent=c.error,l.append(d)}return l})),this._revokePreviewUrls(P)}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),a=this.getAttribute("name");s&&typeof s.registerField=="function"&&a&&(this._formUnregister=s.registerField(a,{name:a,getValue:()=>this.files,setValue:r=>{Array.isArray(r)&&r.every(n=>n instanceof File)&&this.setFiles(r)},validate:async()=>this.hasAttribute("required")&&this._files.length===0?{valid:!1,message:"At least one file is required"}:{valid:!0},setError:r=>{r?this.setAttribute("data-error",r):this.removeAttribute("data-error"),this._syncUi()}}))}catch{}}_onClick(e){e.target?.closest(".file-remove")||this.openPicker()}_onKeyDown(e){e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.openPicker())}_onInputChange(){const e=Array.from(this._inputEl?.files||[]);e.length&&(this._appendFiles(e,"picker"),this._inputEl&&(this._inputEl.value=""))}_onDragEnter(e){this._disabled()||(e.preventDefault(),this._dragDepth+=1,this._dragging=!0,this._syncUi())}_onDragLeave(e){if(!this._surfaceEl)return;const t=e.relatedTarget;t&&this._surfaceEl.contains(t)||(this._dragDepth=Math.max(0,this._dragDepth-1),!(this._dragDepth>0)&&(this._dragging=!1,this._syncUi()))}_onDragOver(e){this._disabled()||e.preventDefault()}_onDrop(e){if(this._disabled())return;e.preventDefault(),this._dragDepth=0,this._dragging=!1;const t=Array.from(e.dataTransfer?.files||[]);t.length&&this._appendFiles(t,"drop"),this._syncUi()}}typeof customElements<"u"&&!customElements.get("ui-file-upload")&&customElements.define("ui-file-upload",M);exports.UIFileUpload=M;