@trintel/zooy 1.14.2 → 1.15.0

package/dist/chunks/register-CSR-CzsT.js

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