@trintel/zooy 1.6.0 → 1.7.1

package/dist/chunks/register-DhnyuYDK.js

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