@editora/ui-core 0.1.18 → 0.1.20

package/dist/file-upload.esm.js

@@ -1,5 +1,5 @@
-import { E as M } from "./ElementBase-909688f3.mjs";
-const j = `
+import { E as I } from "./ElementBase-YlTLMsGk.mjs";
+const M = `
   :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);
@@ -329,28 +329,25 @@ const j = `
     opacity: 0.68;
   }
 `;
-function O(m) {
-  if (!Number.isFinite(m) || m <= 0)
-    return "0 B";
+function j(g) {
+  if (!Number.isFinite(g) || g <= 0) return "0 B";
   const e = ["B", "KB", "MB", "GB"];
-  let t = m, i = 0;
+  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(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;
+function O(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 T extends M {
+class W extends I {
   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 = /* @__PURE__ */ new Map(), this._uploadState = /* @__PURE__ */ new Map(), this._uploadControllers = /* @__PURE__ */ 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);
   }
@@ -385,27 +382,23 @@ class T extends M {
     this._applyFiles(e, "api", !0);
   }
   openPicker() {
-    var e;
-    this._disabled() || (e = this._inputEl) == null || e.click();
+    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;
+    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;
+    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;
+    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,
@@ -433,9 +426,8 @@ class T extends M {
     return !1;
   }
   render() {
-    var e, t, i, s, r, a, n;
     this.setContent(`
-      <style>${j}</style>
+      <style>${M}</style>
       <div class="root">
         <div class="meta" hidden>
           <div class="label" hidden><span class="label-text"></span><span class="required" hidden>*</span></div>
@@ -457,22 +449,20 @@ class T extends M {
         </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();
+    `), 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;
+    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;
+    if (!e) return null;
     const t = Number(e);
     return Number.isFinite(t) && t > 0 ? t : null;
   }
@@ -480,11 +470,11 @@ class T extends M {
     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)));
+    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, f)) {
+        if (!O(o, m)) {
           n.push({ file: o, reason: "accept" });
           return;
         }
@@ -492,20 +482,20 @@ class T extends M {
           n.push({ file: o, reason: "max-size" });
           return;
         }
-        if (_ != null && r.length + a.length >= _) {
+        if (_ != null && a.length + r.length >= _) {
           n.push({ file: o, reason: "max-files" });
           return;
         }
-        x.add(b), a.push(o);
+        x.add(b), r.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]]);
+    }), 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"), a.length && this.hasAttribute("upload-on-select") && this.uploadRequest && this.startUpload(), this._syncUi();
+    }), 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 }));
@@ -517,30 +507,28 @@ class T extends M {
     this._uploadState.set(e, t), this._syncUi();
   }
   async _runUpload(e, t) {
-    if (!this.uploadRequest)
-      return;
+    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 a = (r) => {
       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();
+      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 a = await this.uploadRequest({
+      const r = await this.uploadRequest({
         file: e,
         files: this.files,
         signal: s.signal,
-        setProgress: r
+        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: a }), this._emit("upload-success", { file: e, fileKey: i, requestId: t, result: a }));
-    } catch (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 = a instanceof Error ? a.message : "Upload failed";
+        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 {
@@ -549,14 +537,13 @@ class T extends M {
   }
   _parseProgress() {
     const e = this.getAttribute("progress");
-    if (!e)
-      return {};
+    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];
+          const a = Number(s);
+          return [i, Number.isFinite(a) ? Math.max(0, Math.min(100, a)) : 0];
         })
       );
     } catch {
@@ -578,7 +565,7 @@ class T extends M {
     }
   }
   _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;
+    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`
@@ -594,11 +581,9 @@ class T extends M {
     };
   }
   _getPreviewUrl(e) {
-    if (!this.hasAttribute("show-previews") || typeof URL > "u" || typeof URL.createObjectURL != "function" || !e.type.startsWith("image/"))
-      return null;
+    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;
+    if (i) return i;
     const s = URL.createObjectURL(e);
     return this._previewUrls.set(t, s), s;
   }
@@ -614,20 +599,18 @@ class T extends M {
     });
   }
   _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"), $ = 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, $.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;
+    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"), $ = this.root.querySelector(".actions-title"), B = 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) {
+    if (this._actionsEl.hidden = !L, $.textContent = N.title, B.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";
+        const h = this._uploadState.get(this._fileKey(l))?.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) => {
+      }), 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(g), this.uploading) {
+      }), 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();
@@ -635,8 +618,7 @@ class T extends M {
       }
     }
     const P = /* @__PURE__ */ new Set();
-    this._listEl.hidden = this._files.length === 0, this._listEl.replaceChildren(...this._files.map((p, g) => {
-      var R;
+    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);
@@ -648,13 +630,13 @@ class T extends M {
         const d = document.createElement("img");
         d.src = K, d.alt = "", y.append(d);
       } else
-        y.textContent = ((R = p.name.split(".").pop()) == null ? void 0 : R.slice(0, 4).toUpperCase()) || "FILE";
+        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);
+      E.className = "file-meta", E.textContent = j(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");
@@ -663,7 +645,7 @@ class T extends M {
       })) : 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);
+        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") {
@@ -683,42 +665,38 @@ class T extends M {
     })), 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, {
+      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: (n) => {
-          Array.isArray(n) && n.every((f) => f instanceof File) && this.setFiles(n);
+        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: (n) => {
-          n ? this.setAttribute("data-error", n) : this.removeAttribute("data-error"), this._syncUi();
+        setError: (r) => {
+          r ? this.setAttribute("data-error", r) : this.removeAttribute("data-error"), this._syncUi();
         }
       }));
     } catch {
     }
   }
   _onClick(e) {
-    const t = e.target;
-    t != null && t.closest(".file-remove") || this.openPicker();
+    e.target?.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) || []);
+    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;
+    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()));
   }
@@ -726,15 +704,13 @@ class T extends M {
     this._disabled() || e.preventDefault();
   }
   _onDrop(e) {
-    var i;
-    if (this._disabled())
-      return;
+    if (this._disabled()) return;
     e.preventDefault(), this._dragDepth = 0, this._dragging = !1;
-    const t = Array.from(((i = e.dataTransfer) == null ? void 0 : i.files) || []);
+    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", T);
+typeof customElements < "u" && !customElements.get("ui-file-upload") && customElements.define("ui-file-upload", W);
 export {
-  T as UIFileUpload
+  W as UIFileUpload
 };

package/dist/flex.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-1b301e7f.js"),y={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},p=["display","direction","align","justify","wrap","gap","rowgap","columngap"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-EV6mVBUV.js"),y={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},p=["display","direction","align","justify","wrap","gap","rowgap","columngap"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
   :host {
     --ui-flex-display: flex;
     --ui-flex-direction: row;

package/dist/flex.esm.js

@@ -1,4 +1,4 @@
-import { E as g } from "./ElementBase-909688f3.mjs";
+import { E as g } from "./ElementBase-YlTLMsGk.mjs";
 const h = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",
@@ -63,11 +63,9 @@ const h = {
   }
 `;
 function x(i) {
-  if (!i)
-    return null;
+  if (!i) return null;
   const e = i.trim();
-  if (!e.startsWith("{"))
-    return null;
+  if (!e.startsWith("{")) return null;
   try {
     const s = JSON.parse(e);
     return !s || typeof s != "object" ? null : s;
@@ -118,8 +116,7 @@ class b extends g {
   _applyInlineStyles() {
     this._appliedInlineProps.forEach((e) => this.style.removeProperty(e)), this._appliedInlineProps.clear(), p.forEach((e) => {
       const s = this.getAttribute(e);
-      if (!s || x(s))
-        return;
+      if (!s || x(s)) return;
       const o = d(e, s);
       Object.entries(o).forEach(([n, u]) => {
         this.style.setProperty(n, u), this._appliedInlineProps.add(n);
@@ -135,8 +132,7 @@ class b extends g {
     };
     p.forEach((r) => {
       const l = this.getAttribute(r), t = x(l);
-      if (!t)
-        return;
+      if (!t) return;
       const a = (c, m) => {
         Object.assign(c, d(r, m));
       };

package/dist/floating-toolbar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-1b301e7f.js"),f=require("./positioner-33529bb8.js"),p=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-EV6mVBUV.js"),d=require("./positioner-D_fqyx_j.js"),c=`
   :host {
     position: fixed;
     inset: 0;
@@ -200,8 +200,8 @@
       transition: none !important;
     }
   }
-`;function g(i,t){if(i==null||i==="")return t;const e=Number(i);return Number.isFinite(e)?e:t}function h(i,t){if(i==null)return t;const e=i.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}function _(i){if(!document.body.contains(i))return!1;const t=window.getComputedStyle(i);return!(t.display==="none"||t.visibility==="hidden"||Number.parseFloat(t.opacity||"1")<=0)}function m(i){return i==="top"||i==="bottom"?i:"auto"}function v(i){return i==="start"||i==="end"?i:"center"}function y(i,t){const e=i==="top"?"top":"bottom";return t==="start"?`${e}-start`:t==="end"?`${e}-end`:e}function w(i){const t='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',e=[];return i.forEach(o=>{o instanceof HTMLElement&&(o.matches(t)&&e.push(o),e.push(...Array.from(o.querySelectorAll(t))))}),Array.from(new Set(e))}class d extends b.ElementBase{constructor(){super(...arguments),this._anchor=null,this._panel=null,this._toolbarSlot=null,this._defaultSlot=null,this._raf=null,this._resizeObserver=null,this._mutationObserver=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._globalListenersBound=!1,this._isOpen=!1,this._closeReason="programmatic",this._onWindowChangeBound=this._onWindowChange.bind(this),this._onDocumentPointerDownBound=this._onDocumentPointerDown.bind(this),this._onDocumentKeyDownBound=this._onDocumentKeyDown.bind(this),this._onPanelKeyDownBound=this._onPanelKeyDown.bind(this),this._onSlotChangeBound=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","anchor-id","headless","disabled","placement","align","offset","close-on-outside","close-on-escape","aria-label","aria-labelledby","variant","density","shape","elevation","tone"]}connectedCallback(){super.connectedCallback(),this._syncAnchorFromAttribute(),this._syncOpenState(),this._schedulePosition()}disconnectedCallback(){var t;this._unbindGlobalListeners(),this._teardownObservers(),(t=this._positioner)==null||t.destroy(),this._positioner=null,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),super.disconnectedCallback()}attributeChangedCallback(t,e,o){if(e!==o){if(t==="anchor-id"){this._syncAnchorFromAttribute(),this.hasAttribute("open")&&!this._anchor&&this._requestClose("anchor-missing"),this._schedulePosition();return}if(t==="open"){this._syncOpenState(),this._schedulePosition();return}if(t==="disabled"){this.hasAttribute("disabled")&&this.hasAttribute("open")&&this._requestClose("disabled");return}if(t==="headless"){this._syncOpenState(),this._schedulePosition();return}if(t==="aria-label"||t==="aria-labelledby"){this._syncPanelA11y();return}(t==="placement"||t==="align"||t==="offset")&&this._schedulePosition()}}showForAnchorId(t){if(this.hasAttribute("disabled")||!t)return;const e=document.getElementById(t);if(!e){this._requestClose("anchor-missing");return}this._anchor=e,this.setAttribute("anchor-id",t),this.openToolbar()}hide(){this.closeToolbar("programmatic")}openToolbar(){this.hasAttribute("disabled")||(this.hasAttribute("open")||this.setAttribute("open",""),this._schedulePosition())}closeToolbar(t="programmatic"){this.hasAttribute("open")&&(this._closeReason=t,this.removeAttribute("open"))}_syncOpenState(){var e;const t=this.hasAttribute("open")&&!this.hasAttribute("headless")&&!this.hasAttribute("disabled");if(t===this._isOpen){t&&this._schedulePosition();return}if(this._isOpen=t,t){this._bindGlobalListeners(),this._ensureObservers(),this._dispatchOpenEvents(),this._schedulePosition();return}this._unbindGlobalListeners(),this._teardownObservers(),(e=this._positioner)==null||e.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),this._dispatchCloseEvents(this._closeReason),this._closeReason="programmatic"}_dispatchOpenEvents(){this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0}}))}_dispatchCloseEvents(t){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:t}}))}_requestClose(t){if(!this.hasAttribute("open"))return;const e=new CustomEvent("request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e);const o=new CustomEvent("ui-request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(o),!(e.defaultPrevented||o.defaultPrevented)&&this.closeToolbar(t)}_syncAnchorFromAttribute(){const t=this.getAttribute("anchor-id");if(!t){this._anchor=null;return}this._anchor=document.getElementById(t)}_schedulePosition(){!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled")||(this._raf!=null&&cancelAnimationFrame(this._raf),this._raf=requestAnimationFrame(()=>{this._raf=null,this._position()}))}_ensureObservers(){if(!(this._resizeObserver&&this._mutationObserver)){if(typeof ResizeObserver<"u"){if(this._resizeObserver=new ResizeObserver(()=>this._schedulePosition()),this._panel)try{this._resizeObserver.observe(this._panel)}catch{}if(this._anchor)try{this._resizeObserver.observe(this._anchor)}catch{}}if(typeof MutationObserver<"u"&&this._anchor){this._mutationObserver=new MutationObserver(()=>this._schedulePosition());try{this._mutationObserver.observe(this._anchor,{attributes:!0,childList:!1,subtree:!1})}catch{}}}}_teardownObservers(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null)}_refreshObservers(){this._isOpen&&(this._teardownObservers(),this._ensureObservers())}_bindGlobalListeners(){this._globalListenersBound||(window.addEventListener("scroll",this._onWindowChangeBound,{passive:!0,capture:!0}),window.addEventListener("resize",this._onWindowChangeBound),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(window.removeEventListener("scroll",this._onWindowChangeBound,!0),window.removeEventListener("resize",this._onWindowChangeBound),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!1)}_position(){var s,a;if(!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled"))return;if(!this._anchor){this._requestClose("anchor-missing");return}if(!_(this._anchor)){this._requestClose("anchor-hidden");return}if(!this._panel)return;const t=Math.max(0,g(this.getAttribute("offset"),8)),e=m(this.getAttribute("placement")),o=v(this.getAttribute("align")),n=y(e,o);if(!this._positioner||this._positionerPlacement!==n||this._positionerOffset!==t){(s=this._positioner)==null||s.destroy(),this._positioner=f.createPositioner({anchor:this._anchor,floating:this._panel,placement:n,strategy:"fixed",offset:t,flip:!0,shift:!0,boundaryPadding:8,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:l=>{var u;const c=l.placement.startsWith("top")?"top":"bottom";this.style.setProperty("--ui-floating-toolbar-origin-x",o==="start"?"0%":o==="end"?"100%":"50%"),(u=this._panel)==null||u.setAttribute("data-side",c)}}),this._positionerPlacement=n,this._positionerOffset=t;return}(a=this._positioner)==null||a.update()}_onWindowChange(){this.hasAttribute("open")&&this._schedulePosition()}_onDocumentPointerDown(t){if(!this.hasAttribute("open")||!h(this.getAttribute("close-on-outside"),!0))return;const e=t.composedPath();e.includes(this)||this._anchor&&e.includes(this._anchor)||this._requestClose("outside")}_onDocumentKeyDown(t){this.hasAttribute("open")&&t.key==="Escape"&&h(this.getAttribute("close-on-escape"),!0)&&(t.preventDefault(),this._requestClose("escape"))}_onPanelKeyDown(t){if(!this._panel||!["ArrowRight","ArrowLeft","Home","End"].includes(t.key))return;const e=this._getFocusableItems();if(e.length===0)return;const o=document.activeElement,n=o?e.indexOf(o):-1;let r=n;t.key==="Home"?r=0:t.key==="End"?r=e.length-1:t.key==="ArrowRight"?r=n<0?0:(n+1)%e.length:t.key==="ArrowLeft"&&(r=n<0?e.length-1:(n-1+e.length)%e.length);const s=e[r];s&&(t.preventDefault(),s.focus())}_getFocusableItems(){var o,n;const t=((o=this._toolbarSlot)==null?void 0:o.assignedElements({flatten:!0}))||[],e=((n=this._defaultSlot)==null?void 0:n.assignedElements({flatten:!0}))||[];return w([...t,...e])}_onSlotChange(){this._syncRowVisibility(),this._schedulePosition()}_syncRowVisibility(){var r,s;const t=this.root.querySelector(".row-toolbar"),e=this.root.querySelector(".row-default");if(!t||!e)return;const o=(((r=this._toolbarSlot)==null?void 0:r.assignedNodes({flatten:!0}))||[]).some(a=>{var l;return a.nodeType===Node.TEXT_NODE?!!((l=a.textContent)!=null&&l.trim()):a.nodeType===Node.ELEMENT_NODE}),n=(((s=this._defaultSlot)==null?void 0:s.assignedNodes({flatten:!0}))||[]).some(a=>{var l;return a.nodeType===Node.TEXT_NODE?!!((l=a.textContent)!=null&&l.trim()):a.nodeType===Node.ELEMENT_NODE});o?t.removeAttribute("hidden"):t.setAttribute("hidden",""),n?e.removeAttribute("hidden"):e.setAttribute("hidden","")}_syncPanelA11y(){if(!this._panel)return;const t=this.getAttribute("aria-labelledby"),e=this.getAttribute("aria-label")||(t?null:"Floating toolbar");t?this._panel.setAttribute("aria-labelledby",t):this._panel.removeAttribute("aria-labelledby"),e?this._panel.setAttribute("aria-label",e):this._panel.removeAttribute("aria-label")}render(){var t,e,o,n,r,s;this.setContent(`
-      <style>${p}</style>
+`;function b(o,t){if(o==null||o==="")return t;const e=Number(o);return Number.isFinite(e)?e:t}function a(o,t){if(o==null)return t;const e=o.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}function f(o){if(!document.body.contains(o))return!1;const t=window.getComputedStyle(o);return!(t.display==="none"||t.visibility==="hidden"||Number.parseFloat(t.opacity||"1")<=0)}function p(o){return o==="top"||o==="bottom"?o:"auto"}function g(o){return o==="start"||o==="end"?o:"center"}function _(o,t){const e=o==="top"?"top":"bottom";return t==="start"?`${e}-start`:t==="end"?`${e}-end`:e}function m(o){const t='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',e=[];return o.forEach(i=>{i instanceof HTMLElement&&(i.matches(t)&&e.push(i),e.push(...Array.from(i.querySelectorAll(t))))}),Array.from(new Set(e))}class l extends h.ElementBase{constructor(){super(...arguments),this._anchor=null,this._panel=null,this._toolbarSlot=null,this._defaultSlot=null,this._raf=null,this._resizeObserver=null,this._mutationObserver=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._globalListenersBound=!1,this._isOpen=!1,this._closeReason="programmatic",this._onWindowChangeBound=this._onWindowChange.bind(this),this._onDocumentPointerDownBound=this._onDocumentPointerDown.bind(this),this._onDocumentKeyDownBound=this._onDocumentKeyDown.bind(this),this._onPanelKeyDownBound=this._onPanelKeyDown.bind(this),this._onSlotChangeBound=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","anchor-id","headless","disabled","placement","align","offset","close-on-outside","close-on-escape","aria-label","aria-labelledby","variant","density","shape","elevation","tone"]}connectedCallback(){super.connectedCallback(),this._syncAnchorFromAttribute(),this._syncOpenState(),this._schedulePosition()}disconnectedCallback(){this._unbindGlobalListeners(),this._teardownObservers(),this._positioner?.destroy(),this._positioner=null,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="anchor-id"){this._syncAnchorFromAttribute(),this.hasAttribute("open")&&!this._anchor&&this._requestClose("anchor-missing"),this._schedulePosition();return}if(t==="open"){this._syncOpenState(),this._schedulePosition();return}if(t==="disabled"){this.hasAttribute("disabled")&&this.hasAttribute("open")&&this._requestClose("disabled");return}if(t==="headless"){this._syncOpenState(),this._schedulePosition();return}if(t==="aria-label"||t==="aria-labelledby"){this._syncPanelA11y();return}(t==="placement"||t==="align"||t==="offset")&&this._schedulePosition()}}showForAnchorId(t){if(this.hasAttribute("disabled")||!t)return;const e=document.getElementById(t);if(!e){this._requestClose("anchor-missing");return}this._anchor=e,this.setAttribute("anchor-id",t),this.openToolbar()}hide(){this.closeToolbar("programmatic")}openToolbar(){this.hasAttribute("disabled")||(this.hasAttribute("open")||this.setAttribute("open",""),this._schedulePosition())}closeToolbar(t="programmatic"){this.hasAttribute("open")&&(this._closeReason=t,this.removeAttribute("open"))}_syncOpenState(){const t=this.hasAttribute("open")&&!this.hasAttribute("headless")&&!this.hasAttribute("disabled");if(t===this._isOpen){t&&this._schedulePosition();return}if(this._isOpen=t,t){this._bindGlobalListeners(),this._ensureObservers(),this._dispatchOpenEvents(),this._schedulePosition();return}this._unbindGlobalListeners(),this._teardownObservers(),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._raf!=null&&(cancelAnimationFrame(this._raf),this._raf=null),this._dispatchCloseEvents(this._closeReason),this._closeReason="programmatic"}_dispatchOpenEvents(){this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0}}))}_dispatchCloseEvents(t){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:t}}))}_requestClose(t){if(!this.hasAttribute("open"))return;const e=new CustomEvent("request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e);const i=new CustomEvent("ui-request-close",{detail:{reason:t},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(i),!(e.defaultPrevented||i.defaultPrevented)&&this.closeToolbar(t)}_syncAnchorFromAttribute(){const t=this.getAttribute("anchor-id");if(!t){this._anchor=null;return}this._anchor=document.getElementById(t)}_schedulePosition(){!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled")||(this._raf!=null&&cancelAnimationFrame(this._raf),this._raf=requestAnimationFrame(()=>{this._raf=null,this._position()}))}_ensureObservers(){if(!(this._resizeObserver&&this._mutationObserver)){if(typeof ResizeObserver<"u"){if(this._resizeObserver=new ResizeObserver(()=>this._schedulePosition()),this._panel)try{this._resizeObserver.observe(this._panel)}catch{}if(this._anchor)try{this._resizeObserver.observe(this._anchor)}catch{}}if(typeof MutationObserver<"u"&&this._anchor){this._mutationObserver=new MutationObserver(()=>this._schedulePosition());try{this._mutationObserver.observe(this._anchor,{attributes:!0,childList:!1,subtree:!1})}catch{}}}}_teardownObservers(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null)}_refreshObservers(){this._isOpen&&(this._teardownObservers(),this._ensureObservers())}_bindGlobalListeners(){this._globalListenersBound||(window.addEventListener("scroll",this._onWindowChangeBound,{passive:!0,capture:!0}),window.addEventListener("resize",this._onWindowChangeBound),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(window.removeEventListener("scroll",this._onWindowChangeBound,!0),window.removeEventListener("resize",this._onWindowChangeBound),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound,!0),this._globalListenersBound=!1)}_position(){if(!this.hasAttribute("open")||this.hasAttribute("headless")||this.hasAttribute("disabled"))return;if(!this._anchor){this._requestClose("anchor-missing");return}if(!f(this._anchor)){this._requestClose("anchor-hidden");return}if(!this._panel)return;const t=Math.max(0,b(this.getAttribute("offset"),8)),e=p(this.getAttribute("placement")),i=g(this.getAttribute("align")),r=_(e,i);if(!this._positioner||this._positionerPlacement!==r||this._positionerOffset!==t){this._positioner?.destroy(),this._positioner=d.createPositioner({anchor:this._anchor,floating:this._panel,placement:r,strategy:"fixed",offset:t,flip:!0,shift:!0,boundaryPadding:8,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:s=>{const u=s.placement.startsWith("top")?"top":"bottom";this.style.setProperty("--ui-floating-toolbar-origin-x",i==="start"?"0%":i==="end"?"100%":"50%"),this._panel?.setAttribute("data-side",u)}}),this._positionerPlacement=r,this._positionerOffset=t;return}this._positioner?.update()}_onWindowChange(){this.hasAttribute("open")&&this._schedulePosition()}_onDocumentPointerDown(t){if(!this.hasAttribute("open")||!a(this.getAttribute("close-on-outside"),!0))return;const e=t.composedPath();e.includes(this)||this._anchor&&e.includes(this._anchor)||this._requestClose("outside")}_onDocumentKeyDown(t){this.hasAttribute("open")&&t.key==="Escape"&&a(this.getAttribute("close-on-escape"),!0)&&(t.preventDefault(),this._requestClose("escape"))}_onPanelKeyDown(t){if(!this._panel||!["ArrowRight","ArrowLeft","Home","End"].includes(t.key))return;const e=this._getFocusableItems();if(e.length===0)return;const i=document.activeElement,r=i?e.indexOf(i):-1;let n=r;t.key==="Home"?n=0:t.key==="End"?n=e.length-1:t.key==="ArrowRight"?n=r<0?0:(r+1)%e.length:t.key==="ArrowLeft"&&(n=r<0?e.length-1:(r-1+e.length)%e.length);const s=e[n];s&&(t.preventDefault(),s.focus())}_getFocusableItems(){const t=this._toolbarSlot?.assignedElements({flatten:!0})||[],e=this._defaultSlot?.assignedElements({flatten:!0})||[];return m([...t,...e])}_onSlotChange(){this._syncRowVisibility(),this._schedulePosition()}_syncRowVisibility(){const t=this.root.querySelector(".row-toolbar"),e=this.root.querySelector(".row-default");if(!t||!e)return;const i=(this._toolbarSlot?.assignedNodes({flatten:!0})||[]).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType===Node.ELEMENT_NODE),r=(this._defaultSlot?.assignedNodes({flatten:!0})||[]).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType===Node.ELEMENT_NODE);i?t.removeAttribute("hidden"):t.setAttribute("hidden",""),r?e.removeAttribute("hidden"):e.setAttribute("hidden","")}_syncPanelA11y(){if(!this._panel)return;const t=this.getAttribute("aria-labelledby"),e=this.getAttribute("aria-label")||(t?null:"Floating toolbar");t?this._panel.setAttribute("aria-labelledby",t):this._panel.removeAttribute("aria-labelledby"),e?this._panel.setAttribute("aria-label",e):this._panel.removeAttribute("aria-label")}render(){this.setContent(`
+      <style>${c}</style>
       <section class="panel" part="panel" role="toolbar" aria-orientation="horizontal" tabindex="-1">
         <div class="row row-toolbar" part="row-toolbar">
           <slot name="toolbar"></slot>
@@ -210,4 +210,4 @@
           <slot></slot>
         </div>
       </section>
-    `),this._panel=this.root.querySelector(".panel"),this._toolbarSlot=this.root.querySelector('slot[name="toolbar"]'),this._defaultSlot=this.root.querySelector("slot:not([name])"),(t=this._panel)==null||t.removeEventListener("keydown",this._onPanelKeyDownBound),(e=this._panel)==null||e.addEventListener("keydown",this._onPanelKeyDownBound),(o=this._toolbarSlot)==null||o.removeEventListener("slotchange",this._onSlotChangeBound),(n=this._defaultSlot)==null||n.removeEventListener("slotchange",this._onSlotChangeBound),(r=this._toolbarSlot)==null||r.addEventListener("slotchange",this._onSlotChangeBound),(s=this._defaultSlot)==null||s.addEventListener("slotchange",this._onSlotChangeBound),this._syncPanelA11y(),this._syncRowVisibility(),this._refreshObservers(),this._schedulePosition()}}typeof customElements<"u"&&!customElements.get("ui-floating-toolbar")&&customElements.define("ui-floating-toolbar",d);exports.UIFloatingToolbar=d;
+    `),this._panel=this.root.querySelector(".panel"),this._toolbarSlot=this.root.querySelector('slot[name="toolbar"]'),this._defaultSlot=this.root.querySelector("slot:not([name])"),this._panel?.removeEventListener("keydown",this._onPanelKeyDownBound),this._panel?.addEventListener("keydown",this._onPanelKeyDownBound),this._toolbarSlot?.removeEventListener("slotchange",this._onSlotChangeBound),this._defaultSlot?.removeEventListener("slotchange",this._onSlotChangeBound),this._toolbarSlot?.addEventListener("slotchange",this._onSlotChangeBound),this._defaultSlot?.addEventListener("slotchange",this._onSlotChangeBound),this._syncPanelA11y(),this._syncRowVisibility(),this._refreshObservers(),this._schedulePosition()}}typeof customElements<"u"&&!customElements.get("ui-floating-toolbar")&&customElements.define("ui-floating-toolbar",l);exports.UIFloatingToolbar=l;