@trintel/zooy 1.0.1-beta.1 → 1.0.2

package/dist/chunks/register-ClkXTZwT.js

@@ -1,1383 +0,0 @@
-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
-};