@trintel/zooy 1.0.6 → 1.0.8

package/dist/chunks/register-D01rr_6V.js

@@ -0,0 +1,1676 @@
+import { _ as et, c as vt, d as bt, g as l, e as Et, h as St, o as _t, j as It, p as yt, k as E, C as Ct } from "./main-CPeOiLq5.js";
+var Pt = /* @__PURE__ */ et(function(e, n) {
+  return n == null || n !== n ? e : n;
+}), At = /* @__PURE__ */ vt(function(e, n, o) {
+  return Pt(e, bt(n, o));
+}), Tt = /* @__PURE__ */ et(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;
+}), z = {}, Y;
+function Dt() {
+  return Y || (Y = 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;
+  })(z)), z;
+}
+var kt = Dt();
+const Nt = {
+  selector: "cds-pagination",
+  /**
+   * 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 c = s.detail.page, i = t.pageSize, a = (c - 1) * i;
+      a !== o && (o = a, e.dispatchPanelEvent("pagination-changed-current", {
+        detail: {
+          page: c,
+          pageSize: i,
+          action: "page-change"
+        }
+      }));
+    }), e.listen(t, n.eventPageSizeChanged, (s) => {
+      const c = t.pageSize;
+      o = null, e.dispatchPanelEvent("pagination-changed-page-size", {
+        detail: {
+          page: 1,
+          // Reset to page 1 when changing size
+          pageSize: c,
+          action: "page-size-change"
+        }
+      });
+    });
+  }
+}, $ = (t, e, n) => {
+  const o = customElements.get("cds-table"), s = customElements.get("cds-pagination"), c = customElements.get(o.selectorTableBatchActions);
+  customElements.get("cds-popover");
+  const i = e.dataBinder, a = e.pagination, d = e.skeleton, S = e.querySelector(o.selectorTableToolbarSearch), I = e.querySelector(o.selectorTableBatchActions), D = e.querySelector(o.selectorTableBody), W = ["button", "a", "input", "select", "textarea", '[role="button"]', ".cds--table-expand", ".cds--table-column-checkbox"].join(","), U = e.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), nt = e.isSortable || U.length > 0, R = Symbol(), B = Symbol(), k = /* @__PURE__ */ new Map(), ot = (r) => {
+    t.listen(e, "click", (p) => {
+      const u = p.target.closest(o.selectorTableRow);
+      if (!u || p.composedPath().some((f) => f.matches && f.matches(W))) return;
+      p.stopPropagation();
+      const m = l(u);
+      t.dispatchPanelEvent(r, {
+        ...m
+      });
+    });
+  }, st = (r) => {
+    t.listen(e, o.eventExpandoToggle, (p) => {
+      const u = p.target, m = u.tagName === "CDS-TABLE-HEADER-ROW", f = p.detail.expanded, v = l(u), _ = {
+        tableAttrs: n,
+        ...v,
+        target: u,
+        allRows: m,
+        didExpand: f
+      };
+      t.dispatchPanelEvent(r, _);
+    });
+  }, ct = (r) => {
+    k.set(R, (p) => {
+      t.dispatchPanelEvent(r, p);
+    });
+  }, it = (r) => {
+    k.set(B, (p) => {
+      const u = p.detail.selectedRows, m = Math.min(u.length, I.totalRowsCount), f = p.target, v = l(f), _ = u.map(l), y = {
+        tableAttrs: n,
+        ...v,
+        target: f,
+        selectCount: m,
+        selection: _
+      };
+      t.dispatchPanelEvent(r, y);
+    });
+  }, at = (r) => {
+    t.listen(e, o.eventTableRowSelect, (p) => {
+      const u = p.target, m = p.detail.selectedRows || [], f = m.length, v = m.map(l), _ = l(u), y = {
+        tableAttrs: n,
+        ..._,
+        selectCount: f,
+        selection: v,
+        target: u
+      };
+      t.dispatchPanelEvent(r, y);
+    });
+  }, rt = () => {
+    t.listen(e, o.eventBeforeSort, (r) => {
+      const p = r.target, u = r.detail.oldSortDirection, m = r.detail.sortDirection, f = l(p), v = f.sortField, _ = m === kt.TABLE_SORT_DIRECTION.DESCENDING ? `-${v}` : v;
+      r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), D.innerHTML = "", d && d.show(), U.forEach((A, h) => {
+        A === p ? (A.setAttribute("sort-active", "true"), A.setAttribute("sort-direction", m)) : (A.removeAttribute("sort-active"), A.setAttribute("sort-direction", "none"));
+      });
+      const y = { ordering: _ };
+      i.fetchData(y).then(() => {
+        a.setData(i), d && d.hide();
+      }), k.has(R) && k.get(R)({
+        tableAttrs: n,
+        ...f,
+        sortNow: m,
+        sortWas: u,
+        sortField: v,
+        ordering: _,
+        target: p
+      });
+    });
+  }, lt = () => {
+    t.listen(e, o.eventTableRowSelectAll, (r) => {
+      r.detail.selectedRows.length === 0 && e.querySelectorAll(o.selectorTableRow).forEach((p) => {
+        p.disabled = !1, p.selected = !1;
+      }), k.has(B) && k.get(B)(r);
+    });
+  }, dt = () => {
+    t.listen(e, o.eventBeforeChangeSelectionAll, (r) => {
+      r.stopPropagation(), r.detail.callback && r.detail.callback();
+    });
+  }, pt = (r) => {
+    const p = e.querySelector("cds-table-header-row");
+    t.listen(r, c.eventClickSelectAll, (u) => {
+      u.stopPropagation(), p.dispatchEvent(new CustomEvent(o.eventBeforeChangeSelectionAll, {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: {
+          selected: !0,
+          callback: () => {
+            r.selectedRowsCount = r.totalRowsCount, e.querySelectorAll(o.selectorTableRow).forEach((m) => {
+              m.disabled = !0;
+            });
+          }
+        }
+      }));
+    });
+  }, ut = (r) => {
+    t.listen(r, "keydown", (p) => {
+      if (p.key === "Enter") {
+        d && d.show(), a.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
+        const m = { search: r.value || "", offset: 0 };
+        i.fetchData(m).then(() => {
+          a.setData(i), d && d.hide();
+        });
+      }
+    });
+  }, mt = (r) => {
+    t.listen(r, o.eventSearchInput, (p) => {
+      if ((p.detail.value || "") === "") {
+        const m = { search: "", offset: 0 };
+        d && d.show(), i.fetchData(m).then(() => {
+          d && d.hide(), a.setData(i);
+        });
+      }
+    });
+  }, gt = (r) => {
+    r.caret = !1;
+    const p = r.querySelector("cds-icon-button, button:not([slot])"), u = r.querySelectorAll("cds-checkbox"), m = r.querySelectorAll("cds-modal-footer-button"), f = [...r.querySelectorAll("cds-checkbox-group")].map(l).map(At("noop", ["zoo", "filter", "field"])).reduce(
+      (h, b) => (h[b] = null, h),
+      { offset: 0 }
+    );
+    if (!p || !m) {
+      console.error("Improperly configured Batch Filter popover");
+      return;
+    }
+    new MutationObserver(() => {
+      r.classList.toggle("cds--overflow-menu--open", r.open);
+    }).observe(r, {
+      attributes: !0,
+      attributeFilter: ["open"]
+    });
+    const v = Symbol(), _ = Symbol(), y = [...m].reduce((h, b, T) => (b.hasAttribute("reset-filter") && h.set(v, b), b.hasAttribute("apply-filter") && h.set(_, b), h), /* @__PURE__ */ new Map()), A = () => {
+      const h = /* @__PURE__ */ new Map();
+      return u.forEach((b) => {
+        const T = b.getAttribute("id");
+        if (!T || !T.includes(":")) return;
+        const [N, O] = T.split(":");
+        h.has(N) || h.set(N, []), b.checked && h.get(N).push(O);
+      }), h;
+    };
+    if (y.has(v)) {
+      const h = (b) => b.checked = !1;
+      t.listen(y.get(v), "click", (b) => {
+        b.stopPropagation(), u.forEach(h), d && d.show(), i.fetchData(f).then(() => {
+          a && a.setData(i), d && d.hide(), r.open = !1;
+        });
+      });
+    }
+    y.has(_) && t.listen(y.get(_), "click", (h) => {
+      h.stopPropagation();
+      const b = [...A()].reduce((T, [N, O]) => (T[N] = O === [] ? null : O, T), { offset: 0 });
+      d && d.show(), i.fetchData(b).then(() => {
+        a && a.setData(i), d && d.hide(), r.open = !1;
+      });
+    }), t.listen(p, "click", (h) => {
+      h.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
+    });
+  }, ft = () => {
+    t.listen(a, s.eventPageSizeChanged, (r) => {
+      const u = {
+        limit: a.pageSize,
+        offset: 0
+      };
+      i.fetchData(u).then(() => {
+        a.setData(i);
+      });
+    });
+  }, ht = () => {
+    let r = null;
+    t.listen(a, s.eventChangeCurrent, (p) => {
+      const { page: u } = p.detail, m = a.pageSize, f = (u - 1) * m;
+      if (f !== r) {
+        r = f;
+        const v = { limit: m, offset: f };
+        i.fetchData(v).then(() => {
+          a.setData(i), d && d.hide();
+        });
+      }
+    });
+  };
+  i && a && (ft(), ht()), i && S && (ut(S), mt(S));
+  const H = e.querySelector(o.selectorTableToolbarContent);
+  if (H) {
+    const r = H.querySelectorAll("cds-popover[data-batch-filter]");
+    i && r && r.forEach(gt);
+  }
+  e.isSelectable && (lt(), dt(), I && pt(I)), i && nt && rt();
+  const V = {
+    zoo: {
+      event: {
+        row: {
+          click: ot,
+          expand: st,
+          check: {
+            one: at,
+            all: it
+          }
+        },
+        column: {
+          sort: ct
+        }
+      }
+    }
+  };
+  _t(n).forEach(([r, p]) => {
+    It(r, V) && yt(r, V)(p);
+  });
+}, Ot = (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 } = Tt(["count"], n.data), s = Math.ceil(o / n.limit), c = 100;
+      e.pagesUnknown = s > c, e.totalItems = o, e.pagesUnknown ? e.formatStatusWithIndeterminateTotal = ({ start: i, end: a }) => `${i}–${a} of ${o} item${o <= 1 ? "" : "s"}` : delete e.formatStatusWithIndeterminateTotal;
+    }
+  }, e;
+}, wt = (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, c = t.hasAttribute("zebra"), i = t.getAttribute("size"), a = document.createElement("cds-table-skeleton");
+  a.showHeader = e || n, a.showToolbar = o, a.zebra = c, a.columnCount = s, a.size = i, 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;
+}, Mt = (t, e) => {
+  const n = e.getAttribute("zoo-url-api"), o = parseInt(e.getAttribute("data-page-size") || 25, 10);
+  if (n)
+    return new St(t, n, e, {
+      urlParams: { limit: o }
+    });
+}, Wt = {
+  selector: "cds-table",
+  /**
+   * Initialize a Carbon data table component.
+   *
+   * Note: The cdsTable parameter is a CDSTable instance from @carbon/web-components.
+   * To access the CDSTable class and its static properties/methods, use:
+   *   const CDSTable = customElements.get('cds-table');
+   *   // or
+   *   const CDSTable = cdsTable.constructor;
+   *
+   * Example - Using static event names:
+   *   const CDSTable = customElements.get('cds-table');
+   *   panel.listen(cdsTable, CDSTable.eventBeforeChangeSelection, e => {...});
+   *
+   * Initialization flow:
+   * 1. Extract semantic attributes from table element
+   * 2. Check for zoo-url-api attribute to determine if Binder is needed
+   * 3. If Binder:
+   *    - Create Binder instance with configured page size
+   *    - Create and show skeleton loader
+   *    - Create pagination component
+   *    - Fetch initial data
+   *    - Remove skeleton and configure pagination when data arrives
+   *    - Set up event handlers after data is loaded (prevents duplicate initial fetch)
+   * 4. If no Binder:
+   *    - Set up event handlers immediately for client-side behavior
+   *
+   * @param {CDSTable} cdsTable - The CDSTable custom element instance (from @carbon/web-components)
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = this, o = Mt(n, t);
+    if (Et(o)) {
+      t.dataBinder = o;
+      const s = wt(t);
+      t.skeleton = s;
+      const c = Ot(o);
+      t.pagination = c, t.after(c), o.fetchData().then((i) => {
+        s.hide(), c.setData(o), $(n, t, e);
+      });
+    } else
+      $(n, t, e);
+  }
+}, Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsPaginationWrap: Nt,
+  cdsTableWrap: Wt
+}, Symbol.toStringTag, { value: "Module" })), Bt = {
+  selector: "cds-modal",
+  /**
+   * @param {CDSModal} modal - The CDSModal custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-modal"), n = l(t), o = E(t, "open-event", "event");
+    o && this.listen(t, "cds-modal-beingopened", (i) => {
+      this.dispatchPanelEvent(o, {
+        ...n,
+        action: "opened"
+      });
+    });
+    const s = t.getAttribute("before-close-event");
+    s && this.listen(t, e.eventBeforeClose, (i) => {
+      this.dispatchPanelEvent(s, {
+        ...n,
+        action: "closing",
+        cancelable: !0
+      });
+    }), this.listen(t, e.eventClose, (i) => {
+      this.dispatchPanelEvent("destroy_me", {
+        ...n,
+        action: "closed",
+        triggeredBy: i.detail?.triggeredBy
+      });
+    });
+    const c = E(t, "primary-event", "event");
+    c && this.listen(t, "cds-modal-primary-focus", (i) => {
+      this.dispatchPanelEvent(c, {
+        ...n,
+        action: "primary"
+      });
+    });
+  }
+}, zt = {
+  selector: "cds-modal-header"
+}, jt = {
+  selector: "cds-modal-heading"
+}, xt = {
+  selector: "cds-modal-label"
+}, Lt = {
+  selector: "cds-modal-close-button"
+}, Ft = {
+  selector: "cds-modal-body"
+}, qt = {
+  selector: "cds-modal-body-content"
+}, Gt = {
+  selector: "cds-modal-footer"
+}, Ut = {
+  selector: "cds-modal-footer-button",
+  /**
+   * @param {CDSModalFooterButton} button - The CDSModal custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    if (t.getAttribute("type") === "submit") {
+      this.listen(t, "click", (s) => {
+        let c = t.closest("form");
+        if (!c) {
+          const i = t.getAttribute("form");
+          i && (c = document.getElementById(i));
+        }
+        c && c.requestSubmit();
+      });
+      return;
+    }
+    const o = e.event;
+    o && this.listen(t, "click", (s) => {
+      s.stopPropagation(), this.dispatchPanelEvent(o, e);
+    });
+  }
+}, Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsModalBodyContentWrap: qt,
+  cdsModalBodyWrap: Ft,
+  cdsModalCloseButWrap: Lt,
+  cdsModalFooterButWrap: Ut,
+  cdsModalFooterWrap: Gt,
+  cdsModalHeaderWrap: zt,
+  cdsModalHeadingWrap: jt,
+  cdsModalLabelWrap: xt,
+  cdsModalWrap: Bt
+}, Symbol.toStringTag, { value: "Module" })), Vt = {
+  selector: "cds-menu",
+  /**
+   * @param {CDSMenu} menu - The CDSMenu custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = E(t, "open-event");
+    n && this.listen(t, "cds-menu-opened", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const o = E(t, "close-event");
+    o && this.listen(t, "cds-menu-closed", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "closed"
+      });
+    }), this.listen(t, "click", (s) => {
+      if (s.target.tagName === "CDS-MENU-ITEM") {
+        const c = l(s.target), i = c.event || e.event;
+        i && (s.stopPropagation(), this.dispatchPanelEvent(i, {
+          ...e,
+          ...c
+        }));
+      }
+    }), this.listen(t, "cds-item-changed", (s) => {
+      const c = s.detail.triggeredBy, i = l(c), a = i.event || e.event;
+      a && this.dispatchPanelEvent(a, {
+        ...e,
+        ...i,
+        action: "selection-changed"
+      });
+    });
+  }
+}, Yt = {
+  selector: "cds-menu-button",
+  /**
+   * @param {CDSMenuButton} menuButton - The CDSMenuButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = t.querySelector("cds-menu");
+    n && this.listen(n, "click", (o) => {
+      if (o.target.tagName === "CDS-MENU-ITEM") {
+        const s = l(o.target), c = s.event || e.event;
+        c && (o.stopPropagation(), this.dispatchPanelEvent(c, {
+          ...e,
+          ...s
+        }));
+      }
+    });
+  }
+}, $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsMenuButtonWrap: Yt,
+  cdsMenuWrap: Vt
+}, Symbol.toStringTag, { value: "Module" })), Xt = {
+  selector: "cds-button",
+  /**
+   * @param {CDSButton} button - The CDSButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    if (t.getAttribute("type") === "submit") {
+      this.listen(t, "click", (s) => {
+        let c = t.closest("form");
+        if (!c) {
+          const i = t.getAttribute("form");
+          i && (c = document.getElementById(i));
+        }
+        c && c.requestSubmit();
+      });
+      return;
+    }
+    const o = e.event;
+    o && this.listen(t, "click", (s) => {
+      s.stopPropagation(), this.dispatchPanelEvent(o, l(t));
+    });
+  }
+}, Zt = {
+  selector: "cds-icon-button:not([data-toggle])",
+  event: "click",
+  getData: (t, e) => e
+}, Jt = {
+  selector: "cds-icon-button[data-toggle]",
+  /**
+   * @param {CDSIconButton} button - The CDSButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    e.event && this.listen(t, "click", (n) => {
+      n.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
+        ...e,
+        isOn: t.isSelected
+      });
+    });
+  }
+}, Kt = {
+  selector: "cds-button[data-fab]",
+  event: "click",
+  getData: (t, e) => e
+}, Qt = {
+  selector: "cds-copy-button",
+  /**
+   * @param {CDSCopyButton} button - The CDSCopyButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = e.event;
+    n && this.listen(t, "click", (s) => {
+      s.stopPropagation(), this.dispatchPanelEvent(n, {
+        ...e,
+        action: "copy"
+      });
+    });
+    const o = t.getAttribute("success-event");
+    if (o) {
+      const s = new MutationObserver(() => {
+        t.hasAttribute("feedback-shown") && this.dispatchPanelEvent(o, {
+          ...e,
+          action: "copied"
+        });
+      });
+      s.observe(t, {
+        attributes: !0,
+        attributeFilter: ["feedback-shown"]
+      }), t._copyObserver = s;
+    }
+  }
+}, te = {
+  selector: "cds-combo-button",
+  /**
+   * @param {CDSComboButton} button - The CDSComboButton custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    e.event && this.listen(t, "click", (o) => {
+      const s = o.composedPath(), c = s.some((a) => a.tagName === "CDS-MENU-ITEM"), i = s.some((a) => a.tagName === "CDS-ICON-BUTTON");
+      !c && !i && (o.stopPropagation(), this.dispatchPanelEvent(e.event, {
+        ...e,
+        action: "primary"
+      }));
+    });
+    const n = t.querySelector("cds-menu");
+    n && this.listen(n, "click", (o) => {
+      if (o.target.tagName === "CDS-MENU-ITEM") {
+        const s = l(o.target), c = s.event || E(t, "menu-event", "event");
+        c && this.dispatchPanelEvent(c, {
+          ...e,
+          ...s,
+          action: "menu-item"
+        });
+      }
+    });
+  }
+}, ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsButFabWrap: Kt,
+  cdsButtonWrap: Xt,
+  cdsComboButWrap: te,
+  cdsCopyButWrap: Qt,
+  cdsIconButToggleWrap: Jt,
+  cdsIconButWrap: Zt
+}, Symbol.toStringTag, { value: "Module" })), ne = {
+  selector: "cds-dropdown",
+  /**
+   * @param {CDSDropdown} dropdown - The CDSDropdown custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-dropdown"), n = l(t), o = n.event;
+    o && this.listen(t, e.eventSelect, (c) => {
+      this.dispatchPanelEvent(o, {
+        ...n,
+        value: t.value,
+        selectedValue: c.detail?.item?.value,
+        selectedText: c.detail?.item?.textContent?.trim()
+      });
+    });
+    const s = t.getAttribute("toggle-event");
+    s && this.listen(t, e.eventToggle, (c) => {
+      this.dispatchPanelEvent(s, {
+        ...n,
+        open: t.hasAttribute("open")
+      });
+    });
+  }
+}, oe = {
+  selector: "cds-combo-box",
+  /**
+   * @param {CDSComboBox} comboBox - The CDSComboBox custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-combo-box"), n = l(t), o = n.event;
+    o && this.listen(t, e.eventSelect, (c) => {
+      const i = c.detail?.item;
+      this.dispatchPanelEvent(o, {
+        ...n,
+        value: t.value,
+        selectedValue: i?.value,
+        selectedText: i?.textContent?.trim()
+      });
+    });
+    const s = t.getAttribute("toggle-event");
+    s && this.listen(t, e.eventToggle, (c) => {
+      this.dispatchPanelEvent(s, {
+        ...n,
+        open: t.hasAttribute("open")
+      });
+    });
+  }
+}, se = {
+  selector: "cds-multi-select",
+  /**
+   * @param {CDSMultiSelect} multiSelect - The CDSMultiSelect custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-multi-select"), n = l(t), o = n.event;
+    o && this.listen(t, e.eventSelect, (c) => {
+      const i = t.value ? t.value.split(",") : [];
+      this.dispatchPanelEvent(o, {
+        ...n,
+        selectedItems: i
+      });
+    });
+    const s = t.getAttribute("toggle-event");
+    s && this.listen(t, e.eventToggle, (c) => {
+      this.dispatchPanelEvent(s, {
+        ...n,
+        open: t.hasAttribute("open")
+      });
+    });
+  }
+}, ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsComboBoxWrap: oe,
+  cdsDropdownWrap: ne,
+  cdsMultiSelectWrap: se
+}, Symbol.toStringTag, { value: "Module" })), ie = {
+  selector: "cds-date-picker",
+  /**
+   * @param {CDSDatePicker} datePicker - The CDSDatePicker custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-date-picker"), n = l(t), o = t.querySelector('cds-date-picker-input[kind="from"]'), s = t.querySelector('cds-date-picker-input[kind="to"]'), c = o && s, i = n.event;
+    i && this.listen(t, e.eventChange, (d) => {
+      let S;
+      c ? S = {
+        from: o.value || "",
+        to: s.value || ""
+      } : S = t.value, this.dispatchPanelEvent(i, {
+        ...n,
+        value: S
+      });
+    });
+    const a = t.getAttribute("error-event");
+    a && this.listen(t, e.eventFlatpickrError, (d) => {
+      this.dispatchPanelEvent(a, {
+        ...n,
+        error: d.detail
+      });
+    });
+  }
+}, ae = {
+  selector: "cds-time-picker",
+  event: "cds-time-picker-changed",
+  getData: (t, e, n) => ({
+    ...e,
+    value: n.value
+  })
+}, re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsDatePickerWrap: ie,
+  cdsTimePickerWrap: ae
+}, Symbol.toStringTag, { value: "Module" })), le = {
+  selector: "cds-file-uploader",
+  /**
+   * @param {CDSFileUploader} uploader - The CDSFileUploader custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = e.event;
+    if (n) {
+      const s = t.querySelector('input[type="file"]');
+      s && this.listen(s, "change", (c) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          files: Array.from(c.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
+      });
+    });
+  }
+}, de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsFileUploaderWrap: le
+}, Symbol.toStringTag, { value: "Module" })), pe = {
+  selector: "cds-tabs",
+  /**
+   * @param {CDSTabs} tabs - The CDSTabs custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-tabs"), n = l(t), o = t.getAttribute("before-select-event");
+    o && this.listen(t, e.eventBeforeSelect, (c) => {
+      this.dispatchPanelEvent(o, {
+        ...n,
+        tabValue: c.detail.value,
+        cancelable: !0
+      });
+    });
+    const s = n.event;
+    s && this.listen(t, e.eventSelect, (c) => {
+      const i = c.detail.item, a = l(i);
+      this.dispatchPanelEvent(s, {
+        ...n,
+        ...a,
+        tabValue: c.detail.value
+      });
+    });
+  }
+}, ue = {
+  selector: "cds-accordion",
+  /**
+   * @param {CDSAccordion} accordion - The CDSAccordion custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-accordion-item"), n = l(t);
+    [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
+      const c = l(s), i = c.event || n.event;
+      i && this.listen(s, e.eventToggle, (a) => {
+        this.dispatchPanelEvent(i, {
+          ...n,
+          ...c,
+          open: a.detail.open
+        });
+      });
+    });
+  }
+}, me = {
+  selector: "cds-content-switcher",
+  /**
+   * @param {CDSContentSwitcher} switcher - The CDSContentSwitcher custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = customElements.get("cds-content-switcher"), n = l(t), o = t.getAttribute("before-select-event");
+    o && this.listen(t, e.eventBeforeSelect, (c) => {
+      this.dispatchPanelEvent(o, {
+        ...n,
+        value: c.detail.value,
+        cancelable: !0
+      });
+    });
+    const s = n.event;
+    s && this.listen(t, e.eventSelect, (c) => {
+      const i = c.detail.item, a = l(i);
+      this.dispatchPanelEvent(s, {
+        ...n,
+        ...a,
+        value: i.getAttribute("value")
+      });
+    });
+  }
+}, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsAccordionWrap: ue,
+  cdsContentSwitcherWrap: me,
+  cdsTabsWrap: pe
+}, Symbol.toStringTag, { value: "Module" })), fe = {
+  selector: "cds-breadcrumb-item"
+}, he = {
+  selector: "cds-breadcrumb-link",
+  event: "click",
+  getData: (t, e, n) => (t.preventDefault(), {
+    ...e,
+    href: n.getAttribute("href")
+  })
+}, ve = {
+  selector: "cds-breadcrumb",
+  /**
+   * @param {CDSBreadcrumb} breadcrumb - The CDSBreadcrumb custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = this, n = l(t), o = n.event;
+    if (o) {
+      const s = (i) => {
+        e.dispatchPanelEvent(o, {
+          ...n,
+          ...i
+        });
+      };
+      e.listen(t, "click", (i) => {
+        const a = i.target.closest("cds-breadcrumb-link");
+        if (a) {
+          i.preventDefault(), i.stopPropagation();
+          const d = l(a);
+          s(d);
+        }
+      });
+      const c = t.querySelector("cds-overflow-menu-body");
+      c && e.listen(c, "cds-overflow-menu-item-clicked", (i) => {
+        i.stopPropagation();
+        const a = l(i.target);
+        s(a);
+      });
+    }
+  }
+}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsBreadCrumbWrap: ve,
+  cdsBreadcrumbItemWrap: fe,
+  cdsBreadcrumbLinkWrap: he
+}, Symbol.toStringTag, { value: "Module" })), Ee = {
+  selector: "cds-text-input",
+  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
+      })
+    }
+  ]
+}, Se = {
+  selector: "cds-textarea",
+  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
+      })
+    }
+  ]
+}, _e = {
+  selector: "cds-number-input",
+  event: "cds-number-input",
+  getData: (t, e, n) => ({
+    ...e,
+    value: t.detail.value,
+    direction: t.detail.direction
+    // 'up' or 'down' when using steppers
+  })
+}, Ie = {
+  selector: "cds-password-input",
+  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
+      })
+    }
+  ]
+}, ye = {
+  selector: "cds-search",
+  event: "cds-search-input",
+  getData: (t, e, n) => ({
+    ...e,
+    value: n.value
+  })
+}, Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsNumberInputWrap: _e,
+  cdsPasswordInputWrap: Ie,
+  cdsSearchWrap: ye,
+  cdsTextAreaWrap: Se,
+  cdsTextInputWrap: Ee
+}, Symbol.toStringTag, { value: "Module" })), Pe = {
+  selector: "cds-checkbox",
+  event: "cds-checkbox-changed",
+  getData: (t, e, n) => ({
+    ...e,
+    checked: t.detail.checked,
+    value: n.value
+  })
+}, Ae = {
+  selector: "cds-radio-button-group",
+  event: "cds-radio-button-group-changed",
+  getData: (t, e) => ({
+    ...e,
+    value: t.detail?.value
+  })
+}, Te = {
+  selector: "cds-toggle",
+  event: "cds-toggle-changed",
+  getData: (t, e) => ({
+    ...e,
+    isOn: t.detail.checked,
+    value: t.detail.checked
+  })
+}, De = {
+  selector: "cds-select",
+  event: "cds-select-selected",
+  getData: (t, e) => ({
+    ...e,
+    value: t.detail.value
+  })
+}, ke = {
+  selector: "cds-slider",
+  /**
+   * @param {CDSSlider} slider - The CDSSlider custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = e.event;
+    n && this.listen(t, "cds-slider-changed", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        value: s.detail.value
+      });
+    });
+    const o = t.getAttribute("input-event");
+    o && this.listen(t, "cds-slider-input-changed", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        value: s.detail.value
+      });
+    });
+  }
+}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsCheckboxWrap: Pe,
+  cdsRadioButGroupWrap: Ae,
+  cdsSelectWrap: De,
+  cdsSliderWrap: ke,
+  cdsToggleWrap: Te
+}, Symbol.toStringTag, { value: "Module" })), Oe = {
+  selector: "cds-tag",
+  event: "click",
+  getData: (t, e) => e
+}, we = {
+  selector: "cds-dismissible-tag",
+  /**
+   * @param {CDSDismissibleTag} tag - The CDSDismissibleTag custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = t.getAttribute("click-event");
+    n && this.listen(t, "click", (s) => {
+      s.target.closest("button") || this.dispatchPanelEvent(n, {
+        ...e
+      });
+    });
+    const o = e.event;
+    o && this.listen(t, "cds-dismissible-tag-closed", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "closed"
+      });
+    });
+  }
+}, Me = {
+  selector: "cds-filter-tag",
+  event: "cds-filter-tag-closed",
+  getData: (t, e) => ({
+    ...e,
+    action: "remove"
+  })
+}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsFilterTagWrap: Me,
+  cdsSDismissibleTagWrap: we,
+  cdsTagsWrap: Oe
+}, Symbol.toStringTag, { value: "Module" })), Re = {
+  selector: "cds-overflow-menu",
+  /**
+   * @param {CDSOverflowMenu} overflowMenu - The CDSOverflowMenu custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = e.event, o = t.querySelector("cds-overflow-menu-body");
+    n && o && this.listen(o, "cds-overflow-menu-item-clicked", (s) => {
+      s.stopPropagation();
+      const c = l(s.target);
+      this.dispatchPanelEvent(n, {
+        ...e,
+        ...c
+      });
+    });
+  }
+}, Be = {
+  selector: "cds-structured-list",
+  /**
+   * @param {CDSStructuredList} list - The CDSStructuredList custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    [...t.querySelectorAll("cds-structured-list-row")].forEach((o) => {
+      const s = l(o), c = s.event || e.event;
+      c && this.listen(o, "click", (i) => {
+        i.stopPropagation(), this.dispatchPanelEvent(c, {
+          ...e,
+          ...s
+        });
+      });
+    }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (o) => {
+      const s = o.detail.row, c = l(s), i = e.event;
+      i && this.dispatchPanelEvent(i, {
+        ...e,
+        ...c
+      });
+    });
+  }
+}, ze = {
+  selector: "cds-tree-view",
+  /**
+   * @param {CDSTreeView} tree - The CDSTreeView custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    this.listen(t, "cds-tree-node-selected", (o) => {
+      const s = o.detail.node, c = l(s), i = c.event || e.event;
+      i && this.dispatchPanelEvent(i, {
+        ...e,
+        ...c,
+        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
+      });
+    });
+  }
+}, je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsOverflowMenuWrap: Re,
+  cdsStructuredListWrap: Be,
+  cdsTreeViewWrap: ze
+}, Symbol.toStringTag, { value: "Module" })), xe = {
+  selector: "cds-toast-notification",
+  event: "cds-notification-closed",
+  getData: (t, e) => ({
+    ...e,
+    action: "closed"
+  })
+}, Le = {
+  selector: "cds-inline-notification",
+  event: "cds-notification-closed",
+  getData: (t, e) => ({
+    ...e,
+    action: "closed"
+  })
+}, Fe = {
+  selector: "cds-actionable-notification",
+  /**
+   * @param {CDSActionableNotification} notification - The CDSActionableNotification custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = E(t, "close-event", "event");
+    n && this.listen(t, "cds-notification-closed", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "closed"
+      });
+    });
+    const o = E(t, "action-event");
+    o && this.listen(t, "cds-notification-actioned", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "actioned"
+      });
+    });
+  }
+}, qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsActionableNotificationWrap: Fe,
+  cdsInlineNotificationWrap: Le,
+  cdsToastNotificationWrap: xe
+}, Symbol.toStringTag, { value: "Module" })), Ge = {
+  selector: "cds-clickable-tile",
+  event: "click",
+  getData: (t, e) => ({
+    ...e,
+    href: t.currentTarget.getAttribute("href")
+  })
+}, Ue = {
+  selector: "cds-expandable-tile",
+  /**
+   * @param {CDSExpandableTile} tile - The CDSExpandableTile custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = t.getAttribute("before-toggle-event");
+    n && this.listen(t, "cds-expandable-tile-beingtoggled", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        expanded: s.detail.expanded,
+        cancelable: !0
+      });
+    });
+    const o = e.event;
+    o && this.listen(t, "cds-expandable-tile-toggled", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        expanded: s.detail.expanded
+      });
+    });
+  }
+}, He = {
+  selector: "cds-selectable-tile",
+  event: "cds-selectable-tile-changed",
+  getData: (t, e, n) => ({
+    ...e,
+    selected: t.detail.selected,
+    value: n.value
+  })
+}, Ve = {
+  selector: "cds-radio-tile",
+  event: "cds-selectable-tile-changed",
+  getData: (t, e, n) => ({
+    ...e,
+    selected: t.detail.selected,
+    value: n.value
+  })
+}, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsClickableTileWrap: Ge,
+  cdsExpandableTileWrap: Ue,
+  cdsRadioTileWrap: Ve,
+  cdsSelectableTileWrap: He
+}, Symbol.toStringTag, { value: "Module" })), $e = {
+  selector: "cds-progress-bar",
+  /**
+   * @param {CDSProgressBar} progressBar - The CDSProgressBar custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    if (e.event) {
+      const n = new MutationObserver(() => {
+        const o = parseFloat(t.getAttribute("value") || "0"), s = parseFloat(t.getAttribute("max") || "100");
+        o >= s && this.dispatchPanelEvent(e.event, {
+          ...e,
+          value: o,
+          status: "complete"
+        });
+      });
+      n.observe(t, {
+        attributes: !0,
+        attributeFilter: ["value"]
+      }), t._progressObserver = n;
+    }
+  }
+}, Xe = {
+  selector: "cds-progress-indicator",
+  /**
+   * @param {CDSProgressIndicator} indicator - The CDSProgressIndicator custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    this.listen(t, "cds-progress-step-click", (n) => {
+      const o = n.target, s = l(o), c = s.event || e.event;
+      c && this.dispatchPanelEvent(c, {
+        ...e,
+        ...s,
+        stepIndex: o.getAttribute("data-index"),
+        stepLabel: o.getAttribute("label")
+      });
+    });
+  }
+}, Ze = {
+  selector: "cds-inline-loading",
+  /**
+   * @param {CDSInlineLoading} inlineLoading - The CDSInlineLoading custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = e.event;
+    n && this.listen(t, "cds-inline-loading-onsuccess", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        status: "finished"
+      });
+    });
+    const o = t.getAttribute("status-event");
+    if (o) {
+      const s = new MutationObserver((c) => {
+        c.forEach((i) => {
+          if (i.attributeName === "status") {
+            const a = t.getAttribute("status");
+            this.dispatchPanelEvent(o, {
+              ...e,
+              status: a
+            });
+          }
+        });
+      });
+      s.observe(t, {
+        attributes: !0,
+        attributeFilter: ["status"]
+      }), t._statusObserver = s;
+    }
+  }
+}, Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsInlineLoadingWrap: Ze,
+  cdsProgressBarWrap: $e,
+  cdsProgressIndicatorWrap: Xe
+}, Symbol.toStringTag, { value: "Module" })), Ke = {
+  selector: "cds-tooltip",
+  /**
+   * @param {CDSTooltip} tooltip - The CDSTooltip custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = E(t, "open-event");
+    n && this.listen(t, "cds-tooltip-beingopened", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const o = E(t, "close-event");
+    o && this.listen(t, "cds-tooltip-closed", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "closed"
+      });
+    });
+  }
+}, Qe = {
+  selector: "cds-popover",
+  /**
+   * @param {CDSPopover} popover - The CDSPopover custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t), n = E(t, "open-event");
+    n && this.listen(t, "cds-popover-beingopened", (s) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const o = E(t, "close-event");
+    o && this.listen(t, "cds-popover-closed", (s) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "closed"
+      });
+    });
+  }
+}, tn = {
+  selector: "cds-toggletip",
+  /**
+   * @param {CDSToggletip} toggletip - The CDSToggletip custom element instance
+   * @this {Panel} The panel instance
+   */
+  init: function(t) {
+    const e = l(t);
+    if (e.event) {
+      const n = new MutationObserver((o) => {
+        o.forEach((s) => {
+          if (s.attributeName === "open") {
+            const c = t.hasAttribute("open");
+            this.dispatchPanelEvent(e.event, {
+              ...e,
+              action: c ? "opened" : "closed",
+              open: c
+            });
+          }
+        });
+      });
+      n.observe(t, {
+        attributes: !0,
+        attributeFilter: ["open"]
+      }), t._toggletipObserver = n;
+    }
+  }
+}, en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsPopoverWrap: Qe,
+  cdsToggletipWrap: tn,
+  cdsTooltipWrap: Ke
+}, Symbol.toStringTag, { value: "Module" })), nn = {
+  selector: "cds-link",
+  event: "click",
+  getData: (t, e, n) => ({
+    ...e,
+    href: n.getAttribute("href")
+  })
+}, on = {
+  selector: "cds-code-snippet",
+  event: "cds-copy-button-clicked",
+  getData: (t, e) => ({
+    ...e,
+    action: "copied"
+  })
+}, sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsCodeSnipWrap: on,
+  cdsLinkWrap: nn
+}, Symbol.toStringTag, { value: "Module" })), cn = {
+  selector: "cds-form"
+}, an = {
+  selector: "cds-form-item"
+}, rn = {
+  selector: "cds-form-group"
+}, ln = {
+  selector: "cds-stack"
+}, dn = {
+  selector: "cds-heading"
+}, pn = {
+  selector: "cds-icon"
+}, un = {
+  selector: "cds-icon-indicator"
+}, mn = {
+  selector: "cds-badge-indicator"
+}, gn = {
+  selector: "cds-loading"
+}, fn = {
+  selector: "cds-skeleton-text"
+}, hn = {
+  selector: "cds-skeleton-placeholder"
+}, vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cdsBadgeIndicatorWrap: mn,
+  cdsFormGroupWrap: rn,
+  cdsFormItemWrap: an,
+  cdsFormWrap: cn,
+  cdsHeadingWrap: dn,
+  cdsIconIndicatorWrap: un,
+  cdsIconWrap: pn,
+  cdsLoadingWrap: gn,
+  cdsSkeletonPlaceholderWrap: hn,
+  cdsSkeletonTextWrap: fn,
+  cdsStackWrap: ln
+}, Symbol.toStringTag, { value: "Module" }));
+function g(t) {
+  return Object.values(t).filter(
+    (e) => typeof e == "object" && e !== null && e.selector
+  );
+}
+const bn = [
+  ...g(Rt),
+  ...g(Ht),
+  ...g($t),
+  ...g(ee),
+  ...g(ce),
+  ...g(re),
+  ...g(de),
+  ...g(ge),
+  ...g(be),
+  ...g(Ce),
+  ...g(Ne),
+  ...g(We),
+  ...g(je),
+  ...g(qe),
+  ...g(Ye),
+  ...g(Je),
+  ...g(en),
+  ...g(sn),
+  ...g(vn)
+];
+function En() {
+  const t = /* @__PURE__ */ new Map();
+  return bn.forEach((e) => {
+    t.set(e.selector, e);
+  }), t;
+}
+const Sn = () => import("./index-Dt-eWAJs.js"), j = () => import("./index-C8Epo2Nt.js"), _n = () => import("./index-CKplFFc-.js"), In = () => import("./index-pE6aTBiZ.js"), w = () => import("./index-Coav7Owj.js"), yn = () => import("./index-CQxC5gdy.js"), Cn = () => import("./index-BCd5o-O6.js").then((t) => t.i), Pn = () => import("./index-Eo0QL5BD.js"), An = () => import("./index-DjW0vKON.js"), X = () => import("./index-BTM514kF.js"), Tn = () => import("./index-qCBuo7Dj.js"), x = () => import("./index-DuePdA69.js"), Z = () => import("./index-Co8vob2d.js").then((t) => t.i), Dn = () => import("./index-B9WY40Mg.js"), kn = () => import("./index-u-6uWe_o.js"), Nn = () => import("./index-Cvvea2-F.js"), On = () => import("./index-jwYklbEt.js"), wn = () => import("./index-BM6jRp79.js"), L = () => import("./index-C-y2nrc1.js"), Mn = () => import("./index-DNQ1-jUj.js"), F = () => import("./index-DtqsUG21.js"), Wn = () => import("./index-90TKvaQz.js"), Rn = () => import("./index-CuqzTZu2.js"), Bn = () => import("./index-GgCbc4A-.js"), J = () => import("./index-D6_et4O5.js"), zn = () => import("./index-D0qgF0lD.js"), jn = () => import("./index-BdCneYBx.js"), xn = () => import("./index-_YrjxtQS.js"), Ln = () => import("./index-BRUV1CNi.js"), Fn = () => import("./index-CI4IDokw.js"), qn = () => import("./index-CIhGaNHB.js"), K = () => import("./index-poW5zIu0.js"), Gn = () => import("./index-BGWhDeBi.js"), Un = () => import("./index-BLJaTPjJ.js"), Q = () => import("./index-Q_jttfI5.js"), Hn = () => import("./index-D64233nd.js"), q = () => import("./index-C1BCLU9c.js"), Vn = () => import("./index-BVNauB67.js"), G = () => import("./index-TZUVB-W3.js"), Yn = () => import("./index-DMtD0b_3.js").then((t) => t.i), $n = () => import("./index-Bm7ePd1P.js"), Xn = () => import("./index-Bzp_dDt9.js"), Zn = () => import("./index-sP0n4M3S.js"), Jn = () => import("./index-BoxMbYX3.js"), Kn = () => import("./index--nPiAPdI.js").then((t) => t.i), C = () => import("./index-BUX_B_Go.js"), P = () => import("./index-hsgeVwtf.js"), Qn = () => import("./index-Ss_rpifk.js").then((t) => t.i), to = () => import("./index-Oa3v3_7X.js"), eo = () => import("./index-Dy_V6Qce.js"), no = () => import("./index-BGh5ukZB.js"), oo = () => import("./index-ze2WZhYO.js"), tt = {
+  // Tables & Pagination
+  "cds-table": [P, x, F, J, L, Q, Un],
+  "cds-pagination": [L, F, Q],
+  // Buttons
+  "cds-button": [P, x],
+  "cds-icon-button:not([data-toggle])": [P, Z],
+  "cds-icon-button[data-toggle]": [P, Z],
+  "cds-button[data-fab]": [P, x],
+  "cds-copy-button": [P, kn],
+  "cds-combo-button": [P, Dn],
+  // Form Controls
+  "cds-checkbox": [Nn],
+  "cds-radio-button-group": [On],
+  "cds-toggle": [wn],
+  "cds-select": [L],
+  "cds-slider": [Mn],
+  // Form Inputs
+  "cds-text-input": [F],
+  "cds-textarea": [Wn],
+  "cds-number-input": [Rn],
+  "cds-password-input": [P, Bn],
+  "cds-search": [J],
+  // Dropdown Components
+  "cds-dropdown": [jn],
+  "cds-combo-box": [zn],
+  "cds-multi-select": [xn],
+  // Date & Time
+  "cds-date-picker": [Ln],
+  "cds-time-picker": [Fn],
+  // File Upload
+  "cds-file-uploader": [qn],
+  // Navigation - Tabs
+  "cds-tabs": [Pn],
+  "cds-accordion": [Sn],
+  "cds-content-switcher": [An],
+  // Navigation - Breadcrumbs
+  "cds-breadcrumb": [j],
+  "cds-breadcrumb-item": [j],
+  "cds-breadcrumb-link": [j],
+  // Navigation - Menus
+  "cds-menu": [X],
+  "cds-menu-button": [X],
+  // Lists
+  "cds-overflow-menu": [Tn],
+  "cds-structured-list": [In],
+  "cds-tree-view": [yn],
+  // Modals
+  "cds-modal": [C],
+  "cds-modal-header": [C],
+  "cds-modal-heading": [C],
+  "cds-modal-label": [C],
+  "cds-modal-close-button": [C],
+  "cds-modal-body": [C],
+  "cds-modal-body-content": [C],
+  "cds-modal-footer": [C],
+  "cds-modal-footer-button": [C],
+  // Notifications
+  "cds-toast-notification": [G],
+  "cds-inline-notification": [G],
+  "cds-actionable-notification": [G],
+  // Tiles
+  "cds-clickable-tile": [w],
+  "cds-expandable-tile": [w],
+  "cds-selectable-tile": [w],
+  "cds-radio-tile": [w],
+  // Progress
+  "cds-progress-bar": [Xn],
+  "cds-progress-indicator": [Zn],
+  "cds-inline-loading": [$n],
+  // Tooltips & Popovers
+  "cds-tooltip": [P],
+  "cds-popover": [Qn],
+  "cds-toggletip": [to],
+  // Tags
+  "cds-tag": [q],
+  "cds-dismissible-tag": [q],
+  "cds-filter-tag": [q],
+  // Miscellaneous
+  "cds-link": [Cn],
+  "cds-code-snippet": [Hn],
+  // Presentational - Form Structure
+  "cds-form": [K],
+  "cds-form-item": [K],
+  "cds-form-group": [Gn],
+  // Presentational - Layout
+  "cds-stack": [_n],
+  // Presentational - Typography & Icons
+  "cds-heading": [eo],
+  "cds-icon": [no],
+  "cds-icon-indicator": [oo],
+  "cds-badge-indicator": [Vn],
+  // Presentational - Loading States
+  "cds-loading": [Yn],
+  "cds-skeleton-text": [Kn],
+  "cds-skeleton-placeholder": [Jn]
+};
+function so(t) {
+  const e = /* @__PURE__ */ new Map();
+  if (!t || !(t instanceof Element))
+    return e;
+  for (const o of Object.keys(M))
+    e.set(o, []);
+  for (const [o, s] of Object.entries(M))
+    t.matches(o) && e.get(o).push(t);
+  const n = t.querySelectorAll("*");
+  for (const o of n)
+    for (const [s, c] of Object.entries(M))
+      o.matches(s) && e.get(s).push(o);
+  for (const [o, s] of e.entries())
+    s.length === 0 && e.delete(o);
+  return e;
+}
+function co(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const [n, o] of t.entries())
+    o.length > 0 && tt[n] && tt[n].forEach((c) => e.add(c));
+  return e;
+}
+async function io(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 ao(t, e) {
+  let n = 0;
+  for (const [o, s] of t.entries()) {
+    const c = M[o];
+    s.forEach((i) => {
+      if (c.init) {
+        c.init.call(e, i);
+        return;
+      }
+      if (c.multiEvent) {
+        const S = l(i);
+        c.events.forEach((I) => {
+          const D = E(i, I.attrName, "event");
+          D && e.listen(i, I.type, (W) => {
+            e.dispatchPanelEvent(D, I.getData(W, S, i));
+          });
+        });
+        return;
+      }
+      const a = l(i), d = a.event;
+      d && e.listen(i, c.event, (S) => {
+        S.stopPropagation();
+        const I = c.getData(S, a, i), D = I._eventOverride || d;
+        delete I._eventOverride, e.dispatchPanelEvent(D, I);
+      });
+    }), n += s.length;
+  }
+  return n;
+}
+const M = {
+  ...Object.fromEntries(En())
+}, ro = async function(t, e) {
+  const n = so(t);
+  if (n.size === 0) {
+    this.debugMe("[Carbon] No Carbon components found in panel");
+    return;
+  }
+  this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
+  for (const [c, i] of n.entries())
+    this.carbonComponents.set(c, i);
+  const o = co(n);
+  if (o.size > 0)
+    try {
+      await io(o, e);
+    } catch (c) {
+      console.error("[Carbon] Failed to load some component modules:", c);
+    }
+  const s = ao(n, this);
+  s > 0 && this.debugMe(`[Carbon] Total components initialized: ${s}`);
+}, po = () => {
+  Ct.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 ro.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 {
+  po as registerCarbonLibrary
+};