@trintel/zooy 1.0.1-beta.1 → 1.0.2

package/dist/chunks/register-C3XDWad0.js

@@ -0,0 +1,1618 @@
+import { _ as W, c as mt, d as ut, g as r, e as ht, B as vt, o as ft, h as gt, p as Et, j as E, C as bt } from "./main-BywCEBtD.js";
+var Ct = /* @__PURE__ */ W(function(e, n) {
+  return n == null || n !== n ? e : n;
+}), St = /* @__PURE__ */ mt(function(e, n, o) {
+  return Ct(e, ut(n, o));
+}), It = /* @__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 At() {
+  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 Dt = At();
+const Nt = () => import("./index-DNkLJEg1.js"), Y = () => import("./index-Bgo3KCFI.js"), Pt = {
+  "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.selectorTableToolbarContent), O = e.querySelector(o.selectorTableBody), Z = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), x = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), J = e.isSortable || x.length > 0, R = Symbol(), M = Symbol(), _ = /* @__PURE__ */ new Map(), K = (l) => {
+    t.listen(e, "click", (p) => {
+      const m = p.target.closest(o.selectorTableRow);
+      if (!m || p.composedPath().some((h) => h.matches && h.matches(Z))) return;
+      p.stopPropagation();
+      const u = r(m);
+      t.dispatchPanelEvent(l, {
+        ...u
+      });
+    });
+  }, Q = (l) => {
+    t.listen(e, o.eventExpandoToggle, (p) => {
+      const m = p.target, u = m.tagName === "CDS-TABLE-HEADER-ROW", h = p.detail.expanded, f = r(m), C = {
+        tableAttrs: n,
+        ...f,
+        target: m,
+        allRows: u,
+        didExpand: h
+      };
+      t.dispatchPanelEvent(l, C);
+    });
+  }, tt = (l) => {
+    _.set(R, (p) => {
+      t.dispatchPanelEvent(l, p);
+    });
+  }, et = (l) => {
+    _.set(M, (p) => {
+      const m = p.detail.selectedRows, u = Math.min(m.length, S.totalRowsCount), h = p.target, f = r(h), C = m.map(r), I = {
+        tableAttrs: n,
+        ...f,
+        target: h,
+        selectCount: u,
+        selection: C
+      };
+      t.dispatchPanelEvent(l, I);
+    });
+  }, nt = (l) => {
+    t.listen(e, o.eventTableRowSelect, (p) => {
+      const m = p.target, u = p.detail.selectedRows || [], h = u.length, f = u.map(r), C = r(m), I = {
+        tableAttrs: n,
+        ...C,
+        selectCount: h,
+        selection: f,
+        target: m
+      };
+      t.dispatchPanelEvent(l, I);
+    });
+  }, ot = () => {
+    t.listen(e, o.eventBeforeSort, (l) => {
+      const p = l.target, m = l.detail.oldSortDirection, u = l.detail.sortDirection, h = r(p), f = h.sortField, C = u === Dt.TABLE_SORT_DIRECTION.DESCENDING ? `-${f}` : f;
+      l.cancelBubble = !0, l.stopPropagation(), l.preventDefault(), O.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
+      });
+    });
+  }, st = () => {
+    t.listen(e, o.eventTableRowSelectAll, (l) => {
+      l.detail.selectedRows.length === 0 && e.querySelectorAll(o.selectorTableRow).forEach((p) => {
+        p.disabled = !1, p.selected = !1;
+      }), _.has(M) && _.get(M)(l);
+    });
+  }, it = () => {
+    t.listen(e, o.eventBeforeChangeSelectionAll, (l) => {
+      l.stopPropagation(), l.detail.callback && l.detail.callback();
+    });
+  }, ct = (l) => {
+    const p = e.querySelector("cds-table-header-row");
+    t.listen(l, 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) => {
+              u.disabled = !0;
+            });
+          }
+        }
+      }));
+    });
+  }, at = (l) => {
+    t.listen(l, "keydown", (p) => {
+      if (p.key === "Enter") {
+        d && d.show(), a.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
+        const u = { search: l.value || "", offset: 0 };
+        c.fetchData(u).then(() => {
+          a.setData(c), d && d.hide();
+        });
+      }
+    });
+  }, rt = (l) => {
+    t.listen(l, 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);
+        });
+      }
+    });
+  }, lt = (l) => {
+    l.caret = !1;
+    const p = l.querySelector("cds-icon-button, button:not([slot])"), m = l.querySelectorAll("cds-checkbox"), u = l.querySelectorAll("cds-modal-footer-button"), h = [...l.querySelectorAll("cds-checkbox-group")].map(r).map(St("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(() => {
+      l.classList.toggle("cds--overflow-menu--open", l.open);
+    }).observe(l, {
+      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(), l.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(), l.open = !1;
+      });
+    }), t.listen(p, "click", (v) => {
+      v.stopPropagation(), l.open = !l.open, l.classList.toggle("cds--overflow-menu--open", l.open);
+    });
+  }, dt = () => {
+    t.listen(a, s.eventPageSizeChanged, (l) => {
+      const m = {
+        limit: a.pageSize,
+        offset: 0
+      };
+      c.fetchData(m).then(() => {
+        a.setData(c);
+      });
+    });
+  }, pt = () => {
+    let l = null;
+    t.listen(a, s.eventChangeCurrent, (p) => {
+      const { page: m } = p.detail, u = a.pageSize, h = (m - 1) * u;
+      if (h !== l) {
+        l = h;
+        const f = { limit: u, offset: h };
+        c.fetchData(f).then(() => {
+          a.setData(c), d && d.hide();
+        });
+      }
+    });
+  };
+  c && a && (dt(), pt()), c && b && (at(b), rt(b));
+  const F = P.querySelectorAll("cds-popover[data-batch-filter]");
+  c && F && F.forEach(lt), e.isSelectable && (st(), it(), S && ct(S)), c && J && ot();
+  const G = {
+    zoo: {
+      event: {
+        row: {
+          click: K,
+          expand: Q,
+          check: {
+            one: nt,
+            all: et
+          }
+        },
+        column: {
+          sort: tt
+        }
+      }
+    }
+  };
+  ft(n).forEach(([l, p]) => {
+    gt(l, G) && Et(l, G)(p);
+  });
+}, _t = (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 } = It(["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;
+}, kt = (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;
+}, yt = (t, e) => {
+  const n = e.getAttribute("zoo-url-api"), o = parseInt(e.getAttribute("data-page-size") || 25, 10);
+  if (n)
+    return new vt(t, n, e, {
+      urlParams: { limit: o }
+    });
+}, Tt = {
+  selector: "cds-table",
+  import: [Nt, 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 = r(t), n = this, o = yt(n, t);
+    if (ht(o)) {
+      t.dataBinder = o;
+      const s = kt(t);
+      t.skeleton = s;
+      const i = _t(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-BYHXKkvf.js"), wt = {
+  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 = r(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"
+      });
+    });
+  }
+}, Ot = {
+  "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 = r(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-BEyCs2cc.js"), Rt = {
+  selector: "cds-menu",
+  import: $,
+  /**
+   * @param {CDSMenu} menu - The CDSMenu custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = r(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 = r(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 = r(i), a = c.event || e.event;
+      a && this.dispatchPanelEvent(a, {
+        ...e,
+        ...c,
+        action: "selection-changed"
+      });
+    });
+  }
+}, Mt = {
+  "cds-menu-button": {
+    import: $,
+    /**
+     * @param {CDSMenuButton} menuButton - The CDSMenuButton custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(t), n = t.querySelector("cds-menu");
+      n && this.listen(n, "click", (o) => {
+        if (o.target.tagName === "CDS-MENU-ITEM") {
+          const s = r(o.target), i = s.event || e.event;
+          i && (o.stopPropagation(), this.dispatchPanelEvent(i, {
+            ...e,
+            ...s
+          }));
+        }
+      });
+    }
+  }
+}, X = () => import("./index-Bh3jqbKV.js"), j = () => import("./index-CwpgmKTP.js").then((t) => t.i), Bt = () => import("./index-Byf_K1x1.js"), zt = () => import("./index-Czs-UAWh.js"), Lt = {
+  selector: "cds-button",
+  import: X,
+  /**
+   * @param {CDSButton} button - The CDSButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = r(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, r(t));
+    });
+  }
+}, qt = {
+  // 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 = r(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: zt,
+    init: function(t) {
+      const e = r(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: Bt,
+    init: function(t) {
+      const e = r(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 = r(o.target), i = s.event || E(t, "menu-event", "event");
+          i && this.dispatchPanelEvent(i, {
+            ...e,
+            ...s,
+            action: "menu-item"
+          });
+        }
+      });
+    }
+  }
+}, xt = () => import("./index-DDUqY4Rl.js"), Ft = () => import("./index-BwhAoVy-.js"), Gt = () => import("./index-BrqEja9V.js"), Ut = {
+  selector: "cds-dropdown",
+  import: xt,
+  /**
+   * @param {CDSDropdown} dropdown - The CDSDropdown custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-dropdown"), n = r(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")
+      });
+    });
+  }
+}, Vt = {
+  // Combo Box
+  "cds-combo-box": {
+    import: Ft,
+    /**
+     * @param {CDSComboBox} comboBox - The CDSComboBox custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-combo-box"), n = r(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: Gt,
+    /**
+     * @param {CDSMultiSelect} multiSelect - The CDSMultiSelect custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-multi-select"), n = r(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")
+        });
+      });
+    }
+  }
+}, jt = () => import("./index-Bk2MEnMu.js"), Ht = () => import("./index-tdmIA8Xp.js"), Wt = {
+  selector: "cds-date-picker",
+  import: jt,
+  /**
+   * @param {CDSDatePicker} datePicker - The CDSDatePicker custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-date-picker"), n = r(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
+      });
+    });
+  }
+}, Yt = {
+  "cds-time-picker": {
+    import: Ht,
+    event: "cds-time-picker-changed",
+    getData: (t, e, n) => ({
+      ...e,
+      value: n.value
+    })
+  }
+}, $t = () => import("./index-BODxU-Mu.js"), Xt = {
+  selector: "cds-file-uploader",
+  import: $t,
+  /**
+   * @param {CDSFileUploader} uploader - The CDSFileUploader custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = r(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
+      });
+    });
+  }
+}, Zt = () => import("./index-nfJ9ioGW.js"), Jt = () => import("./index-BTUYIkmg.js"), Kt = () => import("./index-xipeWGGU.js"), Qt = {
+  selector: "cds-tabs",
+  import: Zt,
+  /**
+   * @param {CDSTabs} tabs - The CDSTabs custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-tabs"), n = r(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 = r(c);
+      this.dispatchPanelEvent(s, {
+        ...n,
+        ...a,
+        tabValue: i.detail.value
+      });
+    });
+  }
+}, te = {
+  // Accordion
+  "cds-accordion": {
+    import: Jt,
+    /**
+     * @param {CDSAccordion} accordion - The CDSAccordion custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-accordion-item"), n = r(t);
+      [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
+        const i = r(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: Kt,
+    /**
+     * @param {CDSContentSwitcher} switcher - The CDSContentSwitcher custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-content-switcher"), n = r(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 = r(c);
+        this.dispatchPanelEvent(s, {
+          ...n,
+          ...a,
+          value: c.getAttribute("value")
+        });
+      });
+    }
+  }
+}, z = () => import("./index-DQ4Y-fiZ.js"), ee = {
+  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 = r(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 = r(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 = r(c.target);
+        s(a);
+      });
+    }
+  }
+}, ne = {
+  // 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")
+    })
+  }
+}, oe = () => import("./index-CcK76f0I.js"), se = () => import("./index-DSMPUWJU.js"), ie = () => import("./index-tQGRhvw0.js"), ce = () => import("./index-B8fGrrzJ.js"), ae = () => import("./index-D-iqTNbL.js"), re = {
+  selector: "cds-text-input",
+  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
+      })
+    }
+  ]
+}, le = {
+  // Text Area
+  "cds-textarea": {
+    import: se,
+    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: ie,
+    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: ce,
+    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: ae,
+    event: "cds-search-input",
+    getData: (t, e, n) => ({
+      ...e,
+      value: n.value
+    })
+  }
+}, de = () => import("./index-BPRteboN.js"), pe = () => import("./index-Cd1j7Qp1.js"), me = () => import("./index-CyvZ9jxn.js"), ue = () => import("./index-C5s9Z5Ou.js"), he = () => import("./index-CO_QGXLN.js"), ve = {
+  selector: "cds-checkbox",
+  import: de,
+  event: "cds-checkbox-changed",
+  getData: (t, e, n) => ({
+    ...e,
+    checked: t.detail.checked,
+    value: n.value
+  })
+}, fe = {
+  // Radio Button Group - only listen to the group, not individual buttons
+  "cds-radio-button-group": {
+    import: pe,
+    event: "cds-radio-button-group-changed",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail?.value
+    })
+  },
+  // Toggle
+  "cds-toggle": {
+    import: me,
+    event: "cds-toggle-changed",
+    getData: (t, e) => ({
+      ...e,
+      isOn: t.detail.checked,
+      value: t.detail.checked
+    })
+  },
+  // Select
+  "cds-select": {
+    import: ue,
+    event: "cds-select-selected",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail.value
+    })
+  },
+  // Slider
+  "cds-slider": {
+    import: he,
+    /**
+     * @param {CDSSlider} slider - The CDSSlider custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(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-t9TINCcm.js"), ge = {
+  selector: "cds-tag",
+  import: L,
+  event: "click",
+  getData: (t, e) => e
+}, Ee = {
+  // 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 = r(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"
+    })
+  }
+}, be = () => import("./index-Dr4evLL7.js"), Ce = () => import("./index-hhX-bWEv.js"), Se = () => import("./index-ByNfpHAO.js"), Ie = {
+  selector: "cds-overflow-menu",
+  import: be,
+  // 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 = r(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 = r(s.target);
+      this.dispatchPanelEvent(n, {
+        ...e,
+        ...i
+      });
+    });
+  }
+}, Ae = {
+  // Structured List
+  "cds-structured-list": {
+    import: Ce,
+    /**
+     * @param {CDSStructuredList} list - The CDSStructuredList custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(t);
+      [...t.querySelectorAll("cds-structured-list-row")].forEach((o) => {
+        const s = r(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 = r(s), c = e.event;
+        c && this.dispatchPanelEvent(c, {
+          ...e,
+          ...i
+        });
+      });
+    }
+  },
+  // Tree View
+  "cds-tree-view": {
+    import: Se,
+    /**
+     * @param {CDSTreeView} tree - The CDSTreeView custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(t);
+      this.listen(t, "cds-tree-node-selected", (o) => {
+        const s = o.detail.node, i = r(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-CyR413wv.js"), De = {
+  selector: "cds-toast-notification",
+  import: q,
+  event: "cds-notification-closed",
+  getData: (t, e) => ({
+    ...e,
+    action: "closed"
+  })
+}, Ne = {
+  // 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 = r(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-DIg4fP-p.js"), Pe = {
+  selector: "cds-clickable-tile",
+  import: w,
+  event: "click",
+  getData: (t, e) => ({
+    ...e,
+    href: t.currentTarget.getAttribute("href")
+  })
+}, _e = {
+  // 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 = r(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
+    })
+  }
+}, ke = () => import("./index-BMNd2Qad.js"), ye = () => import("./index-B16kSrMy.js"), Te = () => import("./index-CyF5Kef-.js"), we = {
+  selector: "cds-progress-bar",
+  import: ke,
+  /**
+   * @param {CDSProgressBar} progressBar - The CDSProgressBar custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = r(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;
+    }
+  }
+}, Oe = {
+  // Progress Indicator
+  "cds-progress-indicator": {
+    import: ye,
+    /**
+     * @param {CDSProgressIndicator} indicator - The CDSProgressIndicator custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(t);
+      this.listen(t, "cds-progress-step-click", (n) => {
+        const o = n.target, s = r(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: Te,
+    /**
+     * @param {CDSInlineLoading} inlineLoading - The CDSInlineLoading custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(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;
+      }
+    }
+  }
+}, Re = () => import("./index-d0CqW2Cm.js"), Me = () => import("./index-C-P030e_.js").then((t) => t.i), Be = () => import("./index-wgp15jn2.js"), ze = {
+  selector: "cds-tooltip",
+  import: Re,
+  /**
+   * @param {CDSTooltip} tooltip - The CDSTooltip custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = r(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"
+      });
+    });
+  }
+}, Le = {
+  // Popover
+  "cds-popover": {
+    import: Me,
+    /**
+     * @param {CDSPopover} popover - The CDSPopover custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(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: Be,
+    /**
+     * @param {CDSToggletip} toggletip - The CDSToggletip custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = r(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;
+      }
+    }
+  }
+}, qe = () => import("./index-DEtGo4Q7.js").then((t) => t.i), xe = () => import("./index-DZrmJ7Ll.js"), Fe = {
+  selector: "cds-link",
+  import: qe,
+  event: "click",
+  getData: (t, e, n) => ({
+    ...e,
+    href: n.getAttribute("href")
+  })
+}, Ge = {
+  // Code Snippet
+  "cds-code-snippet": {
+    import: xe,
+    event: "cds-copy-button-clicked",
+    getData: (t, e) => ({
+      ...e,
+      action: "copied"
+    })
+  }
+}, H = () => import("./index--Q3NhIVC.js"), Ue = () => import("./index-Do9f8Pwe.js"), Ve = () => import("./index-DwCXQC7X.js"), je = () => import("./index-WpBhhuED.js"), He = () => import("./index-DdkIREYU.js"), We = () => import("./index-oS8XvY4G.js"), Ye = () => import("./index-el9l-ZQy.js").then((t) => t.i), $e = () => import("./index-Bug3BjgA.js").then((t) => t.i), Xe = () => import("./index-CPLpCt6z.js"), Ze = () => import("./index-Chyr-DU2.js"), Je = {
+  // 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: Ue
+    // No event handling - presentational fieldset wrapper
+  },
+  "cds-stack": {
+    import: Ve
+    // No event handling - layout utility for spacing items vertically or horizontally
+  },
+  // Typography & Icons (Presentational)
+  "cds-heading": {
+    import: je
+    // No event handling - semantic heading component
+  },
+  "cds-icon": {
+    import: He
+    // No event handling - icon display component
+  },
+  "cds-icon-indicator": {
+    import: We
+    // No event handling - status indicator icon
+  },
+  // Badge Indicator - Status badge component (typically used in tabs/icons)
+  "cds-badge-indicator": {
+    import: Ze
+    // 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: Ye
+    // No event handling - presentational loading spinner
+  },
+  // Skeleton components - Loading placeholders
+  "cds-skeleton-text": {
+    import: $e
+    // No event handling - presentational loading placeholder
+  },
+  "cds-skeleton-placeholder": {
+    import: Xe
+    // No event handling - presentational loading placeholder
+  }
+}, Ke = [
+  Tt,
+  wt,
+  Rt,
+  Lt,
+  Ut,
+  Wt,
+  Xt,
+  Qt,
+  ee,
+  re,
+  ve,
+  ge,
+  Ie,
+  De,
+  Pe,
+  we,
+  ze,
+  Fe
+];
+function Qe() {
+  const t = /* @__PURE__ */ new Map();
+  return Ke.forEach((n) => {
+    t.set(n.selector, n);
+  }), [
+    Ot,
+    Mt,
+    qt,
+    Vt,
+    Yt,
+    te,
+    ne,
+    Pt,
+    le,
+    fe,
+    Ee,
+    Ae,
+    Ne,
+    _e,
+    Oe,
+    Le,
+    Ge,
+    Je
+  ].forEach((n) => {
+    Object.entries(n).forEach(([o, s]) => {
+      t.set(o, s);
+    });
+  }), t;
+}
+function tn(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 en(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 nn(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 on(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 = r(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 = r(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(Qe())
+}, sn = async function(t, e) {
+  const n = tn(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 = en(n);
+  if (o.size > 0)
+    try {
+      await nn(o, e);
+    } catch (i) {
+      console.error("[Carbon] Failed to load some component modules:", i);
+    }
+  const s = on(n, this);
+  s > 0 && this.debugMe(`[Carbon] Total components initialized: ${s}`);
+}, an = () => {
+  bt.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 sn.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 {
+  an as registerCarbonLibrary
+};