@trintel/zooy 1.14.1 → 1.14.2

package/dist/chunks/register-RDk7_sJH.js

@@ -0,0 +1,1632 @@
+import { n as m, t as Re } from "./component-library-registry-BXnJ4Oqa.js";
+import { n as i, r as qe, t as k } from "./attributes-DLvrzXzz.js";
+import { isDefAndNotNull as Ue, objToPaths as He } from "badu";
+import * as U from "ramda";
+import { TABLE_SORT_DIRECTION as $e } from "@carbon/web-components/lib/components/data-table/defs.js";
+var Ge = /* @__PURE__ */ m({ cdsTableWrap: () => Je }), oe = (e, t, s) => {
+  const o = customElements.get("cds-table"), n = customElements.get("cds-pagination"), a = customElements.get(o.selectorTableBatchActions);
+  customElements.get("cds-popover");
+  const r = t.dataBinder, c = t.pagination, d = t.skeleton, S = t.querySelector(o.selectorTableToolbarSearch), E = t.querySelector(o.selectorTableBatchActions), x = t.querySelector(o.selectorTableBody), G = [
+    "button",
+    "a",
+    "input",
+    "select",
+    "textarea",
+    '[role="button"]',
+    ".cds--table-expand",
+    ".cds--table-column-checkbox"
+  ].join(","), ee = t.querySelectorAll(o.selectorHeaderCell + "[is-sortable]"), Pe = t.isSortable || ee.length > 0, j = /* @__PURE__ */ Symbol(), V = /* @__PURE__ */ Symbol(), D = /* @__PURE__ */ new Map(), Ce = (l) => {
+    e.listen(t, "click", (p) => {
+      const u = p.target.closest(o.selectorTableRow);
+      if (!u || p.composedPath().some((b) => b.matches && b.matches(G))) return;
+      p.stopPropagation();
+      const f = i(u);
+      e.dispatchPanelEvent(l, { ...f });
+    });
+  }, Ae = (l) => {
+    e.listen(t, o.eventExpandoToggle, (p) => {
+      const u = p.target, f = u.tagName === "CDS-TABLE-HEADER-ROW", b = p.detail.expanded, W = {
+        tableAttrs: s,
+        ...i(u),
+        target: u,
+        allRows: f,
+        didExpand: b
+      };
+      e.dispatchPanelEvent(l, W);
+    });
+  }, we = (l) => {
+    D.set(j, (p) => {
+      e.dispatchPanelEvent(l, p);
+    });
+  }, xe = (l) => {
+    D.set(V, (p) => {
+      const u = p.detail.selectedRows, f = Math.min(u.length, E.totalRowsCount), b = p.target, W = i(b), I = u.map(i), C = {
+        tableAttrs: s,
+        ...W,
+        target: b,
+        selectCount: f,
+        selection: I
+      };
+      e.dispatchPanelEvent(l, C);
+    });
+  }, De = (l) => {
+    e.listen(t, o.eventTableRowSelect, (p) => {
+      const u = p.target, f = p.detail.selectedRows || [], b = f.length, W = f.map(i), I = {
+        tableAttrs: s,
+        ...i(u),
+        selectCount: b,
+        selection: W,
+        target: u
+      };
+      e.dispatchPanelEvent(l, I);
+    });
+  }, Te = () => {
+    e.listen(t, o.eventBeforeSort, (l) => {
+      const p = l.target, u = l.detail.oldSortDirection, f = l.detail.sortDirection, b = i(p), W = b.sortField, I = f === $e.DESCENDING ? `-${W}` : W;
+      l.cancelBubble = !0, l.stopPropagation(), l.preventDefault(), x.innerHTML = "", d && d.show(), ee.forEach((A, h) => {
+        A === p ? (A.setAttribute("sort-active", "true"), A.setAttribute("sort-direction", f)) : (A.removeAttribute("sort-active"), A.setAttribute("sort-direction", "none"));
+      });
+      const C = { ordering: I };
+      r.fetchData(C).then(() => {
+        c.setData(r), d && d.hide();
+      }), D.has(j) && D.get(j)({
+        tableAttrs: s,
+        ...b,
+        sortNow: f,
+        sortWas: u,
+        sortField: W,
+        ordering: I,
+        target: p
+      });
+    });
+  }, _e = () => {
+    e.listen(t, o.eventTableRowSelectAll, (l) => {
+      l.detail.selectedRows.length === 0 && t.querySelectorAll(o.selectorTableRow).forEach((p) => {
+        p.disabled = !1, p.selected = !1;
+      }), D.has(V) && D.get(V)(l);
+    });
+  }, Be = () => {
+    e.listen(t, o.eventBeforeChangeSelectionAll, (l) => {
+      l.stopPropagation(), l.detail.callback && l.detail.callback();
+    });
+  }, Ne = (l) => {
+    const p = t.querySelector("cds-table-header-row");
+    e.listen(l, a.eventClickSelectAll, (u) => {
+      u.stopPropagation(), p.dispatchEvent(new CustomEvent(o.eventBeforeChangeSelectionAll, {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        detail: {
+          selected: !0,
+          callback: () => {
+            l.selectedRowsCount = l.totalRowsCount, t.querySelectorAll(o.selectorTableRow).forEach((f) => {
+              f.disabled = !0;
+            });
+          }
+        }
+      }));
+    });
+  }, Me = (l) => {
+    e.listen(l, "keydown", (p) => {
+      if (p.key === "Enter") {
+        d && d.show(), c.totalItems = 0, t.querySelector("cds-table-body").replaceChildren();
+        const u = {
+          search: l.value || "",
+          offset: 0
+        };
+        r.fetchData(u).then(() => {
+          c.setData(r), d && d.hide();
+        });
+      }
+    });
+  }, Fe = (l) => {
+    e.listen(l, o.eventSearchInput, (p) => {
+      if ((p.detail.value || "") === "") {
+        const u = {
+          search: "",
+          offset: 0
+        };
+        d && d.show(), r.fetchData(u).then(() => {
+          d && d.hide(), c.setData(r);
+        });
+      }
+    });
+  }, Le = (l) => {
+    l.caret = !1;
+    const p = l.querySelector("cds-icon-button, button:not([slot])"), u = l.querySelectorAll("cds-checkbox"), f = l.querySelectorAll("cds-modal-footer-button"), b = [...l.querySelectorAll("cds-checkbox-group")].map(i).map(U.pathOr("noop", [
+      "zoo",
+      "filter",
+      "field"
+    ])).reduce((h, g) => (h[g] = null, h), { offset: 0 });
+    if (!p || !f) {
+      console.error("Improperly configured Batch Filter popover");
+      return;
+    }
+    new MutationObserver(() => {
+      l.classList.toggle("cds--overflow-menu--open", l.open);
+    }).observe(l, {
+      attributes: !0,
+      attributeFilter: ["open"]
+    });
+    const W = /* @__PURE__ */ Symbol(), I = /* @__PURE__ */ Symbol(), C = [...f].reduce((h, g, w) => (g.hasAttribute("reset-filter") && h.set(W, g), g.hasAttribute("apply-filter") && h.set(I, g), h), /* @__PURE__ */ new Map()), A = () => {
+      const h = /* @__PURE__ */ new Map();
+      return u.forEach((g) => {
+        const w = g.getAttribute("id");
+        if (!w || !w.includes(":")) return;
+        const [_, B] = w.split(":");
+        h.has(_) || h.set(_, []), g.checked && h.get(_).push(B);
+      }), h;
+    };
+    if (C.has(W)) {
+      const h = (g) => g.checked = !1;
+      e.listen(C.get(W), "click", (g) => {
+        g.stopPropagation(), u.forEach(h), d && d.show(), r.fetchData(b).then(() => {
+          c && c.setData(r), d && d.hide(), l.open = !1;
+        });
+      });
+    }
+    C.has(I) && e.listen(C.get(I), "click", (h) => {
+      h.stopPropagation();
+      const g = [...A()].reduce((w, [_, B]) => (w[_] = Array.isArray(B) && B.length === 0 ? null : B, w), { offset: 0 });
+      d && d.show(), r.fetchData(g).then(() => {
+        c && c.setData(r), d && d.hide(), l.open = !1;
+      });
+    }), e.listen(p, "click", (h) => {
+      h.stopPropagation(), l.open = !l.open, l.classList.toggle("cds--overflow-menu--open", l.open);
+    });
+  }, Oe = () => {
+    e.listen(c, n.eventPageSizeChanged, (l) => {
+      const p = {
+        limit: c.pageSize,
+        offset: 0
+      };
+      r.fetchData(p).then(() => {
+        c.setData(r);
+      });
+    });
+  }, ze = () => {
+    e.listen(c, n.eventChangeCurrent, (l) => {
+      const { page: p } = l.detail, u = c.pageSize, f = {
+        limit: u,
+        offset: (p - 1) * u
+      };
+      r.fetchData(f).then(() => {
+        c.setData(r), d && d.hide();
+      });
+    });
+  };
+  r && c && (Oe(), ze()), r && S && (Me(S), Fe(S));
+  const te = t.querySelector(o.selectorTableToolbarContent);
+  if (te) {
+    const l = te.querySelectorAll("cds-popover[data-batch-filter]");
+    r && l && l.forEach(Le);
+  }
+  t.isSelectable && (_e(), Be(), E && Ne(E)), r && Pe && Te();
+  const se = { zoo: { event: {
+    row: {
+      click: Ce,
+      expand: Ae,
+      check: {
+        one: De,
+        all: xe
+      }
+    },
+    column: { sort: we }
+  } } };
+  He(s).forEach(([l, p]) => {
+    U.hasPath(l, se) && U.path(l, se)(p);
+  });
+}, je = (e) => {
+  const t = document.createElement("cds-pagination");
+  return t.backwardText = "Previous page", t.forwardText = "Next page", t.itemsPerPageText = "Items per page:", t.pageSize = e.limit, t.size = "lg", [
+    10,
+    25,
+    50,
+    100,
+    500
+  ].forEach((s) => {
+    const o = document.createElement("cds-select-item");
+    o.value = s.toString(), o.textContent = s.toString(), t.appendChild(o);
+  }), t.setData = (s) => {
+    if (s.isPaginated) {
+      const { count: o } = U.pick(["count"], s.data), n = Math.ceil(o / s.limit);
+      t.pagesUnknown = n > 100, t.totalItems = o, t.pagesUnknown ? t.formatStatusWithIndeterminateTotal = ({ start: a, end: r }) => `${a}–${r} of ${o} item${o <= 1 ? "" : "s"}` : delete t.formatStatusWithIndeterminateTotal;
+    }
+  }, t;
+}, Ve = (e) => {
+  if (!e.parentNode) {
+    console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
+    return;
+  }
+  const t = !!e.querySelector("cds-table-header-title"), s = !!e.querySelector("cds-table-header-description"), o = !!e.querySelector("cds-table-toolbar"), n = [...e.querySelectorAll("cds-table-header-cell")].length, a = e.hasAttribute("zebra"), r = e.getAttribute("size"), c = document.createElement("cds-table-skeleton");
+  c.showHeader = t || s, c.showToolbar = o, c.zebra = a, c.columnCount = n, c.size = r, c.show = () => c.classList.remove("hidden"), c.hide = () => c.classList.add("hidden");
+  const d = document.createElement("div");
+  return d.classList.add("zoo-datatable-skeleton-wrapper"), e.parentNode.insertBefore(d, e), d.appendChild(c), d.appendChild(e), c;
+}, Ze = (e, t) => {
+  const s = t.getAttribute("zoo-url-api"), o = parseInt(t.getAttribute("data-page-size") || 25, 10);
+  if (s) return new qe(e, s, t, { urlParams: { limit: o } });
+}, Je = {
+  selector: "cds-table",
+  init: function(e) {
+    const t = i(e), s = this, o = Ze(s, e);
+    if (Ue(o)) {
+      e.dataBinder = o;
+      const n = Ve(e);
+      e.skeleton = n;
+      const a = je(o);
+      e.pagination = a, e.after(a), o.fetchData().then((r) => {
+        n.hide(), a.setData(o), oe(s, e, t);
+      });
+    } else oe(s, e, t);
+  }
+}, Ke = /* @__PURE__ */ m({
+  cdsPaginationNavWrap: () => Xe,
+  cdsPaginationWrap: () => Qe
+}), Qe = {
+  selector: "cds-pagination",
+  init: function(e) {
+    const t = this, s = customElements.get("cds-pagination");
+    let o = null;
+    t.listen(e, s.eventChangeCurrent, (n) => {
+      const a = n.detail.page, r = e.pageSize, c = (a - 1) * r;
+      c !== o && (o = c, t.dispatchPanelEvent("pagination-changed-current", { detail: {
+        page: a,
+        pageSize: r,
+        action: "page-change"
+      } }));
+    }), t.listen(e, s.eventPageSizeChanged, (n) => {
+      const a = e.pageSize;
+      o = null, t.dispatchPanelEvent("pagination-changed-page-size", { detail: {
+        page: 1,
+        pageSize: a,
+        action: "page-size-change"
+      } });
+    });
+  }
+}, Xe = {
+  selector: "cds-pagination-nav",
+  event: "cds-page-changed",
+  getData: (e, t, s) => ({
+    ...t,
+    page: e.detail.page,
+    pageNumber: e.detail.page + 1,
+    totalItems: s.totalItems
+  })
+}, Ye = /* @__PURE__ */ m({
+  cdsModalBodyContentWrap: () => rt,
+  cdsModalBodyWrap: () => at,
+  cdsModalCloseButWrap: () => nt,
+  cdsModalFooterButWrap: () => it,
+  cdsModalFooterWrap: () => ct,
+  cdsModalHeaderWrap: () => tt,
+  cdsModalHeadingWrap: () => st,
+  cdsModalLabelWrap: () => ot,
+  cdsModalWrap: () => et
+}), et = {
+  selector: "cds-modal",
+  init: function(e) {
+    const t = customElements.get("cds-modal"), s = i(e), o = k(e, "open-event", "event");
+    o && this.listen(e, "cds-modal-beingopened", (r) => {
+      this.dispatchPanelEvent(o, {
+        ...s,
+        action: "opened"
+      });
+    });
+    const n = e.getAttribute("before-close-event");
+    n && this.listen(e, t.eventBeforeClose, (r) => {
+      this.dispatchPanelEvent(n, {
+        ...s,
+        action: "closing",
+        cancelable: !0
+      });
+    }), this.listen(e, t.eventClose, (r) => {
+      this.dispatchPanelEvent("destroy_me", {
+        ...s,
+        action: "closed",
+        triggeredBy: r.detail?.triggeredBy
+      });
+    });
+    const a = k(e, "primary-event", "event");
+    a && this.listen(e, "cds-modal-primary-focus", (r) => {
+      this.dispatchPanelEvent(a, {
+        ...s,
+        action: "primary"
+      });
+    });
+  }
+}, tt = { selector: "cds-modal-header" }, st = { selector: "cds-modal-heading" }, ot = { selector: "cds-modal-label" }, nt = { selector: "cds-modal-close-button" }, at = { selector: "cds-modal-body" }, rt = { selector: "cds-modal-body-content" }, ct = { selector: "cds-modal-footer" }, it = {
+  selector: "cds-modal-footer-button",
+  init: function(e) {
+    const t = i(e);
+    if (e.getAttribute("type") === "submit") {
+      this.listen(e, "click", (o) => {
+        let n = e.closest("form");
+        if (!n) {
+          const a = e.getAttribute("form");
+          a && (n = document.getElementById(a));
+        }
+        n && n.requestSubmit();
+      });
+      return;
+    }
+    const s = t.event;
+    s && this.listen(e, "click", (o) => {
+      o.stopPropagation(), this.dispatchPanelEvent(s, t);
+    });
+  }
+}, lt = /* @__PURE__ */ m({
+  cdsMenuButtonWrap: () => pt,
+  cdsMenuWrap: () => dt
+}), dt = {
+  selector: "cds-menu",
+  init: function(e) {
+    const t = i(e), s = k(e, "open-event");
+    s && this.listen(e, "cds-menu-opened", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        action: "opened"
+      });
+    });
+    const o = k(e, "close-event");
+    o && this.listen(e, "cds-menu-closed", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        action: "closed"
+      });
+    }), this.listen(e, "click", (n) => {
+      if (n.target.tagName === "CDS-MENU-ITEM") {
+        const a = i(n.target), r = a.event || t.event;
+        r && (n.stopPropagation(), this.dispatchPanelEvent(r, {
+          ...t,
+          ...a
+        }));
+      }
+    }), this.listen(e, "cds-item-changed", (n) => {
+      const a = n.detail.triggeredBy, r = i(a), c = r.event || t.event;
+      c && this.dispatchPanelEvent(c, {
+        ...t,
+        ...r,
+        action: "selection-changed"
+      });
+    });
+  }
+}, pt = {
+  selector: "cds-menu-button",
+  init: function(e) {
+    const t = i(e), s = e.querySelector("cds-menu");
+    s && this.listen(s, "click", (o) => {
+      if (o.target.tagName === "CDS-MENU-ITEM") {
+        const n = i(o.target), a = n.event || t.event;
+        a && (o.stopPropagation(), this.dispatchPanelEvent(a, {
+          ...t,
+          ...n
+        }));
+      }
+    });
+  }
+}, ut = /* @__PURE__ */ m({
+  cdsButFabWrap: () => ht,
+  cdsButtonWrap: () => vt,
+  cdsComboButWrap: () => bt,
+  cdsCopyButWrap: () => gt,
+  cdsIconButToggleWrap: () => ft,
+  cdsIconButWrap: () => mt
+}), vt = {
+  selector: "cds-button",
+  init: function(e) {
+    const t = i(e);
+    if (e.getAttribute("type") === "submit") {
+      this.listen(e, "click", (o) => {
+        let n = e.closest("form");
+        if (!n) {
+          const a = e.getAttribute("form");
+          a && (n = document.getElementById(a));
+        }
+        n && n.requestSubmit();
+      });
+      return;
+    }
+    const s = t.event;
+    s && this.listen(e, "click", (o) => {
+      o.stopPropagation(), this.dispatchPanelEvent(s, i(e));
+    });
+  }
+}, mt = {
+  selector: "cds-icon-button:not([data-toggle])",
+  event: "click",
+  getData: (e, t) => t
+}, ft = {
+  selector: "cds-icon-button[data-toggle]",
+  init: function(e) {
+    const t = i(e);
+    t.event && this.listen(e, "click", (s) => {
+      s.stopPropagation(), e.isSelected = !e.isSelected, this.dispatchPanelEvent(t.event, {
+        ...t,
+        isOn: e.isSelected
+      });
+    });
+  }
+}, ht = {
+  selector: "cds-button[data-fab]",
+  event: "click",
+  getData: (e, t) => t
+}, gt = {
+  selector: "cds-copy-button",
+  init: function(e) {
+    const t = i(e), s = t.event;
+    s && this.listen(e, "click", (n) => {
+      n.stopPropagation(), this.dispatchPanelEvent(s, {
+        ...t,
+        action: "copy"
+      });
+    });
+    const o = e.getAttribute("success-event");
+    if (o) {
+      const n = new MutationObserver(() => {
+        e.hasAttribute("feedback-shown") && this.dispatchPanelEvent(o, {
+          ...t,
+          action: "copied"
+        });
+      });
+      n.observe(e, {
+        attributes: !0,
+        attributeFilter: ["feedback-shown"]
+      }), e._copyObserver = n;
+    }
+  }
+}, bt = {
+  selector: "cds-combo-button",
+  init: function(e) {
+    const t = i(e);
+    t.event && this.listen(e, "click", (o) => {
+      const n = o.composedPath(), a = n.some((c) => c.tagName === "CDS-MENU-ITEM"), r = n.some((c) => c.tagName === "CDS-ICON-BUTTON");
+      !a && !r && (o.stopPropagation(), this.dispatchPanelEvent(t.event, {
+        ...t,
+        action: "primary"
+      }));
+    });
+    const s = e.querySelector("cds-menu");
+    s && this.listen(s, "click", (o) => {
+      if (o.target.tagName === "CDS-MENU-ITEM") {
+        const n = i(o.target), a = n.event || k(e, "menu-event", "event");
+        a && this.dispatchPanelEvent(a, {
+          ...t,
+          ...n,
+          action: "menu-item"
+        });
+      }
+    });
+  }
+}, Wt = /* @__PURE__ */ m({
+  cdsComboBoxWrap: () => St,
+  cdsDropdownWrap: () => kt,
+  cdsMultiSelectWrap: () => Et
+}), kt = {
+  selector: "cds-dropdown",
+  init: function(e) {
+    const t = customElements.get("cds-dropdown"), s = i(e), o = s.event;
+    o && this.listen(e, t.eventSelect, (a) => {
+      this.dispatchPanelEvent(o, {
+        ...s,
+        value: e.value,
+        selectedValue: a.detail?.item?.value,
+        selectedText: a.detail?.item?.textContent?.trim()
+      });
+    });
+    const n = e.getAttribute("toggle-event");
+    n && this.listen(e, t.eventToggle, (a) => {
+      this.dispatchPanelEvent(n, {
+        ...s,
+        open: e.hasAttribute("open")
+      });
+    });
+  }
+}, St = {
+  selector: "cds-combo-box",
+  init: function(e) {
+    const t = customElements.get("cds-combo-box"), s = i(e), o = s.event;
+    o && this.listen(e, t.eventSelect, (a) => {
+      const r = a.detail?.item;
+      this.dispatchPanelEvent(o, {
+        ...s,
+        value: e.value,
+        selectedValue: r?.value,
+        selectedText: r?.textContent?.trim()
+      });
+    });
+    const n = e.getAttribute("toggle-event");
+    n && this.listen(e, t.eventToggle, (a) => {
+      this.dispatchPanelEvent(n, {
+        ...s,
+        open: e.hasAttribute("open")
+      });
+    });
+  }
+}, Et = {
+  selector: "cds-multi-select",
+  init: function(e) {
+    const t = customElements.get("cds-multi-select"), s = i(e), o = s.event;
+    o && this.listen(e, t.eventSelect, (a) => {
+      const r = e.value ? e.value.split(",") : [];
+      this.dispatchPanelEvent(o, {
+        ...s,
+        selectedItems: r
+      });
+    });
+    const n = e.getAttribute("toggle-event");
+    n && this.listen(e, t.eventToggle, (a) => {
+      this.dispatchPanelEvent(n, {
+        ...s,
+        open: e.hasAttribute("open")
+      });
+    });
+  }
+}, It = /* @__PURE__ */ m({
+  cdsDatePickerWrap: () => yt,
+  cdsTimePickerWrap: () => Pt
+}), yt = {
+  selector: "cds-date-picker",
+  init: function(e) {
+    const t = customElements.get("cds-date-picker"), s = i(e), o = e.querySelector('cds-date-picker-input[kind="from"]'), n = e.querySelector('cds-date-picker-input[kind="to"]'), a = o && n, r = s.event;
+    r && this.listen(e, t.eventChange, (d) => {
+      let S;
+      a ? S = {
+        from: o.value || "",
+        to: n.value || ""
+      } : S = e.value, this.dispatchPanelEvent(r, {
+        ...s,
+        value: S
+      });
+    });
+    const c = e.getAttribute("error-event");
+    c && this.listen(e, t.eventFlatpickrError, (d) => {
+      this.dispatchPanelEvent(c, {
+        ...s,
+        error: d.detail
+      });
+    });
+  }
+}, Pt = {
+  selector: "cds-time-picker",
+  event: "cds-time-picker-changed",
+  getData: (e, t, s) => ({
+    ...t,
+    value: s.value
+  })
+}, Ct = /* @__PURE__ */ m({
+  cdsFileUploaderButtonWrap: () => xt,
+  cdsFileUploaderDropContainerWrap: () => _t,
+  cdsFileUploaderWrap: () => wt
+});
+function Se(e) {
+  customElements.whenDefined(e).then((t) => {
+    if (!(!t || t.prototype.__zooyAcceptCasePatched)) {
+      if (typeof t.prototype._getFiles != "function") {
+        console.warn(`[Zooy] ${e}._getFiles missing; accept case-insensitivity shim skipped (Carbon may have refactored).`);
+        return;
+      }
+      t.prototype._getFiles = function(s, o) {
+        if (o === void 0 && (o = (s.type === "drop" ? s.dataTransfer : s.target)?.files), !this.accept || !/^(change|drop)$/.test(s.type)) return Array.from(o ?? []);
+        const n = new Set(this.accept.toLowerCase().split(/[\s,]+/).filter(Boolean));
+        return Array.prototype.filter.call(o ?? [], ({ name: a, type: r = "" }) => {
+          const c = a.match(/\.[^.]+$/), d = c ? c[0].toLowerCase() : void 0;
+          return n.has(r.toLowerCase()) || d && n.has(d);
+        });
+      }, t.prototype.__zooyAcceptCasePatched = !0;
+    }
+  });
+}
+Se("cds-file-uploader-drop-container");
+Se("cds-file-uploader-button");
+function At(e) {
+  customElements.whenDefined(e).then((t) => {
+    if (!t || t.prototype.__zooyDisabledGuardPatched) return;
+    if (typeof t.selectorUploaderItem != "string") {
+      console.warn(`[Zooy] ${e}.selectorUploaderItem missing; disabled null-guard shim skipped (Carbon may have refactored).`);
+      return;
+    }
+    const s = t.prototype.updated;
+    t.prototype.updated = function(o) {
+      return o.has("disabled") && !this.querySelector(this.constructor.selectorUploaderItem) && (o = new Map(o), o.delete("disabled")), s.call(this, o);
+    }, t.prototype.__zooyDisabledGuardPatched = !0;
+  });
+}
+At("cds-file-uploader");
+var wt = {
+  selector: "cds-file-uploader",
+  init: function(e) {
+    const t = i(e), s = t.event;
+    if (s) {
+      const n = e.querySelector('input[type="file"]');
+      n && this.listen(n, "change", (a) => {
+        this.dispatchPanelEvent(s, {
+          ...t,
+          files: Array.from(a.target.files || [])
+        });
+      });
+    }
+    const o = e.getAttribute("delete-event");
+    o && this.listen(e, "cds-file-uploader-item-deleted", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        fileName: n.detail?.fileName,
+        fileId: n.detail?.fileId
+      });
+    });
+  }
+};
+function Ee(e, t) {
+  const s = new DataTransfer();
+  for (const o of t) s.items.add(o);
+  e.files = s.files, e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}
+function Ie(e) {
+  const t = e.getAttribute("for");
+  if (!t)
+    return console.warn(`[Zooy] ${e.tagName.toLowerCase()} missing 'for' attribute; cannot bind to a form input.`, e), null;
+  const s = e.ownerDocument.getElementById(t);
+  return !s || s.tagName !== "INPUT" || s.type !== "file" ? (console.warn(`[Zooy] 'for=${t}' did not resolve to an <input type="file">.`, e), null) : s;
+}
+var xt = {
+  selector: "cds-file-uploader-button",
+  init: function(e) {
+    const t = Ie(e), s = i(e), o = s.event;
+    this.listen(e, "cds-file-uploader-button-changed", (n) => {
+      const a = n.detail?.addedFiles || [];
+      t && Ee(t, a), o && this.dispatchPanelEvent(o, {
+        ...s,
+        files: Array.from(a)
+      });
+    });
+  }
+};
+function Dt(e, t, s, o) {
+  const n = e.querySelector(`[data-file-list-for="${t}"]`);
+  if (n) {
+    n.replaceChildren();
+    for (const a of s) {
+      const r = e.createElement("cds-file-uploader-item");
+      r.setAttribute("state", "edit"), r.textContent = a.name, r.addEventListener("cds-file-uploader-item-deleted", () => {
+        o(a.name);
+      }), n.appendChild(r);
+    }
+  }
+}
+function Tt(e, t) {
+  const s = new DataTransfer();
+  for (const o of e.files) o.name !== t && s.items.add(o);
+  e.files = s.files, e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}
+var _t = {
+  selector: "cds-file-uploader-drop-container",
+  init: function(e) {
+    const t = Ie(e), s = i(e), o = s.event, n = e.getAttribute("for"), a = () => {
+      if (!n || !t) return;
+      const r = Array.from(t.files);
+      Dt(e.ownerDocument, n, r, (c) => {
+        Tt(t, c), a();
+      }), e.multiple || (e.style.display = r.length > 0 ? "none" : "");
+    };
+    this.listen(e, "cds-file-uploader-drop-container-changed", (r) => {
+      const c = r.detail?.addedFiles || [], d = e.multiple ? c : c.slice(0, 1);
+      t && Ee(t, d), a(), o && this.dispatchPanelEvent(o, {
+        ...s,
+        files: Array.from(d)
+      });
+    });
+  }
+}, Bt = /* @__PURE__ */ m({
+  cdsAccordionWrap: () => Mt,
+  cdsContentSwitcherWrap: () => Ft,
+  cdsTabsVerticalWrap: () => Lt,
+  cdsTabsWrap: () => Nt
+}), Nt = {
+  selector: "cds-tabs",
+  init: function(e) {
+    const t = customElements.get("cds-tabs"), s = i(e), o = e.getAttribute("before-select-event");
+    o && this.listen(e, t.eventBeforeSelect, (a) => {
+      this.dispatchPanelEvent(o, {
+        ...s,
+        tabValue: a.detail.item?.getAttribute("value"),
+        cancelable: !0
+      });
+    });
+    const n = s.event;
+    n && this.listen(e, t.eventSelect, (a) => {
+      const r = a.detail.item, c = i(r);
+      this.dispatchPanelEvent(n, {
+        ...s,
+        ...c,
+        tabValue: r.getAttribute("value"),
+        tabIndex: a.detail.index,
+        tabText: a.detail.text
+      });
+    });
+  }
+}, Mt = {
+  selector: "cds-accordion",
+  init: function(e) {
+    const t = customElements.get("cds-accordion-item"), s = i(e);
+    [...e.querySelectorAll("cds-accordion-item")].forEach((o) => {
+      const n = i(o), a = n.event || s.event;
+      a && this.listen(o, t.eventToggle, (r) => {
+        this.dispatchPanelEvent(a, {
+          ...s,
+          ...n,
+          open: r.detail.open
+        });
+      });
+    });
+  }
+}, Ft = {
+  selector: "cds-content-switcher",
+  init: function(e) {
+    const t = customElements.get("cds-content-switcher"), s = i(e), o = e.getAttribute("before-select-event");
+    o && this.listen(e, t.eventBeforeSelect, (a) => {
+      this.dispatchPanelEvent(o, {
+        ...s,
+        value: a.detail.item?.getAttribute("value"),
+        cancelable: !0
+      });
+    });
+    const n = s.event;
+    n && this.listen(e, t.eventSelect, (a) => {
+      const r = a.detail.item, c = i(r);
+      this.dispatchPanelEvent(n, {
+        ...s,
+        ...c,
+        value: r.getAttribute("value")
+      });
+    });
+  }
+}, Lt = { selector: "cds-tabs-vertical" }, Ot = /* @__PURE__ */ m({
+  cdsBreadCrumbWrap: () => qt,
+  cdsBreadcrumbItemWrap: () => zt,
+  cdsBreadcrumbLinkWrap: () => Rt
+}), zt = { selector: "cds-breadcrumb-item" }, Rt = {
+  selector: "cds-breadcrumb-link",
+  event: "click",
+  getData: (e, t, s) => (e.preventDefault(), {
+    ...t,
+    href: s.getAttribute("href")
+  })
+}, qt = {
+  selector: "cds-breadcrumb",
+  init: function(e) {
+    const t = this, s = i(e), o = s.event;
+    if (o) {
+      const n = (r) => {
+        t.dispatchPanelEvent(o, {
+          ...s,
+          ...r
+        });
+      };
+      t.listen(e, "click", (r) => {
+        const c = r.target.closest("cds-breadcrumb-link");
+        if (c) {
+          r.preventDefault(), r.stopPropagation();
+          const d = i(c);
+          n(d);
+        }
+      });
+      const a = e.querySelector("cds-overflow-menu-body");
+      a && t.listen(a, "cds-overflow-menu-item-clicked", (r) => {
+        r.stopPropagation();
+        const c = i(r.target);
+        n(c);
+      });
+    }
+  }
+}, Ut = /* @__PURE__ */ m({
+  cdsNumberInputWrap: () => Gt,
+  cdsPasswordInputWrap: () => jt,
+  cdsSearchWrap: () => Vt,
+  cdsTextAreaWrap: () => $t,
+  cdsTextInputWrap: () => Ht
+}), Ht = {
+  selector: "cds-text-input",
+  multiEvent: !0,
+  events: [{
+    type: "input",
+    attrName: "event",
+    getData: (e, t) => ({
+      ...t,
+      value: e.currentTarget.value
+    })
+  }, {
+    type: "change",
+    attrName: "change-event",
+    getData: (e, t) => ({
+      ...t,
+      value: e.currentTarget.value
+    })
+  }]
+}, $t = {
+  selector: "cds-textarea",
+  multiEvent: !0,
+  events: [{
+    type: "input",
+    attrName: "event",
+    getData: (e, t) => ({
+      ...t,
+      value: e.currentTarget.value
+    })
+  }, {
+    type: "change",
+    attrName: "change-event",
+    getData: (e, t) => ({
+      ...t,
+      value: e.currentTarget.value
+    })
+  }]
+}, Gt = {
+  selector: "cds-number-input",
+  event: "cds-number-input",
+  getData: (e, t, s) => ({
+    ...t,
+    value: e.detail.value,
+    direction: e.detail.direction
+  })
+}, jt = {
+  selector: "cds-password-input",
+  multiEvent: !0,
+  events: [{
+    type: "input",
+    attrName: "event",
+    getData: (e, t) => ({
+      ...t,
+      value: e.currentTarget.value
+    })
+  }, {
+    type: "change",
+    attrName: "change-event",
+    getData: (e, t) => ({
+      ...t,
+      value: e.currentTarget.value
+    })
+  }]
+}, Vt = {
+  selector: "cds-search",
+  event: "cds-search-input",
+  getData: (e, t, s) => ({
+    ...t,
+    value: s.value
+  })
+}, Zt = /* @__PURE__ */ m({
+  cdsCheckboxWrap: () => Jt,
+  cdsRadioButGroupWrap: () => Kt,
+  cdsSelectWrap: () => Xt,
+  cdsSliderWrap: () => Yt,
+  cdsToggleWrap: () => Qt
+}), Jt = {
+  selector: "cds-checkbox",
+  event: "cds-checkbox-changed",
+  getData: (e, t, s) => ({
+    ...t,
+    checked: e.detail.checked,
+    value: s.value
+  })
+}, Kt = {
+  selector: "cds-radio-button-group",
+  event: "cds-radio-button-group-changed",
+  getData: (e, t) => ({
+    ...t,
+    value: e.detail?.value
+  })
+}, Qt = {
+  selector: "cds-toggle",
+  event: "cds-toggle-changed",
+  getData: (e, t) => ({
+    ...t,
+    isOn: e.detail.checked,
+    value: e.detail.checked
+  })
+}, Xt = {
+  selector: "cds-select",
+  event: "cds-select-selected",
+  getData: (e, t) => ({
+    ...t,
+    value: e.detail.value
+  })
+}, Yt = {
+  selector: "cds-slider",
+  init: function(e) {
+    const t = i(e), s = t.event;
+    s && this.listen(e, "cds-slider-changed", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        value: n.detail.value
+      });
+    });
+    const o = e.getAttribute("input-event");
+    o && this.listen(e, "cds-slider-input-changed", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        value: n.detail.value
+      });
+    });
+  }
+}, es = /* @__PURE__ */ m({
+  cdsOperationalTagWrap: () => ns,
+  cdsSDismissibleTagWrap: () => ss,
+  cdsSelectableTagWrap: () => os,
+  cdsTagSkeletonWrap: () => as,
+  cdsTagsWrap: () => ts
+}), ts = {
+  selector: "cds-tag",
+  event: "click",
+  getData: (e, t) => t
+}, ss = {
+  selector: "cds-dismissible-tag",
+  init: function(e) {
+    const t = i(e), s = e.getAttribute("click-event");
+    s && this.listen(e, "click", (n) => {
+      n.target.closest("button") || this.dispatchPanelEvent(s, { ...t });
+    });
+    const o = t.event;
+    o && this.listen(e, "cds-dismissible-tag-closed", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        action: "closed"
+      });
+    });
+  }
+}, ye = (e) => function(t) {
+  const s = i(t), o = t.constructor, n = o.eventBeforeSelected || `${e}-beingselected`, a = o.eventSelected || `${e}-selected`, r = t.getAttribute("before-select-event");
+  r && this.listen(t, n, (d) => {
+    this.dispatchPanelEvent(r, {
+      ...s,
+      selected: t.selected,
+      text: t.text,
+      action: "selecting",
+      cancelable: !0
+    });
+  });
+  const c = s.event;
+  c && this.listen(t, a, (d) => {
+    this.dispatchPanelEvent(c, {
+      ...s,
+      selected: t.selected,
+      text: t.text,
+      action: t.selected ? "selected" : "deselected"
+    });
+  });
+}, os = {
+  selector: "cds-selectable-tag",
+  init: ye("cds-selectable-tag")
+}, ns = {
+  selector: "cds-operational-tag",
+  init: ye("cds-operational-tag")
+}, as = { selector: "cds-tag-skeleton" }, rs = /* @__PURE__ */ m({
+  cdsContainedListDescriptionWrap: () => ds,
+  cdsContainedListItemWrap: () => ps,
+  cdsContainedListWrap: () => ls,
+  cdsListItemWrap: () => fs,
+  cdsOrderedListWrap: () => ms,
+  cdsOverflowMenuWrap: () => cs,
+  cdsStructuredListWrap: () => is,
+  cdsTreeViewWrap: () => us,
+  cdsUnorderedListWrap: () => vs
+}), cs = {
+  selector: "cds-overflow-menu",
+  init: function(e) {
+    const t = i(e), s = t.event, o = e.querySelector("cds-overflow-menu-body");
+    s && o && this.listen(o, "cds-overflow-menu-item-clicked", (n) => {
+      n.stopPropagation();
+      const a = i(n.target);
+      this.dispatchPanelEvent(s, {
+        ...t,
+        ...a
+      });
+    });
+  }
+}, is = {
+  selector: "cds-structured-list",
+  init: function(e) {
+    const t = i(e);
+    [...e.querySelectorAll("cds-structured-list-row")].forEach((s) => {
+      const o = i(s), n = o.event || t.event;
+      n && this.listen(s, "click", (a) => {
+        a.stopPropagation(), this.dispatchPanelEvent(n, {
+          ...t,
+          ...o
+        });
+      });
+    }), e.hasAttribute("selection") && this.listen(e, "cds-structured-list-selected", (s) => {
+      const o = s.detail.row, n = i(o), a = t.event;
+      a && this.dispatchPanelEvent(a, {
+        ...t,
+        ...n
+      });
+    });
+  }
+}, ls = { selector: "cds-contained-list" }, ds = { selector: "cds-contained-list-description" }, ps = {
+  selector: "cds-contained-list-item",
+  event: "cds-contained-list-item-click",
+  getData: (e, t) => t
+}, us = {
+  selector: "cds-tree-view",
+  init: function(e) {
+    const t = i(e);
+    this.listen(e, "cds-tree-node-selected", (o) => {
+      const n = o.detail.node, a = i(n), r = a.event || t.event;
+      r && this.dispatchPanelEvent(r, {
+        ...t,
+        ...a,
+        nodeId: n.id,
+        label: n.getAttribute("label")
+      });
+    });
+    const s = k(e, "expand-event");
+    s && this.listen(e, "cds-tree-node-expanded", (o) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        nodeId: o.detail.node.id,
+        expanded: o.detail.expanded
+      });
+    });
+  }
+}, vs = { selector: "cds-unordered-list" }, ms = { selector: "cds-ordered-list" }, fs = { selector: "cds-list-item" }, hs = /* @__PURE__ */ m({
+  cdsActionableNotificationWrap: () => Ws,
+  cdsCalloutNotificationWrap: () => ks,
+  cdsInlineNotificationWrap: () => bs,
+  cdsToastNotificationWrap: () => gs
+}), gs = {
+  selector: "cds-toast-notification",
+  event: "cds-notification-closed",
+  getData: (e, t) => ({
+    ...t,
+    action: "closed"
+  })
+}, bs = {
+  selector: "cds-inline-notification",
+  event: "cds-notification-closed",
+  getData: (e, t) => ({
+    ...t,
+    action: "closed"
+  })
+}, Ws = {
+  selector: "cds-actionable-notification",
+  init: function(e) {
+    const t = i(e), s = k(e, "close-event", "event");
+    s && this.listen(e, "cds-notification-closed", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        action: "closed"
+      });
+    });
+    const o = k(e, "action-event");
+    o && this.listen(e, "cds-notification-actioned", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        action: "actioned"
+      });
+    });
+  }
+}, ks = { selector: "cds-callout-notification" }, Ss = /* @__PURE__ */ m({
+  cdsClickableTileWrap: () => Is,
+  cdsExpandableTileWrap: () => ys,
+  cdsRadioTileWrap: () => Cs,
+  cdsSelectableTileWrap: () => Ps,
+  cdsTileGroupWrap: () => As,
+  cdsTileWrap: () => Es
+}), Es = { selector: "cds-tile" }, Is = {
+  selector: "cds-clickable-tile",
+  init: function(e) {
+    const t = i(e), s = t.event;
+    if (s) {
+      const o = t.href || e.getAttribute("href") || "";
+      e.removeAttribute("href"), e.addEventListener("click", (n) => {
+        n.preventDefault(), n.stopPropagation(), this.dispatchPanelEvent(s, {
+          ...t,
+          href: o
+        });
+      }, !0);
+    }
+  }
+}, ys = {
+  selector: "cds-expandable-tile",
+  init: function(e) {
+    const t = i(e), s = e.getAttribute("before-toggle-event");
+    s && this.listen(e, "cds-expandable-tile-beingtoggled", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        expanded: n.detail.expanded,
+        cancelable: !0
+      });
+    });
+    const o = t.event;
+    o && this.listen(e, "cds-expandable-tile-toggled", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        expanded: n.detail.expanded
+      });
+    });
+  }
+}, Ps = {
+  selector: "cds-selectable-tile",
+  event: "cds-selectable-tile-changed",
+  getData: (e, t, s) => ({
+    ...t,
+    selected: e.detail.selected,
+    value: s.value
+  })
+}, Cs = {
+  selector: "cds-radio-tile",
+  event: "cds-radio-tile-selected",
+  getData: (e, t, s) => ({
+    ...t,
+    selected: e.detail.selected,
+    name: e.detail.name,
+    value: s.value
+  })
+}, As = {
+  selector: "cds-tile-group",
+  init: function(e) {
+    const t = i(e), s = t.event;
+    s && (this.listen(e, "cds-current-radio-tile-selection", (o) => {
+      const n = o.detail.target;
+      this.dispatchPanelEvent(s, {
+        ...t,
+        value: n?.value,
+        name: n?.name,
+        selected: n?.selected
+      });
+    }), this.listen(e, "cds-current-selectable-tile-selections", (o) => {
+      const n = o.detail.currentSelections || [];
+      this.dispatchPanelEvent(s, {
+        ...t,
+        values: n.map((a) => a.value),
+        names: n.map((a) => a.name),
+        count: n.length
+      });
+    }));
+  }
+}, ws = /* @__PURE__ */ m({
+  cdsInlineLoadingWrap: () => Ts,
+  cdsProgressBarWrap: () => xs,
+  cdsProgressIndicatorWrap: () => Ds
+}), xs = {
+  selector: "cds-progress-bar",
+  init: function(e) {
+    const t = i(e);
+    if (t.event) {
+      const s = new MutationObserver(() => {
+        const o = parseFloat(e.getAttribute("value") || "0");
+        o >= parseFloat(e.getAttribute("max") || "100") && this.dispatchPanelEvent(t.event, {
+          ...t,
+          value: o,
+          status: "complete"
+        });
+      });
+      s.observe(e, {
+        attributes: !0,
+        attributeFilter: ["value"]
+      }), e._progressObserver = s;
+    }
+  }
+}, Ds = {
+  selector: "cds-progress-indicator",
+  init: function(e) {
+    const t = i(e);
+    this.listen(e, "cds-progress-step-click", (s) => {
+      const o = s.target, n = i(o), a = n.event || t.event;
+      a && this.dispatchPanelEvent(a, {
+        ...t,
+        ...n,
+        stepIndex: o.getAttribute("data-index"),
+        stepLabel: o.getAttribute("label")
+      });
+    });
+  }
+}, Ts = {
+  selector: "cds-inline-loading",
+  init: function(e) {
+    const t = i(e), s = t.event;
+    s && this.listen(e, "cds-inline-loading-onsuccess", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        status: "finished"
+      });
+    });
+    const o = e.getAttribute("status-event");
+    if (o) {
+      const n = new MutationObserver((a) => {
+        a.forEach((r) => {
+          if (r.attributeName === "status") {
+            const c = e.getAttribute("status");
+            this.dispatchPanelEvent(o, {
+              ...t,
+              status: c
+            });
+          }
+        });
+      });
+      n.observe(e, {
+        attributes: !0,
+        attributeFilter: ["status"]
+      }), e._statusObserver = n;
+    }
+  }
+}, _s = /* @__PURE__ */ m({
+  cdsDefinitionTooltipWrap: () => Fs,
+  cdsPopoverWrap: () => Ns,
+  cdsToggletipWrap: () => Ms,
+  cdsTooltipWrap: () => Bs
+}), Bs = {
+  selector: "cds-tooltip",
+  init: function(e) {
+    const t = i(e), s = k(e, "open-event");
+    s && this.listen(e, "cds-tooltip-beingopened", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        action: "opened"
+      });
+    });
+    const o = k(e, "close-event");
+    o && this.listen(e, "cds-tooltip-closed", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        action: "closed"
+      });
+    });
+  }
+}, Ns = {
+  selector: "cds-popover",
+  init: function(e) {
+    const t = i(e), s = k(e, "open-event");
+    s && this.listen(e, "cds-popover-beingopened", (n) => {
+      this.dispatchPanelEvent(s, {
+        ...t,
+        action: "opened"
+      });
+    });
+    const o = k(e, "close-event");
+    o && this.listen(e, "cds-popover-closed", (n) => {
+      this.dispatchPanelEvent(o, {
+        ...t,
+        action: "closed"
+      });
+    });
+  }
+}, Ms = {
+  selector: "cds-toggletip",
+  init: function(e) {
+    const t = i(e);
+    if (t.event) {
+      const s = new MutationObserver((o) => {
+        o.forEach((n) => {
+          if (n.attributeName === "open") {
+            const a = e.hasAttribute("open");
+            this.dispatchPanelEvent(t.event, {
+              ...t,
+              action: a ? "opened" : "closed",
+              open: a
+            });
+          }
+        });
+      });
+      s.observe(e, {
+        attributes: !0,
+        attributeFilter: ["open"]
+      }), e._toggletipObserver = s;
+    }
+  }
+}, Fs = { selector: "cds-definition-tooltip" }, Ls = /* @__PURE__ */ m({
+  cdsCodeSnipWrap: () => zs,
+  cdsLinkWrap: () => Os
+}), Os = {
+  selector: "cds-link",
+  event: "click",
+  getData: (e, t, s) => ({
+    ...t,
+    href: s.getAttribute("href")
+  })
+}, zs = {
+  selector: "cds-code-snippet",
+  event: "cds-copy-button-clicked",
+  getData: (e, t) => ({
+    ...t,
+    action: "copied"
+  })
+}, Rs = /* @__PURE__ */ m({
+  cdsBadgeIndicatorWrap: () => Js,
+  cdsColumnHangWrap: () => eo,
+  cdsColumnWrap: () => Ys,
+  cdsFormGroupWrap: () => Hs,
+  cdsFormItemWrap: () => Us,
+  cdsFormWrap: () => qs,
+  cdsGridWrap: () => Xs,
+  cdsHeadingWrap: () => Gs,
+  cdsIconIndicatorWrap: () => Zs,
+  cdsIconWrap: () => Vs,
+  cdsLayerWrap: () => Qs,
+  cdsLoadingWrap: () => Ks,
+  cdsSectionWrap: () => js,
+  cdsStackWrap: () => $s
+}), qs = { selector: "cds-form" }, Us = { selector: "cds-form-item" }, Hs = { selector: "cds-form-group" }, $s = { selector: "cds-stack" }, Gs = { selector: "cds-heading" }, js = { selector: "cds-section" }, Vs = { selector: "cds-icon" }, Zs = { selector: "cds-icon-indicator" }, Js = { selector: "cds-badge-indicator" }, Ks = { selector: "cds-loading" }, Qs = { selector: "cds-layer" }, Xs = { selector: "cds-grid" }, Ys = { selector: "cds-column" }, eo = { selector: "cds-column-hang" }, to = /* @__PURE__ */ m({
+  cdsAccordionItemSkeletonWrap: () => ro,
+  cdsAccordionSkeletonWrap: () => ao,
+  cdsBreadcrumbSkeletonWrap: () => co,
+  cdsButtonSkeletonWrap: () => io,
+  cdsCheckboxSkeletonWrap: () => lo,
+  cdsCodeSnippetSkeletonWrap: () => po,
+  cdsDatePickerInputSkeletonWrap: () => vo,
+  cdsDropdownSkeletonWrap: () => mo,
+  cdsFileUploaderSkeletonWrap: () => fo,
+  cdsNumberInputSkeletonWrap: () => ho,
+  cdsPasswordInputSkeletonWrap: () => go,
+  cdsProgressIndicatorSkeletonWrap: () => bo,
+  cdsProgressStepSkeletonWrap: () => Wo,
+  cdsRadioButtonSkeletonWrap: () => ko,
+  cdsSearchSkeletonWrap: () => So,
+  cdsSelectSkeletonWrap: () => Eo,
+  cdsSkeletonIconWrap: () => no,
+  cdsSkeletonPlaceholderWrap: () => oo,
+  cdsSkeletonTextWrap: () => so,
+  cdsSliderSkeletonWrap: () => Io,
+  cdsStructuredListHeaderCellSkeletonWrap: () => yo,
+  cdsTabSkeletonWrap: () => Co,
+  cdsTableSkeletonWrap: () => uo,
+  cdsTabsSkeletonWrap: () => Po,
+  cdsTextInputSkeletonWrap: () => Ao,
+  cdsTextareaSkeletonWrap: () => wo,
+  cdsToggleSkeletonWrap: () => xo
+}), so = { selector: "cds-skeleton-text" }, oo = { selector: "cds-skeleton-placeholder" }, no = { selector: "cds-skeleton-icon" }, ao = { selector: "cds-accordion-skeleton" }, ro = { selector: "cds-accordion-item-skeleton" }, co = { selector: "cds-breadcrumb-skeleton" }, io = { selector: "cds-button-skeleton" }, lo = { selector: "cds-checkbox-skeleton" }, po = { selector: "cds-code-snippet-skeleton" }, uo = { selector: "cds-table-skeleton" }, vo = { selector: "cds-date-picker-input-skeleton" }, mo = { selector: "cds-dropdown-skeleton" }, fo = { selector: "cds-file-uploader-skeleton" }, ho = { selector: "cds-number-input-skeleton" }, go = { selector: "cds-password-input-skeleton" }, bo = { selector: "cds-progress-indicator-skeleton" }, Wo = { selector: "cds-progress-step-skeleton" }, ko = { selector: "cds-radio-button-skeleton" }, So = { selector: "cds-search-skeleton" }, Eo = { selector: "cds-select-skeleton" }, Io = { selector: "cds-slider-skeleton" }, yo = { selector: "cds-structured-list-header-cell-skeleton" }, Po = { selector: "cds-tabs-skeleton" }, Co = { selector: "cds-tab-skeleton" }, Ao = { selector: "cds-text-input-skeleton" }, wo = { selector: "cds-textarea-skeleton" }, xo = { selector: "cds-toggle-skeleton" };
+function v(e) {
+  return Object.values(e).filter((t) => typeof t == "object" && t !== null && t.selector);
+}
+var Do = [
+  ...v(Ke),
+  ...v(Ge),
+  ...v(Ye),
+  ...v(lt),
+  ...v(ut),
+  ...v(Wt),
+  ...v(It),
+  ...v(Ct),
+  ...v(Bt),
+  ...v(Ot),
+  ...v(Ut),
+  ...v(Zt),
+  ...v(es),
+  ...v(rs),
+  ...v(hs),
+  ...v(Ss),
+  ...v(ws),
+  ...v(_s),
+  ...v(Ls),
+  ...v(Rs),
+  ...v(to)
+];
+function To() {
+  const e = /* @__PURE__ */ new Map();
+  return Do.forEach((t) => {
+    e.set(t.selector, t);
+  }), e;
+}
+var Z = () => import("@carbon/web-components/es/components/accordion/index.js"), F = () => import("@carbon/web-components/es/components/breadcrumb/index.js"), _o = () => import("@carbon/web-components/es/components/stack/index.js"), ne = () => import("@carbon/web-components/es/components/structured-list/index.js"), J = () => import("@carbon/web-components/es/components/contained-list/index.js"), T = () => import("@carbon/web-components/es/components/tile/index.js"), Bo = () => import("@carbon/web-components/es/components/tree-view/index.js"), No = () => import("@carbon/web-components/es/components/link/index.js"), L = () => import("@carbon/web-components/es/components/tabs/index.js"), Mo = () => import("@carbon/web-components/es/components/content-switcher/index.js"), ae = () => import("@carbon/web-components/es/components/menu/index.js"), Fo = () => import("@carbon/web-components/es/components/overflow-menu/index.js"), O = () => import("@carbon/web-components/es/components/button/index.js"), re = () => import("@carbon/web-components/es/components/icon-button/index.js"), Lo = () => import("@carbon/web-components/es/components/combo-button/index.js"), Oo = () => import("@carbon/web-components/es/components/copy-button/index.js"), ce = () => import("@carbon/web-components/es/components/checkbox/index.js"), ie = () => import("@carbon/web-components/es/components/radio-button/index.js"), le = () => import("@carbon/web-components/es/components/toggle/index.js"), z = () => import("@carbon/web-components/es/components/select/index.js"), de = () => import("@carbon/web-components/es/components/slider/index.js"), R = () => import("@carbon/web-components/es/components/text-input/index.js"), pe = () => import("@carbon/web-components/es/components/textarea/index.js"), ue = () => import("@carbon/web-components/es/components/number-input/index.js"), ve = () => import("@carbon/web-components/es/components/password-input/index.js"), K = () => import("@carbon/web-components/es/components/search/index.js"), zo = () => import("@carbon/web-components/es/components/combo-box/index.js"), me = () => import("@carbon/web-components/es/components/dropdown/index.js"), Ro = () => import("@carbon/web-components/es/components/multi-select/index.js"), fe = () => import("@carbon/web-components/es/components/date-picker/index.js"), qo = () => import("@carbon/web-components/es/components/time-picker/index.js"), N = () => import("@carbon/web-components/es/components/file-uploader/index.js"), he = () => import("@carbon/web-components/es/components/form/index.js"), Uo = () => import("@carbon/web-components/es/components/form-group/index.js"), ge = () => import("@carbon/web-components/es/components/data-table/index.js"), be = () => import("@carbon/web-components/es/components/pagination/index.js"), We = () => import("@carbon/web-components/es/components/code-snippet/index.js"), M = () => import("@carbon/web-components/es/components/tag/index.js"), Ho = () => import("@carbon/web-components/es/components/badge-indicator/index.js"), q = () => import("@carbon/web-components/es/components/notification/index.js"), $o = () => import("@carbon/web-components/es/components/loading/index.js"), Go = () => import("@carbon/web-components/es/components/inline-loading/index.js"), jo = () => import("@carbon/web-components/es/components/progress-bar/index.js"), Q = () => import("@carbon/web-components/es/components/progress-indicator/index.js"), Vo = () => import("@carbon/web-components/es/components/skeleton-placeholder/index.js"), Zo = () => import("@carbon/web-components/es/components/skeleton-text/index.js"), Jo = () => import("@carbon/web-components/es/components/skeleton-icon/index.js"), X = () => import("@carbon/web-components/es/components/list/index.js"), Ko = () => import("@carbon/web-components/es/components/layer/index.js"), Y = () => import("@carbon/web-components/es/components/grid/index.js"), Qo = () => import("@carbon/web-components/es/components/pagination-nav/index.js"), P = () => import("@carbon/web-components/es/components/modal/index.js"), y = () => import("@carbon/web-components/es/components/tooltip/index.js"), Xo = () => import("@carbon/web-components/es/components/popover/index.js"), Yo = () => import("@carbon/web-components/es/components/toggle-tip/index.js"), ke = () => import("@carbon/web-components/es/components/heading/index.js"), en = () => import("@carbon/web-components/es/components/icon/index.js"), tn = () => import("@carbon/web-components/es/components/icon-indicator/index.js"), $ = {
+  "cds-table": [
+    y,
+    O,
+    R,
+    K,
+    z,
+    be,
+    ge
+  ],
+  "cds-pagination": [
+    z,
+    R,
+    be
+  ],
+  "cds-button": [y, O],
+  "cds-icon-button:not([data-toggle])": [y, re],
+  "cds-icon-button[data-toggle]": [y, re],
+  "cds-button[data-fab]": [y, O],
+  "cds-copy-button": [y, Oo],
+  "cds-combo-button": [y, Lo],
+  "cds-checkbox": [ce],
+  "cds-radio-button-group": [ie],
+  "cds-toggle": [le],
+  "cds-select": [z],
+  "cds-slider": [de],
+  "cds-text-input": [R],
+  "cds-textarea": [pe],
+  "cds-number-input": [ue],
+  "cds-password-input": [y, ve],
+  "cds-search": [K],
+  "cds-dropdown": [me],
+  "cds-combo-box": [zo],
+  "cds-multi-select": [Ro],
+  "cds-date-picker": [fe],
+  "cds-time-picker": [qo],
+  "cds-file-uploader": [N],
+  "cds-file-uploader-button": [N],
+  "cds-file-uploader-drop-container": [N],
+  "cds-file-uploader-item": [N],
+  "cds-tabs": [L],
+  "cds-accordion": [Z],
+  "cds-content-switcher": [Mo],
+  "cds-breadcrumb": [F],
+  "cds-breadcrumb-item": [F],
+  "cds-breadcrumb-link": [F],
+  "cds-menu": [ae],
+  "cds-menu-button": [ae],
+  "cds-overflow-menu": [Fo],
+  "cds-structured-list": [ne],
+  "cds-contained-list": [J],
+  "cds-contained-list-item": [J],
+  "cds-contained-list-description": [J],
+  "cds-tree-view": [Bo],
+  "cds-modal": [P],
+  "cds-modal-header": [P],
+  "cds-modal-heading": [P],
+  "cds-modal-label": [P],
+  "cds-modal-close-button": [P],
+  "cds-modal-body": [P],
+  "cds-modal-body-content": [P],
+  "cds-modal-footer": [P],
+  "cds-modal-footer-button": [P],
+  "cds-toast-notification": [q],
+  "cds-inline-notification": [q],
+  "cds-actionable-notification": [q],
+  "cds-tile": [T],
+  "cds-tile-group": [T],
+  "cds-clickable-tile": [T],
+  "cds-expandable-tile": [T],
+  "cds-selectable-tile": [T],
+  "cds-radio-tile": [T],
+  "cds-progress-bar": [jo],
+  "cds-progress-indicator": [Q],
+  "cds-inline-loading": [Go],
+  "cds-tooltip": [y],
+  "cds-popover": [Xo],
+  "cds-toggletip": [Yo],
+  "cds-tag": [M],
+  "cds-dismissible-tag": [M],
+  "cds-selectable-tag": [M],
+  "cds-operational-tag": [M],
+  "cds-tag-skeleton": [M],
+  "cds-link": [No],
+  "cds-code-snippet": [We],
+  "cds-form": [he],
+  "cds-form-item": [he],
+  "cds-form-group": [Uo],
+  "cds-stack": [_o],
+  "cds-heading": [ke],
+  "cds-section": [ke],
+  "cds-icon": [en],
+  "cds-icon-indicator": [tn],
+  "cds-badge-indicator": [Ho],
+  "cds-loading": [$o],
+  "cds-skeleton-text": [Zo],
+  "cds-skeleton-placeholder": [Vo],
+  "cds-skeleton-icon": [Jo],
+  "cds-accordion-skeleton": [Z],
+  "cds-accordion-item-skeleton": [Z],
+  "cds-breadcrumb-skeleton": [F],
+  "cds-button-skeleton": [O],
+  "cds-checkbox-skeleton": [ce],
+  "cds-code-snippet-skeleton": [We],
+  "cds-table-skeleton": [ge],
+  "cds-date-picker-input-skeleton": [fe],
+  "cds-dropdown-skeleton": [me],
+  "cds-file-uploader-skeleton": [N],
+  "cds-number-input-skeleton": [ue],
+  "cds-password-input-skeleton": [ve],
+  "cds-progress-indicator-skeleton": [Q],
+  "cds-progress-step-skeleton": [Q],
+  "cds-radio-button-skeleton": [ie],
+  "cds-search-skeleton": [K],
+  "cds-select-skeleton": [z],
+  "cds-slider-skeleton": [de],
+  "cds-structured-list-header-cell-skeleton": [ne],
+  "cds-tabs-skeleton": [L],
+  "cds-tab-skeleton": [L],
+  "cds-text-input-skeleton": [R],
+  "cds-textarea-skeleton": [pe],
+  "cds-toggle-skeleton": [le],
+  "cds-callout-notification": [q],
+  "cds-definition-tooltip": [y],
+  "cds-tabs-vertical": [L],
+  "cds-unordered-list": [X],
+  "cds-ordered-list": [X],
+  "cds-list-item": [X],
+  "cds-layer": [Ko],
+  "cds-grid": [Y],
+  "cds-column": [Y],
+  "cds-column-hang": [Y],
+  "cds-pagination-nav": [Qo]
+};
+function sn(e) {
+  const t = /* @__PURE__ */ new Map();
+  if (!e || !(e instanceof Element)) return t;
+  for (const o of Object.keys(H)) t.set(o, []);
+  for (const [o] of Object.entries(H)) e.matches(o) && t.get(o).push(e);
+  const s = e.querySelectorAll("*");
+  for (const o of s) for (const [n] of Object.entries(H)) o.matches(n) && t.get(n).push(o);
+  for (const [o, n] of t.entries()) n.length === 0 && t.delete(o);
+  return t;
+}
+function on(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const [s, o] of e.entries()) o.length > 0 && $[s] && $[s].forEach((n) => t.add(n));
+  return t;
+}
+async function nn(e, t) {
+  if (e.size === 0) return;
+  const s = Array.from(e).map(async (o) => (t.has(o) || t.set(o, o()), t.get(o)));
+  await Promise.all(s);
+}
+function an(e, t) {
+  let s = 0;
+  for (const [o, n] of e.entries()) {
+    const a = H[o];
+    n.forEach((r) => {
+      if (a.init) {
+        a.init.call(t, r);
+        return;
+      }
+      if (a.multiEvent) {
+        const S = i(r);
+        a.events.forEach((E) => {
+          const x = k(r, E.attrName, "event");
+          x && t.listen(r, E.type, (G) => {
+            t.dispatchPanelEvent(x, E.getData(G, S, r));
+          });
+        });
+        return;
+      }
+      const c = i(r), d = c.event;
+      d && t.listen(r, a.event, (S) => {
+        S.stopPropagation();
+        const E = a.getData(S, c, r), x = E._eventOverride || d;
+        delete E._eventOverride, t.dispatchPanelEvent(x, E);
+      });
+    }), s += n.length;
+  }
+  return s;
+}
+var H = Object.fromEntries(To()), rn = async function(e, t) {
+  const s = sn(e);
+  if (s.size === 0) {
+    this.debugMe("[Carbon] No Carbon components found in panel");
+    return;
+  }
+  this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
+  for (const [a, r] of s.entries()) this.carbonComponents.set(a, r);
+  const o = on(s);
+  if (o.size > 0) try {
+    await nn(o, t);
+  } catch (a) {
+    console.error("[Carbon] Failed to load some component modules:", a);
+  }
+  const n = an(s, this);
+  n > 0 && this.debugMe(`[Carbon] Total components initialized: ${n}`);
+}, un = (e = {}) => {
+  const { preload: t = [] } = e, s = /* @__PURE__ */ new Map();
+  if (t.length > 0) {
+    const o = t.filter((a) => $[a] ? !0 : (console.warn(`[Carbon] No import found for selector: ${a}`), !1)), n = o.flatMap((a) => $[a].map((r) => (s.has(r) || s.set(r, r()), s.get(r))));
+    Promise.all(n).then(() => console.debug(`[Carbon] Preloaded: ${o.join(", ")}`)).catch((a) => console.warn("[Carbon] Preload error:", a));
+  }
+  Re.register("carbon", {
+    cache: s,
+    render: async function(o, n) {
+      try {
+        await rn.call(this, o, n);
+      } catch (a) {
+        console.error("[Carbon] Initialization error:", a);
+      }
+    },
+    dispose: function(o) {
+    },
+    config: {
+      version: "2.0",
+      description: "IBM Carbon Design System Web Components"
+    }
+  }), console.debug("[Zooy] Carbon Design System library registered");
+};
+export {
+  un as registerCarbonLibrary
+};