@trintel/zooy 1.0.1-beta.0 → 1.0.1-beta.1

package/dist/chunks/register-ClkXTZwT.js

@@ -0,0 +1,1383 @@
+import { g as r, D as S, c as p, C as D } from "./main-DTOZMPON.js";
+const T = () => import("./index-BwOJ4JFm.js"), N = (t, e, s) => {
+  const n = e.getAttribute("selection-event") || s.event;
+  n && t.listen(e, "cds-table-row-change-selection", (a) => {
+    t.dispatchPanelEvent(n, {
+      ...s,
+      selected: a.detail.selected,
+      rowId: a.target.id
+    });
+  });
+  const o = e.getAttribute("select-all-event");
+  o && t.listen(e, "cds-table-change-selection-all", (a) => {
+    t.dispatchPanelEvent(o, {
+      ...s,
+      selected: a.detail.selected
+    });
+  });
+  const i = e.getAttribute("row-selected-event");
+  i && t.listen(e, "cds-table-row-selected", (a) => {
+    t.dispatchPanelEvent(i, {
+      ...s,
+      selectedRows: a.detail.selectedRows || []
+    });
+  });
+  const c = e.getAttribute("all-selected-event");
+  c && t.listen(e, "cds-table-row-all-selected", (a) => {
+    t.dispatchPanelEvent(c, {
+      ...s,
+      selected: a.detail.selected
+    });
+  });
+}, x = (t, e, s) => {
+  const n = e.getAttribute("row-click-event");
+  n && t.listen(e, "click", (i) => {
+    const c = i.target.closest("cds-table-row");
+    if (!c || i.target.matches("cds-table-header-cell-checkbox, cds-table-cell-checkbox"))
+      return;
+    i.stopPropagation();
+    const a = r(c);
+    t.dispatchPanelEvent(n, {
+      ...s,
+      ...a,
+      rowId: c.id
+    });
+  });
+  const o = e.getAttribute("expand-event");
+  o && t.listen(e, "cds-table-row-expando-toggled", (i) => {
+    t.dispatchPanelEvent(o, {
+      ...s,
+      rowId: i.target.id,
+      expanded: i.detail.expanded
+    });
+  });
+}, z = (t, e, s) => {
+  const n = e.getAttribute("sort-event");
+  n && t.listen(e, "cds-table-header-cell-sort", (i) => {
+    t.dispatchPanelEvent(n, {
+      ...s,
+      sortColumn: i.detail.columnId,
+      sortDirection: i.detail.sortDirection
+    });
+  });
+  const o = e.getAttribute("sorted-event");
+  o && t.listen(e, "cds-table-sorted", (i) => {
+    t.dispatchPanelEvent(o, {
+      ...s,
+      sortColumn: i.detail.columnId,
+      sortDirection: i.detail.sortDirection
+    });
+  });
+}, _ = (t, e, s) => {
+  const n = e.querySelector("cds-table-batch-actions");
+  if (!n)
+    return;
+  const o = e.getAttribute("batch-cancel-event");
+  o && t.listen(n, "cds-table-batch-actions-cancel-clicked", (c) => {
+    t.dispatchPanelEvent(o, {
+      ...s,
+      action: "cancel"
+    });
+  });
+  const i = e.getAttribute("batch-select-all-event");
+  i && t.listen(n, "cds-table-batch-actions-select-all-clicked", (c) => {
+    t.dispatchPanelEvent(i, {
+      ...s,
+      action: "select-all"
+    });
+  });
+}, M = (t, e, s) => {
+  const n = e.querySelector("cds-search");
+  if (!n)
+    return;
+  const o = e.getAttribute("search-event");
+  o && t.listen(n, "cds-search-input", (c) => {
+    t.dispatchPanelEvent(o, {
+      ...s,
+      searchTerm: c.target.value
+    });
+  });
+  const i = e.getAttribute("filtered-event");
+  i && t.listen(e, "cds-table-filtered", (c) => {
+    t.dispatchPanelEvent(i, {
+      ...s,
+      searchTerm: c.detail.searchTerm
+    });
+  });
+}, y = (t) => {
+  const e = t.querySelector("cds-table-header-row");
+  if (!e) return;
+  [...e.children].forEach((n) => {
+    n.isSortable && (n.isSortable = !1, n.setAttribute("data-was-sortable", "true"));
+  });
+}, g = (t) => {
+  const e = t.querySelector("cds-table-header-row");
+  if (!e) return;
+  [...e.children].forEach((n) => {
+    n.getAttribute("data-was-sortable") === "true" && (n.isSortable = !0, n.removeAttribute("data-was-sortable"));
+  });
+}, O = (t, e) => {
+  if (!e.parentNode) {
+    console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
+    return;
+  }
+  const s = document.createElement("cds-table-skeleton");
+  s.classList.add("fade-in");
+  const n = !!e.querySelector('[slot="title"]'), o = !!e.querySelector('[slot="description"]'), i = !!e.querySelector('cds-table-toolbar, [slot="toolbar"]'), c = e.querySelector("cds-table-header-row");
+  s.showHeader = n || o, s.showToolbar = i, s.zebra = e.hasAttribute("zebra"), c && (s.columnCount = c.children.length);
+  const a = e.getAttribute("size");
+  a && ["xs", "sm", "md", "lg", "xl"].includes(a) && (s.size = a), t.debugMe(
+    `[Carbon Table] Skeleton created: columns=${s.columnCount}, showHeader=${s.showHeader}, showToolbar=${s.showToolbar}, size=${s.size || "default"}, zebra=${s.zebra}`
+  );
+  const l = document.createElement("div");
+  return l.style.position = "relative", e.parentNode.insertBefore(l, e), l.appendChild(s), l.appendChild(e), Object.assign(s.style, {
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "100%",
+    zIndex: "0"
+  }), Object.assign(e.style, {
+    position: "relative",
+    zIndex: "1",
+    backgroundColor: "transparent"
+  }), y(e), console.log("[Carbon Table] Skeleton element:", s), console.log("[Carbon Table] Skeleton in DOM:", document.body.contains(s)), s;
+}, q = (t, e, s) => {
+  e.addEventListener("cds-table-header-cell-sort", (n) => {
+    n.stopPropagation(), n.preventDefault();
+    const i = [...e.querySelector("cds-table-header-row").children], c = i.indexOf(n.target), a = n.target.getAttribute("data-sort-field") || n.target.textContent.trim();
+    i.forEach((m, b) => {
+      b === c ? (m.setAttribute("sort-active", "true"), m.setAttribute("sort-direction", n.detail.sortDirection)) : (m.removeAttribute("sort-active"), m.setAttribute("sort-direction", "none"));
+    }), y(e);
+    const u = { ordering: n.detail.sortDirection === "descending" ? `-${a}` : a }, d = e.getAttribute("data-page-size");
+    d && (u.limit = parseInt(d, 10)), s.load(u).then(() => {
+      g(e);
+    }).catch((m) => {
+      console.error("[Carbon Table] Sort load failed:", m), g(e);
+    });
+  }, { capture: !0 });
+}, R = (t, e, s) => {
+  const n = e.querySelector("cds-search");
+  n && t.listen(n, "cds-search-input", (o) => {
+    const i = { q: o.target.value }, c = e.getAttribute("data-page-size");
+    c && (i.limit = parseInt(c, 10)), s.load(i).catch((a) => {
+      console.error("[Carbon Table] Search load failed:", a);
+    });
+  });
+}, B = (t, e, s) => {
+  const n = e.getAttribute("data-api-url"), o = e.getAttribute("data-template");
+  if (!n || !o)
+    return;
+  const i = e.querySelector("cds-table-body");
+  if (!i) {
+    console.warn("[Carbon Table] DataBinder table missing cds-table-body");
+    return;
+  }
+  try {
+    const c = O(t, e), a = new S({
+      url: n,
+      template: o,
+      container: i,
+      dataPath: e.getAttribute("data-path"),
+      fetchFn: (d) => t.user.fetchJson(d, t.abortController.signal)
+    });
+    q(t, e, a), R(t, e, a);
+    const l = e.getAttribute("data-page-size"), u = l ? { limit: parseInt(l, 10) } : {};
+    a.load(u).then(() => {
+      c && (c.style.display = "none"), g(e);
+    }).catch((d) => {
+      console.error("[Carbon Table] Initial load failed:", d), c && (c.style.display = "none"), g(e);
+    }), e.dataBinder = a, t.debugMe(`[Carbon Table] DataBinder initialized for table: ${e.id || "(no id)"}`);
+  } catch (c) {
+    console.error("[Carbon Table] Failed to initialize DataBinder:", c);
+  }
+}, F = {
+  selector: "cds-table",
+  import: T,
+  /**
+   * Initialize the table component with event handlers and optional DataBinder.
+   * @param {HTMLElement} table - The cds-table element
+   */
+  init: function(t) {
+    const e = r(t);
+    N(this, t, e), x(this, t, e), z(this, t, e), _(this, t, e), M(this, t, e), B(this, t);
+  }
+}, v = () => import("./index-GRYR4d36.js"), U = {
+  selector: "cds-modal",
+  import: v,
+  init: function(t) {
+    const e = r(t), s = p(t, "open-event", "event");
+    s && this.listen(t, "cds-modal-beingopened", (i) => {
+      this.dispatchPanelEvent(s, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const n = t.getAttribute("before-close-event");
+    n && this.listen(t, "cds-modal-beingclosed", (i) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "closing",
+        cancelable: !0
+      });
+    }), this.listen(t, "cds-modal-closed", (i) => {
+      this.dispatchPanelEvent("destroy_me", {
+        ...e,
+        action: "closed",
+        triggeredBy: i.detail?.triggeredBy
+      });
+    });
+    const o = p(t, "primary-event", "event");
+    o && this.listen(t, "cds-modal-primary-focus", (i) => {
+      this.dispatchPanelEvent(o, {
+        ...e,
+        action: "primary"
+      });
+    });
+  }
+}, $ = {
+  "cds-modal-header": {
+    import: v
+    // No event handling - presentational header wrapper
+  },
+  "cds-modal-heading": {
+    import: v
+    // No event handling - presentational heading element
+  },
+  "cds-modal-label": {
+    import: v
+    // No event handling - presentational label element
+  },
+  "cds-modal-close-button": {
+    import: v
+    // No event handling - close button handled by modal itself via data-modal-close
+  },
+  "cds-modal-body": {
+    import: v
+    // No event handling - presentational body wrapper
+  },
+  "cds-modal-body-content": {
+    import: v
+    // No event handling - presentational content wrapper
+  },
+  "cds-modal-footer": {
+    import: v
+    // No event handling - presentational footer wrapper
+  },
+  "cds-modal-footer-button": {
+    import: v,
+    init: function(t) {
+      const e = r(t);
+      if (t.getAttribute("type") === "submit") {
+        this.listen(t, "click", (o) => {
+          let i = t.closest("form");
+          if (!i) {
+            const c = t.getAttribute("form");
+            c && (i = document.getElementById(c));
+          }
+          i && i.requestSubmit();
+        });
+        return;
+      }
+      const n = e.event;
+      n && this.listen(t, "click", (o) => {
+        o.stopPropagation(), this.dispatchPanelEvent(n, e);
+      });
+    }
+  }
+}, k = () => import("./index-BKsBoGOO.js"), j = {
+  selector: "cds-menu",
+  import: k,
+  init: function(t) {
+    const e = r(t), s = p(t, "open-event");
+    s && this.listen(t, "cds-menu-opened", (o) => {
+      this.dispatchPanelEvent(s, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const n = p(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 i = r(o.target), c = i.event || e.event;
+        c && (o.stopPropagation(), this.dispatchPanelEvent(c, {
+          ...e,
+          ...i
+        }));
+      }
+    }), this.listen(t, "cds-item-changed", (o) => {
+      const i = o.detail.triggeredBy, c = r(i), a = c.event || e.event;
+      a && this.dispatchPanelEvent(a, {
+        ...e,
+        ...c,
+        action: "selection-changed"
+      });
+    });
+  }
+}, H = {
+  "cds-menu-button": {
+    import: k,
+    init: function(t) {
+      const e = r(t), s = t.querySelector("cds-menu");
+      s && this.listen(s, "click", (n) => {
+        if (n.target.tagName === "CDS-MENU-ITEM") {
+          const o = r(n.target), i = o.event || e.event;
+          i && (n.stopPropagation(), this.dispatchPanelEvent(i, {
+            ...e,
+            ...o
+          }));
+        }
+      });
+    }
+  }
+}, w = () => import("./index-DXoeeipa.js"), A = () => import("./index-COcNpxlj.js").then((t) => t.i), V = () => import("./index-y_a1ZQAA.js"), L = () => import("./index-C8YWVLB0.js"), G = {
+  selector: "cds-button",
+  import: w,
+  init: function(t) {
+    const e = r(t);
+    if (t.getAttribute("type") === "submit") {
+      this.listen(t, "click", (o) => {
+        let i = t.closest("form");
+        if (!i) {
+          const c = t.getAttribute("form");
+          c && (i = document.getElementById(c));
+        }
+        i && i.requestSubmit();
+      });
+      return;
+    }
+    const n = e.event;
+    n && this.listen(t, "click", (o) => {
+      o.stopPropagation(), this.dispatchPanelEvent(n, e);
+    });
+  }
+}, J = {
+  // Icon Button (non-toggle)
+  "cds-icon-button:not([data-toggle])": {
+    import: A,
+    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: A,
+    init: function(t) {
+      const e = r(t);
+      e.event && this.listen(t, "click", (s) => {
+        s.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
+          ...e,
+          isOn: t.isSelected
+        });
+      });
+    }
+  },
+  // FAB (Floating Action Button) - just a styled button
+  "cds-button[data-fab]": {
+    import: w,
+    event: "click",
+    getData: (t, e) => e
+  },
+  // Copy Button - Button that copies text to clipboard
+  "cds-copy-button": {
+    import: L,
+    init: function(t) {
+      const e = r(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;
+      }
+    }
+  },
+  // Combo Button - composed of button + menu
+  "cds-combo-button": {
+    import: V,
+    init: function(t) {
+      const e = r(t);
+      e.event && this.listen(t, "click", (n) => {
+        const o = n.composedPath(), i = o.some((a) => a.tagName === "CDS-MENU-ITEM"), c = o.some((a) => a.tagName === "CDS-ICON-BUTTON");
+        !i && !c && (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 = r(n.target), i = o.event || p(t, "menu-event", "event");
+          i && this.dispatchPanelEvent(i, {
+            ...e,
+            ...o,
+            action: "menu-item"
+          });
+        }
+      });
+    }
+  }
+}, W = () => import("./index-BJHILyIN.js"), Z = () => import("./index-BAMMtRO9.js"), K = () => import("./index-ZyhwV5v-.js"), Q = {
+  selector: "cds-dropdown",
+  import: W,
+  init: function(t) {
+    const e = r(t), s = e.event;
+    s && this.listen(t, "cds-dropdown-selected", (o) => {
+      this.dispatchPanelEvent(s, {
+        ...e,
+        value: t.value,
+        selectedValue: o.detail?.item?.value,
+        selectedText: o.detail?.item?.textContent?.trim()
+      });
+    });
+    const n = t.getAttribute("toggle-event");
+    n && this.listen(t, "cds-dropdown-toggled", (o) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        open: t.hasAttribute("open")
+      });
+    });
+  }
+}, X = {
+  // Combo Box
+  "cds-combo-box": {
+    import: Z,
+    init: function(t) {
+      const e = r(t), s = e.event;
+      s && this.listen(t, "cds-combo-box-selected", (o) => {
+        const i = o.detail?.item;
+        this.dispatchPanelEvent(s, {
+          ...e,
+          value: t.value,
+          selectedValue: i?.value,
+          selectedText: i?.textContent?.trim()
+        });
+      });
+      const n = t.getAttribute("toggle-event");
+      n && this.listen(t, "cds-combo-box-toggled", (o) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          open: t.hasAttribute("open")
+        });
+      });
+    }
+  },
+  // Multi Select
+  "cds-multi-select": {
+    import: K,
+    init: function(t) {
+      const e = r(t), s = e.event;
+      s && this.listen(t, "cds-multi-select-selected", (o) => {
+        const i = t.value ? t.value.split(",") : [];
+        this.dispatchPanelEvent(s, {
+          ...e,
+          selectedItems: i
+        });
+      });
+      const n = t.getAttribute("toggle-event");
+      n && this.listen(t, "cds-multi-select-toggled", (o) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          open: t.hasAttribute("open")
+        });
+      });
+    }
+  }
+}, Y = () => import("./index-Ci2M9li9.js"), tt = () => import("./index-HvLIPR2y.js"), et = {
+  selector: "cds-date-picker",
+  import: Y,
+  init: function(t) {
+    const e = r(t), s = t.querySelector('cds-date-picker-input[kind="from"]'), n = t.querySelector('cds-date-picker-input[kind="to"]'), o = s && n, i = e.event;
+    i && this.listen(t, "cds-date-picker-changed", (a) => {
+      let l;
+      o ? l = {
+        from: s.value || "",
+        to: n.value || ""
+      } : l = t.value, this.dispatchPanelEvent(i, {
+        ...e,
+        value: l
+      });
+    });
+    const c = t.getAttribute("error-event");
+    c && this.listen(t, "cds-date-picker-flatpickr-error", (a) => {
+      this.dispatchPanelEvent(c, {
+        ...e,
+        error: a.detail
+      });
+    });
+  }
+}, nt = {
+  "cds-time-picker": {
+    import: tt,
+    event: "cds-time-picker-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      value: s.value
+    })
+  }
+}, st = () => import("./index-82K_ozYZ.js"), ot = {
+  selector: "cds-file-uploader",
+  import: st,
+  init: function(t) {
+    const e = r(t), s = e.event;
+    if (s) {
+      const o = t.querySelector('input[type="file"]');
+      o && this.listen(o, "change", (i) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          files: Array.from(i.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
+      });
+    });
+  }
+}, it = () => import("./index-C06cFvgb.js"), ct = () => import("./index-1G2UuijG.js"), rt = () => import("./index-BwMEAhRr.js"), at = {
+  selector: "cds-tabs",
+  import: it,
+  init: function(t) {
+    const e = r(t), s = t.getAttribute("before-select-event");
+    s && this.listen(t, "cds-tabs-beingselected", (o) => {
+      this.dispatchPanelEvent(s, {
+        ...e,
+        tabValue: o.detail.value,
+        cancelable: !0
+      });
+    });
+    const n = e.event;
+    n && this.listen(t, "cds-tabs-selected", (o) => {
+      const i = o.detail.item, c = r(i);
+      this.dispatchPanelEvent(n, {
+        ...e,
+        ...c,
+        tabValue: o.detail.value
+      });
+    });
+  }
+}, lt = {
+  // Accordion
+  "cds-accordion": {
+    import: ct,
+    init: function(t) {
+      const e = r(t);
+      [...t.querySelectorAll("cds-accordion-item")].forEach((n) => {
+        const o = r(n), i = o.event || e.event;
+        i && this.listen(n, "cds-accordion-item-toggled", (c) => {
+          this.dispatchPanelEvent(i, {
+            ...e,
+            ...o,
+            open: c.detail.open
+          });
+        });
+      });
+    }
+  },
+  // Content Switcher
+  "cds-content-switcher": {
+    import: rt,
+    init: function(t) {
+      const e = r(t), s = t.getAttribute("before-select-event");
+      s && this.listen(t, "cds-content-switcher-beingselected", (o) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          value: o.detail.value,
+          cancelable: !0
+        });
+      });
+      const n = e.event;
+      n && this.listen(t, "cds-content-switcher-selected", (o) => {
+        const i = o.detail.item, c = r(i);
+        this.dispatchPanelEvent(n, {
+          ...e,
+          ...c,
+          value: i.getAttribute("value")
+        });
+      });
+    }
+  }
+}, E = () => import("./index-D3ldTviC.js"), dt = () => import("./index-C8miW4lw.js"), pt = {
+  selector: "cds-breadcrumb",
+  import: E,
+  init: function(t) {
+    const e = r(t), s = e.event;
+    if (s) {
+      const n = (i) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          ...i
+        });
+      };
+      this.listen(t, "click", (i) => {
+        const c = i.target.closest("cds-breadcrumb-link");
+        if (c) {
+          i.preventDefault(), i.stopPropagation();
+          const a = r(c);
+          n(a);
+        }
+      });
+      const o = t.querySelector("cds-overflow-menu-body");
+      o && this.listen(o, "cds-overflow-menu-item-clicked", (i) => {
+        i.stopPropagation();
+        const c = r(i.target);
+        n(c);
+      });
+    }
+  }
+}, mt = {
+  // Breadcrumb Item - Wrapper for breadcrumb links
+  "cds-breadcrumb-item": {
+    import: E
+    // No event handling - presentational wrapper
+  },
+  // Breadcrumb Link - Individual breadcrumb link
+  "cds-breadcrumb-link": {
+    import: E,
+    event: "click",
+    getData: (t, e, s) => (t.preventDefault(), {
+      ...e,
+      href: s.getAttribute("href")
+    })
+  }
+}, ut = {
+  "cds-pagination": {
+    import: dt,
+    init: function(t) {
+      const e = r(t), s = e.event;
+      s && this.listen(t, "cds-pagination-changed-current", (o) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          page: o.detail.page,
+          pageSize: o.detail.pageSize,
+          action: "page-change"
+        });
+      });
+      const n = t.getAttribute("page-size-event");
+      n && this.listen(t, "cds-page-sizes-select-changed", (o) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          page: o.detail.page,
+          pageSize: o.detail.pageSize,
+          action: "page-size-change"
+        });
+      });
+    }
+  }
+}, vt = () => import("./index-DEcgB0oH.js"), ht = () => import("./index-DkUS58Ay.js"), ft = () => import("./index-BC-p6lrw.js"), gt = () => import("./index-CFYfFa1Z.js"), bt = () => import("./index-DocEKbBo.js"), Et = {
+  selector: "cds-text-input",
+  import: vt,
+  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
+      })
+    }
+  ]
+}, It = {
+  // Text Area
+  "cds-textarea": {
+    import: ht,
+    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: ft,
+    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: gt,
+    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: bt,
+    event: "cds-search-input",
+    getData: (t, e, s) => ({
+      ...e,
+      value: s.value
+    })
+  }
+}, Ct = () => import("./index-CZ2kGMvF.js"), At = () => import("./index-D1PpRn2p.js"), Pt = () => import("./index-C3LD0iwa.js"), yt = () => import("./index-Df3VILTD.js"), kt = () => import("./index-C5nYdcCH.js"), wt = {
+  selector: "cds-checkbox",
+  import: Ct,
+  event: "cds-checkbox-changed",
+  getData: (t, e, s) => ({
+    ...e,
+    checked: t.detail.checked,
+    value: s.value
+  })
+}, St = {
+  // Radio Button Group - only listen to the group, not individual buttons
+  "cds-radio-button-group": {
+    import: At,
+    event: "cds-radio-button-group-changed",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail?.value
+    })
+  },
+  // Toggle
+  "cds-toggle": {
+    import: Pt,
+    event: "cds-toggle-changed",
+    getData: (t, e) => ({
+      ...e,
+      isOn: t.detail.checked,
+      value: t.detail.checked
+    })
+  },
+  // Select
+  "cds-select": {
+    import: yt,
+    event: "cds-select-selected",
+    getData: (t, e) => ({
+      ...e,
+      value: t.detail.value
+    })
+  },
+  // Slider
+  "cds-slider": {
+    import: kt,
+    init: function(t) {
+      const e = r(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
+        });
+      });
+    }
+  }
+}, I = () => import("./index-DktSeVhc.js"), Dt = {
+  selector: "cds-tag",
+  import: I,
+  event: "click",
+  getData: (t, e) => e
+}, Tt = {
+  // Dismissible tags (closeable tags with X button)
+  "cds-dismissible-tag": {
+    import: I,
+    init: function(t) {
+      const e = r(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"
+        });
+      });
+    }
+  },
+  // Filter tags (closeable tags used for filters)
+  "cds-filter-tag": {
+    import: I,
+    event: "cds-filter-tag-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "remove"
+    })
+  }
+}, Nt = () => import("./index-CUd_43Fv.js"), xt = () => import("./index-CXgbBzE5.js"), zt = () => import("./index-CUTw26ex.js"), _t = {
+  selector: "cds-overflow-menu",
+  import: Nt,
+  // We collect the menu attributes from the menu, but we listen for the
+  // events on the menu body.
+  init: function(t) {
+    const e = r(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 i = r(o.target);
+      this.dispatchPanelEvent(s, {
+        ...e,
+        ...i
+      });
+    });
+  }
+}, Mt = {
+  // Structured List
+  "cds-structured-list": {
+    import: xt,
+    init: function(t) {
+      const e = r(t);
+      [...t.querySelectorAll("cds-structured-list-row")].forEach((n) => {
+        const o = r(n), i = o.event || e.event;
+        i && this.listen(n, "click", (c) => {
+          c.stopPropagation(), this.dispatchPanelEvent(i, {
+            ...e,
+            ...o
+          });
+        });
+      }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (n) => {
+        const o = n.detail.row, i = r(o), c = e.event;
+        c && this.dispatchPanelEvent(c, {
+          ...e,
+          ...i
+        });
+      });
+    }
+  },
+  // Tree View
+  "cds-tree-view": {
+    import: zt,
+    init: function(t) {
+      const e = r(t);
+      this.listen(t, "cds-tree-node-selected", (n) => {
+        const o = n.detail.node, i = r(o), c = i.event || e.event;
+        c && this.dispatchPanelEvent(c, {
+          ...e,
+          ...i,
+          nodeId: o.id,
+          label: o.getAttribute("label")
+        });
+      });
+      const s = p(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
+        });
+      });
+    }
+  }
+}, C = () => import("./index-CoPuejcu.js"), Ot = {
+  selector: "cds-toast-notification",
+  import: C,
+  event: "cds-notification-closed",
+  getData: (t, e) => ({
+    ...e,
+    action: "closed"
+  })
+}, qt = {
+  // Inline Notification
+  "cds-inline-notification": {
+    import: C,
+    event: "cds-notification-closed",
+    getData: (t, e) => ({
+      ...e,
+      action: "closed"
+    })
+  },
+  // Actionable Notification
+  "cds-actionable-notification": {
+    import: C,
+    init: function(t) {
+      const e = r(t), s = p(t, "close-event", "event");
+      s && this.listen(t, "cds-notification-closed", (o) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "closed"
+        });
+      });
+      const n = p(t, "action-event");
+      n && this.listen(t, "cds-notification-actioned", (o) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          action: "actioned"
+        });
+      });
+    }
+  }
+}, f = () => import("./index-B4JPT-gj.js"), Rt = {
+  selector: "cds-clickable-tile",
+  import: f,
+  event: "click",
+  getData: (t, e) => ({
+    ...e,
+    href: t.currentTarget.getAttribute("href")
+  })
+}, Bt = {
+  // Expandable Tile
+  "cds-expandable-tile": {
+    import: f,
+    init: function(t) {
+      const e = r(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
+        });
+      });
+    }
+  },
+  // Selectable Tile
+  "cds-selectable-tile": {
+    import: f,
+    event: "cds-selectable-tile-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      selected: t.detail.selected,
+      value: s.value
+    })
+  },
+  // Radio Tile
+  "cds-radio-tile": {
+    import: f,
+    event: "cds-selectable-tile-changed",
+    getData: (t, e, s) => ({
+      ...e,
+      selected: t.detail.selected,
+      value: s.value
+    })
+  }
+}, Ft = () => import("./index-B3EmHaO7.js"), Ut = () => import("./index-BHWaezgU.js"), $t = () => import("./index-CKBFfWOV.js"), jt = {
+  selector: "cds-progress-bar",
+  import: Ft,
+  init: function(t) {
+    const e = r(t);
+    if (e.event) {
+      const s = new MutationObserver(() => {
+        const n = parseFloat(t.getAttribute("value") || "0"), o = parseFloat(t.getAttribute("max") || "100");
+        n >= o && this.dispatchPanelEvent(e.event, {
+          ...e,
+          value: n,
+          status: "complete"
+        });
+      });
+      s.observe(t, {
+        attributes: !0,
+        attributeFilter: ["value"]
+      }), t._progressObserver = s;
+    }
+  }
+}, Ht = {
+  // Progress Indicator
+  "cds-progress-indicator": {
+    import: Ut,
+    init: function(t) {
+      const e = r(t);
+      this.listen(t, "cds-progress-step-click", (s) => {
+        const n = s.target, o = r(n), i = o.event || e.event;
+        i && this.dispatchPanelEvent(i, {
+          ...e,
+          ...o,
+          stepIndex: n.getAttribute("data-index"),
+          stepLabel: n.getAttribute("label")
+        });
+      });
+    }
+  },
+  // Inline Loading - Loading indicator for inline actions (e.g., form submit)
+  "cds-inline-loading": {
+    import: $t,
+    init: function(t) {
+      const e = r(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((i) => {
+          i.forEach((c) => {
+            if (c.attributeName === "status") {
+              const a = t.getAttribute("status");
+              this.dispatchPanelEvent(n, {
+                ...e,
+                status: a
+              });
+            }
+          });
+        });
+        o.observe(t, {
+          attributes: !0,
+          attributeFilter: ["status"]
+        }), t._statusObserver = o;
+      }
+    }
+  }
+}, Vt = () => import("./index-DQZqjZ8k.js"), Lt = () => import("./index-Cq6Vdh__.js").then((t) => t.i), Gt = () => import("./index-B_JMGygD.js"), Jt = {
+  selector: "cds-tooltip",
+  import: Vt,
+  init: function(t) {
+    const e = r(t), s = p(t, "open-event");
+    s && this.listen(t, "cds-tooltip-beingopened", (o) => {
+      this.dispatchPanelEvent(s, {
+        ...e,
+        action: "opened"
+      });
+    });
+    const n = p(t, "close-event");
+    n && this.listen(t, "cds-tooltip-closed", (o) => {
+      this.dispatchPanelEvent(n, {
+        ...e,
+        action: "closed"
+      });
+    });
+  }
+}, Wt = {
+  // Popover
+  "cds-popover": {
+    import: Lt,
+    init: function(t) {
+      const e = r(t), s = p(t, "open-event");
+      s && this.listen(t, "cds-popover-beingopened", (o) => {
+        this.dispatchPanelEvent(s, {
+          ...e,
+          action: "opened"
+        });
+      });
+      const n = p(t, "close-event");
+      n && this.listen(t, "cds-popover-closed", (o) => {
+        this.dispatchPanelEvent(n, {
+          ...e,
+          action: "closed"
+        });
+      });
+    }
+  },
+  // Toggletip - tooltip that stays open until dismissed
+  "cds-toggletip": {
+    import: Gt,
+    init: function(t) {
+      const e = r(t);
+      if (e.event) {
+        const s = new MutationObserver((n) => {
+          n.forEach((o) => {
+            if (o.attributeName === "open") {
+              const i = t.hasAttribute("open");
+              this.dispatchPanelEvent(e.event, {
+                ...e,
+                action: i ? "opened" : "closed",
+                open: i
+              });
+            }
+          });
+        });
+        s.observe(t, {
+          attributes: !0,
+          attributeFilter: ["open"]
+        }), t._toggletipObserver = s;
+      }
+    }
+  }
+}, Zt = () => import("./index-CcxiTkam.js").then((t) => t.i), Kt = () => import("./index-DuGskRLI.js"), Qt = {
+  selector: "cds-link",
+  import: Zt,
+  event: "click",
+  getData: (t, e, s) => ({
+    ...e,
+    href: s.getAttribute("href")
+  })
+}, Xt = {
+  // Code Snippet
+  "cds-code-snippet": {
+    import: Kt,
+    event: "cds-copy-button-clicked",
+    getData: (t, e) => ({
+      ...e,
+      action: "copied"
+    })
+  }
+}, P = () => import("./index-DBvXH68A.js"), Yt = () => import("./index-wTRaGtNG.js"), te = () => import("./index-BG3BMHhy.js"), ee = () => import("./index-CYpHcMws.js"), ne = () => import("./index-CYg05Ph9.js"), se = () => import("./index-BQNhvN2i.js"), oe = () => import("./index-C_Xg4nHN.js").then((t) => t.i), ie = () => import("./index-DLUPGsWM.js").then((t) => t.i), ce = () => import("./index-B_C9vt_w.js"), re = () => import("./index-LR7m5odx.js"), ae = {
+  // Form structure components (presentational only - no event handling needed)
+  "cds-form": {
+    import: P
+    // No event handling - wraps native <form> which works naturally
+  },
+  "cds-form-item": {
+    import: P
+    // No event handling - presentational wrapper for form fields
+  },
+  "cds-form-group": {
+    import: Yt
+    // No event handling - presentational fieldset wrapper
+  },
+  "cds-stack": {
+    import: te
+    // No event handling - layout utility for spacing items vertically or horizontally
+  },
+  // Typography & Icons (Presentational)
+  "cds-heading": {
+    import: ee
+    // No event handling - semantic heading component
+  },
+  "cds-icon": {
+    import: ne
+    // No event handling - icon display component
+  },
+  "cds-icon-indicator": {
+    import: se
+    // No event handling - status indicator icon
+  },
+  // Badge Indicator - Status badge component (typically used in tabs/icons)
+  "cds-badge-indicator": {
+    import: re
+    // No event handling - presentational status indicator
+    // Typically appears as a dot on tabs or icons to show notifications/status
+  },
+  // Loading - Full-page or section loading spinner
+  "cds-loading": {
+    import: oe
+    // No event handling - presentational loading spinner
+  },
+  // Skeleton components - Loading placeholders
+  "cds-skeleton-text": {
+    import: ie
+    // No event handling - presentational loading placeholder
+  },
+  "cds-skeleton-placeholder": {
+    import: ce
+    // No event handling - presentational loading placeholder
+  }
+}, le = [
+  F,
+  U,
+  j,
+  G,
+  Q,
+  et,
+  ot,
+  at,
+  pt,
+  Et,
+  wt,
+  Dt,
+  _t,
+  Ot,
+  Rt,
+  jt,
+  Jt,
+  Qt
+];
+function de() {
+  const t = /* @__PURE__ */ new Map();
+  return le.forEach((s) => {
+    t.set(s.selector, s);
+  }), [
+    $,
+    H,
+    J,
+    X,
+    nt,
+    lt,
+    mt,
+    ut,
+    It,
+    St,
+    Tt,
+    Mt,
+    qt,
+    Bt,
+    Ht,
+    Wt,
+    Xt,
+    ae
+  ].forEach((s) => {
+    Object.entries(s).forEach(([n, o]) => {
+      t.set(n, o);
+    });
+  }), t;
+}
+function pe(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const n of Object.keys(h))
+    e.set(n, []);
+  for (const [n, o] of Object.entries(h))
+    t.matches(n) && e.get(n).push(t);
+  const s = t.querySelectorAll("*");
+  for (const n of s)
+    for (const [o, i] of Object.entries(h))
+      n.matches(o) && e.get(o).push(n);
+  for (const [n, o] of e.entries())
+    o.length === 0 && e.delete(n);
+  return e;
+}
+function me(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const [s, n] of t.entries()) {
+    const o = h[s];
+    o && o.import && n.length > 0 && e.add(o.import);
+  }
+  return e;
+}
+async function ue(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 ve(t, e) {
+  let s = 0;
+  for (const [n, o] of t.entries()) {
+    const i = h[n];
+    o.forEach((c) => {
+      if (i.init) {
+        i.init.call(e, c);
+        return;
+      }
+      if (i.multiEvent) {
+        const u = r(c);
+        i.events.forEach((d) => {
+          const m = p(c, d.attrName, "event");
+          m && e.listen(c, d.type, (b) => {
+            e.dispatchPanelEvent(m, d.getData(b, u, c));
+          });
+        });
+        return;
+      }
+      const a = r(c), l = a.event;
+      l && e.listen(c, i.event, (u) => {
+        u.stopPropagation();
+        const d = i.getData(u, a, c), m = d._eventOverride || l;
+        delete d._eventOverride, e.dispatchPanelEvent(m, d);
+      });
+    }), s += o.length;
+  }
+  return s;
+}
+const h = {
+  ...Object.fromEntries(de())
+}, he = async function(t, e) {
+  const s = pe(t);
+  if (s.size === 0) {
+    this.debugMe("[Carbon] No Carbon components found in panel");
+    return;
+  }
+  this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
+  for (const [i, c] of s.entries())
+    this.carbonComponents.set(i, c);
+  const n = me(s);
+  if (n.size > 0)
+    try {
+      await ue(n, e);
+    } catch (i) {
+      console.error("[Carbon] Failed to load some component modules:", i);
+    }
+  const o = ve(s, this);
+  o > 0 && this.debugMe(`[Carbon] Total components initialized: ${o}`);
+};
+function ge() {
+  D.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 he.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 {
+  ge as registerCarbonLibrary
+};