@trintel/zooy 1.0.1 → 1.0.6

package/dist/chunks/{register-BCEOkbXG.js → register-CkIAvkFm.js}

@@ -1,11 +1,15 @@
-import { _ as ct, g as a, c as at, B as rt, o as lt, h as dt, p as pt, d as h, C as mt } from "./main-BGOPab-5.js";
-var ut = /* @__PURE__ */ ct(function(e, n) {
+import { _ as W, c as pt, d as mt, g as l, e as ut, B as ht, o as vt, h as ft, p as gt, j as E, C as Et } from "./main-drDSYMFZ.js";
+var bt = /* @__PURE__ */ W(function(e, n) {
+  return n == null || n !== n ? e : n;
+}), Ct = /* @__PURE__ */ pt(function(e, n, o) {
+  return bt(e, mt(n, o));
+}), St = /* @__PURE__ */ W(function(e, n) {
   for (var o = {}, s = 0; s < e.length; )
     e[s] in n && (o[e[s]] = n[e[s]]), s += 1;
   return o;
-}), T = {}, L;
-function vt() {
-  return L || (L = 1, (function(t) {
+}), B = {}, U;
+function It() {
+  return U || (U = 1, (function(t) {
     t.TABLE_SIZE = void 0, (function(n) {
       n.XS = "xs", n.SM = "sm", n.MD = "md", n.LG = "lg", n.XL = "xl";
     })(t.TABLE_SIZE || (t.TABLE_SIZE = {})), t.TABLE_SORT_DIRECTION = void 0, (function(n) {
@@ -34,12 +38,12 @@ function vt() {
       ]
     };
     t.TABLE_SORT_CYCLES = e;
-  })(T)), T;
+  })(B)), B;
 }
-var ht = vt();
-const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3mD.js"), ft = {
+var At = It();
+const Dt = () => import("./index-BxYuKaia.js"), Y = () => import("./index-DNAwj4nV.js"), Nt = {
   "cds-pagination": {
-    import: G,
+    import: Y,
     /**
     * Initialize a standalone pagination component.
     *
@@ -56,8 +60,8 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       const e = this, n = customElements.get("cds-pagination");
       let o = null;
       e.listen(t, n.eventChangeCurrent, (s) => {
-        const i = s.detail.page, c = t.pageSize, r = (i - 1) * c;
-        r !== o && (o = r, e.dispatchPanelEvent("pagination-changed-current", {
+        const i = s.detail.page, c = t.pageSize, a = (i - 1) * c;
+        a !== o && (o = a, e.dispatchPanelEvent("pagination-changed-current", {
           detail: {
             page: i,
             pageSize: c,
@@ -77,207 +81,242 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, q = (t, e, n) => {
+}, V = (t, e, n) => {
   const o = customElements.get("cds-table"), s = customElements.get("cds-pagination"), i = customElements.get(o.selectorTableBatchActions);
   customElements.get("cds-popover");
-  const c = e.dataBinder, r = e.pagination, p = e.skeleton, g = e.querySelector(o.selectorTableToolbarSearch), f = e.querySelector(o.selectorTableBatchActions), S = e.querySelector(o.selectorTableToolbarContent), _ = e.querySelector(o.selectorTableBody), H = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), M = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), j = e.isSortable || M.length > 0, k = Symbol(), y = Symbol(), I = /* @__PURE__ */ new Map(), Y = (l) => {
-    t.listen(e, "click", (d) => {
-      const m = d.target.closest(o.selectorTableRow);
-      if (!m || d.composedPath().some((v) => v.matches && v.matches(H))) return;
-      d.stopPropagation();
-      const u = a(m);
-      t.dispatchPanelEvent(l, {
+  const c = e.dataBinder, a = e.pagination, d = e.skeleton, b = e.querySelector(o.selectorTableToolbarSearch), S = e.querySelector(o.selectorTableBatchActions), P = e.querySelector(o.selectorTableBody), O = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), x = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), Z = e.isSortable || x.length > 0, R = Symbol(), M = Symbol(), _ = /* @__PURE__ */ new Map(), J = (r) => {
+    t.listen(e, "click", (p) => {
+      const m = p.target.closest(o.selectorTableRow);
+      if (!m || p.composedPath().some((h) => h.matches && h.matches(O))) return;
+      p.stopPropagation();
+      const u = l(m);
+      t.dispatchPanelEvent(r, {
         ...u
       });
     });
-  }, W = (l) => {
-    t.listen(e, o.eventExpandoToggle, (d) => {
-      const m = d.target, u = m.tagName === "CDS-TABLE-HEADER-ROW", v = d.detail.expanded, E = a(m), C = {
+  }, K = (r) => {
+    t.listen(e, o.eventExpandoToggle, (p) => {
+      const m = p.target, u = m.tagName === "CDS-TABLE-HEADER-ROW", h = p.detail.expanded, f = l(m), C = {
         tableAttrs: n,
-        ...E,
+        ...f,
         target: m,
         allRows: u,
-        didExpand: v
+        didExpand: h
       };
-      t.dispatchPanelEvent(l, C);
+      t.dispatchPanelEvent(r, C);
     });
-  }, X = (l) => {
-    I.set(k, (d) => {
-      t.dispatchPanelEvent(l, d);
+  }, Q = (r) => {
+    _.set(R, (p) => {
+      t.dispatchPanelEvent(r, p);
     });
-  }, Z = (l) => {
-    I.set(y, (d) => {
-      const m = d.detail.selectedRows, u = Math.min(m.length, f.totalRowsCount), v = d.target, E = a(v), C = m.map(a), A = {
+  }, tt = (r) => {
+    _.set(M, (p) => {
+      const m = p.detail.selectedRows, u = Math.min(m.length, S.totalRowsCount), h = p.target, f = l(h), C = m.map(l), I = {
         tableAttrs: n,
-        ...E,
-        target: v,
+        ...f,
+        target: h,
         selectCount: u,
         selection: C
       };
-      t.dispatchPanelEvent(l, A);
+      t.dispatchPanelEvent(r, I);
     });
-  }, $ = (l) => {
-    t.listen(e, o.eventTableRowSelect, (d) => {
-      const m = d.target, u = d.detail.selectedRows || [], v = u.length, E = u.map(a), C = a(m), A = {
+  }, et = (r) => {
+    t.listen(e, o.eventTableRowSelect, (p) => {
+      const m = p.target, u = p.detail.selectedRows || [], h = u.length, f = u.map(l), C = l(m), I = {
         tableAttrs: n,
         ...C,
-        selectCount: v,
-        selection: E,
+        selectCount: h,
+        selection: f,
         target: m
       };
-      t.dispatchPanelEvent(l, A);
+      t.dispatchPanelEvent(r, I);
     });
-  }, J = () => {
-    t.listen(e, o.eventBeforeSort, (l) => {
-      const d = l.target, m = l.detail.oldSortDirection, u = l.detail.sortDirection, v = a(d), E = v.sortField, C = u === ht.TABLE_SORT_DIRECTION.DESCENDING ? `-${E}` : E;
-      l.cancelBubble = !0, l.stopPropagation(), l.preventDefault(), _.innerHTML = "", p && p.show(), M.forEach((D, $e) => {
-        D === d ? (D.setAttribute("sort-active", "true"), D.setAttribute("sort-direction", u)) : (D.removeAttribute("sort-active"), D.setAttribute("sort-direction", "none"));
+  }, nt = () => {
+    t.listen(e, o.eventBeforeSort, (r) => {
+      const p = r.target, m = r.detail.oldSortDirection, u = r.detail.sortDirection, h = l(p), f = h.sortField, C = u === At.TABLE_SORT_DIRECTION.DESCENDING ? `-${f}` : f;
+      r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), P.innerHTML = "", d && d.show(), x.forEach((D, v) => {
+        D === p ? (D.setAttribute("sort-active", "true"), D.setAttribute("sort-direction", u)) : (D.removeAttribute("sort-active"), D.setAttribute("sort-direction", "none"));
       });
-      const A = { ordering: C };
-      c.fetchData(A).then(() => {
-        r.setData(c), p && p.hide();
-      }), I.has(k) && I.get(k)({
+      const I = { ordering: C };
+      c.fetchData(I).then(() => {
+        a.setData(c), d && d.hide();
+      }), _.has(R) && _.get(R)({
         tableAttrs: n,
-        ...v,
+        ...h,
         sortNow: u,
         sortWas: m,
-        sortField: E,
+        sortField: f,
         ordering: C,
-        target: d
+        target: p
       });
     });
-  }, K = () => {
-    t.listen(e, o.eventTableRowSelectAll, (l) => {
-      l.detail.selectedRows.length === 0 && e.querySelectorAll(o.selectorTableRow).forEach((d) => {
-        d.disabled = !1, d.selected = !1;
-      }), I.has(y) && I.get(y)(l);
+  }, ot = () => {
+    t.listen(e, o.eventTableRowSelectAll, (r) => {
+      r.detail.selectedRows.length === 0 && e.querySelectorAll(o.selectorTableRow).forEach((p) => {
+        p.disabled = !1, p.selected = !1;
+      }), _.has(M) && _.get(M)(r);
     });
-  }, Q = () => {
-    t.listen(e, o.eventBeforeChangeSelectionAll, (l) => {
-      l.stopPropagation(), l.detail.callback && l.detail.callback();
+  }, st = () => {
+    t.listen(e, o.eventBeforeChangeSelectionAll, (r) => {
+      r.stopPropagation(), r.detail.callback && r.detail.callback();
     });
-  }, tt = (l) => {
-    const d = e.querySelector("cds-table-header-row");
-    t.listen(l, i.eventClickSelectAll, (m) => {
-      m.stopPropagation(), d.dispatchEvent(new CustomEvent(o.eventBeforeChangeSelectionAll, {
+  }, it = (r) => {
+    const p = e.querySelector("cds-table-header-row");
+    t.listen(r, i.eventClickSelectAll, (m) => {
+      m.stopPropagation(), p.dispatchEvent(new CustomEvent(o.eventBeforeChangeSelectionAll, {
         bubbles: !0,
         cancelable: !0,
         composed: !0,
         detail: {
           selected: !0,
           callback: () => {
-            l.selectedRowsCount = l.totalRowsCount, e.querySelectorAll(o.selectorTableRow).forEach((u) => {
+            r.selectedRowsCount = r.totalRowsCount, e.querySelectorAll(o.selectorTableRow).forEach((u) => {
               u.disabled = !0;
             });
           }
         }
       }));
     });
-  }, et = (l) => {
-    t.listen(l, "keydown", (d) => {
-      if (d.key === "Enter") {
-        p && p.show(), r.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
-        const u = { search: l.value || "", offset: 0 };
+  }, ct = (r) => {
+    t.listen(r, "keydown", (p) => {
+      if (p.key === "Enter") {
+        d && d.show(), a.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
+        const u = { search: r.value || "", offset: 0 };
         c.fetchData(u).then(() => {
-          r.setData(c), p && p.hide();
+          a.setData(c), d && d.hide();
         });
       }
     });
-  }, nt = (l) => {
-    t.listen(l, o.eventSearchInput, (d) => {
-      if ((d.detail.value || "") === "") {
+  }, at = (r) => {
+    t.listen(r, o.eventSearchInput, (p) => {
+      if ((p.detail.value || "") === "") {
         const u = { search: "", offset: 0 };
-        p && p.show(), c.fetchData(u).then(() => {
-          p && p.hide(), r.setData(c);
+        d && d.show(), c.fetchData(u).then(() => {
+          d && d.hide(), a.setData(c);
         });
       }
     });
-  }, ot = (l) => {
-    const d = l.querySelector("cds-icon-button, button:not([slot])");
-    if (!d) return;
-    l.caret = !1, t.listen(d, "click", (u) => {
-      u.stopPropagation(), l.open = !l.open, l.classList.toggle("cds--overflow-menu--open", l.open);
-    }), new MutationObserver(() => {
-      l.classList.toggle("cds--overflow-menu--open", l.open);
-    }).observe(l, {
+  }, rt = (r) => {
+    r.caret = !1;
+    const p = r.querySelector("cds-icon-button, button:not([slot])"), m = r.querySelectorAll("cds-checkbox"), u = r.querySelectorAll("cds-modal-footer-button"), h = [...r.querySelectorAll("cds-checkbox-group")].map(l).map(Ct("noop", ["zoo", "filter", "field"])).reduce(
+      (v, g) => (v[g] = null, v),
+      { offset: 0 }
+    );
+    if (!p || !u) {
+      console.error("Improperly configured Batch Filter popover");
+      return;
+    }
+    new MutationObserver(() => {
+      r.classList.toggle("cds--overflow-menu--open", r.open);
+    }).observe(r, {
       attributes: !0,
       attributeFilter: ["open"]
     });
-  }, st = () => {
-    t.listen(r, s.eventPageSizeChanged, (l) => {
+    const f = Symbol(), C = Symbol(), I = [...u].reduce((v, g, N) => (g.hasAttribute("reset-filter") && v.set(f, g), g.hasAttribute("apply-filter") && v.set(C, g), v), /* @__PURE__ */ new Map()), D = () => {
+      const v = /* @__PURE__ */ new Map();
+      return m.forEach((g) => {
+        const N = g.getAttribute("id");
+        if (!N || !N.includes(":")) return;
+        const [k, T] = N.split(":");
+        v.has(k) || v.set(k, []), g.checked && v.get(k).push(T);
+      }), v;
+    };
+    if (I.has(f)) {
+      const v = (g) => g.checked = !1;
+      t.listen(I.get(f), "click", (g) => {
+        g.stopPropagation(), m.forEach(v), d && d.show(), c.fetchData(h).then(() => {
+          a && a.setData(c), d && d.hide(), r.open = !1;
+        });
+      });
+    }
+    I.has(C) && t.listen(I.get(C), "click", (v) => {
+      v.stopPropagation();
+      const g = [...D()].reduce((N, [k, T]) => (N[k] = T === [] ? null : T, N), { offset: 0 });
+      d && d.show(), c.fetchData(g).then(() => {
+        a && a.setData(c), d && d.hide(), r.open = !1;
+      });
+    }), t.listen(p, "click", (v) => {
+      v.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
+    });
+  }, lt = () => {
+    t.listen(a, s.eventPageSizeChanged, (r) => {
       const m = {
-        limit: r.pageSize,
+        limit: a.pageSize,
         offset: 0
       };
       c.fetchData(m).then(() => {
-        r.setData(c);
+        a.setData(c);
       });
     });
-  }, it = () => {
-    let l = null;
-    t.listen(r, s.eventChangeCurrent, (d) => {
-      const { page: m } = d.detail, u = r.pageSize, v = (m - 1) * u;
-      if (v !== l) {
-        l = v;
-        const E = { limit: u, offset: v };
-        c.fetchData(E).then(() => {
-          r.setData(c), p && p.hide();
+  }, dt = () => {
+    let r = null;
+    t.listen(a, s.eventChangeCurrent, (p) => {
+      const { page: m } = p.detail, u = a.pageSize, h = (m - 1) * u;
+      if (h !== r) {
+        r = h;
+        const f = { limit: u, offset: h };
+        c.fetchData(f).then(() => {
+          a.setData(c), d && d.hide();
         });
       }
     });
   };
-  c && r && (st(), it()), c && g && (et(g), nt(g));
-  const B = S.querySelectorAll("cds-popover[data-batch-filter]");
-  B && B.forEach(ot), e.isSelectable && (K(), Q(), f && tt(f)), c && j && J();
-  const z = {
+  c && a && (lt(), dt()), c && b && (ct(b), at(b));
+  const F = e.querySelector(o.selectorTableToolbarContent);
+  if (F) {
+    const r = F.querySelectorAll("cds-popover[data-batch-filter]");
+    c && r && r.forEach(rt);
+  }
+  e.isSelectable && (ot(), st(), S && it(S)), c && Z && nt();
+  const G = {
     zoo: {
       event: {
         row: {
-          click: Y,
-          expand: W,
+          click: J,
+          expand: K,
           check: {
-            one: $,
-            all: Z
+            one: et,
+            all: tt
           }
         },
         column: {
-          sort: X
+          sort: Q
         }
       }
     }
   };
-  lt(n).forEach(([l, d]) => {
-    dt(l, z) && pt(l, z)(d);
+  vt(n).forEach(([r, p]) => {
+    ft(r, G) && gt(r, G)(p);
   });
-}, Et = (t) => {
+}, Pt = (t) => {
   const e = document.createElement("cds-pagination");
   return e.backwardText = "Previous page", e.forwardText = "Next page", e.itemsPerPageText = "Items per page:", e.pageSize = t.limit, e.size = "lg", [10, 25, 50, 100, 500].forEach((n) => {
     const o = document.createElement("cds-select-item");
     o.value = n.toString(), o.textContent = n.toString(), e.appendChild(o);
   }), e.setData = (n) => {
     if (n.isPaginated) {
-      const { count: o } = ut(["count"], n.data), s = Math.ceil(o / n.limit), i = 100;
-      e.pagesUnknown = s > i, e.totalItems = o;
+      const { count: o } = St(["count"], n.data), s = Math.ceil(o / n.limit), i = 100;
+      e.pagesUnknown = s > i, e.totalItems = o, e.pagesUnknown ? e.formatStatusWithIndeterminateTotal = ({ start: c, end: a }) => `${c}–${a} of ${o} item${o <= 1 ? "" : "s"}` : delete e.formatStatusWithIndeterminateTotal;
     }
   }, e;
-}, bt = (t) => {
+}, _t = (t) => {
   if (!t.parentNode) {
     console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
     return;
   }
-  const e = !!t.querySelector("cds-table-header-title"), n = !!t.querySelector("cds-table-header-description"), o = !!t.querySelector("cds-table-toolbar"), s = [...t.querySelectorAll("cds-table-header-cell")].length, i = t.hasAttribute("zebra"), c = t.getAttribute("size"), r = document.createElement("cds-table-skeleton");
-  r.showHeader = e || n, r.showToolbar = o, r.zebra = i, r.columnCount = s, r.size = c, r.show = () => r.classList.remove("hidden"), r.hide = () => r.classList.add("hidden");
-  const p = document.createElement("div");
-  return p.classList.add("zoo-datatable-skeleton-wrapper"), t.parentNode.insertBefore(p, t), p.appendChild(r), p.appendChild(t), r;
-}, Ct = (t, e) => {
+  const e = !!t.querySelector("cds-table-header-title"), n = !!t.querySelector("cds-table-header-description"), o = !!t.querySelector("cds-table-toolbar"), s = [...t.querySelectorAll("cds-table-header-cell")].length, i = t.hasAttribute("zebra"), c = t.getAttribute("size"), a = document.createElement("cds-table-skeleton");
+  a.showHeader = e || n, a.showToolbar = o, a.zebra = i, a.columnCount = s, a.size = c, a.show = () => a.classList.remove("hidden"), a.hide = () => a.classList.add("hidden");
+  const d = document.createElement("div");
+  return d.classList.add("zoo-datatable-skeleton-wrapper"), t.parentNode.insertBefore(d, t), d.appendChild(a), d.appendChild(t), a;
+}, kt = (t, e) => {
   const n = e.getAttribute("zoo-url-api"), o = parseInt(e.getAttribute("data-page-size") || 25, 10);
   if (n)
-    return new rt(t, n, e, {
+    return new ht(t, n, e, {
       urlParams: { limit: o }
     });
-}, St = {
+}, yt = {
   selector: "cds-table",
-  import: [gt, G],
+  import: [Dt, Y],
   /**
    * Initialize a Carbon data table component.
    *
@@ -308,27 +347,27 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t), n = this, o = Ct(n, t);
-    if (at(o)) {
+    const e = l(t), n = this, o = kt(n, t);
+    if (ut(o)) {
       t.dataBinder = o;
-      const s = bt(t);
+      const s = _t(t);
       t.skeleton = s;
-      const i = Et(o);
+      const i = Pt(o);
       t.pagination = i, t.after(i), o.fetchData().then((c) => {
-        s.hide(), i.setData(o), q(n, t, e);
+        s.hide(), i.setData(o), V(n, t, e);
       });
     } else
-      q(n, t, e);
+      V(n, t, e);
   }
-}, b = () => import("./index-BMquNDkd.js"), It = {
+}, A = () => import("./index-BgL2QyGL.js"), Tt = {
   selector: "cds-modal",
-  import: b,
+  import: A,
   /**
    * @param {CDSModal} modal - The CDSModal custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = customElements.get("cds-modal"), n = a(t), o = h(t, "open-event", "event");
+    const e = customElements.get("cds-modal"), n = l(t), o = E(t, "open-event", "event");
     o && this.listen(t, "cds-modal-beingopened", (c) => {
       this.dispatchPanelEvent(o, {
         ...n,
@@ -349,7 +388,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
         triggeredBy: c.detail?.triggeredBy
       });
     });
-    const i = h(t, "primary-event", "event");
+    const i = E(t, "primary-event", "event");
     i && this.listen(t, "cds-modal-primary-focus", (c) => {
       this.dispatchPanelEvent(i, {
         ...n,
@@ -357,39 +396,39 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     });
   }
-}, At = {
+}, wt = {
   "cds-modal-header": {
-    import: b
+    import: A
     // No event handling - presentational header wrapper
   },
   "cds-modal-heading": {
-    import: b
+    import: A
     // No event handling - presentational heading element
   },
   "cds-modal-label": {
-    import: b
+    import: A
     // No event handling - presentational label element
   },
   "cds-modal-close-button": {
-    import: b
+    import: A
     // No event handling - close button handled by modal itself via data-modal-close
   },
   "cds-modal-body": {
-    import: b
+    import: A
     // No event handling - presentational body wrapper
   },
   "cds-modal-body-content": {
-    import: b
+    import: A
     // No event handling - presentational content wrapper
   },
   "cds-modal-footer": {
-    import: b
+    import: A
     // No event handling - presentational footer wrapper
   },
   "cds-modal-footer-button": {
-    import: b,
+    import: A,
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       if (t.getAttribute("type") === "submit") {
         this.listen(t, "click", (s) => {
           let i = t.closest("form");
@@ -407,22 +446,22 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, U = () => import("./index-CBICHiFD.js"), Dt = {
+}, $ = () => import("./index-DaPLGBBg.js"), Ot = {
   selector: "cds-menu",
-  import: U,
+  import: $,
   /**
    * @param {CDSMenu} menu - The CDSMenu custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t), n = h(t, "open-event");
+    const e = l(t), n = E(t, "open-event");
     n && this.listen(t, "cds-menu-opened", (s) => {
       this.dispatchPanelEvent(n, {
         ...e,
         action: "opened"
       });
     });
-    const o = h(t, "close-event");
+    const o = E(t, "close-event");
     o && this.listen(t, "cds-menu-closed", (s) => {
       this.dispatchPanelEvent(o, {
         ...e,
@@ -430,33 +469,33 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }), this.listen(t, "click", (s) => {
       if (s.target.tagName === "CDS-MENU-ITEM") {
-        const i = a(s.target), c = i.event || e.event;
+        const i = l(s.target), c = i.event || e.event;
         c && (s.stopPropagation(), this.dispatchPanelEvent(c, {
           ...e,
           ...i
         }));
       }
     }), this.listen(t, "cds-item-changed", (s) => {
-      const i = s.detail.triggeredBy, c = a(i), r = c.event || e.event;
-      r && this.dispatchPanelEvent(r, {
+      const i = s.detail.triggeredBy, c = l(i), a = c.event || e.event;
+      a && this.dispatchPanelEvent(a, {
         ...e,
         ...c,
         action: "selection-changed"
       });
     });
   }
-}, Nt = {
+}, Rt = {
   "cds-menu-button": {
-    import: U,
+    import: $,
     /**
      * @param {CDSMenuButton} menuButton - The CDSMenuButton custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = t.querySelector("cds-menu");
+      const e = l(t), n = t.querySelector("cds-menu");
       n && this.listen(n, "click", (o) => {
         if (o.target.tagName === "CDS-MENU-ITEM") {
-          const s = a(o.target), i = s.event || e.event;
+          const s = l(o.target), i = s.event || e.event;
           i && (o.stopPropagation(), this.dispatchPanelEvent(i, {
             ...e,
             ...s
@@ -465,15 +504,15 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, V = () => import("./index-Bls8zdHV.js"), x = () => import("./index-B4SxU_Hu.js").then((t) => t.i), Pt = () => import("./index-BeMnerDj.js"), _t = () => import("./index-C6bOvXSf.js"), kt = {
+}, X = () => import("./index-BbkJWRo0.js"), j = () => import("./index-DjiQpWrp.js").then((t) => t.i), Mt = () => import("./index-IFR1tBYd.js"), Bt = () => import("./index-BzEYhXCp.js"), zt = {
   selector: "cds-button",
-  import: V,
+  import: X,
   /**
    * @param {CDSButton} button - The CDSButton custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t);
+    const e = l(t);
     if (t.getAttribute("type") === "submit") {
       this.listen(t, "click", (s) => {
         let i = t.closest("form");
@@ -487,22 +526,22 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
     }
     const o = e.event;
     o && this.listen(t, "click", (s) => {
-      s.stopPropagation(), this.dispatchPanelEvent(o, e);
+      s.stopPropagation(), this.dispatchPanelEvent(o, l(t));
     });
   }
-}, yt = {
+}, Lt = {
   // Icon Button (non-toggle)
   "cds-icon-button:not([data-toggle])": {
-    import: x,
+    import: j,
     event: "click",
     getData: (t, e) => e
   },
   // Icon Toggle - Toggles Carbon's built-in isSelected state for ghost icon buttons
   // Visual styling (subtle background change) is handled by Carbon's CSS
   "cds-icon-button[data-toggle]": {
-    import: x,
+    import: j,
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       e.event && this.listen(t, "click", (n) => {
         n.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
           ...e,
@@ -513,15 +552,15 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // FAB (Floating Action Button) - just a styled button
   "cds-button[data-fab]": {
-    import: V,
+    import: X,
     event: "click",
     getData: (t, e) => e
   },
   // Copy Button - Button that copies text to clipboard
   "cds-copy-button": {
-    import: _t,
+    import: Bt,
     init: function(t) {
-      const e = a(t), n = e.event;
+      const e = l(t), n = e.event;
       n && this.listen(t, "click", (s) => {
         s.stopPropagation(), this.dispatchPanelEvent(n, {
           ...e,
@@ -545,11 +584,11 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Combo Button - composed of button + menu
   "cds-combo-button": {
-    import: Pt,
+    import: Mt,
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       e.event && this.listen(t, "click", (o) => {
-        const s = o.composedPath(), i = s.some((r) => r.tagName === "CDS-MENU-ITEM"), c = s.some((r) => r.tagName === "CDS-ICON-BUTTON");
+        const s = o.composedPath(), i = s.some((a) => a.tagName === "CDS-MENU-ITEM"), c = s.some((a) => a.tagName === "CDS-ICON-BUTTON");
         !i && !c && (o.stopPropagation(), this.dispatchPanelEvent(e.event, {
           ...e,
           action: "primary"
@@ -558,7 +597,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       const n = t.querySelector("cds-menu");
       n && this.listen(n, "click", (o) => {
         if (o.target.tagName === "CDS-MENU-ITEM") {
-          const s = a(o.target), i = s.event || h(t, "menu-event", "event");
+          const s = l(o.target), i = s.event || E(t, "menu-event", "event");
           i && this.dispatchPanelEvent(i, {
             ...e,
             ...s,
@@ -568,15 +607,15 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, Tt = () => import("./index-DNWjc2SJ.js"), wt = () => import("./index-Bff6B9vY.js"), Ot = () => import("./index-BbJQIwkY.js"), Rt = {
+}, qt = () => import("./index-PFLnPKPE.js"), xt = () => import("./index-DH3GxHNZ.js"), Ft = () => import("./index-QGOiUcMf.js"), Gt = {
   selector: "cds-dropdown",
-  import: Tt,
+  import: qt,
   /**
    * @param {CDSDropdown} dropdown - The CDSDropdown custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = customElements.get("cds-dropdown"), n = a(t), o = n.event;
+    const e = customElements.get("cds-dropdown"), n = l(t), o = n.event;
     o && this.listen(t, e.eventSelect, (i) => {
       this.dispatchPanelEvent(o, {
         ...n,
@@ -593,16 +632,16 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     });
   }
-}, Mt = {
+}, Ut = {
   // Combo Box
   "cds-combo-box": {
-    import: wt,
+    import: xt,
     /**
      * @param {CDSComboBox} comboBox - The CDSComboBox custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = customElements.get("cds-combo-box"), n = a(t), o = n.event;
+      const e = customElements.get("cds-combo-box"), n = l(t), o = n.event;
       o && this.listen(t, e.eventSelect, (i) => {
         const c = i.detail?.item;
         this.dispatchPanelEvent(o, {
@@ -623,13 +662,13 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Multi Select
   "cds-multi-select": {
-    import: Ot,
+    import: Ft,
     /**
      * @param {CDSMultiSelect} multiSelect - The CDSMultiSelect custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = customElements.get("cds-multi-select"), n = a(t), o = n.event;
+      const e = customElements.get("cds-multi-select"), n = l(t), o = n.event;
       o && this.listen(t, e.eventSelect, (i) => {
         const c = t.value ? t.value.split(",") : [];
         this.dispatchPanelEvent(o, {
@@ -646,51 +685,51 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, Bt = () => import("./index-CkxGsCJy.js"), zt = () => import("./index-TJL02uup.js"), Lt = {
+}, Vt = () => import("./index-xA7Xy6rP.js"), jt = () => import("./index-BMibCYm9.js"), Ht = {
   selector: "cds-date-picker",
-  import: Bt,
+  import: Vt,
   /**
    * @param {CDSDatePicker} datePicker - The CDSDatePicker custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = customElements.get("cds-date-picker"), n = a(t), o = t.querySelector('cds-date-picker-input[kind="from"]'), s = t.querySelector('cds-date-picker-input[kind="to"]'), i = o && s, c = n.event;
-    c && this.listen(t, e.eventChange, (p) => {
-      let g;
-      i ? g = {
+    const e = customElements.get("cds-date-picker"), n = l(t), o = t.querySelector('cds-date-picker-input[kind="from"]'), s = t.querySelector('cds-date-picker-input[kind="to"]'), i = o && s, c = n.event;
+    c && this.listen(t, e.eventChange, (d) => {
+      let b;
+      i ? b = {
         from: o.value || "",
         to: s.value || ""
-      } : g = t.value, this.dispatchPanelEvent(c, {
+      } : b = t.value, this.dispatchPanelEvent(c, {
         ...n,
-        value: g
+        value: b
       });
     });
-    const r = t.getAttribute("error-event");
-    r && this.listen(t, e.eventFlatpickrError, (p) => {
-      this.dispatchPanelEvent(r, {
+    const a = t.getAttribute("error-event");
+    a && this.listen(t, e.eventFlatpickrError, (d) => {
+      this.dispatchPanelEvent(a, {
         ...n,
-        error: p.detail
+        error: d.detail
       });
     });
   }
-}, qt = {
+}, Wt = {
   "cds-time-picker": {
-    import: zt,
+    import: jt,
     event: "cds-time-picker-changed",
     getData: (t, e, n) => ({
       ...e,
       value: n.value
     })
   }
-}, xt = () => import("./index-DUtoSCTU.js"), Ft = {
+}, Yt = () => import("./index-Bg7fp8eN.js"), $t = {
   selector: "cds-file-uploader",
-  import: xt,
+  import: Yt,
   /**
    * @param {CDSFileUploader} uploader - The CDSFileUploader custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t), n = e.event;
+    const e = l(t), n = e.event;
     if (n) {
       const s = t.querySelector('input[type="file"]');
       s && this.listen(s, "change", (i) => {
@@ -709,15 +748,15 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     });
   }
-}, Gt = () => import("./index-uxZPrL2m.js"), Ut = () => import("./index-D9sRIKMQ.js"), Vt = () => import("./index-B5DpS-cb.js"), Ht = {
+}, Xt = () => import("./index-BMwdiru1.js"), Zt = () => import("./index-Ibt0J2Et.js"), Jt = () => import("./index-Cp8R3aIT.js"), Kt = {
   selector: "cds-tabs",
-  import: Gt,
+  import: Xt,
   /**
    * @param {CDSTabs} tabs - The CDSTabs custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = customElements.get("cds-tabs"), n = a(t), o = t.getAttribute("before-select-event");
+    const e = customElements.get("cds-tabs"), n = l(t), o = t.getAttribute("before-select-event");
     o && this.listen(t, e.eventBeforeSelect, (i) => {
       this.dispatchPanelEvent(o, {
         ...n,
@@ -727,31 +766,31 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
     });
     const s = n.event;
     s && this.listen(t, e.eventSelect, (i) => {
-      const c = i.detail.item, r = a(c);
+      const c = i.detail.item, a = l(c);
       this.dispatchPanelEvent(s, {
         ...n,
-        ...r,
+        ...a,
         tabValue: i.detail.value
       });
     });
   }
-}, jt = {
+}, Qt = {
   // Accordion
   "cds-accordion": {
-    import: Ut,
+    import: Zt,
     /**
      * @param {CDSAccordion} accordion - The CDSAccordion custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = customElements.get("cds-accordion-item"), n = a(t);
+      const e = customElements.get("cds-accordion-item"), n = l(t);
       [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
-        const i = a(s), c = i.event || n.event;
-        c && this.listen(s, e.eventToggle, (r) => {
+        const i = l(s), c = i.event || n.event;
+        c && this.listen(s, e.eventToggle, (a) => {
           this.dispatchPanelEvent(c, {
             ...n,
             ...i,
-            open: r.detail.open
+            open: a.detail.open
           });
         });
       });
@@ -759,13 +798,13 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Content Switcher
   "cds-content-switcher": {
-    import: Vt,
+    import: Jt,
     /**
      * @param {CDSContentSwitcher} switcher - The CDSContentSwitcher custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = customElements.get("cds-content-switcher"), n = a(t), o = t.getAttribute("before-select-event");
+      const e = customElements.get("cds-content-switcher"), n = l(t), o = t.getAttribute("before-select-event");
       o && this.listen(t, e.eventBeforeSelect, (i) => {
         this.dispatchPanelEvent(o, {
           ...n,
@@ -775,65 +814,65 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
       const s = n.event;
       s && this.listen(t, e.eventSelect, (i) => {
-        const c = i.detail.item, r = a(c);
+        const c = i.detail.item, a = l(c);
         this.dispatchPanelEvent(s, {
           ...n,
-          ...r,
+          ...a,
           value: c.getAttribute("value")
         });
       });
     }
   }
-}, w = () => import("./index-CWlg_Hu2.js"), Yt = {
+}, z = () => import("./index-B9EQl0eG.js"), te = {
   selector: "cds-breadcrumb",
-  import: w,
+  import: z,
   /**
    * @param {CDSBreadcrumb} breadcrumb - The CDSBreadcrumb custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t), n = e.event;
-    if (n) {
-      const o = (i) => {
-        this.dispatchPanelEvent(n, {
-          ...e,
-          ...i
+    const e = this, n = l(t), o = n.event;
+    if (o) {
+      const s = (c) => {
+        e.dispatchPanelEvent(o, {
+          ...n,
+          ...c
         });
       };
-      this.listen(t, "click", (i) => {
-        const c = i.target.closest("cds-breadcrumb-link");
-        if (c) {
-          i.preventDefault(), i.stopPropagation();
-          const r = a(c);
-          o(r);
+      e.listen(t, "click", (c) => {
+        const a = c.target.closest("cds-breadcrumb-link");
+        if (a) {
+          c.preventDefault(), c.stopPropagation();
+          const d = l(a);
+          s(d);
         }
       });
-      const s = t.querySelector("cds-overflow-menu-body");
-      s && this.listen(s, "cds-overflow-menu-item-clicked", (i) => {
-        i.stopPropagation();
-        const c = a(i.target);
-        o(c);
+      const i = t.querySelector("cds-overflow-menu-body");
+      i && e.listen(i, "cds-overflow-menu-item-clicked", (c) => {
+        c.stopPropagation();
+        const a = l(c.target);
+        s(a);
       });
     }
   }
-}, Wt = {
+}, ee = {
   // Breadcrumb Item - Wrapper for breadcrumb links
   "cds-breadcrumb-item": {
-    import: w
+    import: z
     // No event handling - presentational wrapper
   },
   // Breadcrumb Link - Individual breadcrumb link
   "cds-breadcrumb-link": {
-    import: w,
+    import: z,
     event: "click",
     getData: (t, e, n) => (t.preventDefault(), {
       ...e,
       href: n.getAttribute("href")
     })
   }
-}, Xt = () => import("./index-4WNeLsiw.js"), Zt = () => import("./index-GDVDUQtg.js"), $t = () => import("./index-Bunat0DP.js"), Jt = () => import("./index-CR3DrmQi.js"), Kt = () => import("./index-B0nToMRj.js"), Qt = {
+}, ne = () => import("./index-Cogd5TV0.js"), oe = () => import("./index-DKAiRnw5.js"), se = () => import("./index-D6A8xmd2.js"), ie = () => import("./index-kxMxVHET.js"), ce = () => import("./index-Ck0UGXjG.js"), ae = {
   selector: "cds-text-input",
-  import: Xt,
+  import: ne,
   multiEvent: !0,
   events: [
     {
@@ -853,10 +892,10 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       })
     }
   ]
-}, te = {
+}, re = {
   // Text Area
   "cds-textarea": {
-    import: Zt,
+    import: oe,
     multiEvent: !0,
     events: [
       {
@@ -879,7 +918,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Number Input
   "cds-number-input": {
-    import: $t,
+    import: se,
     event: "cds-number-input",
     getData: (t, e, n) => ({
       ...e,
@@ -890,7 +929,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Password Input
   "cds-password-input": {
-    import: Jt,
+    import: ie,
     multiEvent: !0,
     events: [
       {
@@ -913,26 +952,26 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Search
   "cds-search": {
-    import: Kt,
+    import: ce,
     event: "cds-search-input",
     getData: (t, e, n) => ({
       ...e,
       value: n.value
     })
   }
-}, ee = () => import("./index-hH_m653R.js"), ne = () => import("./index-B5GB0rQW.js"), oe = () => import("./index-4XJJobHw.js"), se = () => import("./index-CYIcfuAW.js"), ie = () => import("./index-7cXLLw89.js"), ce = {
+}, le = () => import("./index-Xu24xEY5.js"), de = () => import("./index-XQC8MAEe.js"), pe = () => import("./index-CTCHzPo9.js"), me = () => import("./index-BxGnpgtA.js"), ue = () => import("./index-CDogTzrE.js"), he = {
   selector: "cds-checkbox",
-  import: ee,
+  import: le,
   event: "cds-checkbox-changed",
   getData: (t, e, n) => ({
     ...e,
     checked: t.detail.checked,
     value: n.value
   })
-}, ae = {
+}, ve = {
   // Radio Button Group - only listen to the group, not individual buttons
   "cds-radio-button-group": {
-    import: ne,
+    import: de,
     event: "cds-radio-button-group-changed",
     getData: (t, e) => ({
       ...e,
@@ -941,7 +980,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Toggle
   "cds-toggle": {
-    import: oe,
+    import: pe,
     event: "cds-toggle-changed",
     getData: (t, e) => ({
       ...e,
@@ -951,7 +990,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Select
   "cds-select": {
-    import: se,
+    import: me,
     event: "cds-select-selected",
     getData: (t, e) => ({
       ...e,
@@ -960,13 +999,13 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Slider
   "cds-slider": {
-    import: ie,
+    import: ue,
     /**
      * @param {CDSSlider} slider - The CDSSlider custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = e.event;
+      const e = l(t), n = e.event;
       n && this.listen(t, "cds-slider-changed", (s) => {
         this.dispatchPanelEvent(n, {
           ...e,
@@ -982,21 +1021,21 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, O = () => import("./index-DSOPjl5x.js"), re = {
+}, L = () => import("./index-BX6awuOJ.js"), fe = {
   selector: "cds-tag",
-  import: O,
+  import: L,
   event: "click",
   getData: (t, e) => e
-}, le = {
+}, ge = {
   // Dismissible tags (closeable tags with X button)
   "cds-dismissible-tag": {
-    import: O,
+    import: L,
     /**
      * @param {CDSDismissibleTag} tag - The CDSDismissibleTag custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = t.getAttribute("click-event");
+      const e = l(t), n = t.getAttribute("click-event");
       n && this.listen(t, "click", (s) => {
         s.target.closest("button") || this.dispatchPanelEvent(n, {
           ...e
@@ -1013,16 +1052,16 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Filter tags (closeable tags used for filters)
   "cds-filter-tag": {
-    import: O,
+    import: L,
     event: "cds-filter-tag-closed",
     getData: (t, e) => ({
       ...e,
       action: "remove"
     })
   }
-}, de = () => import("./index-CIiIAqrQ.js"), pe = () => import("./index-Cwb1pbm9.js"), me = () => import("./index-BGGDxbLL.js"), ue = {
+}, Ee = () => import("./index-3DFPYYjC.js"), be = () => import("./index-DotbnSU-.js"), Ce = () => import("./index-DDrcJDBe.js"), Se = {
   selector: "cds-overflow-menu",
-  import: de,
+  import: Ee,
   // We collect the menu attributes from the menu, but we listen for the
   // events on the menu body.
   /**
@@ -1030,28 +1069,28 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t), n = e.event, o = t.querySelector("cds-overflow-menu-body");
+    const e = l(t), n = e.event, o = t.querySelector("cds-overflow-menu-body");
     n && o && this.listen(o, "cds-overflow-menu-item-clicked", (s) => {
       s.stopPropagation();
-      const i = a(s.target);
+      const i = l(s.target);
       this.dispatchPanelEvent(n, {
         ...e,
         ...i
       });
     });
   }
-}, ve = {
+}, Ie = {
   // Structured List
   "cds-structured-list": {
-    import: pe,
+    import: be,
     /**
      * @param {CDSStructuredList} list - The CDSStructuredList custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       [...t.querySelectorAll("cds-structured-list-row")].forEach((o) => {
-        const s = a(o), i = s.event || e.event;
+        const s = l(o), i = s.event || e.event;
         i && this.listen(o, "click", (c) => {
           c.stopPropagation(), this.dispatchPanelEvent(i, {
             ...e,
@@ -1059,7 +1098,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
           });
         });
       }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (o) => {
-        const s = o.detail.row, i = a(s), c = e.event;
+        const s = o.detail.row, i = l(s), c = e.event;
         c && this.dispatchPanelEvent(c, {
           ...e,
           ...i
@@ -1069,15 +1108,15 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Tree View
   "cds-tree-view": {
-    import: me,
+    import: Ce,
     /**
      * @param {CDSTreeView} tree - The CDSTreeView custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       this.listen(t, "cds-tree-node-selected", (o) => {
-        const s = o.detail.node, i = a(s), c = i.event || e.event;
+        const s = o.detail.node, i = l(s), c = i.event || e.event;
         c && this.dispatchPanelEvent(c, {
           ...e,
           ...i,
@@ -1085,7 +1124,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
           label: s.getAttribute("label")
         });
       });
-      const n = h(t, "expand-event");
+      const n = E(t, "expand-event");
       n && this.listen(t, "cds-tree-node-expanded", (o) => {
         this.dispatchPanelEvent(n, {
           ...e,
@@ -1095,18 +1134,18 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, R = () => import("./index-Cnsy7Qk3.js"), he = {
+}, q = () => import("./index-DtEEVxFL.js"), Ae = {
   selector: "cds-toast-notification",
-  import: R,
+  import: q,
   event: "cds-notification-closed",
   getData: (t, e) => ({
     ...e,
     action: "closed"
   })
-}, ge = {
+}, De = {
   // Inline Notification
   "cds-inline-notification": {
-    import: R,
+    import: q,
     event: "cds-notification-closed",
     getData: (t, e) => ({
       ...e,
@@ -1115,20 +1154,20 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Actionable Notification
   "cds-actionable-notification": {
-    import: R,
+    import: q,
     /**
      * @param {CDSActionableNotification} notification - The CDSActionableNotification custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = h(t, "close-event", "event");
+      const e = l(t), n = E(t, "close-event", "event");
       n && this.listen(t, "cds-notification-closed", (s) => {
         this.dispatchPanelEvent(n, {
           ...e,
           action: "closed"
         });
       });
-      const o = h(t, "action-event");
+      const o = E(t, "action-event");
       o && this.listen(t, "cds-notification-actioned", (s) => {
         this.dispatchPanelEvent(o, {
           ...e,
@@ -1137,24 +1176,24 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     }
   }
-}, P = () => import("./index-Bi9WliCA.js"), fe = {
+}, w = () => import("./index-aYMyslt1.js"), Ne = {
   selector: "cds-clickable-tile",
-  import: P,
+  import: w,
   event: "click",
   getData: (t, e) => ({
     ...e,
     href: t.currentTarget.getAttribute("href")
   })
-}, Ee = {
+}, Pe = {
   // Expandable Tile
   "cds-expandable-tile": {
-    import: P,
+    import: w,
     /**
      * @param {CDSExpandableTile} tile - The CDSExpandableTile custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = t.getAttribute("before-toggle-event");
+      const e = l(t), n = t.getAttribute("before-toggle-event");
       n && this.listen(t, "cds-expandable-tile-beingtoggled", (s) => {
         this.dispatchPanelEvent(n, {
           ...e,
@@ -1173,7 +1212,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Selectable Tile
   "cds-selectable-tile": {
-    import: P,
+    import: w,
     event: "cds-selectable-tile-changed",
     getData: (t, e, n) => ({
       ...e,
@@ -1183,7 +1222,7 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Radio Tile
   "cds-radio-tile": {
-    import: P,
+    import: w,
     event: "cds-selectable-tile-changed",
     getData: (t, e, n) => ({
       ...e,
@@ -1191,15 +1230,15 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       value: n.value
     })
   }
-}, be = () => import("./index-Ctna95NT.js"), Ce = () => import("./index-Z4ar01y-.js"), Se = () => import("./index-uwN33H1P.js"), Ie = {
+}, _e = () => import("./index-DAp9FO-q.js"), ke = () => import("./index-DrqxeFX2.js"), ye = () => import("./index-HZx30Dhs.js"), Te = {
   selector: "cds-progress-bar",
-  import: be,
+  import: _e,
   /**
    * @param {CDSProgressBar} progressBar - The CDSProgressBar custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t);
+    const e = l(t);
     if (e.event) {
       const n = new MutationObserver(() => {
         const o = parseFloat(t.getAttribute("value") || "0"), s = parseFloat(t.getAttribute("max") || "100");
@@ -1215,18 +1254,18 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       }), t._progressObserver = n;
     }
   }
-}, Ae = {
+}, we = {
   // Progress Indicator
   "cds-progress-indicator": {
-    import: Ce,
+    import: ke,
     /**
      * @param {CDSProgressIndicator} indicator - The CDSProgressIndicator custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       this.listen(t, "cds-progress-step-click", (n) => {
-        const o = n.target, s = a(o), i = s.event || e.event;
+        const o = n.target, s = l(o), i = s.event || e.event;
         i && this.dispatchPanelEvent(i, {
           ...e,
           ...s,
@@ -1238,13 +1277,13 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Inline Loading - Loading indicator for inline actions (e.g., form submit)
   "cds-inline-loading": {
-    import: Se,
+    import: ye,
     /**
      * @param {CDSInlineLoading} inlineLoading - The CDSInlineLoading custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = e.event;
+      const e = l(t), n = e.event;
       n && this.listen(t, "cds-inline-loading-onsuccess", (s) => {
         this.dispatchPanelEvent(n, {
           ...e,
@@ -1256,10 +1295,10 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
         const s = new MutationObserver((i) => {
           i.forEach((c) => {
             if (c.attributeName === "status") {
-              const r = t.getAttribute("status");
+              const a = t.getAttribute("status");
               this.dispatchPanelEvent(o, {
                 ...e,
-                status: r
+                status: a
               });
             }
           });
@@ -1271,22 +1310,22 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       }
     }
   }
-}, De = () => import("./index-Bb_1S0pr.js"), Ne = () => import("./index-Dd9iSSXa.js").then((t) => t.i), Pe = () => import("./index-DyyLrVDY.js"), _e = {
+}, Oe = () => import("./index-BI5zwXiD.js"), Re = () => import("./index-DlGr9Xg0.js").then((t) => t.i), Me = () => import("./index-WZTepZq8.js"), Be = {
   selector: "cds-tooltip",
-  import: De,
+  import: Oe,
   /**
    * @param {CDSTooltip} tooltip - The CDSTooltip custom element instance
    * @this {Panel} The panel instance
    */
   init: function(t) {
-    const e = a(t), n = h(t, "open-event");
+    const e = l(t), n = E(t, "open-event");
     n && this.listen(t, "cds-tooltip-beingopened", (s) => {
       this.dispatchPanelEvent(n, {
         ...e,
         action: "opened"
       });
     });
-    const o = h(t, "close-event");
+    const o = E(t, "close-event");
     o && this.listen(t, "cds-tooltip-closed", (s) => {
       this.dispatchPanelEvent(o, {
         ...e,
@@ -1294,23 +1333,23 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       });
     });
   }
-}, ke = {
+}, ze = {
   // Popover
   "cds-popover": {
-    import: Ne,
+    import: Re,
     /**
      * @param {CDSPopover} popover - The CDSPopover custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t), n = h(t, "open-event");
+      const e = l(t), n = E(t, "open-event");
       n && this.listen(t, "cds-popover-beingopened", (s) => {
         this.dispatchPanelEvent(n, {
           ...e,
           action: "opened"
         });
       });
-      const o = h(t, "close-event");
+      const o = E(t, "close-event");
       o && this.listen(t, "cds-popover-closed", (s) => {
         this.dispatchPanelEvent(o, {
           ...e,
@@ -1321,13 +1360,13 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
   },
   // Toggletip - tooltip that stays open until dismissed
   "cds-toggletip": {
-    import: Pe,
+    import: Me,
     /**
      * @param {CDSToggletip} toggletip - The CDSToggletip custom element instance
      * @this {Panel} The panel instance
      */
     init: function(t) {
-      const e = a(t);
+      const e = l(t);
       if (e.event) {
         const n = new MutationObserver((o) => {
           o.forEach((s) => {
@@ -1348,187 +1387,187 @@ const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3
       }
     }
   }
-}, ye = () => import("./index-Cu1u3Mjn.js").then((t) => t.i), Te = () => import("./index-GbWz6fuF.js"), we = {
+}, Le = () => import("./index-qE5bNTwO.js").then((t) => t.i), qe = () => import("./index-CakpnEVH.js"), xe = {
   selector: "cds-link",
-  import: ye,
+  import: Le,
   event: "click",
   getData: (t, e, n) => ({
     ...e,
     href: n.getAttribute("href")
   })
-}, Oe = {
+}, Fe = {
   // Code Snippet
   "cds-code-snippet": {
-    import: Te,
+    import: qe,
     event: "cds-copy-button-clicked",
     getData: (t, e) => ({
       ...e,
       action: "copied"
     })
   }
-}, F = () => import("./index-Dc51G1mo.js"), Re = () => import("./index-BAAA4wkE.js"), Me = () => import("./index-QzojJs5M.js"), Be = () => import("./index-CzAwJhyQ.js"), ze = () => import("./index-DZabSr3s.js"), Le = () => import("./index-DfFx1Jz3.js"), qe = () => import("./index-CV7TVQ4T.js").then((t) => t.i), xe = () => import("./index-i4heE-wx.js").then((t) => t.i), Fe = () => import("./index-BwFE4R87.js"), Ge = () => import("./index-DGw1TVFB.js"), Ue = {
+}, H = () => import("./index-uX8xG4Vo.js"), Ge = () => import("./index-B1HY13ji.js"), Ue = () => import("./index-Bsg-X5g6.js"), Ve = () => import("./index-CM5SpejK.js"), je = () => import("./index-DWBna1oy.js"), He = () => import("./index-BWRKkjuC.js"), We = () => import("./index-Bc6QDBfO.js").then((t) => t.i), Ye = () => import("./index-dvBCRXrm.js").then((t) => t.i), $e = () => import("./index-LXKAODF5.js"), Xe = () => import("./index-BbbS7f42.js"), Ze = {
   // Form structure components (presentational only - no event handling needed)
   "cds-form": {
-    import: F
+    import: H
     // No event handling - wraps native <form> which works naturally
   },
   "cds-form-item": {
-    import: F
+    import: H
     // No event handling - presentational wrapper for form fields
   },
   "cds-form-group": {
-    import: Re
+    import: Ge
     // No event handling - presentational fieldset wrapper
   },
   "cds-stack": {
-    import: Me
+    import: Ue
     // No event handling - layout utility for spacing items vertically or horizontally
   },
   // Typography & Icons (Presentational)
   "cds-heading": {
-    import: Be
+    import: Ve
     // No event handling - semantic heading component
   },
   "cds-icon": {
-    import: ze
+    import: je
     // No event handling - icon display component
   },
   "cds-icon-indicator": {
-    import: Le
+    import: He
     // No event handling - status indicator icon
   },
   // Badge Indicator - Status badge component (typically used in tabs/icons)
   "cds-badge-indicator": {
-    import: Ge
+    import: Xe
     // No event handling - presentational status indicator
     // Typically appears as a dot on tabs or icons to show notifications/status
   },
   // Loading - Full-page or section loading spinner
   "cds-loading": {
-    import: qe
+    import: We
     // No event handling - presentational loading spinner
   },
   // Skeleton components - Loading placeholders
   "cds-skeleton-text": {
-    import: xe
+    import: Ye
     // No event handling - presentational loading placeholder
   },
   "cds-skeleton-placeholder": {
-    import: Fe
+    import: $e
     // No event handling - presentational loading placeholder
   }
-}, Ve = [
-  St,
-  It,
-  Dt,
-  kt,
-  Rt,
-  Lt,
-  Ft,
+}, Je = [
+  yt,
+  Tt,
+  Ot,
+  zt,
+  Gt,
   Ht,
-  Yt,
-  Qt,
-  ce,
-  re,
-  ue,
+  $t,
+  Kt,
+  te,
+  ae,
   he,
   fe,
-  Ie,
-  _e,
-  we
+  Se,
+  Ae,
+  Ne,
+  Te,
+  Be,
+  xe
 ];
-function He() {
+function Ke() {
   const t = /* @__PURE__ */ new Map();
-  return Ve.forEach((n) => {
+  return Je.forEach((n) => {
     t.set(n.selector, n);
   }), [
-    At,
-    Nt,
-    yt,
-    Mt,
-    qt,
-    jt,
+    wt,
+    Rt,
+    Lt,
+    Ut,
     Wt,
-    ft,
-    te,
-    ae,
-    le,
+    Qt,
+    ee,
+    Nt,
+    re,
     ve,
     ge,
-    Ee,
-    Ae,
-    ke,
-    Oe,
-    Ue
+    Ie,
+    De,
+    Pe,
+    we,
+    ze,
+    Fe,
+    Ze
   ].forEach((n) => {
     Object.entries(n).forEach(([o, s]) => {
       t.set(o, s);
     });
   }), t;
 }
-function je(t) {
+function Qe(t) {
   const e = /* @__PURE__ */ new Map();
   if (!t || !(t instanceof Element))
     return e;
-  for (const o of Object.keys(N))
+  for (const o of Object.keys(y))
     e.set(o, []);
-  for (const [o, s] of Object.entries(N))
+  for (const [o, s] of Object.entries(y))
     t.matches(o) && e.get(o).push(t);
   const n = t.querySelectorAll("*");
   for (const o of n)
-    for (const [s, i] of Object.entries(N))
+    for (const [s, i] of Object.entries(y))
       o.matches(s) && e.get(s).push(o);
   for (const [o, s] of e.entries())
     s.length === 0 && e.delete(o);
   return e;
 }
-function Ye(t) {
+function tn(t) {
   const e = /* @__PURE__ */ new Set();
   for (const [n, o] of t.entries()) {
-    const s = N[n];
+    const s = y[n];
     s && s.import && o.length > 0 && (Array.isArray(s.import) ? s.import : [s.import]).forEach((c) => e.add(c));
   }
   return e;
 }
-async function We(t, e) {
+async function en(t, e) {
   if (t.size === 0)
     return;
   const n = Array.from(t).map(async (o) => (e.has(o) || e.set(o, o()), e.get(o)));
   await Promise.all(n);
 }
-function Xe(t, e) {
+function nn(t, e) {
   let n = 0;
   for (const [o, s] of t.entries()) {
-    const i = N[o];
+    const i = y[o];
     s.forEach((c) => {
       if (i.init) {
         i.init.call(e, c);
         return;
       }
       if (i.multiEvent) {
-        const g = a(c);
-        i.events.forEach((f) => {
-          const S = h(c, f.attrName, "event");
-          S && e.listen(c, f.type, (_) => {
-            e.dispatchPanelEvent(S, f.getData(_, g, c));
+        const b = l(c);
+        i.events.forEach((S) => {
+          const P = E(c, S.attrName, "event");
+          P && e.listen(c, S.type, (O) => {
+            e.dispatchPanelEvent(P, S.getData(O, b, c));
           });
         });
         return;
       }
-      const r = a(c), p = r.event;
-      p && e.listen(c, i.event, (g) => {
-        g.stopPropagation();
-        const f = i.getData(g, r, c), S = f._eventOverride || p;
-        delete f._eventOverride, e.dispatchPanelEvent(S, f);
+      const a = l(c), d = a.event;
+      d && e.listen(c, i.event, (b) => {
+        b.stopPropagation();
+        const S = i.getData(b, a, c), P = S._eventOverride || d;
+        delete S._eventOverride, e.dispatchPanelEvent(P, S);
       });
     }), n += s.length;
   }
   return n;
 }
-const N = {
-  ...Object.fromEntries(He())
-}, Ze = async function(t, e) {
-  const n = je(t);
+const y = {
+  ...Object.fromEntries(Ke())
+}, on = async function(t, e) {
+  const n = Qe(t);
   if (n.size === 0) {
     this.debugMe("[Carbon] No Carbon components found in panel");
     return;
@@ -1536,17 +1575,17 @@ const N = {
   this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
   for (const [i, c] of n.entries())
     this.carbonComponents.set(i, c);
-  const o = Ye(n);
+  const o = tn(n);
   if (o.size > 0)
     try {
-      await We(o, e);
+      await en(o, e);
     } catch (i) {
       console.error("[Carbon] Failed to load some component modules:", i);
     }
-  const s = Xe(n, this);
+  const s = nn(n, this);
   s > 0 && this.debugMe(`[Carbon] Total components initialized: ${s}`);
-}, Ke = () => {
-  mt.register("carbon", {
+}, cn = () => {
+  Et.register("carbon", {
     /**
      * Main render function that orchestrates Carbon component initialization.
      * Called by Panel.parseContent() for each panel that enters the document.
@@ -1557,7 +1596,7 @@ const N = {
      */
     render: async function(t, e) {
       try {
-        await Ze.call(this, t, e);
+        await on.call(this, t, e);
       } catch (n) {
         console.error("[Carbon] Initialization error:", n);
       }
@@ -1579,5 +1618,5 @@ const N = {
   }), console.debug("[Zooy] Carbon Design System library registered");
 };
 export {
-  Ke as registerCarbonLibrary
+  cn as registerCarbonLibrary
 };