@trintel/zooy 1.0.6 → 1.0.8

package/dist/chunks/register-CkIAvkFm.js

@@ -1,1622 +0,0 @@
-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;
-}), 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) {
-      n.NONE = "none", n.ASCENDING = "ascending", n.DESCENDING = "descending";
-    })(t.TABLE_SORT_DIRECTION || (t.TABLE_SORT_DIRECTION = {})), t.TABLE_SORT_CYCLE = void 0, (function(n) {
-      n.BI_STATES_FROM_ASCENDING = "bi-states-from-ascending", n.BI_STATES_FROM_DESCENDING = "bi-states-from-descending", n.TRI_STATES_FROM_ASCENDING = "tri-states-from-ascending", n.TRI_STATES_FROM_DESCENDING = "tri-states-from-descending";
-    })(t.TABLE_SORT_CYCLE || (t.TABLE_SORT_CYCLE = {}));
-    const e = {
-      [t.TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [
-        t.TABLE_SORT_DIRECTION.ASCENDING,
-        t.TABLE_SORT_DIRECTION.DESCENDING
-      ],
-      [t.TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [
-        t.TABLE_SORT_DIRECTION.DESCENDING,
-        t.TABLE_SORT_DIRECTION.ASCENDING
-      ],
-      [t.TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [
-        t.TABLE_SORT_DIRECTION.NONE,
-        t.TABLE_SORT_DIRECTION.ASCENDING,
-        t.TABLE_SORT_DIRECTION.DESCENDING
-      ],
-      [t.TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [
-        t.TABLE_SORT_DIRECTION.NONE,
-        t.TABLE_SORT_DIRECTION.DESCENDING,
-        t.TABLE_SORT_DIRECTION.ASCENDING
-      ]
-    };
-    t.TABLE_SORT_CYCLES = e;
-  })(B)), B;
-}
-var At = It();
-const Dt = () => import("./index-BxYuKaia.js"), Y = () => import("./index-DNAwj4nV.js"), Nt = {
-  "cds-pagination": {
-    import: Y,
-    /**
-    * Initialize a standalone pagination component.
-    *
-    * Note: The pagination parameter is a CDSPagination instance from @carbon/web-components.
-    * To access the CDSPagination class and its static properties:
-    *   const CDSPagination = customElements.get('cds-pagination');
-    *   // or
-    *   const CDSPagination = pagination.constructor;
-    *
-    * @param {CDSPagination} pagination - The CDSPagination custom element instance
-    * @this {Panel} The panel instance
-    */
-    init: function(t) {
-      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, a = (i - 1) * c;
-        a !== o && (o = a, e.dispatchPanelEvent("pagination-changed-current", {
-          detail: {
-            page: i,
-            pageSize: c,
-            action: "page-change"
-          }
-        }));
-      }), e.listen(t, n.eventPageSizeChanged, (s) => {
-        const i = t.pageSize;
-        o = null, e.dispatchPanelEvent("pagination-changed-page-size", {
-          detail: {
-            page: 1,
-            // Reset to page 1 when changing size
-            pageSize: i,
-            action: "page-size-change"
-          }
-        });
-      });
-    }
-  }
-}, 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, 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
-      });
-    });
-  }, 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,
-        ...f,
-        target: m,
-        allRows: u,
-        didExpand: h
-      };
-      t.dispatchPanelEvent(r, C);
-    });
-  }, Q = (r) => {
-    _.set(R, (p) => {
-      t.dispatchPanelEvent(r, p);
-    });
-  }, 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,
-        ...f,
-        target: h,
-        selectCount: u,
-        selection: C
-      };
-      t.dispatchPanelEvent(r, I);
-    });
-  }, 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: h,
-        selection: f,
-        target: m
-      };
-      t.dispatchPanelEvent(r, I);
-    });
-  }, 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 I = { ordering: C };
-      c.fetchData(I).then(() => {
-        a.setData(c), d && d.hide();
-      }), _.has(R) && _.get(R)({
-        tableAttrs: n,
-        ...h,
-        sortNow: u,
-        sortWas: m,
-        sortField: f,
-        ordering: C,
-        target: p
-      });
-    });
-  }, 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);
-    });
-  }, st = () => {
-    t.listen(e, o.eventBeforeChangeSelectionAll, (r) => {
-      r.stopPropagation(), r.detail.callback && r.detail.callback();
-    });
-  }, 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: () => {
-            r.selectedRowsCount = r.totalRowsCount, e.querySelectorAll(o.selectorTableRow).forEach((u) => {
-              u.disabled = !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(() => {
-          a.setData(c), d && d.hide();
-        });
-      }
-    });
-  }, at = (r) => {
-    t.listen(r, o.eventSearchInput, (p) => {
-      if ((p.detail.value || "") === "") {
-        const u = { search: "", offset: 0 };
-        d && d.show(), c.fetchData(u).then(() => {
-          d && d.hide(), a.setData(c);
-        });
-      }
-    });
-  }, 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"]
-    });
-    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: a.pageSize,
-        offset: 0
-      };
-      c.fetchData(m).then(() => {
-        a.setData(c);
-      });
-    });
-  }, 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 && 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: J,
-          expand: K,
-          check: {
-            one: et,
-            all: tt
-          }
-        },
-        column: {
-          sort: Q
-        }
-      }
-    }
-  };
-  vt(n).forEach(([r, p]) => {
-    ft(r, G) && gt(r, G)(p);
-  });
-}, 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 } = 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;
-}, _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"), 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 ht(t, n, e, {
-      urlParams: { limit: o }
-    });
-}, yt = {
-  selector: "cds-table",
-  import: [Dt, Y],
-  /**
-   * Initialize a Carbon data table component.
-   *
-   * Note: The cdsTable parameter is a CDSTable instance from @carbon/web-components.
-   * To access the CDSTable class and its static properties/methods, use:
-   *   const CDSTable = customElements.get('cds-table');
-   *   // or
-   *   const CDSTable = cdsTable.constructor;
-   *
-   * Example - Using static event names:
-   *   const CDSTable = customElements.get('cds-table');
-   *   panel.listen(cdsTable, CDSTable.eventBeforeChangeSelection, e => {...});
-   *
-   * Initialization flow:
-   * 1. Extract semantic attributes from table element
-   * 2. Check for zoo-url-api attribute to determine if Binder is needed
-   * 3. If Binder:
-   *    - Create Binder instance with configured page size
-   *    - Create and show skeleton loader
-   *    - Create pagination component
-   *    - Fetch initial data
-   *    - Remove skeleton and configure pagination when data arrives
-   *    - Set up event handlers after data is loaded (prevents duplicate initial fetch)
-   * 4. If no Binder:
-   *    - Set up event handlers immediately for client-side behavior
-   *
-   * @param {CDSTable} cdsTable - The CDSTable custom element instance (from @carbon/web-components)
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    const e = l(t), n = this, o = kt(n, t);
-    if (ut(o)) {
-      t.dataBinder = o;
-      const s = _t(t);
-      t.skeleton = s;
-      const i = Pt(o);
-      t.pagination = i, t.after(i), o.fetchData().then((c) => {
-        s.hide(), i.setData(o), V(n, t, e);
-      });
-    } else
-      V(n, t, e);
-  }
-}, A = () => import("./index-BgL2QyGL.js"), Tt = {
-  selector: "cds-modal",
-  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 = l(t), o = E(t, "open-event", "event");
-    o && this.listen(t, "cds-modal-beingopened", (c) => {
-      this.dispatchPanelEvent(o, {
-        ...n,
-        action: "opened"
-      });
-    });
-    const s = t.getAttribute("before-close-event");
-    s && this.listen(t, e.eventBeforeClose, (c) => {
-      this.dispatchPanelEvent(s, {
-        ...n,
-        action: "closing",
-        cancelable: !0
-      });
-    }), this.listen(t, e.eventClose, (c) => {
-      this.dispatchPanelEvent("destroy_me", {
-        ...n,
-        action: "closed",
-        triggeredBy: c.detail?.triggeredBy
-      });
-    });
-    const i = E(t, "primary-event", "event");
-    i && this.listen(t, "cds-modal-primary-focus", (c) => {
-      this.dispatchPanelEvent(i, {
-        ...n,
-        action: "primary"
-      });
-    });
-  }
-}, wt = {
-  "cds-modal-header": {
-    import: A
-    // No event handling - presentational header wrapper
-  },
-  "cds-modal-heading": {
-    import: A
-    // No event handling - presentational heading element
-  },
-  "cds-modal-label": {
-    import: A
-    // No event handling - presentational label element
-  },
-  "cds-modal-close-button": {
-    import: A
-    // No event handling - close button handled by modal itself via data-modal-close
-  },
-  "cds-modal-body": {
-    import: A
-    // No event handling - presentational body wrapper
-  },
-  "cds-modal-body-content": {
-    import: A
-    // No event handling - presentational content wrapper
-  },
-  "cds-modal-footer": {
-    import: A
-    // No event handling - presentational footer wrapper
-  },
-  "cds-modal-footer-button": {
-    import: A,
-    init: function(t) {
-      const e = l(t);
-      if (t.getAttribute("type") === "submit") {
-        this.listen(t, "click", (s) => {
-          let i = t.closest("form");
-          if (!i) {
-            const c = t.getAttribute("form");
-            c && (i = document.getElementById(c));
-          }
-          i && i.requestSubmit();
-        });
-        return;
-      }
-      const o = e.event;
-      o && this.listen(t, "click", (s) => {
-        s.stopPropagation(), this.dispatchPanelEvent(o, e);
-      });
-    }
-  }
-}, $ = () => import("./index-DaPLGBBg.js"), Ot = {
-  selector: "cds-menu",
-  import: $,
-  /**
-   * @param {CDSMenu} menu - The CDSMenu custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    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 = E(t, "close-event");
-    o && this.listen(t, "cds-menu-closed", (s) => {
-      this.dispatchPanelEvent(o, {
-        ...e,
-        action: "closed"
-      });
-    }), this.listen(t, "click", (s) => {
-      if (s.target.tagName === "CDS-MENU-ITEM") {
-        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 = l(i), a = c.event || e.event;
-      a && this.dispatchPanelEvent(a, {
-        ...e,
-        ...c,
-        action: "selection-changed"
-      });
-    });
-  }
-}, Rt = {
-  "cds-menu-button": {
-    import: $,
-    /**
-     * @param {CDSMenuButton} menuButton - The CDSMenuButton custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t), n = t.querySelector("cds-menu");
-      n && this.listen(n, "click", (o) => {
-        if (o.target.tagName === "CDS-MENU-ITEM") {
-          const s = l(o.target), i = s.event || e.event;
-          i && (o.stopPropagation(), this.dispatchPanelEvent(i, {
-            ...e,
-            ...s
-          }));
-        }
-      });
-    }
-  }
-}, 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: X,
-  /**
-   * @param {CDSButton} button - The CDSButton custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    const e = l(t);
-    if (t.getAttribute("type") === "submit") {
-      this.listen(t, "click", (s) => {
-        let i = t.closest("form");
-        if (!i) {
-          const c = t.getAttribute("form");
-          c && (i = document.getElementById(c));
-        }
-        i && i.requestSubmit();
-      });
-      return;
-    }
-    const o = e.event;
-    o && this.listen(t, "click", (s) => {
-      s.stopPropagation(), this.dispatchPanelEvent(o, l(t));
-    });
-  }
-}, Lt = {
-  // Icon Button (non-toggle)
-  "cds-icon-button:not([data-toggle])": {
-    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: j,
-    init: function(t) {
-      const e = l(t);
-      e.event && this.listen(t, "click", (n) => {
-        n.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
-          ...e,
-          isOn: t.isSelected
-        });
-      });
-    }
-  },
-  // FAB (Floating Action Button) - just a styled button
-  "cds-button[data-fab]": {
-    import: X,
-    event: "click",
-    getData: (t, e) => e
-  },
-  // Copy Button - Button that copies text to clipboard
-  "cds-copy-button": {
-    import: Bt,
-    init: function(t) {
-      const e = l(t), n = e.event;
-      n && this.listen(t, "click", (s) => {
-        s.stopPropagation(), this.dispatchPanelEvent(n, {
-          ...e,
-          action: "copy"
-        });
-      });
-      const o = t.getAttribute("success-event");
-      if (o) {
-        const s = new MutationObserver(() => {
-          t.hasAttribute("feedback-shown") && this.dispatchPanelEvent(o, {
-            ...e,
-            action: "copied"
-          });
-        });
-        s.observe(t, {
-          attributes: !0,
-          attributeFilter: ["feedback-shown"]
-        }), t._copyObserver = s;
-      }
-    }
-  },
-  // Combo Button - composed of button + menu
-  "cds-combo-button": {
-    import: Mt,
-    init: function(t) {
-      const e = l(t);
-      e.event && this.listen(t, "click", (o) => {
-        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"
-        }));
-      });
-      const n = t.querySelector("cds-menu");
-      n && this.listen(n, "click", (o) => {
-        if (o.target.tagName === "CDS-MENU-ITEM") {
-          const s = l(o.target), i = s.event || E(t, "menu-event", "event");
-          i && this.dispatchPanelEvent(i, {
-            ...e,
-            ...s,
-            action: "menu-item"
-          });
-        }
-      });
-    }
-  }
-}, qt = () => import("./index-PFLnPKPE.js"), xt = () => import("./index-DH3GxHNZ.js"), Ft = () => import("./index-QGOiUcMf.js"), Gt = {
-  selector: "cds-dropdown",
-  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 = l(t), o = n.event;
-    o && this.listen(t, e.eventSelect, (i) => {
-      this.dispatchPanelEvent(o, {
-        ...n,
-        value: t.value,
-        selectedValue: i.detail?.item?.value,
-        selectedText: i.detail?.item?.textContent?.trim()
-      });
-    });
-    const s = t.getAttribute("toggle-event");
-    s && this.listen(t, e.eventToggle, (i) => {
-      this.dispatchPanelEvent(s, {
-        ...n,
-        open: t.hasAttribute("open")
-      });
-    });
-  }
-}, Ut = {
-  // Combo Box
-  "cds-combo-box": {
-    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 = l(t), o = n.event;
-      o && this.listen(t, e.eventSelect, (i) => {
-        const c = i.detail?.item;
-        this.dispatchPanelEvent(o, {
-          ...n,
-          value: t.value,
-          selectedValue: c?.value,
-          selectedText: c?.textContent?.trim()
-        });
-      });
-      const s = t.getAttribute("toggle-event");
-      s && this.listen(t, e.eventToggle, (i) => {
-        this.dispatchPanelEvent(s, {
-          ...n,
-          open: t.hasAttribute("open")
-        });
-      });
-    }
-  },
-  // Multi Select
-  "cds-multi-select": {
-    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 = l(t), o = n.event;
-      o && this.listen(t, e.eventSelect, (i) => {
-        const c = t.value ? t.value.split(",") : [];
-        this.dispatchPanelEvent(o, {
-          ...n,
-          selectedItems: c
-        });
-      });
-      const s = t.getAttribute("toggle-event");
-      s && this.listen(t, e.eventToggle, (i) => {
-        this.dispatchPanelEvent(s, {
-          ...n,
-          open: t.hasAttribute("open")
-        });
-      });
-    }
-  }
-}, Vt = () => import("./index-xA7Xy6rP.js"), jt = () => import("./index-BMibCYm9.js"), Ht = {
-  selector: "cds-date-picker",
-  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 = 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 || ""
-      } : b = t.value, this.dispatchPanelEvent(c, {
-        ...n,
-        value: b
-      });
-    });
-    const a = t.getAttribute("error-event");
-    a && this.listen(t, e.eventFlatpickrError, (d) => {
-      this.dispatchPanelEvent(a, {
-        ...n,
-        error: d.detail
-      });
-    });
-  }
-}, Wt = {
-  "cds-time-picker": {
-    import: jt,
-    event: "cds-time-picker-changed",
-    getData: (t, e, n) => ({
-      ...e,
-      value: n.value
-    })
-  }
-}, Yt = () => import("./index-Bg7fp8eN.js"), $t = {
-  selector: "cds-file-uploader",
-  import: Yt,
-  /**
-   * @param {CDSFileUploader} uploader - The CDSFileUploader custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    const e = l(t), n = e.event;
-    if (n) {
-      const s = t.querySelector('input[type="file"]');
-      s && this.listen(s, "change", (i) => {
-        this.dispatchPanelEvent(n, {
-          ...e,
-          files: Array.from(i.target.files || [])
-        });
-      });
-    }
-    const o = t.getAttribute("delete-event");
-    o && this.listen(t, "cds-file-uploader-item-deleted", (s) => {
-      this.dispatchPanelEvent(o, {
-        ...e,
-        fileName: s.detail?.fileName,
-        fileId: s.detail?.fileId
-      });
-    });
-  }
-}, Xt = () => import("./index-BMwdiru1.js"), Zt = () => import("./index-Ibt0J2Et.js"), Jt = () => import("./index-Cp8R3aIT.js"), Kt = {
-  selector: "cds-tabs",
-  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 = l(t), o = t.getAttribute("before-select-event");
-    o && this.listen(t, e.eventBeforeSelect, (i) => {
-      this.dispatchPanelEvent(o, {
-        ...n,
-        tabValue: i.detail.value,
-        cancelable: !0
-      });
-    });
-    const s = n.event;
-    s && this.listen(t, e.eventSelect, (i) => {
-      const c = i.detail.item, a = l(c);
-      this.dispatchPanelEvent(s, {
-        ...n,
-        ...a,
-        tabValue: i.detail.value
-      });
-    });
-  }
-}, Qt = {
-  // Accordion
-  "cds-accordion": {
-    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 = l(t);
-      [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
-        const i = l(s), c = i.event || n.event;
-        c && this.listen(s, e.eventToggle, (a) => {
-          this.dispatchPanelEvent(c, {
-            ...n,
-            ...i,
-            open: a.detail.open
-          });
-        });
-      });
-    }
-  },
-  // Content Switcher
-  "cds-content-switcher": {
-    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 = l(t), o = t.getAttribute("before-select-event");
-      o && this.listen(t, e.eventBeforeSelect, (i) => {
-        this.dispatchPanelEvent(o, {
-          ...n,
-          value: i.detail.value,
-          cancelable: !0
-        });
-      });
-      const s = n.event;
-      s && this.listen(t, e.eventSelect, (i) => {
-        const c = i.detail.item, a = l(c);
-        this.dispatchPanelEvent(s, {
-          ...n,
-          ...a,
-          value: c.getAttribute("value")
-        });
-      });
-    }
-  }
-}, z = () => import("./index-B9EQl0eG.js"), te = {
-  selector: "cds-breadcrumb",
-  import: z,
-  /**
-   * @param {CDSBreadcrumb} breadcrumb - The CDSBreadcrumb custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    const e = this, n = l(t), o = n.event;
-    if (o) {
-      const s = (c) => {
-        e.dispatchPanelEvent(o, {
-          ...n,
-          ...c
-        });
-      };
-      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 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);
-      });
-    }
-  }
-}, ee = {
-  // Breadcrumb Item - Wrapper for breadcrumb links
-  "cds-breadcrumb-item": {
-    import: z
-    // No event handling - presentational wrapper
-  },
-  // Breadcrumb Link - Individual breadcrumb link
-  "cds-breadcrumb-link": {
-    import: z,
-    event: "click",
-    getData: (t, e, n) => (t.preventDefault(), {
-      ...e,
-      href: n.getAttribute("href")
-    })
-  }
-}, 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: ne,
-  multiEvent: !0,
-  events: [
-    {
-      type: "input",
-      attrName: "event",
-      getData: (t, e) => ({
-        ...e,
-        value: t.currentTarget.value
-      })
-    },
-    {
-      type: "change",
-      attrName: "change-event",
-      getData: (t, e) => ({
-        ...e,
-        value: t.currentTarget.value
-      })
-    }
-  ]
-}, re = {
-  // Text Area
-  "cds-textarea": {
-    import: oe,
-    multiEvent: !0,
-    events: [
-      {
-        type: "input",
-        attrName: "event",
-        getData: (t, e) => ({
-          ...e,
-          value: t.currentTarget.value
-        })
-      },
-      {
-        type: "change",
-        attrName: "change-event",
-        getData: (t, e) => ({
-          ...e,
-          value: t.currentTarget.value
-        })
-      }
-    ]
-  },
-  // Number Input
-  "cds-number-input": {
-    import: se,
-    event: "cds-number-input",
-    getData: (t, e, n) => ({
-      ...e,
-      value: t.detail.value,
-      direction: t.detail.direction
-      // 'up' or 'down' when using steppers
-    })
-  },
-  // Password Input
-  "cds-password-input": {
-    import: ie,
-    multiEvent: !0,
-    events: [
-      {
-        type: "input",
-        attrName: "event",
-        getData: (t, e) => ({
-          ...e,
-          value: t.currentTarget.value
-        })
-      },
-      {
-        type: "change",
-        attrName: "change-event",
-        getData: (t, e) => ({
-          ...e,
-          value: t.currentTarget.value
-        })
-      }
-    ]
-  },
-  // Search
-  "cds-search": {
-    import: ce,
-    event: "cds-search-input",
-    getData: (t, e, n) => ({
-      ...e,
-      value: n.value
-    })
-  }
-}, 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: le,
-  event: "cds-checkbox-changed",
-  getData: (t, e, n) => ({
-    ...e,
-    checked: t.detail.checked,
-    value: n.value
-  })
-}, ve = {
-  // Radio Button Group - only listen to the group, not individual buttons
-  "cds-radio-button-group": {
-    import: de,
-    event: "cds-radio-button-group-changed",
-    getData: (t, e) => ({
-      ...e,
-      value: t.detail?.value
-    })
-  },
-  // Toggle
-  "cds-toggle": {
-    import: pe,
-    event: "cds-toggle-changed",
-    getData: (t, e) => ({
-      ...e,
-      isOn: t.detail.checked,
-      value: t.detail.checked
-    })
-  },
-  // Select
-  "cds-select": {
-    import: me,
-    event: "cds-select-selected",
-    getData: (t, e) => ({
-      ...e,
-      value: t.detail.value
-    })
-  },
-  // Slider
-  "cds-slider": {
-    import: ue,
-    /**
-     * @param {CDSSlider} slider - The CDSSlider custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t), n = e.event;
-      n && this.listen(t, "cds-slider-changed", (s) => {
-        this.dispatchPanelEvent(n, {
-          ...e,
-          value: s.detail.value
-        });
-      });
-      const o = t.getAttribute("input-event");
-      o && this.listen(t, "cds-slider-input-changed", (s) => {
-        this.dispatchPanelEvent(o, {
-          ...e,
-          value: s.detail.value
-        });
-      });
-    }
-  }
-}, L = () => import("./index-BX6awuOJ.js"), fe = {
-  selector: "cds-tag",
-  import: L,
-  event: "click",
-  getData: (t, e) => e
-}, ge = {
-  // Dismissible tags (closeable tags with X button)
-  "cds-dismissible-tag": {
-    import: L,
-    /**
-     * @param {CDSDismissibleTag} tag - The CDSDismissibleTag custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t), n = t.getAttribute("click-event");
-      n && this.listen(t, "click", (s) => {
-        s.target.closest("button") || this.dispatchPanelEvent(n, {
-          ...e
-        });
-      });
-      const o = e.event;
-      o && this.listen(t, "cds-dismissible-tag-closed", (s) => {
-        this.dispatchPanelEvent(o, {
-          ...e,
-          action: "closed"
-        });
-      });
-    }
-  },
-  // Filter tags (closeable tags used for filters)
-  "cds-filter-tag": {
-    import: L,
-    event: "cds-filter-tag-closed",
-    getData: (t, e) => ({
-      ...e,
-      action: "remove"
-    })
-  }
-}, Ee = () => import("./index-3DFPYYjC.js"), be = () => import("./index-DotbnSU-.js"), Ce = () => import("./index-DDrcJDBe.js"), Se = {
-  selector: "cds-overflow-menu",
-  import: Ee,
-  // We collect the menu attributes from the menu, but we listen for the
-  // events on the menu body.
-  /**
-   * @param {CDSOverflowMenu} overflowMenu - The CDSOverflowMenu custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    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 = l(s.target);
-      this.dispatchPanelEvent(n, {
-        ...e,
-        ...i
-      });
-    });
-  }
-}, Ie = {
-  // Structured List
-  "cds-structured-list": {
-    import: be,
-    /**
-     * @param {CDSStructuredList} list - The CDSStructuredList custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t);
-      [...t.querySelectorAll("cds-structured-list-row")].forEach((o) => {
-        const s = l(o), i = s.event || e.event;
-        i && this.listen(o, "click", (c) => {
-          c.stopPropagation(), this.dispatchPanelEvent(i, {
-            ...e,
-            ...s
-          });
-        });
-      }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (o) => {
-        const s = o.detail.row, i = l(s), c = e.event;
-        c && this.dispatchPanelEvent(c, {
-          ...e,
-          ...i
-        });
-      });
-    }
-  },
-  // Tree View
-  "cds-tree-view": {
-    import: Ce,
-    /**
-     * @param {CDSTreeView} tree - The CDSTreeView custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t);
-      this.listen(t, "cds-tree-node-selected", (o) => {
-        const s = o.detail.node, i = l(s), c = i.event || e.event;
-        c && this.dispatchPanelEvent(c, {
-          ...e,
-          ...i,
-          nodeId: s.id,
-          label: s.getAttribute("label")
-        });
-      });
-      const n = E(t, "expand-event");
-      n && this.listen(t, "cds-tree-node-expanded", (o) => {
-        this.dispatchPanelEvent(n, {
-          ...e,
-          nodeId: o.detail.node.id,
-          expanded: o.detail.expanded
-        });
-      });
-    }
-  }
-}, q = () => import("./index-DtEEVxFL.js"), Ae = {
-  selector: "cds-toast-notification",
-  import: q,
-  event: "cds-notification-closed",
-  getData: (t, e) => ({
-    ...e,
-    action: "closed"
-  })
-}, De = {
-  // Inline Notification
-  "cds-inline-notification": {
-    import: q,
-    event: "cds-notification-closed",
-    getData: (t, e) => ({
-      ...e,
-      action: "closed"
-    })
-  },
-  // Actionable Notification
-  "cds-actionable-notification": {
-    import: q,
-    /**
-     * @param {CDSActionableNotification} notification - The CDSActionableNotification custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      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 = E(t, "action-event");
-      o && this.listen(t, "cds-notification-actioned", (s) => {
-        this.dispatchPanelEvent(o, {
-          ...e,
-          action: "actioned"
-        });
-      });
-    }
-  }
-}, w = () => import("./index-aYMyslt1.js"), Ne = {
-  selector: "cds-clickable-tile",
-  import: w,
-  event: "click",
-  getData: (t, e) => ({
-    ...e,
-    href: t.currentTarget.getAttribute("href")
-  })
-}, Pe = {
-  // Expandable Tile
-  "cds-expandable-tile": {
-    import: w,
-    /**
-     * @param {CDSExpandableTile} tile - The CDSExpandableTile custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t), n = t.getAttribute("before-toggle-event");
-      n && this.listen(t, "cds-expandable-tile-beingtoggled", (s) => {
-        this.dispatchPanelEvent(n, {
-          ...e,
-          expanded: s.detail.expanded,
-          cancelable: !0
-        });
-      });
-      const o = e.event;
-      o && this.listen(t, "cds-expandable-tile-toggled", (s) => {
-        this.dispatchPanelEvent(o, {
-          ...e,
-          expanded: s.detail.expanded
-        });
-      });
-    }
-  },
-  // Selectable Tile
-  "cds-selectable-tile": {
-    import: w,
-    event: "cds-selectable-tile-changed",
-    getData: (t, e, n) => ({
-      ...e,
-      selected: t.detail.selected,
-      value: n.value
-    })
-  },
-  // Radio Tile
-  "cds-radio-tile": {
-    import: w,
-    event: "cds-selectable-tile-changed",
-    getData: (t, e, n) => ({
-      ...e,
-      selected: t.detail.selected,
-      value: n.value
-    })
-  }
-}, _e = () => import("./index-DAp9FO-q.js"), ke = () => import("./index-DrqxeFX2.js"), ye = () => import("./index-HZx30Dhs.js"), Te = {
-  selector: "cds-progress-bar",
-  import: _e,
-  /**
-   * @param {CDSProgressBar} progressBar - The CDSProgressBar custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(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");
-        o >= s && this.dispatchPanelEvent(e.event, {
-          ...e,
-          value: o,
-          status: "complete"
-        });
-      });
-      n.observe(t, {
-        attributes: !0,
-        attributeFilter: ["value"]
-      }), t._progressObserver = n;
-    }
-  }
-}, we = {
-  // Progress Indicator
-  "cds-progress-indicator": {
-    import: ke,
-    /**
-     * @param {CDSProgressIndicator} indicator - The CDSProgressIndicator custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t);
-      this.listen(t, "cds-progress-step-click", (n) => {
-        const o = n.target, s = l(o), i = s.event || e.event;
-        i && this.dispatchPanelEvent(i, {
-          ...e,
-          ...s,
-          stepIndex: o.getAttribute("data-index"),
-          stepLabel: o.getAttribute("label")
-        });
-      });
-    }
-  },
-  // Inline Loading - Loading indicator for inline actions (e.g., form submit)
-  "cds-inline-loading": {
-    import: ye,
-    /**
-     * @param {CDSInlineLoading} inlineLoading - The CDSInlineLoading custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t), n = e.event;
-      n && this.listen(t, "cds-inline-loading-onsuccess", (s) => {
-        this.dispatchPanelEvent(n, {
-          ...e,
-          status: "finished"
-        });
-      });
-      const o = t.getAttribute("status-event");
-      if (o) {
-        const s = new MutationObserver((i) => {
-          i.forEach((c) => {
-            if (c.attributeName === "status") {
-              const a = t.getAttribute("status");
-              this.dispatchPanelEvent(o, {
-                ...e,
-                status: a
-              });
-            }
-          });
-        });
-        s.observe(t, {
-          attributes: !0,
-          attributeFilter: ["status"]
-        }), t._statusObserver = s;
-      }
-    }
-  }
-}, Oe = () => import("./index-BI5zwXiD.js"), Re = () => import("./index-DlGr9Xg0.js").then((t) => t.i), Me = () => import("./index-WZTepZq8.js"), Be = {
-  selector: "cds-tooltip",
-  import: Oe,
-  /**
-   * @param {CDSTooltip} tooltip - The CDSTooltip custom element instance
-   * @this {Panel} The panel instance
-   */
-  init: function(t) {
-    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 = E(t, "close-event");
-    o && this.listen(t, "cds-tooltip-closed", (s) => {
-      this.dispatchPanelEvent(o, {
-        ...e,
-        action: "closed"
-      });
-    });
-  }
-}, ze = {
-  // Popover
-  "cds-popover": {
-    import: Re,
-    /**
-     * @param {CDSPopover} popover - The CDSPopover custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      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 = E(t, "close-event");
-      o && this.listen(t, "cds-popover-closed", (s) => {
-        this.dispatchPanelEvent(o, {
-          ...e,
-          action: "closed"
-        });
-      });
-    }
-  },
-  // Toggletip - tooltip that stays open until dismissed
-  "cds-toggletip": {
-    import: Me,
-    /**
-     * @param {CDSToggletip} toggletip - The CDSToggletip custom element instance
-     * @this {Panel} The panel instance
-     */
-    init: function(t) {
-      const e = l(t);
-      if (e.event) {
-        const n = new MutationObserver((o) => {
-          o.forEach((s) => {
-            if (s.attributeName === "open") {
-              const i = t.hasAttribute("open");
-              this.dispatchPanelEvent(e.event, {
-                ...e,
-                action: i ? "opened" : "closed",
-                open: i
-              });
-            }
-          });
-        });
-        n.observe(t, {
-          attributes: !0,
-          attributeFilter: ["open"]
-        }), t._toggletipObserver = n;
-      }
-    }
-  }
-}, Le = () => import("./index-qE5bNTwO.js").then((t) => t.i), qe = () => import("./index-CakpnEVH.js"), xe = {
-  selector: "cds-link",
-  import: Le,
-  event: "click",
-  getData: (t, e, n) => ({
-    ...e,
-    href: n.getAttribute("href")
-  })
-}, Fe = {
-  // Code Snippet
-  "cds-code-snippet": {
-    import: qe,
-    event: "cds-copy-button-clicked",
-    getData: (t, e) => ({
-      ...e,
-      action: "copied"
-    })
-  }
-}, 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: H
-    // No event handling - wraps native <form> which works naturally
-  },
-  "cds-form-item": {
-    import: H
-    // No event handling - presentational wrapper for form fields
-  },
-  "cds-form-group": {
-    import: Ge
-    // No event handling - presentational fieldset wrapper
-  },
-  "cds-stack": {
-    import: Ue
-    // No event handling - layout utility for spacing items vertically or horizontally
-  },
-  // Typography & Icons (Presentational)
-  "cds-heading": {
-    import: Ve
-    // No event handling - semantic heading component
-  },
-  "cds-icon": {
-    import: je
-    // No event handling - icon display component
-  },
-  "cds-icon-indicator": {
-    import: He
-    // No event handling - status indicator icon
-  },
-  // Badge Indicator - Status badge component (typically used in tabs/icons)
-  "cds-badge-indicator": {
-    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: We
-    // No event handling - presentational loading spinner
-  },
-  // Skeleton components - Loading placeholders
-  "cds-skeleton-text": {
-    import: Ye
-    // No event handling - presentational loading placeholder
-  },
-  "cds-skeleton-placeholder": {
-    import: $e
-    // No event handling - presentational loading placeholder
-  }
-}, Je = [
-  yt,
-  Tt,
-  Ot,
-  zt,
-  Gt,
-  Ht,
-  $t,
-  Kt,
-  te,
-  ae,
-  he,
-  fe,
-  Se,
-  Ae,
-  Ne,
-  Te,
-  Be,
-  xe
-];
-function Ke() {
-  const t = /* @__PURE__ */ new Map();
-  return Je.forEach((n) => {
-    t.set(n.selector, n);
-  }), [
-    wt,
-    Rt,
-    Lt,
-    Ut,
-    Wt,
-    Qt,
-    ee,
-    Nt,
-    re,
-    ve,
-    ge,
-    Ie,
-    De,
-    Pe,
-    we,
-    ze,
-    Fe,
-    Ze
-  ].forEach((n) => {
-    Object.entries(n).forEach(([o, s]) => {
-      t.set(o, s);
-    });
-  }), t;
-}
-function Qe(t) {
-  const e = /* @__PURE__ */ new Map();
-  if (!t || !(t instanceof Element))
-    return e;
-  for (const o of Object.keys(y))
-    e.set(o, []);
-  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(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 tn(t) {
-  const e = /* @__PURE__ */ new Set();
-  for (const [n, o] of t.entries()) {
-    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 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 nn(t, e) {
-  let n = 0;
-  for (const [o, s] of t.entries()) {
-    const i = y[o];
-    s.forEach((c) => {
-      if (i.init) {
-        i.init.call(e, c);
-        return;
-      }
-      if (i.multiEvent) {
-        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 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 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;
-  }
-  this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
-  for (const [i, c] of n.entries())
-    this.carbonComponents.set(i, c);
-  const o = tn(n);
-  if (o.size > 0)
-    try {
-      await en(o, e);
-    } catch (i) {
-      console.error("[Carbon] Failed to load some component modules:", i);
-    }
-  const s = nn(n, this);
-  s > 0 && this.debugMe(`[Carbon] Total components initialized: ${s}`);
-}, cn = () => {
-  Et.register("carbon", {
-    /**
-     * Main render function that orchestrates Carbon component initialization.
-     * Called by Panel.parseContent() for each panel that enters the document.
-     *
-     * @param {Element} panel - The panel DOM element to scan and initialize
-     * @param {Map} cache - Import cache to prevent duplicate module loads
-     * @returns {Promise<void>}
-     */
-    render: async function(t, e) {
-      try {
-        await on.call(this, t, e);
-      } catch (n) {
-        console.error("[Carbon] Initialization error:", n);
-      }
-    },
-    /**
-     * Cleans up Carbon components when a component is disposed.
-     * Carbon Web Components (native web components) automatically cleanup when
-     * removed from the DOM, so this is primarily here for completeness and
-     * future extensibility.
-     *
-     * @param {Element} _element - The element being disposed
-     */
-    dispose: function(t) {
-    },
-    config: {
-      version: "2.0",
-      description: "IBM Carbon Design System Web Components"
-    }
-  }), console.debug("[Zooy] Carbon Design System library registered");
-};
-export {
-  cn as registerCarbonLibrary
-};