@trintel/zooy 1.5.0 → 1.5.2

package/dist/chunks/{register-BW8SSLYq.js → register-Ckx0JaFw.js}

@@ -1,12 +1,12 @@
-import { n as h, t as ft } from "./component-library-registry-DB5UeqC2.js";
-import { i as bt, n as W, r as i } from "./zoo-DsyOHBKi.js";
-import { isDefAndNotNull as Et, objToPaths as Wt } from "badu";
+import { n as h, t as bt } from "./component-library-registry-DB5UeqC2.js";
+import { i as Et, n as W, r } from "./zoo-DsyOHBKi.js";
+import { isDefAndNotNull as Wt, objToPaths as St } from "badu";
 import * as _ from "ramda";
 import { TABLE_SORT_DIRECTION as It } from "@carbon/web-components/lib/components/data-table/defs.js";
-var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
+var Pt = /* @__PURE__ */ h({ cdsTableWrap: () => At }), K = (t, e, n) => {
   const s = customElements.get("cds-table"), o = customElements.get("cds-pagination"), a = customElements.get(s.selectorTableBatchActions);
   customElements.get("cds-popover");
-  const c = e.dataBinder, l = e.pagination, p = e.skeleton, I = e.querySelector(s.selectorTableToolbarSearch), S = e.querySelector(s.selectorTableBatchActions), D = e.querySelector(s.selectorTableBody), F = [
+  const c = e.dataBinder, l = e.pagination, p = e.skeleton, S = e.querySelector(s.selectorTableToolbarSearch), I = e.querySelector(s.selectorTableBatchActions), D = e.querySelector(s.selectorTableBody), F = [
     "button",
     "a",
     "input",
@@ -15,55 +15,55 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     '[role="button"]',
     ".cds--table-expand",
     ".cds--table-column-checkbox"
-  ].join(","), V = e.querySelectorAll(s.selectorHeaderCell + "[is-sortable]"), st = e.isSortable || V.length > 0, R = /* @__PURE__ */ Symbol(), z = /* @__PURE__ */ Symbol(), x = /* @__PURE__ */ new Map(), nt = (r) => {
+  ].join(","), V = e.querySelectorAll(s.selectorHeaderCell + "[is-sortable]"), nt = e.isSortable || V.length > 0, R = /* @__PURE__ */ Symbol(), z = /* @__PURE__ */ Symbol(), x = /* @__PURE__ */ new Map(), ot = (i) => {
     t.listen(e, "click", (d) => {
       const v = d.target.closest(s.selectorTableRow);
       if (!v || d.composedPath().some((g) => g.matches && g.matches(F))) return;
       d.stopPropagation();
-      const u = i(v);
-      t.dispatchPanelEvent(r, { ...u });
+      const u = r(v);
+      t.dispatchPanelEvent(i, { ...u });
     });
-  }, ot = (r) => {
+  }, at = (i) => {
     t.listen(e, s.eventExpandoToggle, (d) => {
       const v = d.target, u = v.tagName === "CDS-TABLE-HEADER-ROW", g = d.detail.expanded, b = {
         tableAttrs: n,
-        ...i(v),
+        ...r(v),
         target: v,
         allRows: u,
         didExpand: g
       };
-      t.dispatchPanelEvent(r, b);
+      t.dispatchPanelEvent(i, b);
     });
-  }, at = (r) => {
+  }, ct = (i) => {
     x.set(R, (d) => {
-      t.dispatchPanelEvent(r, d);
+      t.dispatchPanelEvent(i, d);
     });
-  }, ct = (r) => {
+  }, rt = (i) => {
     x.set(z, (d) => {
-      const v = d.detail.selectedRows, u = Math.min(v.length, S.totalRowsCount), g = d.target, b = i(g), P = v.map(i), y = {
+      const v = d.detail.selectedRows, u = Math.min(v.length, I.totalRowsCount), g = d.target, b = r(g), P = v.map(r), y = {
         tableAttrs: n,
         ...b,
         target: g,
         selectCount: u,
         selection: P
       };
-      t.dispatchPanelEvent(r, y);
+      t.dispatchPanelEvent(i, y);
     });
-  }, rt = (r) => {
+  }, it = (i) => {
     t.listen(e, s.eventTableRowSelect, (d) => {
-      const v = d.target, u = d.detail.selectedRows || [], g = u.length, b = u.map(i), P = {
+      const v = d.target, u = d.detail.selectedRows || [], g = u.length, b = u.map(r), P = {
         tableAttrs: n,
-        ...i(v),
+        ...r(v),
         selectCount: g,
         selection: b,
         target: v
       };
-      t.dispatchPanelEvent(r, P);
+      t.dispatchPanelEvent(i, P);
     });
-  }, it = () => {
-    t.listen(e, s.eventBeforeSort, (r) => {
-      const d = r.target, v = r.detail.oldSortDirection, u = r.detail.sortDirection, g = i(d), b = g.sortField, P = u === It.DESCENDING ? `-${b}` : b;
-      r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), D.innerHTML = "", p && p.show(), V.forEach((A, f) => {
+  }, lt = () => {
+    t.listen(e, s.eventBeforeSort, (i) => {
+      const d = i.target, v = i.detail.oldSortDirection, u = i.detail.sortDirection, g = r(d), b = g.sortField, P = u === It.DESCENDING ? `-${b}` : b;
+      i.cancelBubble = !0, i.stopPropagation(), i.preventDefault(), D.innerHTML = "", p && p.show(), V.forEach((A, f) => {
         A === d ? (A.setAttribute("sort-active", "true"), A.setAttribute("sort-direction", u)) : (A.removeAttribute("sort-active"), A.setAttribute("sort-direction", "none"));
       });
       const y = { ordering: P };
@@ -79,19 +79,19 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
         target: d
       });
     });
-  }, lt = () => {
-    t.listen(e, s.eventTableRowSelectAll, (r) => {
-      r.detail.selectedRows.length === 0 && e.querySelectorAll(s.selectorTableRow).forEach((d) => {
+  }, dt = () => {
+    t.listen(e, s.eventTableRowSelectAll, (i) => {
+      i.detail.selectedRows.length === 0 && e.querySelectorAll(s.selectorTableRow).forEach((d) => {
         d.disabled = !1, d.selected = !1;
-      }), x.has(z) && x.get(z)(r);
+      }), x.has(z) && x.get(z)(i);
     });
-  }, dt = () => {
-    t.listen(e, s.eventBeforeChangeSelectionAll, (r) => {
-      r.stopPropagation(), r.detail.callback && r.detail.callback();
+  }, pt = () => {
+    t.listen(e, s.eventBeforeChangeSelectionAll, (i) => {
+      i.stopPropagation(), i.detail.callback && i.detail.callback();
     });
-  }, pt = (r) => {
+  }, vt = (i) => {
     const d = e.querySelector("cds-table-header-row");
-    t.listen(r, a.eventClickSelectAll, (v) => {
+    t.listen(i, a.eventClickSelectAll, (v) => {
       v.stopPropagation(), d.dispatchEvent(new CustomEvent(s.eventBeforeChangeSelectionAll, {
         bubbles: !0,
         cancelable: !0,
@@ -99,19 +99,19 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
         detail: {
           selected: !0,
           callback: () => {
-            r.selectedRowsCount = r.totalRowsCount, e.querySelectorAll(s.selectorTableRow).forEach((u) => {
+            i.selectedRowsCount = i.totalRowsCount, e.querySelectorAll(s.selectorTableRow).forEach((u) => {
               u.disabled = !0;
             });
           }
         }
       }));
     });
-  }, vt = (r) => {
-    t.listen(r, "keydown", (d) => {
+  }, ut = (i) => {
+    t.listen(i, "keydown", (d) => {
       if (d.key === "Enter") {
         p && p.show(), l.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
         const v = {
-          search: r.value || "",
+          search: i.value || "",
           offset: 0
         };
         c.fetchData(v).then(() => {
@@ -119,8 +119,8 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
         });
       }
     });
-  }, ut = (r) => {
-    t.listen(r, s.eventSearchInput, (d) => {
+  }, mt = (i) => {
+    t.listen(i, s.eventSearchInput, (d) => {
       if ((d.detail.value || "") === "") {
         const v = {
           search: "",
@@ -131,9 +131,9 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
         });
       }
     });
-  }, mt = (r) => {
-    r.caret = !1;
-    const d = r.querySelector("cds-icon-button, button:not([slot])"), v = r.querySelectorAll("cds-checkbox"), u = r.querySelectorAll("cds-modal-footer-button"), g = [...r.querySelectorAll("cds-checkbox-group")].map(i).map(_.pathOr("noop", [
+  }, ht = (i) => {
+    i.caret = !1;
+    const d = i.querySelector("cds-icon-button, button:not([slot])"), v = i.querySelectorAll("cds-checkbox"), u = i.querySelectorAll("cds-modal-footer-button"), g = [...i.querySelectorAll("cds-checkbox-group")].map(r).map(_.pathOr("noop", [
       "zoo",
       "filter",
       "field"
@@ -143,8 +143,8 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       return;
     }
     new MutationObserver(() => {
-      r.classList.toggle("cds--overflow-menu--open", r.open);
-    }).observe(r, {
+      i.classList.toggle("cds--overflow-menu--open", i.open);
+    }).observe(i, {
       attributes: !0,
       attributeFilter: ["open"]
     });
@@ -153,29 +153,29 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       return v.forEach((E) => {
         const w = E.getAttribute("id");
         if (!w || !w.includes(":")) return;
-        const [B, N] = w.split(":");
-        f.has(B) || f.set(B, []), E.checked && f.get(B).push(N);
+        const [N, M] = w.split(":");
+        f.has(N) || f.set(N, []), E.checked && f.get(N).push(M);
       }), f;
     };
     if (y.has(b)) {
       const f = (E) => E.checked = !1;
       t.listen(y.get(b), "click", (E) => {
         E.stopPropagation(), v.forEach(f), p && p.show(), c.fetchData(g).then(() => {
-          l && l.setData(c), p && p.hide(), r.open = !1;
+          l && l.setData(c), p && p.hide(), i.open = !1;
         });
       });
     }
     y.has(P) && t.listen(y.get(P), "click", (f) => {
       f.stopPropagation();
-      const E = [...A()].reduce((w, [B, N]) => (w[B] = Array.isArray(N) && N.length === 0 ? null : N, w), { offset: 0 });
+      const E = [...A()].reduce((w, [N, M]) => (w[N] = Array.isArray(M) && M.length === 0 ? null : M, w), { offset: 0 });
       p && p.show(), c.fetchData(E).then(() => {
-        l && l.setData(c), p && p.hide(), r.open = !1;
+        l && l.setData(c), p && p.hide(), i.open = !1;
       });
     }), t.listen(d, "click", (f) => {
-      f.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
+      f.stopPropagation(), i.open = !i.open, i.classList.toggle("cds--overflow-menu--open", i.open);
     });
-  }, ht = () => {
-    t.listen(l, o.eventPageSizeChanged, (r) => {
+  }, gt = () => {
+    t.listen(l, o.eventPageSizeChanged, (i) => {
       const d = {
         limit: l.pageSize,
         offset: 0
@@ -184,12 +184,12 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
         l.setData(c);
       });
     });
-  }, gt = () => {
-    let r = null;
+  }, ft = () => {
+    let i = null;
     t.listen(l, o.eventChangeCurrent, (d) => {
       const { page: v } = d.detail, u = l.pageSize, g = (v - 1) * u;
-      if (g !== r) {
-        r = g;
+      if (g !== i) {
+        i = g;
         const b = {
           limit: u,
           offset: g
@@ -200,28 +200,28 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }
     });
   };
-  c && l && (ht(), gt()), c && I && (vt(I), ut(I));
+  c && l && (gt(), ft()), c && S && (ut(S), mt(S));
   const Z = e.querySelector(s.selectorTableToolbarContent);
   if (Z) {
-    const r = Z.querySelectorAll("cds-popover[data-batch-filter]");
-    c && r && r.forEach(mt);
+    const i = Z.querySelectorAll("cds-popover[data-batch-filter]");
+    c && i && i.forEach(ht);
   }
-  e.isSelectable && (lt(), dt(), S && pt(S)), c && st && it();
+  e.isSelectable && (dt(), pt(), I && vt(I)), c && nt && lt();
   const J = { zoo: { event: {
     row: {
-      click: nt,
-      expand: ot,
+      click: ot,
+      expand: at,
       check: {
-        one: rt,
-        all: ct
+        one: it,
+        all: rt
       }
     },
-    column: { sort: at }
+    column: { sort: ct }
   } } };
-  Wt(n).forEach(([r, d]) => {
-    _.hasPath(r, J) && _.path(r, J)(d);
+  St(n).forEach(([i, d]) => {
+    _.hasPath(i, J) && _.path(i, J)(d);
   });
-}, Pt = (t) => {
+}, kt = (t) => {
   const e = document.createElement("cds-pagination");
   return e.backwardText = "Previous page", e.forwardText = "Next page", e.itemsPerPageText = "Items per page:", e.pageSize = t.limit, e.size = "lg", [
     10,
@@ -238,7 +238,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       e.pagesUnknown = Math.ceil(s / n.limit) > 100, e.totalItems = s, e.pagesUnknown ? e.formatStatusWithIndeterminateTotal = ({ start: o, end: a }) => `${o}–${a} of ${s} item${s <= 1 ? "" : "s"}` : delete e.formatStatusWithIndeterminateTotal;
     }
   }, e;
-}, kt = (t) => {
+}, Ct = (t) => {
   if (!t.parentNode) {
     console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
     return;
@@ -247,24 +247,24 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
   l.showHeader = e || n, l.showToolbar = s, l.zebra = a, l.columnCount = o, l.size = c, l.show = () => l.classList.remove("hidden"), l.hide = () => l.classList.add("hidden");
   const p = document.createElement("div");
   return p.classList.add("zoo-datatable-skeleton-wrapper"), t.parentNode.insertBefore(p, t), p.appendChild(l), p.appendChild(t), l;
-}, Ct = (t, e) => {
+}, yt = (t, e) => {
   const n = e.getAttribute("zoo-url-api"), s = parseInt(e.getAttribute("data-page-size") || 25, 10);
-  if (n) return new bt(t, n, e, { urlParams: { limit: s } });
-}, yt = {
+  if (n) return new Et(t, n, e, { urlParams: { limit: s } });
+}, At = {
   selector: "cds-table",
   init: function(t) {
-    const e = i(t), n = this, s = Ct(n, t);
-    if (Et(s)) {
+    const e = r(t), n = this, s = yt(n, t);
+    if (Wt(s)) {
       t.dataBinder = s;
-      const o = kt(t);
+      const o = Ct(t);
       t.skeleton = o;
-      const a = Pt(s);
+      const a = kt(s);
       t.pagination = a, t.after(a), s.fetchData().then((c) => {
         o.hide(), a.setData(s), K(n, t, e);
       });
     } else K(n, t, e);
   }
-}, At = /* @__PURE__ */ h({ cdsPaginationWrap: () => wt }), wt = {
+}, wt = /* @__PURE__ */ h({ cdsPaginationWrap: () => Dt }), Dt = {
   selector: "cds-pagination",
   init: function(t) {
     const e = this, n = customElements.get("cds-pagination");
@@ -285,20 +285,20 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       } });
     });
   }
-}, Dt = /* @__PURE__ */ h({
-  cdsModalBodyContentWrap: () => Ot,
-  cdsModalBodyWrap: () => Tt,
-  cdsModalCloseButWrap: () => _t,
-  cdsModalFooterButWrap: () => Rt,
-  cdsModalFooterWrap: () => Ft,
-  cdsModalHeaderWrap: () => Bt,
-  cdsModalHeadingWrap: () => Nt,
-  cdsModalLabelWrap: () => Mt,
-  cdsModalWrap: () => xt
-}), xt = {
+}, xt = /* @__PURE__ */ h({
+  cdsModalBodyContentWrap: () => Ft,
+  cdsModalBodyWrap: () => Ot,
+  cdsModalCloseButWrap: () => Tt,
+  cdsModalFooterButWrap: () => zt,
+  cdsModalFooterWrap: () => Rt,
+  cdsModalHeaderWrap: () => Nt,
+  cdsModalHeadingWrap: () => Mt,
+  cdsModalLabelWrap: () => _t,
+  cdsModalWrap: () => Bt
+}), Bt = {
   selector: "cds-modal",
   init: function(t) {
-    const e = customElements.get("cds-modal"), n = i(t), s = W(t, "open-event", "event");
+    const e = customElements.get("cds-modal"), n = r(t), s = W(t, "open-event", "event");
     s && this.listen(t, "cds-modal-beingopened", (c) => {
       this.dispatchPanelEvent(s, {
         ...n,
@@ -327,10 +327,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Bt = { selector: "cds-modal-header" }, Nt = { selector: "cds-modal-heading" }, Mt = { selector: "cds-modal-label" }, _t = { selector: "cds-modal-close-button" }, Tt = { selector: "cds-modal-body" }, Ot = { selector: "cds-modal-body-content" }, Ft = { selector: "cds-modal-footer" }, Rt = {
+}, Nt = { selector: "cds-modal-header" }, Mt = { selector: "cds-modal-heading" }, _t = { selector: "cds-modal-label" }, Tt = { selector: "cds-modal-close-button" }, Ot = { selector: "cds-modal-body" }, Ft = { selector: "cds-modal-body-content" }, Rt = { selector: "cds-modal-footer" }, zt = {
   selector: "cds-modal-footer-button",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     if (t.getAttribute("type") === "submit") {
       this.listen(t, "click", (s) => {
         let o = t.closest("form");
@@ -347,13 +347,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       s.stopPropagation(), this.dispatchPanelEvent(n, e);
     });
   }
-}, zt = /* @__PURE__ */ h({
-  cdsMenuButtonWrap: () => Lt,
-  cdsMenuWrap: () => qt
-}), qt = {
+}, qt = /* @__PURE__ */ h({
+  cdsMenuButtonWrap: () => Ht,
+  cdsMenuWrap: () => Lt
+}), Lt = {
   selector: "cds-menu",
   init: function(t) {
-    const e = i(t), n = W(t, "open-event");
+    const e = r(t), n = W(t, "open-event");
     n && this.listen(t, "cds-menu-opened", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -368,14 +368,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     }), this.listen(t, "click", (o) => {
       if (o.target.tagName === "CDS-MENU-ITEM") {
-        const a = i(o.target), c = a.event || e.event;
+        const a = r(o.target), c = a.event || e.event;
         c && (o.stopPropagation(), this.dispatchPanelEvent(c, {
           ...e,
           ...a
         }));
       }
     }), this.listen(t, "cds-item-changed", (o) => {
-      const a = o.detail.triggeredBy, c = i(a), l = c.event || e.event;
+      const a = o.detail.triggeredBy, c = r(a), l = c.event || e.event;
       l && this.dispatchPanelEvent(l, {
         ...e,
         ...c,
@@ -383,13 +383,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Lt = {
+}, Ht = {
   selector: "cds-menu-button",
   init: function(t) {
-    const e = i(t), n = t.querySelector("cds-menu");
+    const e = r(t), n = t.querySelector("cds-menu");
     n && this.listen(n, "click", (s) => {
       if (s.target.tagName === "CDS-MENU-ITEM") {
-        const o = i(s.target), a = o.event || e.event;
+        const o = r(s.target), a = o.event || e.event;
         a && (s.stopPropagation(), this.dispatchPanelEvent(a, {
           ...e,
           ...o
@@ -397,17 +397,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }
     });
   }
-}, Ht = /* @__PURE__ */ h({
-  cdsButFabWrap: () => Gt,
-  cdsButtonWrap: () => Ut,
-  cdsComboButWrap: () => Zt,
-  cdsCopyButWrap: () => Vt,
+}, Ut = /* @__PURE__ */ h({
+  cdsButFabWrap: () => Vt,
+  cdsButtonWrap: () => jt,
+  cdsComboButWrap: () => Jt,
+  cdsCopyButWrap: () => Zt,
   cdsIconButToggleWrap: () => $t,
-  cdsIconButWrap: () => jt
-}), Ut = {
+  cdsIconButWrap: () => Gt
+}), jt = {
   selector: "cds-button",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     if (t.getAttribute("type") === "submit") {
       this.listen(t, "click", (s) => {
         let o = t.closest("form");
@@ -421,17 +421,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     }
     const n = e.event;
     n && this.listen(t, "click", (s) => {
-      s.stopPropagation(), this.dispatchPanelEvent(n, i(t));
+      s.stopPropagation(), this.dispatchPanelEvent(n, r(t));
     });
   }
-}, jt = {
+}, Gt = {
   selector: "cds-icon-button:not([data-toggle])",
   event: "click",
   getData: (t, e) => e
 }, $t = {
   selector: "cds-icon-button[data-toggle]",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     e.event && this.listen(t, "click", (n) => {
       n.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
         ...e,
@@ -439,14 +439,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Gt = {
+}, Vt = {
   selector: "cds-button[data-fab]",
   event: "click",
   getData: (t, e) => e
-}, Vt = {
+}, Zt = {
   selector: "cds-copy-button",
   init: function(t) {
-    const e = i(t), n = e.event;
+    const e = r(t), n = e.event;
     n && this.listen(t, "click", (o) => {
       o.stopPropagation(), this.dispatchPanelEvent(n, {
         ...e,
@@ -467,10 +467,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }), t._copyObserver = o;
     }
   }
-}, Zt = {
+}, Jt = {
   selector: "cds-combo-button",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     e.event && this.listen(t, "click", (s) => {
       const o = s.composedPath(), a = o.some((l) => l.tagName === "CDS-MENU-ITEM"), c = o.some((l) => l.tagName === "CDS-ICON-BUTTON");
       !a && !c && (s.stopPropagation(), this.dispatchPanelEvent(e.event, {
@@ -481,7 +481,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     const n = t.querySelector("cds-menu");
     n && this.listen(n, "click", (s) => {
       if (s.target.tagName === "CDS-MENU-ITEM") {
-        const o = i(s.target), a = o.event || W(t, "menu-event", "event");
+        const o = r(s.target), a = o.event || W(t, "menu-event", "event");
         a && this.dispatchPanelEvent(a, {
           ...e,
           ...o,
@@ -490,14 +490,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }
     });
   }
-}, Jt = /* @__PURE__ */ h({
-  cdsComboBoxWrap: () => Qt,
-  cdsDropdownWrap: () => Kt,
-  cdsMultiSelectWrap: () => Xt
-}), Kt = {
+}, Kt = /* @__PURE__ */ h({
+  cdsComboBoxWrap: () => Xt,
+  cdsDropdownWrap: () => Qt,
+  cdsMultiSelectWrap: () => Yt
+}), Qt = {
   selector: "cds-dropdown",
   init: function(t) {
-    const e = customElements.get("cds-dropdown"), n = i(t), s = n.event;
+    const e = customElements.get("cds-dropdown"), n = r(t), s = n.event;
     s && this.listen(t, e.eventSelect, (a) => {
       this.dispatchPanelEvent(s, {
         ...n,
@@ -514,10 +514,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Qt = {
+}, Xt = {
   selector: "cds-combo-box",
   init: function(t) {
-    const e = customElements.get("cds-combo-box"), n = i(t), s = n.event;
+    const e = customElements.get("cds-combo-box"), n = r(t), s = n.event;
     s && this.listen(t, e.eventSelect, (a) => {
       const c = a.detail?.item;
       this.dispatchPanelEvent(s, {
@@ -535,10 +535,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Xt = {
+}, Yt = {
   selector: "cds-multi-select",
   init: function(t) {
-    const e = customElements.get("cds-multi-select"), n = i(t), s = n.event;
+    const e = customElements.get("cds-multi-select"), n = r(t), s = n.event;
     s && this.listen(t, e.eventSelect, (a) => {
       const c = t.value ? t.value.split(",") : [];
       this.dispatchPanelEvent(s, {
@@ -554,21 +554,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Yt = /* @__PURE__ */ h({
-  cdsDatePickerWrap: () => te,
-  cdsTimePickerWrap: () => ee
-}), te = {
+}, te = /* @__PURE__ */ h({
+  cdsDatePickerWrap: () => ee,
+  cdsTimePickerWrap: () => se
+}), ee = {
   selector: "cds-date-picker",
   init: function(t) {
-    const e = customElements.get("cds-date-picker"), n = i(t), s = t.querySelector('cds-date-picker-input[kind="from"]'), o = t.querySelector('cds-date-picker-input[kind="to"]'), a = s && o, c = n.event;
+    const e = customElements.get("cds-date-picker"), n = r(t), s = t.querySelector('cds-date-picker-input[kind="from"]'), o = t.querySelector('cds-date-picker-input[kind="to"]'), a = s && o, c = n.event;
     c && this.listen(t, e.eventChange, (p) => {
-      let I;
-      a ? I = {
+      let S;
+      a ? S = {
         from: s.value || "",
         to: o.value || ""
-      } : I = t.value, this.dispatchPanelEvent(c, {
+      } : S = t.value, this.dispatchPanelEvent(c, {
         ...n,
-        value: I
+        value: S
       });
     });
     const l = t.getAttribute("error-event");
@@ -579,17 +579,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, ee = {
+}, se = {
   selector: "cds-time-picker",
   event: "cds-time-picker-changed",
   getData: (t, e, n) => ({
     ...e,
     value: n.value
   })
-}, se = /* @__PURE__ */ h({ cdsFileUploaderWrap: () => ne }), ne = {
+}, ne = /* @__PURE__ */ h({ cdsFileUploaderWrap: () => oe }), oe = {
   selector: "cds-file-uploader",
   init: function(t) {
-    const e = i(t), n = e.event;
+    const e = r(t), n = e.event;
     if (n) {
       const o = t.querySelector('input[type="file"]');
       o && this.listen(o, "change", (a) => {
@@ -608,14 +608,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, oe = /* @__PURE__ */ h({
-  cdsAccordionWrap: () => ce,
-  cdsContentSwitcherWrap: () => re,
-  cdsTabsWrap: () => ae
-}), ae = {
+}, ae = /* @__PURE__ */ h({
+  cdsAccordionWrap: () => re,
+  cdsContentSwitcherWrap: () => ie,
+  cdsTabsWrap: () => ce
+}), ce = {
   selector: "cds-tabs",
   init: function(t) {
-    const e = customElements.get("cds-tabs"), n = i(t), s = t.getAttribute("before-select-event");
+    const e = customElements.get("cds-tabs"), n = r(t), s = t.getAttribute("before-select-event");
     s && this.listen(t, e.eventBeforeSelect, (a) => {
       this.dispatchPanelEvent(s, {
         ...n,
@@ -625,7 +625,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     });
     const o = n.event;
     o && this.listen(t, e.eventSelect, (a) => {
-      const c = a.detail.item, l = i(c);
+      const c = a.detail.item, l = r(c);
       this.dispatchPanelEvent(o, {
         ...n,
         ...l,
@@ -633,12 +633,12 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, ce = {
+}, re = {
   selector: "cds-accordion",
   init: function(t) {
-    const e = customElements.get("cds-accordion-item"), n = i(t);
+    const e = customElements.get("cds-accordion-item"), n = r(t);
     [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
-      const o = i(s), a = o.event || n.event;
+      const o = r(s), a = o.event || n.event;
       a && this.listen(s, e.eventToggle, (c) => {
         this.dispatchPanelEvent(a, {
           ...n,
@@ -648,10 +648,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, re = {
+}, ie = {
   selector: "cds-content-switcher",
   init: function(t) {
-    const e = customElements.get("cds-content-switcher"), n = i(t), s = t.getAttribute("before-select-event");
+    const e = customElements.get("cds-content-switcher"), n = r(t), s = t.getAttribute("before-select-event");
     s && this.listen(t, e.eventBeforeSelect, (a) => {
       this.dispatchPanelEvent(s, {
         ...n,
@@ -661,7 +661,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     });
     const o = n.event;
     o && this.listen(t, e.eventSelect, (a) => {
-      const c = a.detail.item, l = i(c);
+      const c = a.detail.item, l = r(c);
       this.dispatchPanelEvent(o, {
         ...n,
         ...l,
@@ -669,21 +669,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, ie = /* @__PURE__ */ h({
-  cdsBreadCrumbWrap: () => pe,
-  cdsBreadcrumbItemWrap: () => le,
-  cdsBreadcrumbLinkWrap: () => de
-}), le = { selector: "cds-breadcrumb-item" }, de = {
+}, le = /* @__PURE__ */ h({
+  cdsBreadCrumbWrap: () => ve,
+  cdsBreadcrumbItemWrap: () => de,
+  cdsBreadcrumbLinkWrap: () => pe
+}), de = { selector: "cds-breadcrumb-item" }, pe = {
   selector: "cds-breadcrumb-link",
   event: "click",
   getData: (t, e, n) => (t.preventDefault(), {
     ...e,
     href: n.getAttribute("href")
   })
-}, pe = {
+}, ve = {
   selector: "cds-breadcrumb",
   init: function(t) {
-    const e = this, n = i(t), s = n.event;
+    const e = this, n = r(t), s = n.event;
     if (s) {
       const o = (c) => {
         e.dispatchPanelEvent(s, {
@@ -693,21 +693,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       };
       e.listen(t, "click", (c) => {
         const l = c.target.closest("cds-breadcrumb-link");
-        l && (c.preventDefault(), c.stopPropagation(), o(i(l)));
+        l && (c.preventDefault(), c.stopPropagation(), o(r(l)));
       });
       const a = t.querySelector("cds-overflow-menu-body");
       a && e.listen(a, "cds-overflow-menu-item-clicked", (c) => {
-        c.stopPropagation(), o(i(c.target));
+        c.stopPropagation(), o(r(c.target));
       });
     }
   }
-}, ve = /* @__PURE__ */ h({
-  cdsNumberInputWrap: () => he,
-  cdsPasswordInputWrap: () => ge,
-  cdsSearchWrap: () => fe,
-  cdsTextAreaWrap: () => me,
-  cdsTextInputWrap: () => ue
-}), ue = {
+}, ue = /* @__PURE__ */ h({
+  cdsNumberInputWrap: () => ge,
+  cdsPasswordInputWrap: () => fe,
+  cdsSearchWrap: () => be,
+  cdsTextAreaWrap: () => he,
+  cdsTextInputWrap: () => me
+}), me = {
   selector: "cds-text-input",
   multiEvent: !0,
   events: [{
@@ -725,7 +725,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       value: t.currentTarget.value
     })
   }]
-}, me = {
+}, he = {
   selector: "cds-textarea",
   multiEvent: !0,
   events: [{
@@ -743,7 +743,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       value: t.currentTarget.value
     })
   }]
-}, he = {
+}, ge = {
   selector: "cds-number-input",
   event: "cds-number-input",
   getData: (t, e, n) => ({
@@ -751,7 +751,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     value: t.detail.value,
     direction: t.detail.direction
   })
-}, ge = {
+}, fe = {
   selector: "cds-password-input",
   multiEvent: !0,
   events: [{
@@ -769,20 +769,20 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       value: t.currentTarget.value
     })
   }]
-}, fe = {
+}, be = {
   selector: "cds-search",
   event: "cds-search-input",
   getData: (t, e, n) => ({
     ...e,
     value: n.value
   })
-}, be = /* @__PURE__ */ h({
-  cdsCheckboxWrap: () => Ee,
-  cdsRadioButGroupWrap: () => We,
-  cdsSelectWrap: () => Se,
-  cdsSliderWrap: () => Pe,
+}, Ee = /* @__PURE__ */ h({
+  cdsCheckboxWrap: () => We,
+  cdsRadioButGroupWrap: () => Se,
+  cdsSelectWrap: () => Pe,
+  cdsSliderWrap: () => ke,
   cdsToggleWrap: () => Ie
-}), Ee = {
+}), We = {
   selector: "cds-checkbox",
   event: "cds-checkbox-changed",
   getData: (t, e, n) => ({
@@ -790,7 +790,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     checked: t.detail.checked,
     value: n.value
   })
-}, We = {
+}, Se = {
   selector: "cds-radio-button-group",
   event: "cds-radio-button-group-changed",
   getData: (t, e) => ({
@@ -805,17 +805,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     isOn: t.detail.checked,
     value: t.detail.checked
   })
-}, Se = {
+}, Pe = {
   selector: "cds-select",
   event: "cds-select-selected",
   getData: (t, e) => ({
     ...e,
     value: t.detail.value
   })
-}, Pe = {
+}, ke = {
   selector: "cds-slider",
   init: function(t) {
-    const e = i(t), n = e.event;
+    const e = r(t), n = e.event;
     n && this.listen(t, "cds-slider-changed", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -830,18 +830,18 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, ke = /* @__PURE__ */ h({
-  cdsFilterTagWrap: () => Ae,
-  cdsSDismissibleTagWrap: () => ye,
-  cdsTagsWrap: () => Ce
-}), Ce = {
+}, Ce = /* @__PURE__ */ h({
+  cdsFilterTagWrap: () => we,
+  cdsSDismissibleTagWrap: () => Ae,
+  cdsTagsWrap: () => ye
+}), ye = {
   selector: "cds-tag",
   event: "click",
   getData: (t, e) => e
-}, ye = {
+}, Ae = {
   selector: "cds-dismissible-tag",
   init: function(t) {
-    const e = i(t), n = t.getAttribute("click-event");
+    const e = r(t), n = t.getAttribute("click-event");
     n && this.listen(t, "click", (o) => {
       o.target.closest("button") || this.dispatchPanelEvent(n, { ...e });
     });
@@ -853,39 +853,39 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Ae = {
+}, we = {
   selector: "cds-filter-tag",
   event: "cds-filter-tag-closed",
   getData: (t, e) => ({
     ...e,
     action: "remove"
   })
-}, we = /* @__PURE__ */ h({
-  cdsContainedListDescriptionWrap: () => Ne,
-  cdsContainedListItemWrap: () => Me,
-  cdsContainedListWrap: () => Be,
-  cdsOverflowMenuWrap: () => De,
-  cdsStructuredListWrap: () => xe,
-  cdsTreeViewWrap: () => _e
-}), De = {
+}, De = /* @__PURE__ */ h({
+  cdsContainedListDescriptionWrap: () => Me,
+  cdsContainedListItemWrap: () => _e,
+  cdsContainedListWrap: () => Ne,
+  cdsOverflowMenuWrap: () => xe,
+  cdsStructuredListWrap: () => Be,
+  cdsTreeViewWrap: () => Te
+}), xe = {
   selector: "cds-overflow-menu",
   init: function(t) {
-    const e = i(t), n = e.event, s = t.querySelector("cds-overflow-menu-body");
+    const e = r(t), n = e.event, s = t.querySelector("cds-overflow-menu-body");
     n && s && this.listen(s, "cds-overflow-menu-item-clicked", (o) => {
       o.stopPropagation();
-      const a = i(o.target);
+      const a = r(o.target);
       this.dispatchPanelEvent(n, {
         ...e,
         ...a
       });
     });
   }
-}, xe = {
+}, Be = {
   selector: "cds-structured-list",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     [...t.querySelectorAll("cds-structured-list-row")].forEach((n) => {
-      const s = i(n), o = s.event || e.event;
+      const s = r(n), o = s.event || e.event;
       o && this.listen(n, "click", (a) => {
         a.stopPropagation(), this.dispatchPanelEvent(o, {
           ...e,
@@ -893,23 +893,23 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
         });
       });
     }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (n) => {
-      const s = n.detail.row, o = i(s), a = e.event;
+      const s = n.detail.row, o = r(s), a = e.event;
       a && this.dispatchPanelEvent(a, {
         ...e,
         ...o
       });
     });
   }
-}, Be = { selector: "cds-contained-list" }, Ne = { selector: "cds-contained-list-description" }, Me = {
+}, Ne = { selector: "cds-contained-list" }, Me = { selector: "cds-contained-list-description" }, _e = {
   selector: "cds-contained-list-item",
   event: "cds-contained-list-item-click",
   getData: (t, e) => e
-}, _e = {
+}, Te = {
   selector: "cds-tree-view",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     this.listen(t, "cds-tree-node-selected", (s) => {
-      const o = s.detail.node, a = i(o), c = a.event || e.event;
+      const o = s.detail.node, a = r(o), c = a.event || e.event;
       c && this.dispatchPanelEvent(c, {
         ...e,
         ...a,
@@ -926,28 +926,28 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Te = /* @__PURE__ */ h({
-  cdsActionableNotificationWrap: () => Re,
-  cdsInlineNotificationWrap: () => Fe,
-  cdsToastNotificationWrap: () => Oe
-}), Oe = {
+}, Oe = /* @__PURE__ */ h({
+  cdsActionableNotificationWrap: () => ze,
+  cdsInlineNotificationWrap: () => Re,
+  cdsToastNotificationWrap: () => Fe
+}), Fe = {
   selector: "cds-toast-notification",
   event: "cds-notification-closed",
   getData: (t, e) => ({
     ...e,
     action: "closed"
   })
-}, Fe = {
+}, Re = {
   selector: "cds-inline-notification",
   event: "cds-notification-closed",
   getData: (t, e) => ({
     ...e,
     action: "closed"
   })
-}, Re = {
+}, ze = {
   selector: "cds-actionable-notification",
   init: function(t) {
-    const e = i(t), n = W(t, "close-event", "event");
+    const e = r(t), n = W(t, "close-event", "event");
     n && this.listen(t, "cds-notification-closed", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -962,15 +962,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, ze = /* @__PURE__ */ h({
-  cdsClickableTileWrap: () => qe,
-  cdsExpandableTileWrap: () => Le,
-  cdsRadioTileWrap: () => Ue,
-  cdsSelectableTileWrap: () => He
-}), qe = {
+}, qe = /* @__PURE__ */ h({
+  cdsClickableTileWrap: () => He,
+  cdsExpandableTileWrap: () => Ue,
+  cdsRadioTileWrap: () => Ge,
+  cdsSelectableTileWrap: () => je,
+  cdsTileGroupWrap: () => $e,
+  cdsTileWrap: () => Le
+}), Le = { selector: "cds-tile" }, He = {
   selector: "cds-clickable-tile",
   init: function(t) {
-    const e = i(t), n = e.event;
+    const e = r(t), n = e.event;
     if (n) {
       const s = e.href || t.getAttribute("href") || "";
       t.removeAttribute("href"), t.addEventListener("click", (o) => {
@@ -981,10 +983,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }, !0);
     }
   }
-}, Le = {
+}, Ue = {
   selector: "cds-expandable-tile",
   init: function(t) {
-    const e = i(t), n = t.getAttribute("before-toggle-event");
+    const e = r(t), n = t.getAttribute("before-toggle-event");
     n && this.listen(t, "cds-expandable-tile-beingtoggled", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -1000,7 +1002,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, He = {
+}, je = {
   selector: "cds-selectable-tile",
   event: "cds-selectable-tile-changed",
   getData: (t, e, n) => ({
@@ -1008,22 +1010,45 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
     selected: t.detail.selected,
     value: n.value
   })
-}, Ue = {
+}, Ge = {
   selector: "cds-radio-tile",
-  event: "cds-selectable-tile-changed",
+  event: "cds-radio-tile-selected",
   getData: (t, e, n) => ({
     ...e,
     selected: t.detail.selected,
+    name: t.detail.name,
     value: n.value
   })
-}, je = /* @__PURE__ */ h({
-  cdsInlineLoadingWrap: () => Ve,
-  cdsProgressBarWrap: () => $e,
-  cdsProgressIndicatorWrap: () => Ge
-}), $e = {
+}, $e = {
+  selector: "cds-tile-group",
+  init: function(t) {
+    const e = r(t), n = e.event;
+    n && (this.listen(t, "cds-current-radio-tile-selection", (s) => {
+      const o = s.detail.target;
+      this.dispatchPanelEvent(n, {
+        ...e,
+        value: o?.value,
+        name: o?.name,
+        selected: o?.selected
+      });
+    }), this.listen(t, "cds-current-selectable-tile-selections", (s) => {
+      const o = s.detail.currentSelections || [];
+      this.dispatchPanelEvent(n, {
+        ...e,
+        values: o.map((a) => a.value),
+        names: o.map((a) => a.name),
+        count: o.length
+      });
+    }));
+  }
+}, Ve = /* @__PURE__ */ h({
+  cdsInlineLoadingWrap: () => Ke,
+  cdsProgressBarWrap: () => Ze,
+  cdsProgressIndicatorWrap: () => Je
+}), Ze = {
   selector: "cds-progress-bar",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     if (e.event) {
       const n = new MutationObserver(() => {
         const s = parseFloat(t.getAttribute("value") || "0");
@@ -1039,12 +1064,12 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }), t._progressObserver = n;
     }
   }
-}, Ge = {
+}, Je = {
   selector: "cds-progress-indicator",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     this.listen(t, "cds-progress-step-click", (n) => {
-      const s = n.target, o = i(s), a = o.event || e.event;
+      const s = n.target, o = r(s), a = o.event || e.event;
       a && this.dispatchPanelEvent(a, {
         ...e,
         ...o,
@@ -1053,10 +1078,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Ve = {
+}, Ke = {
   selector: "cds-inline-loading",
   init: function(t) {
-    const e = i(t), n = e.event;
+    const e = r(t), n = e.event;
     n && this.listen(t, "cds-inline-loading-onsuccess", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -1082,14 +1107,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }), t._statusObserver = o;
     }
   }
-}, Ze = /* @__PURE__ */ h({
-  cdsPopoverWrap: () => Ke,
-  cdsToggletipWrap: () => Qe,
-  cdsTooltipWrap: () => Je
-}), Je = {
+}, Qe = /* @__PURE__ */ h({
+  cdsPopoverWrap: () => Ye,
+  cdsToggletipWrap: () => ts,
+  cdsTooltipWrap: () => Xe
+}), Xe = {
   selector: "cds-tooltip",
   init: function(t) {
-    const e = i(t), n = W(t, "open-event");
+    const e = r(t), n = W(t, "open-event");
     n && this.listen(t, "cds-tooltip-beingopened", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -1104,10 +1129,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Ke = {
+}, Ye = {
   selector: "cds-popover",
   init: function(t) {
-    const e = i(t), n = W(t, "open-event");
+    const e = r(t), n = W(t, "open-event");
     n && this.listen(t, "cds-popover-beingopened", (o) => {
       this.dispatchPanelEvent(n, {
         ...e,
@@ -1122,10 +1147,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       });
     });
   }
-}, Qe = {
+}, ts = {
   selector: "cds-toggletip",
   init: function(t) {
-    const e = i(t);
+    const e = r(t);
     if (e.event) {
       const n = new MutationObserver((s) => {
         s.forEach((o) => {
@@ -1145,68 +1170,69 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
       }), t._toggletipObserver = n;
     }
   }
-}, Xe = /* @__PURE__ */ h({
-  cdsCodeSnipWrap: () => ts,
-  cdsLinkWrap: () => Ye
-}), Ye = {
+}, es = /* @__PURE__ */ h({
+  cdsCodeSnipWrap: () => ns,
+  cdsLinkWrap: () => ss
+}), ss = {
   selector: "cds-link",
   event: "click",
   getData: (t, e, n) => ({
     ...e,
     href: n.getAttribute("href")
   })
-}, ts = {
+}, ns = {
   selector: "cds-code-snippet",
   event: "cds-copy-button-clicked",
   getData: (t, e) => ({
     ...e,
     action: "copied"
   })
-}, es = /* @__PURE__ */ h({
-  cdsBadgeIndicatorWrap: () => ls,
-  cdsFormGroupWrap: () => os,
-  cdsFormItemWrap: () => ns,
-  cdsFormWrap: () => ss,
-  cdsHeadingWrap: () => cs,
-  cdsIconIndicatorWrap: () => is,
-  cdsIconWrap: () => rs,
-  cdsLoadingWrap: () => ds,
-  cdsSkeletonPlaceholderWrap: () => vs,
-  cdsSkeletonTextWrap: () => ps,
-  cdsStackWrap: () => as
-}), ss = { selector: "cds-form" }, ns = { selector: "cds-form-item" }, os = { selector: "cds-form-group" }, as = { selector: "cds-stack" }, cs = { selector: "cds-heading" }, rs = { selector: "cds-icon" }, is = { selector: "cds-icon-indicator" }, ls = { selector: "cds-badge-indicator" }, ds = { selector: "cds-loading" }, ps = { selector: "cds-skeleton-text" }, vs = { selector: "cds-skeleton-placeholder" };
+}, os = /* @__PURE__ */ h({
+  cdsBadgeIndicatorWrap: () => us,
+  cdsFormGroupWrap: () => rs,
+  cdsFormItemWrap: () => cs,
+  cdsFormWrap: () => as,
+  cdsHeadingWrap: () => ls,
+  cdsIconIndicatorWrap: () => vs,
+  cdsIconWrap: () => ps,
+  cdsLoadingWrap: () => ms,
+  cdsSectionWrap: () => ds,
+  cdsSkeletonPlaceholderWrap: () => gs,
+  cdsSkeletonTextWrap: () => hs,
+  cdsStackWrap: () => is
+}), as = { selector: "cds-form" }, cs = { selector: "cds-form-item" }, rs = { selector: "cds-form-group" }, is = { selector: "cds-stack" }, ls = { selector: "cds-heading" }, ds = { selector: "cds-section" }, ps = { selector: "cds-icon" }, vs = { selector: "cds-icon-indicator" }, us = { selector: "cds-badge-indicator" }, ms = { selector: "cds-loading" }, hs = { selector: "cds-skeleton-text" }, gs = { selector: "cds-skeleton-placeholder" };
 function m(t) {
   return Object.values(t).filter((e) => typeof e == "object" && e !== null && e.selector);
 }
-var us = [
-  ...m(At),
-  ...m(St),
-  ...m(Dt),
-  ...m(zt),
-  ...m(Ht),
-  ...m(Jt),
-  ...m(Yt),
-  ...m(se),
-  ...m(oe),
-  ...m(ie),
-  ...m(ve),
-  ...m(be),
-  ...m(ke),
-  ...m(we),
-  ...m(Te),
-  ...m(ze),
-  ...m(je),
-  ...m(Ze),
-  ...m(Xe),
-  ...m(es)
+var fs = [
+  ...m(wt),
+  ...m(Pt),
+  ...m(xt),
+  ...m(qt),
+  ...m(Ut),
+  ...m(Kt),
+  ...m(te),
+  ...m(ne),
+  ...m(ae),
+  ...m(le),
+  ...m(ue),
+  ...m(Ee),
+  ...m(Ce),
+  ...m(De),
+  ...m(Oe),
+  ...m(qe),
+  ...m(Ve),
+  ...m(Qe),
+  ...m(es),
+  ...m(os)
 ];
-function ms() {
+function bs() {
   const t = /* @__PURE__ */ new Map();
-  return us.forEach((e) => {
+  return fs.forEach((e) => {
     t.set(e.selector, e);
   }), t;
 }
-var hs = () => import("@carbon/web-components/es/components/accordion/index.js"), q = () => import("@carbon/web-components/es/components/breadcrumb/index.js"), gs = () => import("@carbon/web-components/es/components/stack/index.js"), fs = () => import("@carbon/web-components/es/components/structured-list/index.js"), L = () => import("@carbon/web-components/es/components/contained-list/index.js"), M = () => import("@carbon/web-components/es/components/tile/index.js"), bs = () => import("@carbon/web-components/es/components/tree-view/index.js"), Es = () => import("@carbon/web-components/es/components/link/index.js"), Ws = () => import("@carbon/web-components/es/components/tabs/index.js"), Is = () => import("@carbon/web-components/es/components/content-switcher/index.js"), Q = () => import("@carbon/web-components/es/components/menu/index.js"), Ss = () => import("@carbon/web-components/es/components/overflow-menu/index.js"), H = () => import("@carbon/web-components/es/components/button/index.js"), X = () => import("@carbon/web-components/es/components/icon-button/index.js"), Ps = () => import("@carbon/web-components/es/components/combo-button/index.js"), ks = () => import("@carbon/web-components/es/components/copy-button/index.js"), Cs = () => import("@carbon/web-components/es/components/checkbox/index.js"), ys = () => import("@carbon/web-components/es/components/radio-button/index.js"), As = () => import("@carbon/web-components/es/components/toggle/index.js"), U = () => import("@carbon/web-components/es/components/select/index.js"), ws = () => import("@carbon/web-components/es/components/slider/index.js"), j = () => import("@carbon/web-components/es/components/text-input/index.js"), Ds = () => import("@carbon/web-components/es/components/textarea/index.js"), xs = () => import("@carbon/web-components/es/components/number-input/index.js"), Bs = () => import("@carbon/web-components/es/components/password-input/index.js"), Y = () => import("@carbon/web-components/es/components/search/index.js"), Ns = () => import("@carbon/web-components/es/components/combo-box/index.js"), Ms = () => import("@carbon/web-components/es/components/dropdown/index.js"), _s = () => import("@carbon/web-components/es/components/multi-select/index.js"), Ts = () => import("@carbon/web-components/es/components/date-picker/index.js"), Os = () => import("@carbon/web-components/es/components/time-picker/index.js"), Fs = () => import("@carbon/web-components/es/components/file-uploader/index.js"), tt = () => import("@carbon/web-components/es/components/form/index.js"), Rs = () => import("@carbon/web-components/es/components/form-group/index.js"), zs = () => import("@carbon/web-components/es/components/data-table/index.js"), et = () => import("@carbon/web-components/es/components/pagination/index.js"), qs = () => import("@carbon/web-components/es/components/code-snippet/index.js"), $ = () => import("@carbon/web-components/es/components/tag/index.js"), Ls = () => import("@carbon/web-components/es/components/badge-indicator/index.js"), G = () => import("@carbon/web-components/es/components/notification/index.js"), Hs = () => import("@carbon/web-components/es/components/loading/index.js"), Us = () => import("@carbon/web-components/es/components/inline-loading/index.js"), js = () => import("@carbon/web-components/es/components/progress-bar/index.js"), $s = () => import("@carbon/web-components/es/components/progress-indicator/index.js"), Gs = () => import("@carbon/web-components/es/components/skeleton-placeholder/index.js"), Vs = () => import("@carbon/web-components/es/components/skeleton-text/index.js"), k = () => import("@carbon/web-components/es/components/modal/index.js"), C = () => import("@carbon/web-components/es/components/tooltip/index.js"), Zs = () => import("@carbon/web-components/es/components/popover/index.js"), Js = () => import("@carbon/web-components/es/components/toggle-tip/index.js"), Ks = () => import("@carbon/web-components/es/components/heading/index.js"), Qs = () => import("@carbon/web-components/es/components/icon/index.js"), Xs = () => import("@carbon/web-components/es/components/icon-indicator/index.js"), O = {
+var Es = () => import("@carbon/web-components/es/components/accordion/index.js"), q = () => import("@carbon/web-components/es/components/breadcrumb/index.js"), Ws = () => import("@carbon/web-components/es/components/stack/index.js"), Ss = () => import("@carbon/web-components/es/components/structured-list/index.js"), L = () => import("@carbon/web-components/es/components/contained-list/index.js"), B = () => import("@carbon/web-components/es/components/tile/index.js"), Is = () => import("@carbon/web-components/es/components/tree-view/index.js"), Ps = () => import("@carbon/web-components/es/components/link/index.js"), ks = () => import("@carbon/web-components/es/components/tabs/index.js"), Cs = () => import("@carbon/web-components/es/components/content-switcher/index.js"), Q = () => import("@carbon/web-components/es/components/menu/index.js"), ys = () => import("@carbon/web-components/es/components/overflow-menu/index.js"), H = () => import("@carbon/web-components/es/components/button/index.js"), X = () => import("@carbon/web-components/es/components/icon-button/index.js"), As = () => import("@carbon/web-components/es/components/combo-button/index.js"), ws = () => import("@carbon/web-components/es/components/copy-button/index.js"), Ds = () => import("@carbon/web-components/es/components/checkbox/index.js"), xs = () => import("@carbon/web-components/es/components/radio-button/index.js"), Bs = () => import("@carbon/web-components/es/components/toggle/index.js"), U = () => import("@carbon/web-components/es/components/select/index.js"), Ns = () => import("@carbon/web-components/es/components/slider/index.js"), j = () => import("@carbon/web-components/es/components/text-input/index.js"), Ms = () => import("@carbon/web-components/es/components/textarea/index.js"), _s = () => import("@carbon/web-components/es/components/number-input/index.js"), Ts = () => import("@carbon/web-components/es/components/password-input/index.js"), Y = () => import("@carbon/web-components/es/components/search/index.js"), Os = () => import("@carbon/web-components/es/components/combo-box/index.js"), Fs = () => import("@carbon/web-components/es/components/dropdown/index.js"), Rs = () => import("@carbon/web-components/es/components/multi-select/index.js"), zs = () => import("@carbon/web-components/es/components/date-picker/index.js"), qs = () => import("@carbon/web-components/es/components/time-picker/index.js"), Ls = () => import("@carbon/web-components/es/components/file-uploader/index.js"), tt = () => import("@carbon/web-components/es/components/form/index.js"), Hs = () => import("@carbon/web-components/es/components/form-group/index.js"), Us = () => import("@carbon/web-components/es/components/data-table/index.js"), et = () => import("@carbon/web-components/es/components/pagination/index.js"), js = () => import("@carbon/web-components/es/components/code-snippet/index.js"), G = () => import("@carbon/web-components/es/components/tag/index.js"), Gs = () => import("@carbon/web-components/es/components/badge-indicator/index.js"), $ = () => import("@carbon/web-components/es/components/notification/index.js"), $s = () => import("@carbon/web-components/es/components/loading/index.js"), Vs = () => import("@carbon/web-components/es/components/inline-loading/index.js"), Zs = () => import("@carbon/web-components/es/components/progress-bar/index.js"), Js = () => import("@carbon/web-components/es/components/progress-indicator/index.js"), Ks = () => import("@carbon/web-components/es/components/skeleton-placeholder/index.js"), Qs = () => import("@carbon/web-components/es/components/skeleton-text/index.js"), k = () => import("@carbon/web-components/es/components/modal/index.js"), C = () => import("@carbon/web-components/es/components/tooltip/index.js"), Xs = () => import("@carbon/web-components/es/components/popover/index.js"), Ys = () => import("@carbon/web-components/es/components/toggle-tip/index.js"), st = () => import("@carbon/web-components/es/components/heading/index.js"), tn = () => import("@carbon/web-components/es/components/icon/index.js"), en = () => import("@carbon/web-components/es/components/icon-indicator/index.js"), O = {
   "cds-table": [
     C,
     H,
@@ -1214,7 +1240,7 @@ var hs = () => import("@carbon/web-components/es/components/accordion/index.js")
     Y,
     U,
     et,
-    zs
+    Us
   ],
   "cds-pagination": [
     U,
@@ -1225,38 +1251,38 @@ var hs = () => import("@carbon/web-components/es/components/accordion/index.js")
   "cds-icon-button:not([data-toggle])": [C, X],
   "cds-icon-button[data-toggle]": [C, X],
   "cds-button[data-fab]": [C, H],
-  "cds-copy-button": [C, ks],
-  "cds-combo-button": [C, Ps],
-  "cds-checkbox": [Cs],
-  "cds-radio-button-group": [ys],
-  "cds-toggle": [As],
+  "cds-copy-button": [C, ws],
+  "cds-combo-button": [C, As],
+  "cds-checkbox": [Ds],
+  "cds-radio-button-group": [xs],
+  "cds-toggle": [Bs],
   "cds-select": [U],
-  "cds-slider": [ws],
+  "cds-slider": [Ns],
   "cds-text-input": [j],
-  "cds-textarea": [Ds],
-  "cds-number-input": [xs],
-  "cds-password-input": [C, Bs],
+  "cds-textarea": [Ms],
+  "cds-number-input": [_s],
+  "cds-password-input": [C, Ts],
   "cds-search": [Y],
-  "cds-dropdown": [Ms],
-  "cds-combo-box": [Ns],
-  "cds-multi-select": [_s],
-  "cds-date-picker": [Ts],
-  "cds-time-picker": [Os],
-  "cds-file-uploader": [Fs],
-  "cds-tabs": [Ws],
-  "cds-accordion": [hs],
-  "cds-content-switcher": [Is],
+  "cds-dropdown": [Fs],
+  "cds-combo-box": [Os],
+  "cds-multi-select": [Rs],
+  "cds-date-picker": [zs],
+  "cds-time-picker": [qs],
+  "cds-file-uploader": [Ls],
+  "cds-tabs": [ks],
+  "cds-accordion": [Es],
+  "cds-content-switcher": [Cs],
   "cds-breadcrumb": [q],
   "cds-breadcrumb-item": [q],
   "cds-breadcrumb-link": [q],
   "cds-menu": [Q],
   "cds-menu-button": [Q],
-  "cds-overflow-menu": [Ss],
-  "cds-structured-list": [fs],
+  "cds-overflow-menu": [ys],
+  "cds-structured-list": [Ss],
   "cds-contained-list": [L],
   "cds-contained-list-item": [L],
   "cds-contained-list-description": [L],
-  "cds-tree-view": [bs],
+  "cds-tree-view": [Is],
   "cds-modal": [k],
   "cds-modal-header": [k],
   "cds-modal-heading": [k],
@@ -1266,37 +1292,40 @@ var hs = () => import("@carbon/web-components/es/components/accordion/index.js")
   "cds-modal-body-content": [k],
   "cds-modal-footer": [k],
   "cds-modal-footer-button": [k],
-  "cds-toast-notification": [G],
-  "cds-inline-notification": [G],
-  "cds-actionable-notification": [G],
-  "cds-clickable-tile": [M],
-  "cds-expandable-tile": [M],
-  "cds-selectable-tile": [M],
-  "cds-radio-tile": [M],
-  "cds-progress-bar": [js],
-  "cds-progress-indicator": [$s],
-  "cds-inline-loading": [Us],
+  "cds-toast-notification": [$],
+  "cds-inline-notification": [$],
+  "cds-actionable-notification": [$],
+  "cds-tile": [B],
+  "cds-tile-group": [B],
+  "cds-clickable-tile": [B],
+  "cds-expandable-tile": [B],
+  "cds-selectable-tile": [B],
+  "cds-radio-tile": [B],
+  "cds-progress-bar": [Zs],
+  "cds-progress-indicator": [Js],
+  "cds-inline-loading": [Vs],
   "cds-tooltip": [C],
-  "cds-popover": [Zs],
-  "cds-toggletip": [Js],
-  "cds-tag": [$],
-  "cds-dismissible-tag": [$],
-  "cds-filter-tag": [$],
-  "cds-link": [Es],
-  "cds-code-snippet": [qs],
+  "cds-popover": [Xs],
+  "cds-toggletip": [Ys],
+  "cds-tag": [G],
+  "cds-dismissible-tag": [G],
+  "cds-filter-tag": [G],
+  "cds-link": [Ps],
+  "cds-code-snippet": [js],
   "cds-form": [tt],
   "cds-form-item": [tt],
-  "cds-form-group": [Rs],
-  "cds-stack": [gs],
-  "cds-heading": [Ks],
-  "cds-icon": [Qs],
-  "cds-icon-indicator": [Xs],
-  "cds-badge-indicator": [Ls],
-  "cds-loading": [Hs],
-  "cds-skeleton-text": [Vs],
-  "cds-skeleton-placeholder": [Gs]
+  "cds-form-group": [Hs],
+  "cds-stack": [Ws],
+  "cds-heading": [st],
+  "cds-section": [st],
+  "cds-icon": [tn],
+  "cds-icon-indicator": [en],
+  "cds-badge-indicator": [Gs],
+  "cds-loading": [$s],
+  "cds-skeleton-text": [Qs],
+  "cds-skeleton-placeholder": [Ks]
 };
-function Ys(t) {
+function sn(t) {
   const e = /* @__PURE__ */ new Map();
   if (!t || !(t instanceof Element)) return e;
   for (const s of Object.keys(T)) e.set(s, []);
@@ -1306,17 +1335,17 @@ function Ys(t) {
   for (const [s, o] of e.entries()) o.length === 0 && e.delete(s);
   return e;
 }
-function tn(t) {
+function nn(t) {
   const e = /* @__PURE__ */ new Set();
   for (const [n, s] of t.entries()) s.length > 0 && O[n] && O[n].forEach((o) => e.add(o));
   return e;
 }
-async function en(t, e) {
+async function on(t, e) {
   if (t.size === 0) return;
   const n = Array.from(t).map(async (s) => (e.has(s) || e.set(s, s()), e.get(s)));
   await Promise.all(n);
 }
-function sn(t, e) {
+function an(t, e) {
   let n = 0;
   for (const [s, o] of t.entries()) {
     const a = T[s];
@@ -1326,52 +1355,52 @@ function sn(t, e) {
         return;
       }
       if (a.multiEvent) {
-        const I = i(c);
-        a.events.forEach((S) => {
-          const D = W(c, S.attrName, "event");
-          D && e.listen(c, S.type, (F) => {
-            e.dispatchPanelEvent(D, S.getData(F, I, c));
+        const S = r(c);
+        a.events.forEach((I) => {
+          const D = W(c, I.attrName, "event");
+          D && e.listen(c, I.type, (F) => {
+            e.dispatchPanelEvent(D, I.getData(F, S, c));
           });
         });
         return;
       }
-      const l = i(c), p = l.event;
-      p && e.listen(c, a.event, (I) => {
-        I.stopPropagation();
-        const S = a.getData(I, l, c), D = S._eventOverride || p;
-        delete S._eventOverride, e.dispatchPanelEvent(D, S);
+      const l = r(c), p = l.event;
+      p && e.listen(c, a.event, (S) => {
+        S.stopPropagation();
+        const I = a.getData(S, l, c), D = I._eventOverride || p;
+        delete I._eventOverride, e.dispatchPanelEvent(D, I);
       });
     }), n += o.length;
   }
   return n;
 }
-var T = Object.fromEntries(ms()), nn = async function(t, e) {
-  const n = Ys(t);
+var T = Object.fromEntries(bs()), cn = async function(t, e) {
+  const n = sn(t);
   if (n.size === 0) {
     this.debugMe("[Carbon] No Carbon components found in panel");
     return;
   }
   this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
   for (const [a, c] of n.entries()) this.carbonComponents.set(a, c);
-  const s = tn(n);
+  const s = nn(n);
   if (s.size > 0) try {
-    await en(s, e);
+    await on(s, e);
   } catch (a) {
     console.error("[Carbon] Failed to load some component modules:", a);
   }
-  const o = sn(n, this);
+  const o = an(n, this);
   o > 0 && this.debugMe(`[Carbon] Total components initialized: ${o}`);
-}, ln = (t = {}) => {
+}, vn = (t = {}) => {
   const { preload: e = [] } = t, n = /* @__PURE__ */ new Map();
   if (e.length > 0) {
     const s = e.filter((a) => O[a] ? !0 : (console.warn(`[Carbon] No import found for selector: ${a}`), !1)), o = s.flatMap((a) => O[a].map((c) => (n.has(c) || n.set(c, c()), n.get(c))));
     Promise.all(o).then(() => console.debug(`[Carbon] Preloaded: ${s.join(", ")}`)).catch((a) => console.warn("[Carbon] Preload error:", a));
   }
-  ft.register("carbon", {
+  bt.register("carbon", {
     cache: n,
     render: async function(s, o) {
       try {
-        await nn.call(this, s, o);
+        await cn.call(this, s, o);
       } catch (a) {
         console.error("[Carbon] Initialization error:", a);
       }
@@ -1385,5 +1414,5 @@ var T = Object.fromEntries(ms()), nn = async function(t, e) {
   }), console.debug("[Zooy] Carbon Design System library registered");
 };
 export {
-  ln as registerCarbonLibrary
+  vn as registerCarbonLibrary
 };