@trintel/zooy 1.0.1-beta.0 → 1.0.1

package/dist/chunks/register-BCEOkbXG.js

@@ -0,0 +1,1583 @@
+import { _ as ct, g as a, c as at, B as rt, o as lt, h as dt, p as pt, d as h, C as mt } from "./main-BGOPab-5.js";
+var ut = /* @__PURE__ */ ct(function(e, n) {
+  for (var o = {}, s = 0; s < e.length; )
+    e[s] in n && (o[e[s]] = n[e[s]]), s += 1;
+  return o;
+}), T = {}, L;
+function vt() {
+  return L || (L = 1, (function(t) {
+    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;
+  })(T)), T;
+}
+var ht = vt();
+const gt = () => import("./index-Dh4LYLg5.js"), G = () => import("./index-CTsGb3mD.js"), ft = {
+  "cds-pagination": {
+    import: G,
+    /**
+    * 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, r = (i - 1) * c;
+        r !== o && (o = r, 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"
+          }
+        });
+      });
+    }
+  }
+}, q = (t, e, n) => {
+  const o = customElements.get("cds-table"), s = customElements.get("cds-pagination"), i = customElements.get(o.selectorTableBatchActions);
+  customElements.get("cds-popover");
+  const c = e.dataBinder, r = e.pagination, p = e.skeleton, g = e.querySelector(o.selectorTableToolbarSearch), f = e.querySelector(o.selectorTableBatchActions), S = e.querySelector(o.selectorTableToolbarContent), _ = e.querySelector(o.selectorTableBody), H = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), M = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), j = e.isSortable || M.length > 0, k = Symbol(), y = Symbol(), I = /* @__PURE__ */ new Map(), Y = (l) => {
+    t.listen(e, "click", (d) => {
+      const m = d.target.closest(o.selectorTableRow);
+      if (!m || d.composedPath().some((v) => v.matches && v.matches(H))) return;
+      d.stopPropagation();
+      const u = a(m);
+      t.dispatchPanelEvent(l, {
+        ...u
+      });
+    });
+  }, W = (l) => {
+    t.listen(e, o.eventExpandoToggle, (d) => {
+      const m = d.target, u = m.tagName === "CDS-TABLE-HEADER-ROW", v = d.detail.expanded, E = a(m), C = {
+        tableAttrs: n,
+        ...E,
+        target: m,
+        allRows: u,
+        didExpand: v
+      };
+      t.dispatchPanelEvent(l, C);
+    });
+  }, X = (l) => {
+    I.set(k, (d) => {
+      t.dispatchPanelEvent(l, d);
+    });
+  }, Z = (l) => {
+    I.set(y, (d) => {
+      const m = d.detail.selectedRows, u = Math.min(m.length, f.totalRowsCount), v = d.target, E = a(v), C = m.map(a), A = {
+        tableAttrs: n,
+        ...E,
+        target: v,
+        selectCount: u,
+        selection: C
+      };
+      t.dispatchPanelEvent(l, A);
+    });
+  }, $ = (l) => {
+    t.listen(e, o.eventTableRowSelect, (d) => {
+      const m = d.target, u = d.detail.selectedRows || [], v = u.length, E = u.map(a), C = a(m), A = {
+        tableAttrs: n,
+        ...C,
+        selectCount: v,
+        selection: E,
+        target: m
+      };
+      t.dispatchPanelEvent(l, A);
+    });
+  }, J = () => {
+    t.listen(e, o.eventBeforeSort, (l) => {
+      const d = l.target, m = l.detail.oldSortDirection, u = l.detail.sortDirection, v = a(d), E = v.sortField, C = u === ht.TABLE_SORT_DIRECTION.DESCENDING ? `-${E}` : E;
+      l.cancelBubble = !0, l.stopPropagation(), l.preventDefault(), _.innerHTML = "", p && p.show(), M.forEach((D, $e) => {
+        D === d ? (D.setAttribute("sort-active", "true"), D.setAttribute("sort-direction", u)) : (D.removeAttribute("sort-active"), D.setAttribute("sort-direction", "none"));
+      });
+      const A = { ordering: C };
+      c.fetchData(A).then(() => {
+        r.setData(c), p && p.hide();
+      }), I.has(k) && I.get(k)({
+        tableAttrs: n,
+        ...v,
+        sortNow: u,
+        sortWas: m,
+        sortField: E,
+        ordering: C,
+        target: d
+      });
+    });
+  }, K = () => {
+    t.listen(e, o.eventTableRowSelectAll, (l) => {
+      l.detail.selectedRows.length === 0 && e.querySelectorAll(o.selectorTableRow).forEach((d) => {
+        d.disabled = !1, d.selected = !1;
+      }), I.has(y) && I.get(y)(l);
+    });
+  }, Q = () => {
+    t.listen(e, o.eventBeforeChangeSelectionAll, (l) => {
+      l.stopPropagation(), l.detail.callback && l.detail.callback();
+    });
+  }, tt = (l) => {
+    const d = e.querySelector("cds-table-header-row");
+    t.listen(l, i.eventClickSelectAll, (m) => {
+      m.stopPropagation(), d.dispatchEvent(new CustomEvent(o.eventBeforeChangeSelectionAll, {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: {
+          selected: !0,
+          callback: () => {
+            l.selectedRowsCount = l.totalRowsCount, e.querySelectorAll(o.selectorTableRow).forEach((u) => {
+              u.disabled = !0;
+            });
+          }
+        }
+      }));
+    });
+  }, et = (l) => {
+    t.listen(l, "keydown", (d) => {
+      if (d.key === "Enter") {
+        p && p.show(), r.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
+        const u = { search: l.value || "", offset: 0 };
+        c.fetchData(u).then(() => {
+          r.setData(c), p && p.hide();
+        });
+      }
+    });
+  }, nt = (l) => {
+    t.listen(l, o.eventSearchInput, (d) => {
+      if ((d.detail.value || "") === "") {
+        const u = { search: "", offset: 0 };
+        p && p.show(), c.fetchData(u).then(() => {
+          p && p.hide(), r.setData(c);
+        });
+      }
+    });
+  }, ot = (l) => {
+    const d = l.querySelector("cds-icon-button, button:not([slot])");
+    if (!d) return;
+    l.caret = !1, t.listen(d, "click", (u) => {
+      u.stopPropagation(), l.open = !l.open, l.classList.toggle("cds--overflow-menu--open", l.open);
+    }), new MutationObserver(() => {
+      l.classList.toggle("cds--overflow-menu--open", l.open);
+    }).observe(l, {
+      attributes: !0,
+      attributeFilter: ["open"]
+    });
+  }, st = () => {
+    t.listen(r, s.eventPageSizeChanged, (l) => {
+      const m = {
+        limit: r.pageSize,
+        offset: 0
+      };
+      c.fetchData(m).then(() => {
+        r.setData(c);
+      });
+    });
+  }, it = () => {
+    let l = null;
+    t.listen(r, s.eventChangeCurrent, (d) => {
+      const { page: m } = d.detail, u = r.pageSize, v = (m - 1) * u;
+      if (v !== l) {
+        l = v;
+        const E = { limit: u, offset: v };
+        c.fetchData(E).then(() => {
+          r.setData(c), p && p.hide();
+        });
+      }
+    });
+  };
+  c && r && (st(), it()), c && g && (et(g), nt(g));
+  const B = S.querySelectorAll("cds-popover[data-batch-filter]");
+  B && B.forEach(ot), e.isSelectable && (K(), Q(), f && tt(f)), c && j && J();
+  const z = {
+    zoo: {
+      event: {
+        row: {
+          click: Y,
+          expand: W,
+          check: {
+            one: $,
+            all: Z
+          }
+        },
+        column: {
+          sort: X
+        }
+      }
+    }
+  };
+  lt(n).forEach(([l, d]) => {
+    dt(l, z) && pt(l, z)(d);
+  });
+}, Et = (t) => {
+  const e = document.createElement("cds-pagination");
+  return e.backwardText = "Previous page", e.forwardText = "Next page", e.itemsPerPageText = "Items per page:", e.pageSize = t.limit, e.size = "lg", [10, 25, 50, 100, 500].forEach((n) => {
+    const o = document.createElement("cds-select-item");
+    o.value = n.toString(), o.textContent = n.toString(), e.appendChild(o);
+  }), e.setData = (n) => {
+    if (n.isPaginated) {
+      const { count: o } = ut(["count"], n.data), s = Math.ceil(o / n.limit), i = 100;
+      e.pagesUnknown = s > i, e.totalItems = o;
+    }
+  }, e;
+}, bt = (t) => {
+  if (!t.parentNode) {
+    console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
+    return;
+  }
+  const e = !!t.querySelector("cds-table-header-title"), n = !!t.querySelector("cds-table-header-description"), o = !!t.querySelector("cds-table-toolbar"), s = [...t.querySelectorAll("cds-table-header-cell")].length, i = t.hasAttribute("zebra"), c = t.getAttribute("size"), r = document.createElement("cds-table-skeleton");
+  r.showHeader = e || n, r.showToolbar = o, r.zebra = i, r.columnCount = s, r.size = c, r.show = () => r.classList.remove("hidden"), r.hide = () => r.classList.add("hidden");
+  const p = document.createElement("div");
+  return p.classList.add("zoo-datatable-skeleton-wrapper"), t.parentNode.insertBefore(p, t), p.appendChild(r), p.appendChild(t), r;
+}, Ct = (t, e) => {
+  const n = e.getAttribute("zoo-url-api"), o = parseInt(e.getAttribute("data-page-size") || 25, 10);
+  if (n)
+    return new rt(t, n, e, {
+      urlParams: { limit: o }
+    });
+}, St = {
+  selector: "cds-table",
+  import: [gt, G],
+  /**
+   * 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 = a(t), n = this, o = Ct(n, t);
+    if (at(o)) {
+      t.dataBinder = o;
+      const s = bt(t);
+      t.skeleton = s;
+      const i = Et(o);
+      t.pagination = i, t.after(i), o.fetchData().then((c) => {
+        s.hide(), i.setData(o), q(n, t, e);
+      });
+    } else
+      q(n, t, e);
+  }
+}, b = () => import("./index-BMquNDkd.js"), It = {
+  selector: "cds-modal",
+  import: b,
+  /**
+   * @param {CDSModal} modal - The CDSModal custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-modal"), n = a(t), o = h(t, "open-event", "event");
+    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 = h(t, "primary-event", "event");
+    i && this.listen(t, "cds-modal-primary-focus", (c) => {
+      this.dispatchPanelEvent(i, {
+        ...n,
+        action: "primary"
+      });
+    });
+  }
+}, At = {
+  "cds-modal-header": {
+    import: b
+    // No event handling - presentational header wrapper
+  },
+  "cds-modal-heading": {
+    import: b
+    // No event handling - presentational heading element
+  },
+  "cds-modal-label": {
+    import: b
+    // No event handling - presentational label element
+  },
+  "cds-modal-close-button": {
+    import: b
+    // No event handling - close button handled by modal itself via data-modal-close
+  },
+  "cds-modal-body": {
+    import: b
+    // No event handling - presentational body wrapper
+  },
+  "cds-modal-body-content": {
+    import: b
+    // No event handling - presentational content wrapper
+  },
+  "cds-modal-footer": {
+    import: b
+    // No event handling - presentational footer wrapper
+  },
+  "cds-modal-footer-button": {
+    import: b,
+    init: function(t) {
+      const e = a(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);
+      });
+    }
+  }
+}, U = () => import("./index-CBICHiFD.js"), Dt = {
+  selector: "cds-menu",
+  import: U,
+  /**
+   * @param {CDSMenu} menu - The CDSMenu custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = a(t), n = h(t, "open-event");
+    n && this.listen(t, "cds-menu-opened", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const o = h(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 = a(s.target), c = i.event || e.event;
+        c && (s.stopPropagation(), this.dispatchPanelEvent(c, {
+          ...e,
+          ...i
+        }));
+      }
+    }), this.listen(t, "cds-item-changed", (s) => {
+      const i = s.detail.triggeredBy, c = a(i), r = c.event || e.event;
+      r && this.dispatchPanelEvent(r, {
+        ...e,
+        ...c,
+        action: "selection-changed"
+      });
+    });
+  }
+}, Nt = {
+  "cds-menu-button": {
+    import: U,
+    /**
+     * @param {CDSMenuButton} menuButton - The CDSMenuButton custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t), n = t.querySelector("cds-menu");
+      n && this.listen(n, "click", (o) => {
+        if (o.target.tagName === "CDS-MENU-ITEM") {
+          const s = a(o.target), i = s.event || e.event;
+          i && (o.stopPropagation(), this.dispatchPanelEvent(i, {
+            ...e,
+            ...s
+          }));
+        }
+      });
+    }
+  }
+}, V = () => import("./index-Bls8zdHV.js"), x = () => import("./index-B4SxU_Hu.js").then((t) => t.i), Pt = () => import("./index-BeMnerDj.js"), _t = () => import("./index-C6bOvXSf.js"), kt = {
+  selector: "cds-button",
+  import: V,
+  /**
+   * @param {CDSButton} button - The CDSButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = a(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);
+    });
+  }
+}, yt = {
+  // Icon Button (non-toggle)
+  "cds-icon-button:not([data-toggle])": {
+    import: x,
+    event: "click",
+    getData: (t, e) => e
+  },
+  // Icon Toggle - Toggles Carbon's built-in isSelected state for ghost icon buttons
+  // Visual styling (subtle background change) is handled by Carbon's CSS
+  "cds-icon-button[data-toggle]": {
+    import: x,
+    init: function(t) {
+      const e = a(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: V,
+    event: "click",
+    getData: (t, e) => e
+  },
+  // Copy Button - Button that copies text to clipboard
+  "cds-copy-button": {
+    import: _t,
+    init: function(t) {
+      const e = a(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: Pt,
+    init: function(t) {
+      const e = a(t);
+      e.event && this.listen(t, "click", (o) => {
+        const s = o.composedPath(), i = s.some((r) => r.tagName === "CDS-MENU-ITEM"), c = s.some((r) => r.tagName === "CDS-ICON-BUTTON");
+        !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 = a(o.target), i = s.event || h(t, "menu-event", "event");
+          i && this.dispatchPanelEvent(i, {
+            ...e,
+            ...s,
+            action: "menu-item"
+          });
+        }
+      });
+    }
+  }
+}, Tt = () => import("./index-DNWjc2SJ.js"), wt = () => import("./index-Bff6B9vY.js"), Ot = () => import("./index-BbJQIwkY.js"), Rt = {
+  selector: "cds-dropdown",
+  import: Tt,
+  /**
+   * @param {CDSDropdown} dropdown - The CDSDropdown custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-dropdown"), n = a(t), o = n.event;
+    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")
+      });
+    });
+  }
+}, Mt = {
+  // Combo Box
+  "cds-combo-box": {
+    import: wt,
+    /**
+     * @param {CDSComboBox} comboBox - The CDSComboBox custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-combo-box"), n = a(t), o = n.event;
+      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: Ot,
+    /**
+     * @param {CDSMultiSelect} multiSelect - The CDSMultiSelect custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-multi-select"), n = a(t), o = n.event;
+      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")
+        });
+      });
+    }
+  }
+}, Bt = () => import("./index-CkxGsCJy.js"), zt = () => import("./index-TJL02uup.js"), Lt = {
+  selector: "cds-date-picker",
+  import: Bt,
+  /**
+   * @param {CDSDatePicker} datePicker - The CDSDatePicker custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-date-picker"), n = a(t), o = t.querySelector('cds-date-picker-input[kind="from"]'), s = t.querySelector('cds-date-picker-input[kind="to"]'), i = o && s, c = n.event;
+    c && this.listen(t, e.eventChange, (p) => {
+      let g;
+      i ? g = {
+        from: o.value || "",
+        to: s.value || ""
+      } : g = t.value, this.dispatchPanelEvent(c, {
+        ...n,
+        value: g
+      });
+    });
+    const r = t.getAttribute("error-event");
+    r && this.listen(t, e.eventFlatpickrError, (p) => {
+      this.dispatchPanelEvent(r, {
+        ...n,
+        error: p.detail
+      });
+    });
+  }
+}, qt = {
+  "cds-time-picker": {
+    import: zt,
+    event: "cds-time-picker-changed",
+    getData: (t, e, n) => ({
+      ...e,
+      value: n.value
+    })
+  }
+}, xt = () => import("./index-DUtoSCTU.js"), Ft = {
+  selector: "cds-file-uploader",
+  import: xt,
+  /**
+   * @param {CDSFileUploader} uploader - The CDSFileUploader custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = a(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
+      });
+    });
+  }
+}, Gt = () => import("./index-uxZPrL2m.js"), Ut = () => import("./index-D9sRIKMQ.js"), Vt = () => import("./index-B5DpS-cb.js"), Ht = {
+  selector: "cds-tabs",
+  import: Gt,
+  /**
+   * @param {CDSTabs} tabs - The CDSTabs custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-tabs"), n = a(t), o = t.getAttribute("before-select-event");
+    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, r = a(c);
+      this.dispatchPanelEvent(s, {
+        ...n,
+        ...r,
+        tabValue: i.detail.value
+      });
+    });
+  }
+}, jt = {
+  // Accordion
+  "cds-accordion": {
+    import: Ut,
+    /**
+     * @param {CDSAccordion} accordion - The CDSAccordion custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-accordion-item"), n = a(t);
+      [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
+        const i = a(s), c = i.event || n.event;
+        c && this.listen(s, e.eventToggle, (r) => {
+          this.dispatchPanelEvent(c, {
+            ...n,
+            ...i,
+            open: r.detail.open
+          });
+        });
+      });
+    }
+  },
+  // Content Switcher
+  "cds-content-switcher": {
+    import: Vt,
+    /**
+     * @param {CDSContentSwitcher} switcher - The CDSContentSwitcher custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = customElements.get("cds-content-switcher"), n = a(t), o = t.getAttribute("before-select-event");
+      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, r = a(c);
+        this.dispatchPanelEvent(s, {
+          ...n,
+          ...r,
+          value: c.getAttribute("value")
+        });
+      });
+    }
+  }
+}, w = () => import("./index-CWlg_Hu2.js"), Yt = {
+  selector: "cds-breadcrumb",
+  import: w,
+  /**
+   * @param {CDSBreadcrumb} breadcrumb - The CDSBreadcrumb custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = a(t), n = e.event;
+    if (n) {
+      const o = (i) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          ...i
+        });
+      };
+      this.listen(t, "click", (i) => {
+        const c = i.target.closest("cds-breadcrumb-link");
+        if (c) {
+          i.preventDefault(), i.stopPropagation();
+          const r = a(c);
+          o(r);
+        }
+      });
+      const s = t.querySelector("cds-overflow-menu-body");
+      s && this.listen(s, "cds-overflow-menu-item-clicked", (i) => {
+        i.stopPropagation();
+        const c = a(i.target);
+        o(c);
+      });
+    }
+  }
+}, Wt = {
+  // Breadcrumb Item - Wrapper for breadcrumb links
+  "cds-breadcrumb-item": {
+    import: w
+    // No event handling - presentational wrapper
+  },
+  // Breadcrumb Link - Individual breadcrumb link
+  "cds-breadcrumb-link": {
+    import: w,
+    event: "click",
+    getData: (t, e, n) => (t.preventDefault(), {
+      ...e,
+      href: n.getAttribute("href")
+    })
+  }
+}, Xt = () => import("./index-4WNeLsiw.js"), Zt = () => import("./index-GDVDUQtg.js"), $t = () => import("./index-Bunat0DP.js"), Jt = () => import("./index-CR3DrmQi.js"), Kt = () => import("./index-B0nToMRj.js"), Qt = {
+  selector: "cds-text-input",
+  import: Xt,
+  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
+      })
+    }
+  ]
+}, te = {
+  // Text Area
+  "cds-textarea": {
+    import: Zt,
+    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: $t,
+    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: Jt,
+    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: Kt,
+    event: "cds-search-input",
+    getData: (t, e, n) => ({
+      ...e,
+      value: n.value
+    })
+  }
+}, ee = () => import("./index-hH_m653R.js"), ne = () => import("./index-B5GB0rQW.js"), oe = () => import("./index-4XJJobHw.js"), se = () => import("./index-CYIcfuAW.js"), ie = () => import("./index-7cXLLw89.js"), ce = {
+  selector: "cds-checkbox",
+  import: ee,
+  event: "cds-checkbox-changed",
+  getData: (t, e, n) => ({
+    ...e,
+    checked: t.detail.checked,
+    value: n.value
+  })
+}, ae = {
+  // Radio Button Group - only listen to the group, not individual buttons
+  "cds-radio-button-group": {
+    import: ne,
+    event: "cds-radio-button-group-changed",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail?.value
+    })
+  },
+  // Toggle
+  "cds-toggle": {
+    import: oe,
+    event: "cds-toggle-changed",
+    getData: (t, e) => ({
+      ...e,
+      isOn: t.detail.checked,
+      value: t.detail.checked
+    })
+  },
+  // Select
+  "cds-select": {
+    import: se,
+    event: "cds-select-selected",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail.value
+    })
+  },
+  // Slider
+  "cds-slider": {
+    import: ie,
+    /**
+     * @param {CDSSlider} slider - The CDSSlider custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(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
+        });
+      });
+    }
+  }
+}, O = () => import("./index-DSOPjl5x.js"), re = {
+  selector: "cds-tag",
+  import: O,
+  event: "click",
+  getData: (t, e) => e
+}, le = {
+  // Dismissible tags (closeable tags with X button)
+  "cds-dismissible-tag": {
+    import: O,
+    /**
+     * @param {CDSDismissibleTag} tag - The CDSDismissibleTag custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t), n = t.getAttribute("click-event");
+      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: O,
+    event: "cds-filter-tag-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "remove"
+    })
+  }
+}, de = () => import("./index-CIiIAqrQ.js"), pe = () => import("./index-Cwb1pbm9.js"), me = () => import("./index-BGGDxbLL.js"), ue = {
+  selector: "cds-overflow-menu",
+  import: de,
+  // 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 = a(t), n = e.event, o = t.querySelector("cds-overflow-menu-body");
+    n && o && this.listen(o, "cds-overflow-menu-item-clicked", (s) => {
+      s.stopPropagation();
+      const i = a(s.target);
+      this.dispatchPanelEvent(n, {
+        ...e,
+        ...i
+      });
+    });
+  }
+}, ve = {
+  // Structured List
+  "cds-structured-list": {
+    import: pe,
+    /**
+     * @param {CDSStructuredList} list - The CDSStructuredList custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t);
+      [...t.querySelectorAll("cds-structured-list-row")].forEach((o) => {
+        const s = a(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 = a(s), c = e.event;
+        c && this.dispatchPanelEvent(c, {
+          ...e,
+          ...i
+        });
+      });
+    }
+  },
+  // Tree View
+  "cds-tree-view": {
+    import: me,
+    /**
+     * @param {CDSTreeView} tree - The CDSTreeView custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t);
+      this.listen(t, "cds-tree-node-selected", (o) => {
+        const s = o.detail.node, i = a(s), c = i.event || e.event;
+        c && this.dispatchPanelEvent(c, {
+          ...e,
+          ...i,
+          nodeId: s.id,
+          label: s.getAttribute("label")
+        });
+      });
+      const n = h(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
+        });
+      });
+    }
+  }
+}, R = () => import("./index-Cnsy7Qk3.js"), he = {
+  selector: "cds-toast-notification",
+  import: R,
+  event: "cds-notification-closed",
+  getData: (t, e) => ({
+    ...e,
+    action: "closed"
+  })
+}, ge = {
+  // Inline Notification
+  "cds-inline-notification": {
+    import: R,
+    event: "cds-notification-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "closed"
+    })
+  },
+  // Actionable Notification
+  "cds-actionable-notification": {
+    import: R,
+    /**
+     * @param {CDSActionableNotification} notification - The CDSActionableNotification custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t), n = h(t, "close-event", "event");
+      n && this.listen(t, "cds-notification-closed", (s) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          action: "closed"
+        });
+      });
+      const o = h(t, "action-event");
+      o && this.listen(t, "cds-notification-actioned", (s) => {
+        this.dispatchPanelEvent(o, {
+          ...e,
+          action: "actioned"
+        });
+      });
+    }
+  }
+}, P = () => import("./index-Bi9WliCA.js"), fe = {
+  selector: "cds-clickable-tile",
+  import: P,
+  event: "click",
+  getData: (t, e) => ({
+    ...e,
+    href: t.currentTarget.getAttribute("href")
+  })
+}, Ee = {
+  // Expandable Tile
+  "cds-expandable-tile": {
+    import: P,
+    /**
+     * @param {CDSExpandableTile} tile - The CDSExpandableTile custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t), n = t.getAttribute("before-toggle-event");
+      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: P,
+    event: "cds-selectable-tile-changed",
+    getData: (t, e, n) => ({
+      ...e,
+      selected: t.detail.selected,
+      value: n.value
+    })
+  },
+  // Radio Tile
+  "cds-radio-tile": {
+    import: P,
+    event: "cds-selectable-tile-changed",
+    getData: (t, e, n) => ({
+      ...e,
+      selected: t.detail.selected,
+      value: n.value
+    })
+  }
+}, be = () => import("./index-Ctna95NT.js"), Ce = () => import("./index-Z4ar01y-.js"), Se = () => import("./index-uwN33H1P.js"), Ie = {
+  selector: "cds-progress-bar",
+  import: be,
+  /**
+   * @param {CDSProgressBar} progressBar - The CDSProgressBar custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = a(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;
+    }
+  }
+}, Ae = {
+  // Progress Indicator
+  "cds-progress-indicator": {
+    import: Ce,
+    /**
+     * @param {CDSProgressIndicator} indicator - The CDSProgressIndicator custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t);
+      this.listen(t, "cds-progress-step-click", (n) => {
+        const o = n.target, s = a(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: Se,
+    /**
+     * @param {CDSInlineLoading} inlineLoading - The CDSInlineLoading custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(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 r = t.getAttribute("status");
+              this.dispatchPanelEvent(o, {
+                ...e,
+                status: r
+              });
+            }
+          });
+        });
+        s.observe(t, {
+          attributes: !0,
+          attributeFilter: ["status"]
+        }), t._statusObserver = s;
+      }
+    }
+  }
+}, De = () => import("./index-Bb_1S0pr.js"), Ne = () => import("./index-Dd9iSSXa.js").then((t) => t.i), Pe = () => import("./index-DyyLrVDY.js"), _e = {
+  selector: "cds-tooltip",
+  import: De,
+  /**
+   * @param {CDSTooltip} tooltip - The CDSTooltip custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = a(t), n = h(t, "open-event");
+    n && this.listen(t, "cds-tooltip-beingopened", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const o = h(t, "close-event");
+    o && this.listen(t, "cds-tooltip-closed", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "closed"
+      });
+    });
+  }
+}, ke = {
+  // Popover
+  "cds-popover": {
+    import: Ne,
+    /**
+     * @param {CDSPopover} popover - The CDSPopover custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(t), n = h(t, "open-event");
+      n && this.listen(t, "cds-popover-beingopened", (s) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          action: "opened"
+        });
+      });
+      const o = h(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: Pe,
+    /**
+     * @param {CDSToggletip} toggletip - The CDSToggletip custom element instance
+     * @this {Panel} The panel instance
+     */
+    init: function(t) {
+      const e = a(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;
+      }
+    }
+  }
+}, ye = () => import("./index-Cu1u3Mjn.js").then((t) => t.i), Te = () => import("./index-GbWz6fuF.js"), we = {
+  selector: "cds-link",
+  import: ye,
+  event: "click",
+  getData: (t, e, n) => ({
+    ...e,
+    href: n.getAttribute("href")
+  })
+}, Oe = {
+  // Code Snippet
+  "cds-code-snippet": {
+    import: Te,
+    event: "cds-copy-button-clicked",
+    getData: (t, e) => ({
+      ...e,
+      action: "copied"
+    })
+  }
+}, F = () => import("./index-Dc51G1mo.js"), Re = () => import("./index-BAAA4wkE.js"), Me = () => import("./index-QzojJs5M.js"), Be = () => import("./index-CzAwJhyQ.js"), ze = () => import("./index-DZabSr3s.js"), Le = () => import("./index-DfFx1Jz3.js"), qe = () => import("./index-CV7TVQ4T.js").then((t) => t.i), xe = () => import("./index-i4heE-wx.js").then((t) => t.i), Fe = () => import("./index-BwFE4R87.js"), Ge = () => import("./index-DGw1TVFB.js"), Ue = {
+  // Form structure components (presentational only - no event handling needed)
+  "cds-form": {
+    import: F
+    // No event handling - wraps native <form> which works naturally
+  },
+  "cds-form-item": {
+    import: F
+    // No event handling - presentational wrapper for form fields
+  },
+  "cds-form-group": {
+    import: Re
+    // No event handling - presentational fieldset wrapper
+  },
+  "cds-stack": {
+    import: Me
+    // No event handling - layout utility for spacing items vertically or horizontally
+  },
+  // Typography & Icons (Presentational)
+  "cds-heading": {
+    import: Be
+    // No event handling - semantic heading component
+  },
+  "cds-icon": {
+    import: ze
+    // No event handling - icon display component
+  },
+  "cds-icon-indicator": {
+    import: Le
+    // No event handling - status indicator icon
+  },
+  // Badge Indicator - Status badge component (typically used in tabs/icons)
+  "cds-badge-indicator": {
+    import: Ge
+    // No event handling - presentational status indicator
+    // Typically appears as a dot on tabs or icons to show notifications/status
+  },
+  // Loading - Full-page or section loading spinner
+  "cds-loading": {
+    import: qe
+    // No event handling - presentational loading spinner
+  },
+  // Skeleton components - Loading placeholders
+  "cds-skeleton-text": {
+    import: xe
+    // No event handling - presentational loading placeholder
+  },
+  "cds-skeleton-placeholder": {
+    import: Fe
+    // No event handling - presentational loading placeholder
+  }
+}, Ve = [
+  St,
+  It,
+  Dt,
+  kt,
+  Rt,
+  Lt,
+  Ft,
+  Ht,
+  Yt,
+  Qt,
+  ce,
+  re,
+  ue,
+  he,
+  fe,
+  Ie,
+  _e,
+  we
+];
+function He() {
+  const t = /* @__PURE__ */ new Map();
+  return Ve.forEach((n) => {
+    t.set(n.selector, n);
+  }), [
+    At,
+    Nt,
+    yt,
+    Mt,
+    qt,
+    jt,
+    Wt,
+    ft,
+    te,
+    ae,
+    le,
+    ve,
+    ge,
+    Ee,
+    Ae,
+    ke,
+    Oe,
+    Ue
+  ].forEach((n) => {
+    Object.entries(n).forEach(([o, s]) => {
+      t.set(o, s);
+    });
+  }), t;
+}
+function je(t) {
+  const e = /* @__PURE__ */ new Map();
+  if (!t || !(t instanceof Element))
+    return e;
+  for (const o of Object.keys(N))
+    e.set(o, []);
+  for (const [o, s] of Object.entries(N))
+    t.matches(o) && e.get(o).push(t);
+  const n = t.querySelectorAll("*");
+  for (const o of n)
+    for (const [s, i] of Object.entries(N))
+      o.matches(s) && e.get(s).push(o);
+  for (const [o, s] of e.entries())
+    s.length === 0 && e.delete(o);
+  return e;
+}
+function Ye(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const [n, o] of t.entries()) {
+    const s = N[n];
+    s && s.import && o.length > 0 && (Array.isArray(s.import) ? s.import : [s.import]).forEach((c) => e.add(c));
+  }
+  return e;
+}
+async function We(t, e) {
+  if (t.size === 0)
+    return;
+  const n = Array.from(t).map(async (o) => (e.has(o) || e.set(o, o()), e.get(o)));
+  await Promise.all(n);
+}
+function Xe(t, e) {
+  let n = 0;
+  for (const [o, s] of t.entries()) {
+    const i = N[o];
+    s.forEach((c) => {
+      if (i.init) {
+        i.init.call(e, c);
+        return;
+      }
+      if (i.multiEvent) {
+        const g = a(c);
+        i.events.forEach((f) => {
+          const S = h(c, f.attrName, "event");
+          S && e.listen(c, f.type, (_) => {
+            e.dispatchPanelEvent(S, f.getData(_, g, c));
+          });
+        });
+        return;
+      }
+      const r = a(c), p = r.event;
+      p && e.listen(c, i.event, (g) => {
+        g.stopPropagation();
+        const f = i.getData(g, r, c), S = f._eventOverride || p;
+        delete f._eventOverride, e.dispatchPanelEvent(S, f);
+      });
+    }), n += s.length;
+  }
+  return n;
+}
+const N = {
+  ...Object.fromEntries(He())
+}, Ze = async function(t, e) {
+  const n = je(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 = Ye(n);
+  if (o.size > 0)
+    try {
+      await We(o, e);
+    } catch (i) {
+      console.error("[Carbon] Failed to load some component modules:", i);
+    }
+  const s = Xe(n, this);
+  s > 0 && this.debugMe(`[Carbon] Total components initialized: ${s}`);
+}, Ke = () => {
+  mt.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 Ze.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 {
+  Ke as registerCarbonLibrary
+};