@trintel/zooy 1.0.1-beta.0

package/dist/chunks/register-JwwMwdRf.js

@@ -0,0 +1,1273 @@
+import { C as T } from "./main-Dp7wHHgP.js";
+const x = [
+  // Event attributes
+  "event",
+  "change-event",
+  "open-event",
+  "close-event",
+  "primary-event",
+  // Data/Record identification
+  "record-id",
+  "record-type",
+  // URLs/Endpoints
+  "endpoint",
+  "url",
+  // Actions/Operations
+  "action",
+  "method",
+  // Targeting
+  "target"
+], S = {
+  event: "event",
+  "change-event": "changeEvent",
+  "open-event": "openEvent",
+  "close-event": "closeEvent",
+  "primary-event": "primaryEvent",
+  "record-id": "recordId",
+  "record-type": "recordType",
+  endpoint: "endpoint",
+  url: "url",
+  action: "action",
+  method: "method",
+  target: "target"
+}, c = (t) => {
+  const e = {};
+  return x.forEach((s) => {
+    const i = t.getAttribute(s);
+    if (i !== null) {
+      const n = S[s];
+      e[n] = i;
+    }
+  }), Array.from(t.attributes).forEach((s) => {
+    if (s.name.startsWith("data-")) {
+      const i = s.name.slice(5).replace(/-([a-z])/g, (n, o) => o.toUpperCase());
+      e[i] = s.value;
+    }
+  }), e;
+}, d = (t, e, s = "event") => t.getAttribute(e) || t.getAttribute(s), _ = () => import("./index-BSgHSOVT.js"), C = () => import("./index-ChcHMeAS.js"), k = () => import("./index-BOTu9u-3.js").then((t) => t.i), O = () => import("./index-C8LyfVmf.js"), M = () => import("./index-qNmuI3RB.js").then((t) => t.i), N = () => import("./index-D0xRAPD5.js"), z = () => import("./index-DWfFgEXE.js"), q = () => import("./index-DIR0jr3f.js"), R = () => import("./index-DurPWBYc.js"), w = () => import("./index-oTjafsfN.js"), U = () => import("./index-BoNLj7PW.js"), F = () => import("./index-DdNZTQw1.js"), V = () => import("./index-B3mXrMt1.js"), j = () => import("./index-45EApaFs.js"), G = () => import("./index-Cd7aoWrX.js"), W = () => import("./index-BgbqX0uv.js"), B = () => import("./index-BwIoRMDI.js"), L = () => import("./index-CT43RMOu.js"), Y = () => import("./index-DnpSGM23.js"), Z = () => import("./index-BjQlt8g2.js"), $ = () => import("./index-DFA4_spk.js"), H = () => import("./index-CzTjJ8lP.js"), J = () => import("./index-Bwix1iwB.js"), K = () => import("./index-BXczHDk-.js"), Q = () => import("./index-DX6WAtmo.js"), X = () => import("./index-WNXgzThF.js"), tt = () => import("./index-CBbsFlsv.js"), et = () => import("./index-Dh4uigJs.js"), I = () => import("./index-UPr2EvBX.js"), nt = () => import("./index-B1vQ44Hl.js"), it = () => import("./index-x6SeA7x7.js"), st = () => import("./index-DO0fmDR9.js"), ot = () => import("./index-C_K070Kn.js"), m = () => import("./index-DaPfSuLu.js"), ct = () => import("./index-caLn8cu1.js"), at = () => import("./index-D5kiHJpX.js"), rt = () => import("./index-D5GGFPcS.js"), P = () => import("./index-CO-A2KY9.js"), lt = () => import("./index-BIaF1Dfx.js"), dt = () => import("./index-WvrCPen2.js"), pt = () => import("./index-hLI0Bnyb.js"), vt = () => import("./index-B3CDjjXh.js").then((t) => t.i), A = () => import("./index-DnierBep.js"), mt = () => import("./index-Cv1hWa_y.js"), ht = () => import("./index-rwBsdvh6.js").then((t) => t.i), ut = () => import("./index-BUxB7aWd.js"), gt = () => import("./index-CMF5Cawn.js").then((t) => t.i), ft = () => import("./index-CcgnA1uu.js"), E = () => import("./index-Cixdzvwd.js"), bt = () => import("./index-BxVW3p3I.js"), Et = () => import("./index-CgYZ66P_.js"), D = () => import("./index-CByffhPq.js");
+function It(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const i of Object.keys(b))
+    e.set(i, []);
+  for (const [i, n] of Object.entries(b))
+    t.matches(i) && e.get(i).push(t);
+  const s = t.querySelectorAll("*");
+  for (const i of s)
+    for (const [n, o] of Object.entries(b))
+      i.matches(n) && e.get(n).push(i);
+  for (const [i, n] of e.entries())
+    n.length === 0 && e.delete(i);
+  return e;
+}
+function Pt(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const [s, i] of t.entries()) {
+    const n = b[s];
+    n && n.import && i.length > 0 && e.add(n.import);
+  }
+  return e;
+}
+async function At(t, e) {
+  if (t.size === 0)
+    return;
+  const s = Array.from(t).map(async (i) => (e.has(i) || e.set(i, i()), e.get(i)));
+  await Promise.all(s);
+}
+function yt(t, e) {
+  let s = 0;
+  for (const [i, n] of t.entries()) {
+    const o = b[i];
+    n.forEach((a) => {
+      if (o.init) {
+        o.init.call(e, a);
+        return;
+      }
+      if (o.multiEvent) {
+        const g = c(a);
+        o.events.forEach((p) => {
+          const f = d(a, p.attrName, "event");
+          f && e.listen(a, p.type, (r) => {
+            e.dispatchPanelEvent(f, p.getData(r, g, a));
+          });
+        });
+        return;
+      }
+      const l = c(a), v = l.event;
+      v && e.listen(a, o.event, (g) => {
+        g.stopPropagation();
+        const p = o.getData(g, l, a), f = p._eventOverride || v;
+        delete p._eventOverride, e.dispatchPanelEvent(f, p);
+      });
+    }), s += n.length;
+  }
+  return s;
+}
+const b = {
+  // Form structure components (presentational only - no event handling needed)
+  "cds-form": {
+    import: w
+    // No event handling - wraps native <form> which works naturally
+  },
+  "cds-form-item": {
+    import: w
+    // No event handling - presentational wrapper for form fields
+  },
+  "cds-form-group": {
+    import: U
+    // No event handling - presentational fieldset wrapper
+  },
+  "cds-stack": {
+    import: F
+    // No event handling - layout utility for spacing items vertically or horizontally
+  },
+  // Typography & Icons (Presentational)
+  "cds-heading": {
+    import: _
+    // No event handling - semantic heading component
+  },
+  "cds-icon": {
+    import: C
+    // No event handling - icon display component
+  },
+  "cds-icon-indicator": {
+    import: O
+    // No event handling - status indicator icon
+  },
+  // Buttons
+  "cds-button": {
+    import: N,
+    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 i = e.event;
+      i && this.listen(t, "click", (n) => {
+        n.stopPropagation(), this.dispatchPanelEvent(i, e);
+      });
+    }
+  },
+  "cds-icon-button:not([data-toggle])": {
+    import: k,
+    event: "click",
+    getData: (t, e) => e
+  },
+  // Copy Button - Button that copies text to clipboard
+  "cds-copy-button": {
+    import: q,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "click", (n) => {
+        n.stopPropagation(), this.dispatchPanelEvent(s, {
+          ...e,
+          action: "copy"
+        });
+      });
+      const i = t.getAttribute("success-event");
+      if (i) {
+        const n = new MutationObserver(() => {
+          t.hasAttribute("feedback-shown") && this.dispatchPanelEvent(i, {
+            ...e,
+            action: "copied"
+          });
+        });
+        n.observe(t, {
+          attributes: !0,
+          attributeFilter: ["feedback-shown"]
+        }), t._copyObserver = n;
+      }
+    }
+  },
+  // FAB (Floating Action Button) - just a styled button
+  "cds-button[data-fab]": {
+    import: N,
+    event: "click",
+    getData: (t, e) => e
+  },
+  // Icon Toggle - Toggles Carbon's built-in isSelected state for ghost icon buttons
+  // Visual styling (subtle background change) is handled by Carbon's CSS
+  "cds-icon-button[data-toggle]": {
+    import: k,
+    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
+        });
+      });
+    }
+  },
+  // Text Input
+  "cds-text-input": {
+    import: V,
+    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
+        })
+      }
+    ]
+  },
+  // Text Area
+  "cds-textarea": {
+    import: j,
+    multiEvent: !0,
+    events: [
+      {
+        type: "input",
+        attrName: "event",
+        getData: (t, e) => ({
+          ...e,
+          value: t.currentTarget.value
+        })
+      },
+      {
+        type: "change",
+        attrName: "change-event",
+        getData: (t, e) => ({
+          ...e,
+          value: t.currentTarget.value
+        })
+      }
+    ]
+  },
+  // Number Input
+  "cds-number-input": {
+    import: G,
+    event: "cds-number-input",
+    getData: (t, e, s) => ({
+      ...e,
+      value: t.detail.value,
+      direction: t.detail.direction
+      // 'up' or 'down' when using steppers
+    })
+  },
+  // Password Input
+  "cds-password-input": {
+    import: W,
+    multiEvent: !0,
+    events: [
+      {
+        type: "input",
+        attrName: "event",
+        getData: (t, e) => ({
+          ...e,
+          value: t.currentTarget.value
+        })
+      },
+      {
+        type: "change",
+        attrName: "change-event",
+        getData: (t, e) => ({
+          ...e,
+          value: t.currentTarget.value
+        })
+      }
+    ]
+  },
+  // Search
+  "cds-search": {
+    import: B,
+    event: "cds-search-input",
+    getData: (t, e, s) => ({
+      ...e,
+      value: s.value
+    })
+  },
+  // Combo Box
+  "cds-combo-box": {
+    import: Y,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "cds-combo-box-selected", (n) => {
+        const o = n.detail?.item;
+        this.dispatchPanelEvent(s, {
+          ...e,
+          value: t.value,
+          selectedValue: o?.value,
+          selectedText: o?.textContent?.trim()
+        });
+      });
+      const i = t.getAttribute("toggle-event");
+      i && this.listen(t, "cds-combo-box-toggled", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          open: t.hasAttribute("open")
+        });
+      });
+    }
+  },
+  // Multi Select
+  "cds-multi-select": {
+    import: Z,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "cds-multi-select-selected", (n) => {
+        const o = t.value ? t.value.split(",") : [];
+        this.dispatchPanelEvent(s, {
+          ...e,
+          selectedItems: o
+        });
+      });
+      const i = t.getAttribute("toggle-event");
+      i && this.listen(t, "cds-multi-select-toggled", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          open: t.hasAttribute("open")
+        });
+      });
+    }
+  },
+  // Date Picker
+  "cds-date-picker": {
+    import: X,
+    init: function(t) {
+      const e = c(t), s = t.querySelector('cds-date-picker-input[kind="from"]'), i = t.querySelector('cds-date-picker-input[kind="to"]'), n = s && i, o = e.event;
+      o && this.listen(t, "cds-date-picker-changed", (l) => {
+        let v;
+        n ? v = {
+          from: s.value || "",
+          to: i.value || ""
+        } : v = t.value, this.dispatchPanelEvent(o, {
+          ...e,
+          value: v
+        });
+      });
+      const a = t.getAttribute("error-event");
+      a && this.listen(t, "cds-date-picker-flatpickr-error", (l) => {
+        this.dispatchPanelEvent(a, {
+          ...e,
+          error: l.detail
+        });
+      });
+    }
+  },
+  // Time Picker
+  "cds-time-picker": {
+    import: tt,
+    event: "cds-time-picker-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      value: s.value
+    })
+  },
+  // File Uploader
+  "cds-file-uploader": {
+    import: et,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      if (s) {
+        const n = t.querySelector('input[type="file"]');
+        n && this.listen(n, "change", (o) => {
+          this.dispatchPanelEvent(s, {
+            ...e,
+            files: Array.from(o.target.files || [])
+          });
+        });
+      }
+      const i = t.getAttribute("delete-event");
+      i && this.listen(t, "cds-file-uploader-item-deleted", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          fileName: n.detail?.fileName,
+          fileId: n.detail?.fileId
+        });
+      });
+    }
+  },
+  // Dropdown
+  "cds-dropdown": {
+    import: L,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "cds-dropdown-selected", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          value: t.value,
+          selectedValue: n.detail?.item?.value,
+          selectedText: n.detail?.item?.textContent?.trim()
+        });
+      });
+      const i = t.getAttribute("toggle-event");
+      i && this.listen(t, "cds-dropdown-toggled", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          open: t.hasAttribute("open")
+        });
+      });
+    }
+  },
+  // Checkbox - Carbon uses custom event
+  "cds-checkbox": {
+    import: $,
+    event: "cds-checkbox-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      checked: t.detail.checked,
+      value: s.value
+    })
+  },
+  // Radio Button Group - only listen to the group, not individual buttons
+  "cds-radio-button-group": {
+    import: H,
+    event: "cds-radio-button-group-changed",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail?.value
+    })
+  },
+  // Toggle
+  "cds-toggle": {
+    import: K,
+    event: "cds-toggle-changed",
+    getData: (t, e) => ({
+      ...e,
+      isOn: t.detail.checked,
+      value: t.detail.checked
+    })
+  },
+  // Select
+  "cds-select": {
+    import: J,
+    event: "cds-select-selected",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail.value
+    })
+  },
+  // Slider
+  "cds-slider": {
+    import: Q,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "cds-slider-changed", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          value: n.detail.value
+        });
+      });
+      const i = t.getAttribute("input-event");
+      i && this.listen(t, "cds-slider-input-changed", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          value: n.detail.value
+        });
+      });
+    }
+  },
+  // Tags - regular tags (click only, not closeable)
+  "cds-tag": {
+    import: P,
+    event: "click",
+    getData: (t, e) => e
+  },
+  // Dismissible tags (closeable tags with X button)
+  "cds-dismissible-tag": {
+    import: P,
+    init: function(t) {
+      const e = c(t), s = t.getAttribute("click-event");
+      s && this.listen(t, "click", (n) => {
+        n.target.closest("button") || this.dispatchPanelEvent(s, {
+          ...e
+        });
+      });
+      const i = e.event;
+      i && this.listen(t, "cds-dismissible-tag-closed", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          action: "closed"
+        });
+      });
+    }
+  },
+  // Filter tags (closeable tags used for filters)
+  "cds-filter-tag": {
+    import: P,
+    event: "cds-filter-tag-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "remove"
+    })
+  },
+  // Tabs
+  "cds-tabs": {
+    import: it,
+    init: function(t) {
+      const e = c(t), s = t.getAttribute("before-select-event");
+      s && this.listen(t, "cds-tabs-beingselected", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          tabValue: n.detail.value,
+          cancelable: !0
+        });
+      });
+      const i = e.event;
+      i && this.listen(t, "cds-tabs-selected", (n) => {
+        const o = n.detail.item, a = c(o);
+        this.dispatchPanelEvent(i, {
+          ...e,
+          ...a,
+          tabValue: n.detail.value
+        });
+      });
+    }
+  },
+  // Data Table - uses custom init for multiple event types
+  "cds-table": {
+    import: ct,
+    init: function(t) {
+      const e = c(t), s = t.getAttribute("selection-event") || e.event;
+      s && this.listen(t, "cds-table-row-change-selection", (r) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          selected: r.detail.selected,
+          rowId: r.target.id
+        });
+      });
+      const i = t.getAttribute("select-all-event");
+      i && this.listen(t, "cds-table-change-selection-all", (r) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          selected: r.detail.selected
+        });
+      });
+      const n = t.getAttribute("row-selected-event");
+      n && this.listen(t, "cds-table-row-selected", (r) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          selectedRows: r.detail.selectedRows || []
+        });
+      });
+      const o = t.getAttribute("all-selected-event");
+      o && this.listen(t, "cds-table-row-all-selected", (r) => {
+        this.dispatchPanelEvent(o, {
+          ...e,
+          selected: r.detail.selected
+        });
+      }), [...t.querySelectorAll("cds-table-row")].forEach((r) => {
+        const h = c(r), u = t.getAttribute("row-click-event") || h.event;
+        u && this.listen(r, "click", (y) => {
+          y.target.matches("cds-table-header-cell-checkbox, cds-table-cell-checkbox") || (y.stopPropagation(), this.dispatchPanelEvent(u, {
+            ...e,
+            ...h,
+            rowId: r.id
+          }));
+        });
+      });
+      const l = t.getAttribute("expand-event");
+      l && this.listen(t, "cds-table-row-expando-toggled", (r) => {
+        this.dispatchPanelEvent(l, {
+          ...e,
+          rowId: r.target.id,
+          expanded: r.detail.expanded
+        });
+      });
+      const v = t.getAttribute("sort-event");
+      v && this.listen(t, "cds-table-header-cell-sort", (r) => {
+        this.dispatchPanelEvent(v, {
+          ...e,
+          sortColumn: r.detail.columnId,
+          sortDirection: r.detail.sortDirection
+        });
+      });
+      const g = t.getAttribute("sorted-event");
+      g && this.listen(t, "cds-table-sorted", (r) => {
+        this.dispatchPanelEvent(g, {
+          ...e,
+          sortColumn: r.detail.columnId,
+          sortDirection: r.detail.sortDirection
+        });
+      });
+      const p = t.querySelector("cds-table-batch-actions");
+      if (p) {
+        const r = t.getAttribute("batch-cancel-event");
+        r && this.listen(p, "cds-table-batch-actions-cancel-clicked", (u) => {
+          this.dispatchPanelEvent(r, {
+            ...e,
+            action: "cancel"
+          });
+        });
+        const h = t.getAttribute("batch-select-all-event");
+        h && this.listen(p, "cds-table-batch-actions-select-all-clicked", (u) => {
+          this.dispatchPanelEvent(h, {
+            ...e,
+            action: "select-all"
+          });
+        });
+      }
+      const f = t.querySelector("cds-search");
+      if (f) {
+        const r = t.getAttribute("search-event");
+        r && this.listen(f, "cds-search-input", (u) => {
+          this.dispatchPanelEvent(r, {
+            ...e,
+            searchTerm: u.target.value
+          });
+        });
+        const h = t.getAttribute("filtered-event");
+        h && this.listen(t, "cds-table-filtered", (u) => {
+          this.dispatchPanelEvent(h, {
+            ...e,
+            searchTerm: u.detail.searchTerm
+          });
+        });
+      }
+    }
+  },
+  // Overflow Menu
+  "cds-overflow-menu": {
+    import: at,
+    // We collect the menu attributes from the menu, but we listen for the
+    // events on the menu body.
+    init: function(t) {
+      const s = c(t).event, i = t.querySelector("cds-overflow-menu-body");
+      s && i && this.listen(i, "cds-overflow-menu-item-clicked", (n) => {
+        n.stopPropagation();
+        const o = c(n.target);
+        this.dispatchPanelEvent(s, {
+          ...o,
+          ...o
+        });
+      });
+    }
+  },
+  // Structured List
+  "cds-structured-list": {
+    import: rt,
+    init: function(t) {
+      const e = c(t);
+      [...t.querySelectorAll("cds-structured-list-row")].forEach((i) => {
+        const n = c(i), o = n.event || e.event;
+        o && this.listen(i, "click", (a) => {
+          a.stopPropagation(), this.dispatchPanelEvent(o, {
+            ...e,
+            ...n
+          });
+        });
+      }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (i) => {
+        const n = i.detail.row, o = c(n), a = e.event;
+        a && this.dispatchPanelEvent(a, {
+          ...e,
+          ...o
+        });
+      });
+    }
+  },
+  // Progress Bar - monitors for completion
+  "cds-progress-bar": {
+    import: lt,
+    init: function(t) {
+      const e = c(t);
+      if (e.event) {
+        const s = new MutationObserver(() => {
+          const i = parseFloat(t.getAttribute("value") || "0"), n = parseFloat(t.getAttribute("max") || "100");
+          i >= n && this.dispatchPanelEvent(e.event, {
+            ...e,
+            value: i,
+            status: "complete"
+          });
+        });
+        s.observe(t, {
+          attributes: !0,
+          attributeFilter: ["value"]
+        }), t._progressObserver = s;
+      }
+    }
+  },
+  // Modal - multiple event types
+  "cds-modal": {
+    import: m,
+    init: function(t) {
+      const e = c(t), s = d(t, "open-event", "event");
+      s && this.listen(t, "cds-modal-beingopened", (o) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "opened"
+        });
+      });
+      const i = t.getAttribute("before-close-event");
+      i && this.listen(t, "cds-modal-beingclosed", (o) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          action: "closing",
+          cancelable: !0
+        });
+      }), this.listen(t, "cds-modal-closed", (o) => {
+        this.dispatchPanelEvent("destroy_me", {
+          ...e,
+          action: "closed",
+          triggeredBy: o.detail?.triggeredBy
+        });
+      });
+      const n = d(t, "primary-event", "event");
+      n && this.listen(t, "cds-modal-primary-focus", (o) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          action: "primary"
+        });
+      });
+    }
+  },
+  // Modal sub-components (presentational)
+  "cds-modal-header": {
+    import: m
+    // No event handling - presentational header wrapper
+  },
+  "cds-modal-heading": {
+    import: m
+    // No event handling - presentational heading element
+  },
+  "cds-modal-label": {
+    import: m
+    // No event handling - presentational label element
+  },
+  "cds-modal-close-button": {
+    import: m
+    // No event handling - close button handled by modal itself via data-modal-close
+  },
+  "cds-modal-body": {
+    import: m
+    // No event handling - presentational body wrapper
+  },
+  "cds-modal-body-content": {
+    import: m
+    // No event handling - presentational content wrapper
+  },
+  "cds-modal-footer": {
+    import: m
+    // No event handling - presentational footer wrapper
+  },
+  "cds-modal-footer-button": {
+    import: m,
+    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 i = e.event;
+      i && this.listen(t, "click", (n) => {
+        n.stopPropagation(), this.dispatchPanelEvent(i, e);
+      });
+    }
+  },
+  // Breadcrumb - Navigation trail component
+  "cds-breadcrumb": {
+    import: I,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      if (s) {
+        const i = (o) => {
+          this.dispatchPanelEvent(s, {
+            ...e,
+            ...o
+          });
+        };
+        this.listen(t, "click", (o) => {
+          const a = o.target.closest("cds-breadcrumb-link");
+          if (a) {
+            o.preventDefault(), o.stopPropagation();
+            const l = c(a);
+            i(l);
+          }
+        });
+        const n = t.querySelector("cds-overflow-menu-body");
+        n && this.listen(n, "cds-overflow-menu-item-clicked", (o) => {
+          o.stopPropagation();
+          const a = c(o.target);
+          i(a);
+        });
+      }
+    }
+  },
+  // Breadcrumb Item - Wrapper for breadcrumb links
+  "cds-breadcrumb-item": {
+    import: I
+    // No event handling - presentational wrapper
+  },
+  // Breadcrumb Link - Individual breadcrumb link
+  "cds-breadcrumb-link": {
+    import: I,
+    event: "click",
+    getData: (t, e, s) => (t.preventDefault(), {
+      ...e,
+      href: s.getAttribute("href")
+    })
+  },
+  // Pagination
+  "cds-pagination": {
+    import: nt,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "cds-pagination-changed-current", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          page: n.detail.page,
+          pageSize: n.detail.pageSize,
+          action: "page-change"
+        });
+      });
+      const i = t.getAttribute("page-size-event");
+      i && this.listen(t, "cds-page-sizes-select-changed", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          page: n.detail.page,
+          pageSize: n.detail.pageSize,
+          action: "page-size-change"
+        });
+      });
+    }
+  },
+  // Accordion
+  "cds-accordion": {
+    import: ot,
+    init: function(t) {
+      const e = c(t);
+      [...t.querySelectorAll("cds-accordion-item")].forEach((i) => {
+        const n = c(i), o = n.event || e.event;
+        o && this.listen(i, "cds-accordion-item-toggled", (a) => {
+          this.dispatchPanelEvent(o, {
+            ...e,
+            ...n,
+            open: a.detail.open
+          });
+        });
+      });
+    }
+  },
+  // Content Switcher
+  "cds-content-switcher": {
+    import: st,
+    init: function(t) {
+      const e = c(t), s = t.getAttribute("before-select-event");
+      s && this.listen(t, "cds-content-switcher-beingselected", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          value: n.detail.value,
+          cancelable: !0
+        });
+      });
+      const i = e.event;
+      i && this.listen(t, "cds-content-switcher-selected", (n) => {
+        const o = n.detail.item, a = c(o);
+        this.dispatchPanelEvent(i, {
+          ...e,
+          ...a,
+          value: o.getAttribute("value")
+        });
+      });
+    }
+  },
+  // Link
+  "cds-link": {
+    import: M,
+    event: "click",
+    getData: (t, e, s) => ({
+      ...e,
+      href: s.getAttribute("href")
+    })
+  },
+  // Badge Indicator - Status badge component (typically used in tabs/icons)
+  "cds-badge-indicator": {
+    import: R
+    // No event handling - presentational status indicator
+    // Typically appears as a dot on tabs or icons to show notifications/status
+  },
+  // Tree View
+  "cds-tree-view": {
+    import: dt,
+    init: function(t) {
+      const e = c(t);
+      this.listen(t, "cds-tree-node-selected", (i) => {
+        const n = i.detail.node, o = c(n), a = o.event || e.event;
+        a && this.dispatchPanelEvent(a, {
+          ...e,
+          ...o,
+          nodeId: n.id,
+          label: n.getAttribute("label")
+        });
+      });
+      const s = d(t, "expand-event");
+      s && this.listen(t, "cds-tree-node-expanded", (i) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          nodeId: i.detail.node.id,
+          expanded: i.detail.expanded
+        });
+      });
+    }
+  },
+  // Tooltip
+  "cds-tooltip": {
+    import: pt,
+    init: function(t) {
+      const e = c(t), s = d(t, "open-event");
+      s && this.listen(t, "cds-tooltip-beingopened", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "opened"
+        });
+      });
+      const i = d(t, "close-event");
+      i && this.listen(t, "cds-tooltip-closed", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          action: "closed"
+        });
+      });
+    }
+  },
+  // Popover
+  "cds-popover": {
+    import: vt,
+    init: function(t) {
+      const e = c(t), s = d(t, "open-event");
+      s && this.listen(t, "cds-popover-beingopened", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "opened"
+        });
+      });
+      const i = d(t, "close-event");
+      i && this.listen(t, "cds-popover-closed", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          action: "closed"
+        });
+      });
+    }
+  },
+  // Notification
+  "cds-toast-notification": {
+    import: A,
+    event: "cds-notification-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "closed"
+    })
+  },
+  "cds-inline-notification": {
+    import: A,
+    event: "cds-notification-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "closed"
+    })
+  },
+  "cds-actionable-notification": {
+    import: A,
+    init: function(t) {
+      const e = c(t), s = d(t, "close-event", "event");
+      s && this.listen(t, "cds-notification-closed", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "closed"
+        });
+      });
+      const i = d(t, "action-event");
+      i && this.listen(t, "cds-notification-actioned", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          action: "actioned"
+        });
+      });
+    }
+  },
+  // Loading - Full-page or section loading spinner
+  "cds-loading": {
+    import: ht
+    // No event handling - presentational loading spinner
+  },
+  // Inline Loading - Loading indicator for inline actions (e.g., form submit)
+  "cds-inline-loading": {
+    import: ut,
+    init: function(t) {
+      const e = c(t), s = e.event;
+      s && this.listen(t, "cds-inline-loading-onsuccess", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          status: "finished"
+        });
+      });
+      const i = t.getAttribute("status-event");
+      if (i) {
+        const n = new MutationObserver((o) => {
+          o.forEach((a) => {
+            if (a.attributeName === "status") {
+              const l = t.getAttribute("status");
+              this.dispatchPanelEvent(i, {
+                ...e,
+                status: l
+              });
+            }
+          });
+        });
+        n.observe(t, {
+          attributes: !0,
+          attributeFilter: ["status"]
+        }), t._statusObserver = n;
+      }
+    }
+  },
+  // Skeleton components - Loading placeholders
+  "cds-skeleton-text": {
+    import: gt
+    // No event handling - presentational loading placeholder
+  },
+  "cds-skeleton-placeholder": {
+    import: ft
+    // No event handling - presentational loading placeholder
+  },
+  // Code Snippet
+  "cds-code-snippet": {
+    import: mt,
+    event: "cds-copy-button-clicked",
+    getData: (t, e) => ({
+      ...e,
+      action: "copied"
+    })
+  },
+  // Tiles
+  "cds-clickable-tile": {
+    import: E,
+    event: "click",
+    getData: (t, e) => ({
+      ...e,
+      href: t.currentTarget.getAttribute("href")
+    })
+  },
+  "cds-expandable-tile": {
+    import: E,
+    init: function(t) {
+      const e = c(t), s = t.getAttribute("before-toggle-event");
+      s && this.listen(t, "cds-expandable-tile-beingtoggled", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          expanded: n.detail.expanded,
+          cancelable: !0
+        });
+      });
+      const i = e.event;
+      i && this.listen(t, "cds-expandable-tile-toggled", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          expanded: n.detail.expanded
+        });
+      });
+    }
+  },
+  "cds-selectable-tile": {
+    import: E,
+    event: "cds-selectable-tile-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      selected: t.detail.selected,
+      value: s.value
+    })
+  },
+  "cds-radio-tile": {
+    import: E,
+    event: "cds-selectable-tile-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      selected: t.detail.selected,
+      value: s.value
+    })
+  },
+  // Progress Indicator
+  "cds-progress-indicator": {
+    import: bt,
+    init: function(t) {
+      const e = c(t);
+      this.listen(t, "cds-progress-step-click", (s) => {
+        const i = s.target, n = c(i), o = n.event || e.event;
+        o && this.dispatchPanelEvent(o, {
+          ...e,
+          ...n,
+          stepIndex: i.getAttribute("data-index"),
+          stepLabel: i.getAttribute("label")
+        });
+      });
+    }
+  },
+  // Combo Button - composed of button + menu
+  "cds-combo-button": {
+    import: z,
+    init: function(t) {
+      const e = c(t);
+      e.event && this.listen(t, "click", (i) => {
+        const n = i.composedPath(), o = n.some((l) => l.tagName === "CDS-MENU-ITEM"), a = n.some((l) => l.tagName === "CDS-ICON-BUTTON");
+        !o && !a && (i.stopPropagation(), this.dispatchPanelEvent(e.event, {
+          ...e,
+          action: "primary"
+        }));
+      });
+      const s = t.querySelector("cds-menu");
+      s && this.listen(s, "click", (i) => {
+        if (i.target.tagName === "CDS-MENU-ITEM") {
+          const n = c(i.target), o = n.event || d(t, "menu-event", "event");
+          o && this.dispatchPanelEvent(o, {
+            ...e,
+            ...n,
+            action: "menu-item"
+          });
+        }
+      });
+    }
+  },
+  // Toggletip - tooltip that stays open until dismissed
+  "cds-toggletip": {
+    import: Et,
+    init: function(t) {
+      const e = c(t);
+      if (e.event) {
+        const s = new MutationObserver((i) => {
+          i.forEach((n) => {
+            if (n.attributeName === "open") {
+              const o = t.hasAttribute("open");
+              this.dispatchPanelEvent(e.event, {
+                ...e,
+                action: o ? "opened" : "closed",
+                open: o
+              });
+            }
+          });
+        });
+        s.observe(t, {
+          attributes: !0,
+          attributeFilter: ["open"]
+        }), t._toggletipObserver = s;
+      }
+    }
+  },
+  // Menu
+  "cds-menu": {
+    import: D,
+    init: function(t) {
+      const e = c(t), s = d(t, "open-event");
+      s && this.listen(t, "cds-menu-opened", (n) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "opened"
+        });
+      });
+      const i = d(t, "close-event");
+      i && this.listen(t, "cds-menu-closed", (n) => {
+        this.dispatchPanelEvent(i, {
+          ...e,
+          action: "closed"
+        });
+      }), this.listen(t, "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
+          }));
+        }
+      }), this.listen(t, "cds-item-changed", (n) => {
+        const o = n.detail.triggeredBy, a = c(o), l = a.event || e.event;
+        l && this.dispatchPanelEvent(l, {
+          ...e,
+          ...a,
+          action: "selection-changed"
+        });
+      });
+    }
+  },
+  // Menu Button - button that opens a menu
+  "cds-menu-button": {
+    import: D,
+    init: function(t) {
+      const e = c(t), s = t.querySelector("cds-menu");
+      s && this.listen(s, "click", (i) => {
+        if (i.target.tagName === "CDS-MENU-ITEM") {
+          const n = c(i.target), o = n.event || e.event;
+          o && (i.stopPropagation(), this.dispatchPanelEvent(o, {
+            ...e,
+            ...n
+          }));
+        }
+      });
+    }
+  }
+}, kt = async function(t, e) {
+  const s = It(t);
+  if (s.size === 0) {
+    this.debugMe("[Carbon] No Carbon components found in panel");
+    return;
+  }
+  const i = Pt(s);
+  if (i.size > 0)
+    try {
+      await At(i, e);
+    } catch (o) {
+      console.error("[Carbon] Failed to load some component modules:", o);
+    }
+  const n = yt(s, this);
+  n > 0 && this.debugMe(`[Carbon] Total components initialized: ${n}`);
+};
+function wt() {
+  T.register("carbon", {
+    /**
+     * Main render function that orchestrates Carbon component initialization.
+     * Called by Panel.parseContent() for each panel that enters the document.
+     *
+     * @param {Element} panel - The panel DOM element to scan and initialize
+     * @param {Map} cache - Import cache to prevent duplicate module loads
+     * @returns {Promise<void>}
+     */
+    render: async function(t, e) {
+      try {
+        await kt.call(this, t, e);
+      } catch (s) {
+        console.error("[Carbon] Initialization error:", s);
+      }
+    },
+    /**
+     * Cleans up Carbon components when a component is disposed.
+     * Carbon Web Components (native web components) automatically cleanup when
+     * removed from the DOM, so this is primarily here for completeness and
+     * future extensibility.
+     *
+     * @param {Element} _element - The element being disposed
+     */
+    dispose: function(t) {
+    },
+    config: {
+      version: "2.0",
+      description: "IBM Carbon Design System Web Components"
+    }
+  }), console.debug("[Zooy] Carbon Design System library registered");
+}
+export {
+  wt as registerCarbonLibrary
+};