@trintel/zooy 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,12 @@
1
- import { n as h, t as gt } from "./component-library-registry-DB5UeqC2.js";
2
- import { i as ft, n as W, r as i } from "./zoo-DgdxBjlN.js";
3
- import { isDefAndNotNull as bt, objToPaths as Et } from "badu";
1
+ import { n as h, t as ft } from "./component-library-registry-DB5UeqC2.js";
2
+ import { i as bt, n as W, r as i } from "./zoo-DgdxBjlN.js";
3
+ import { isDefAndNotNull as Et, objToPaths as Wt } from "badu";
4
4
  import * as _ from "ramda";
5
- import { TABLE_SORT_DIRECTION as Wt } from "@carbon/web-components/lib/components/data-table/defs.js";
6
- var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
7
- const s = customElements.get("cds-table"), n = customElements.get("cds-pagination"), a = customElements.get(s.selectorTableBatchActions);
5
+ import { TABLE_SORT_DIRECTION as It } from "@carbon/web-components/lib/components/data-table/defs.js";
6
+ var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
7
+ const s = customElements.get("cds-table"), o = customElements.get("cds-pagination"), a = customElements.get(s.selectorTableBatchActions);
8
8
  customElements.get("cds-popover");
9
- const c = e.dataBinder, l = e.pagination, p = e.skeleton, S = e.querySelector(s.selectorTableToolbarSearch), I = e.querySelector(s.selectorTableBatchActions), x = e.querySelector(s.selectorTableBody), F = [
9
+ 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 = [
10
10
  "button",
11
11
  "a",
12
12
  "input",
@@ -15,7 +15,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
15
15
  '[role="button"]',
16
16
  ".cds--table-expand",
17
17
  ".cds--table-column-checkbox"
18
- ].join(","), G = e.querySelectorAll(s.selectorHeaderCell + "[is-sortable]"), et = e.isSortable || G.length > 0, R = /* @__PURE__ */ Symbol(), z = /* @__PURE__ */ Symbol(), D = /* @__PURE__ */ new Map(), st = (r) => {
18
+ ].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) => {
19
19
  t.listen(e, "click", (d) => {
20
20
  const v = d.target.closest(s.selectorTableRow);
21
21
  if (!v || d.composedPath().some((g) => g.matches && g.matches(F))) return;
@@ -26,7 +26,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
26
26
  }, ot = (r) => {
27
27
  t.listen(e, s.eventExpandoToggle, (d) => {
28
28
  const v = d.target, u = v.tagName === "CDS-TABLE-HEADER-ROW", g = d.detail.expanded, b = {
29
- tableAttrs: o,
29
+ tableAttrs: n,
30
30
  ...i(v),
31
31
  target: v,
32
32
  allRows: u,
@@ -34,14 +34,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
34
34
  };
35
35
  t.dispatchPanelEvent(r, b);
36
36
  });
37
- }, nt = (r) => {
38
- D.set(R, (d) => {
37
+ }, at = (r) => {
38
+ x.set(R, (d) => {
39
39
  t.dispatchPanelEvent(r, d);
40
40
  });
41
- }, at = (r) => {
42
- D.set(z, (d) => {
43
- const v = d.detail.selectedRows, u = Math.min(v.length, I.totalRowsCount), g = d.target, b = i(g), P = v.map(i), y = {
44
- tableAttrs: o,
41
+ }, ct = (r) => {
42
+ x.set(z, (d) => {
43
+ const v = d.detail.selectedRows, u = Math.min(v.length, S.totalRowsCount), g = d.target, b = i(g), P = v.map(i), y = {
44
+ tableAttrs: n,
45
45
  ...b,
46
46
  target: g,
47
47
  selectCount: u,
@@ -49,10 +49,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
49
49
  };
50
50
  t.dispatchPanelEvent(r, y);
51
51
  });
52
- }, ct = (r) => {
52
+ }, rt = (r) => {
53
53
  t.listen(e, s.eventTableRowSelect, (d) => {
54
54
  const v = d.target, u = d.detail.selectedRows || [], g = u.length, b = u.map(i), P = {
55
- tableAttrs: o,
55
+ tableAttrs: n,
56
56
  ...i(v),
57
57
  selectCount: g,
58
58
  selection: b,
@@ -60,17 +60,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
60
60
  };
61
61
  t.dispatchPanelEvent(r, P);
62
62
  });
63
- }, rt = () => {
63
+ }, it = () => {
64
64
  t.listen(e, s.eventBeforeSort, (r) => {
65
- const d = r.target, v = r.detail.oldSortDirection, u = r.detail.sortDirection, g = i(d), b = g.sortField, P = u === Wt.DESCENDING ? `-${b}` : b;
66
- r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), x.innerHTML = "", p && p.show(), G.forEach((A, f) => {
65
+ const d = r.target, v = r.detail.oldSortDirection, u = r.detail.sortDirection, g = i(d), b = g.sortField, P = u === It.DESCENDING ? `-${b}` : b;
66
+ r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), D.innerHTML = "", p && p.show(), V.forEach((A, f) => {
67
67
  A === d ? (A.setAttribute("sort-active", "true"), A.setAttribute("sort-direction", u)) : (A.removeAttribute("sort-active"), A.setAttribute("sort-direction", "none"));
68
68
  });
69
69
  const y = { ordering: P };
70
70
  c.fetchData(y).then(() => {
71
71
  l.setData(c), p && p.hide();
72
- }), D.has(R) && D.get(R)({
73
- tableAttrs: o,
72
+ }), x.has(R) && x.get(R)({
73
+ tableAttrs: n,
74
74
  ...g,
75
75
  sortNow: u,
76
76
  sortWas: v,
@@ -79,17 +79,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
79
79
  target: d
80
80
  });
81
81
  });
82
- }, it = () => {
82
+ }, lt = () => {
83
83
  t.listen(e, s.eventTableRowSelectAll, (r) => {
84
84
  r.detail.selectedRows.length === 0 && e.querySelectorAll(s.selectorTableRow).forEach((d) => {
85
85
  d.disabled = !1, d.selected = !1;
86
- }), D.has(z) && D.get(z)(r);
86
+ }), x.has(z) && x.get(z)(r);
87
87
  });
88
- }, lt = () => {
88
+ }, dt = () => {
89
89
  t.listen(e, s.eventBeforeChangeSelectionAll, (r) => {
90
90
  r.stopPropagation(), r.detail.callback && r.detail.callback();
91
91
  });
92
- }, dt = (r) => {
92
+ }, pt = (r) => {
93
93
  const d = e.querySelector("cds-table-header-row");
94
94
  t.listen(r, a.eventClickSelectAll, (v) => {
95
95
  v.stopPropagation(), d.dispatchEvent(new CustomEvent(s.eventBeforeChangeSelectionAll, {
@@ -106,7 +106,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
106
106
  }
107
107
  }));
108
108
  });
109
- }, pt = (r) => {
109
+ }, vt = (r) => {
110
110
  t.listen(r, "keydown", (d) => {
111
111
  if (d.key === "Enter") {
112
112
  p && p.show(), l.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
@@ -119,7 +119,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
119
119
  });
120
120
  }
121
121
  });
122
- }, vt = (r) => {
122
+ }, ut = (r) => {
123
123
  t.listen(r, s.eventSearchInput, (d) => {
124
124
  if ((d.detail.value || "") === "") {
125
125
  const v = {
@@ -131,7 +131,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
131
131
  });
132
132
  }
133
133
  });
134
- }, ut = (r) => {
134
+ }, mt = (r) => {
135
135
  r.caret = !1;
136
136
  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", [
137
137
  "zoo",
@@ -153,8 +153,8 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
153
153
  return v.forEach((E) => {
154
154
  const w = E.getAttribute("id");
155
155
  if (!w || !w.includes(":")) return;
156
- const [B, M] = w.split(":");
157
- f.has(B) || f.set(B, []), E.checked && f.get(B).push(M);
156
+ const [B, N] = w.split(":");
157
+ f.has(B) || f.set(B, []), E.checked && f.get(B).push(N);
158
158
  }), f;
159
159
  };
160
160
  if (y.has(b)) {
@@ -167,15 +167,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
167
167
  }
168
168
  y.has(P) && t.listen(y.get(P), "click", (f) => {
169
169
  f.stopPropagation();
170
- const E = [...A()].reduce((w, [B, M]) => (w[B] = M === [] ? null : M, w), { offset: 0 });
170
+ const E = [...A()].reduce((w, [B, N]) => (w[B] = N === [] ? null : N, w), { offset: 0 });
171
171
  p && p.show(), c.fetchData(E).then(() => {
172
172
  l && l.setData(c), p && p.hide(), r.open = !1;
173
173
  });
174
174
  }), t.listen(d, "click", (f) => {
175
175
  f.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
176
176
  });
177
- }, mt = () => {
178
- t.listen(l, n.eventPageSizeChanged, (r) => {
177
+ }, ht = () => {
178
+ t.listen(l, o.eventPageSizeChanged, (r) => {
179
179
  const d = {
180
180
  limit: l.pageSize,
181
181
  offset: 0
@@ -184,9 +184,9 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
184
184
  l.setData(c);
185
185
  });
186
186
  });
187
- }, ht = () => {
187
+ }, gt = () => {
188
188
  let r = null;
189
- t.listen(l, n.eventChangeCurrent, (d) => {
189
+ t.listen(l, o.eventChangeCurrent, (d) => {
190
190
  const { page: v } = d.detail, u = l.pageSize, g = (v - 1) * u;
191
191
  if (g !== r) {
192
192
  r = g;
@@ -200,28 +200,28 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
200
200
  }
201
201
  });
202
202
  };
203
- c && l && (mt(), ht()), c && S && (pt(S), vt(S));
204
- const V = e.querySelector(s.selectorTableToolbarContent);
205
- if (V) {
206
- const r = V.querySelectorAll("cds-popover[data-batch-filter]");
207
- c && r && r.forEach(ut);
203
+ c && l && (ht(), gt()), c && I && (vt(I), ut(I));
204
+ const Z = e.querySelector(s.selectorTableToolbarContent);
205
+ if (Z) {
206
+ const r = Z.querySelectorAll("cds-popover[data-batch-filter]");
207
+ c && r && r.forEach(mt);
208
208
  }
209
- e.isSelectable && (it(), lt(), I && dt(I)), c && et && rt();
210
- const Z = { zoo: { event: {
209
+ e.isSelectable && (lt(), dt(), S && pt(S)), c && st && it();
210
+ const J = { zoo: { event: {
211
211
  row: {
212
- click: st,
212
+ click: nt,
213
213
  expand: ot,
214
214
  check: {
215
- one: ct,
216
- all: at
215
+ one: rt,
216
+ all: ct
217
217
  }
218
218
  },
219
- column: { sort: nt }
219
+ column: { sort: at }
220
220
  } } };
221
- Et(o).forEach(([r, d]) => {
222
- _.hasPath(r, Z) && _.path(r, Z)(d);
221
+ Wt(n).forEach(([r, d]) => {
222
+ _.hasPath(r, J) && _.path(r, J)(d);
223
223
  });
224
- }, It = (t) => {
224
+ }, Pt = (t) => {
225
225
  const e = document.createElement("cds-pagination");
226
226
  return e.backwardText = "Previous page", e.forwardText = "Next page", e.itemsPerPageText = "Items per page:", e.pageSize = t.limit, e.size = "lg", [
227
227
  10,
@@ -229,54 +229,54 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
229
229
  50,
230
230
  100,
231
231
  500
232
- ].forEach((o) => {
232
+ ].forEach((n) => {
233
233
  const s = document.createElement("cds-select-item");
234
- s.value = o.toString(), s.textContent = o.toString(), e.appendChild(s);
235
- }), e.setData = (o) => {
236
- if (o.isPaginated) {
237
- const { count: s } = _.pick(["count"], o.data);
238
- e.pagesUnknown = Math.ceil(s / o.limit) > 100, e.totalItems = s, e.pagesUnknown ? e.formatStatusWithIndeterminateTotal = ({ start: n, end: a }) => `${n}–${a} of ${s} item${s <= 1 ? "" : "s"}` : delete e.formatStatusWithIndeterminateTotal;
234
+ s.value = n.toString(), s.textContent = n.toString(), e.appendChild(s);
235
+ }), e.setData = (n) => {
236
+ if (n.isPaginated) {
237
+ const { count: s } = _.pick(["count"], n.data);
238
+ 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;
239
239
  }
240
240
  }, e;
241
- }, Pt = (t) => {
241
+ }, kt = (t) => {
242
242
  if (!t.parentNode) {
243
243
  console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
244
244
  return;
245
245
  }
246
- const e = !!t.querySelector("cds-table-header-title"), o = !!t.querySelector("cds-table-header-description"), s = !!t.querySelector("cds-table-toolbar"), n = [...t.querySelectorAll("cds-table-header-cell")].length, a = t.hasAttribute("zebra"), c = t.getAttribute("size"), l = document.createElement("cds-table-skeleton");
247
- l.showHeader = e || o, l.showToolbar = s, l.zebra = a, l.columnCount = n, l.size = c, l.show = () => l.classList.remove("hidden"), l.hide = () => l.classList.add("hidden");
246
+ const e = !!t.querySelector("cds-table-header-title"), n = !!t.querySelector("cds-table-header-description"), s = !!t.querySelector("cds-table-toolbar"), o = [...t.querySelectorAll("cds-table-header-cell")].length, a = t.hasAttribute("zebra"), c = t.getAttribute("size"), l = document.createElement("cds-table-skeleton");
247
+ 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");
248
248
  const p = document.createElement("div");
249
249
  return p.classList.add("zoo-datatable-skeleton-wrapper"), t.parentNode.insertBefore(p, t), p.appendChild(l), p.appendChild(t), l;
250
- }, kt = (t, e) => {
251
- const o = e.getAttribute("zoo-url-api"), s = parseInt(e.getAttribute("data-page-size") || 25, 10);
252
- if (o) return new ft(t, o, e, { urlParams: { limit: s } });
253
- }, Ct = {
250
+ }, Ct = (t, e) => {
251
+ const n = e.getAttribute("zoo-url-api"), s = parseInt(e.getAttribute("data-page-size") || 25, 10);
252
+ if (n) return new bt(t, n, e, { urlParams: { limit: s } });
253
+ }, yt = {
254
254
  selector: "cds-table",
255
255
  init: function(t) {
256
- const e = i(t), o = this, s = kt(o, t);
257
- if (bt(s)) {
256
+ const e = i(t), n = this, s = Ct(n, t);
257
+ if (Et(s)) {
258
258
  t.dataBinder = s;
259
- const n = Pt(t);
260
- t.skeleton = n;
261
- const a = It(s);
259
+ const o = kt(t);
260
+ t.skeleton = o;
261
+ const a = Pt(s);
262
262
  t.pagination = a, t.after(a), s.fetchData().then((c) => {
263
- n.hide(), a.setData(s), J(o, t, e);
263
+ o.hide(), a.setData(s), K(n, t, e);
264
264
  });
265
- } else J(o, t, e);
265
+ } else K(n, t, e);
266
266
  }
267
- }, yt = /* @__PURE__ */ h({ cdsPaginationWrap: () => At }), At = {
267
+ }, At = /* @__PURE__ */ h({ cdsPaginationWrap: () => wt }), wt = {
268
268
  selector: "cds-pagination",
269
269
  init: function(t) {
270
- const e = this, o = customElements.get("cds-pagination");
270
+ const e = this, n = customElements.get("cds-pagination");
271
271
  let s = null;
272
- e.listen(t, o.eventChangeCurrent, (n) => {
273
- const a = n.detail.page, c = t.pageSize, l = (a - 1) * c;
272
+ e.listen(t, n.eventChangeCurrent, (o) => {
273
+ const a = o.detail.page, c = t.pageSize, l = (a - 1) * c;
274
274
  l !== s && (s = l, e.dispatchPanelEvent("pagination-changed-current", { detail: {
275
275
  page: a,
276
276
  pageSize: c,
277
277
  action: "page-change"
278
278
  } }));
279
- }), e.listen(t, o.eventPageSizeChanged, (n) => {
279
+ }), e.listen(t, n.eventPageSizeChanged, (o) => {
280
280
  const a = t.pageSize;
281
281
  s = null, e.dispatchPanelEvent("pagination-changed-page-size", { detail: {
282
282
  page: 1,
@@ -285,36 +285,36 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
285
285
  } });
286
286
  });
287
287
  }
288
- }, wt = /* @__PURE__ */ h({
289
- cdsModalBodyContentWrap: () => Tt,
290
- cdsModalBodyWrap: () => _t,
291
- cdsModalCloseButWrap: () => Nt,
292
- cdsModalFooterButWrap: () => Ft,
293
- cdsModalFooterWrap: () => Ot,
294
- cdsModalHeaderWrap: () => Dt,
295
- cdsModalHeadingWrap: () => Bt,
288
+ }, Dt = /* @__PURE__ */ h({
289
+ cdsModalBodyContentWrap: () => Ot,
290
+ cdsModalBodyWrap: () => Tt,
291
+ cdsModalCloseButWrap: () => _t,
292
+ cdsModalFooterButWrap: () => Rt,
293
+ cdsModalFooterWrap: () => Ft,
294
+ cdsModalHeaderWrap: () => Bt,
295
+ cdsModalHeadingWrap: () => Nt,
296
296
  cdsModalLabelWrap: () => Mt,
297
297
  cdsModalWrap: () => xt
298
298
  }), xt = {
299
299
  selector: "cds-modal",
300
300
  init: function(t) {
301
- const e = customElements.get("cds-modal"), o = i(t), s = W(t, "open-event", "event");
301
+ const e = customElements.get("cds-modal"), n = i(t), s = W(t, "open-event", "event");
302
302
  s && this.listen(t, "cds-modal-beingopened", (c) => {
303
303
  this.dispatchPanelEvent(s, {
304
- ...o,
304
+ ...n,
305
305
  action: "opened"
306
306
  });
307
307
  });
308
- const n = t.getAttribute("before-close-event");
309
- n && this.listen(t, e.eventBeforeClose, (c) => {
310
- this.dispatchPanelEvent(n, {
311
- ...o,
308
+ const o = t.getAttribute("before-close-event");
309
+ o && this.listen(t, e.eventBeforeClose, (c) => {
310
+ this.dispatchPanelEvent(o, {
311
+ ...n,
312
312
  action: "closing",
313
313
  cancelable: !0
314
314
  });
315
315
  }), this.listen(t, e.eventClose, (c) => {
316
316
  this.dispatchPanelEvent("destroy_me", {
317
- ...o,
317
+ ...n,
318
318
  action: "closed",
319
319
  triggeredBy: c.detail?.triggeredBy
320
320
  });
@@ -322,60 +322,60 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
322
322
  const a = W(t, "primary-event", "event");
323
323
  a && this.listen(t, "cds-modal-primary-focus", (c) => {
324
324
  this.dispatchPanelEvent(a, {
325
- ...o,
325
+ ...n,
326
326
  action: "primary"
327
327
  });
328
328
  });
329
329
  }
330
- }, Dt = { selector: "cds-modal-header" }, Bt = { selector: "cds-modal-heading" }, Mt = { selector: "cds-modal-label" }, Nt = { selector: "cds-modal-close-button" }, _t = { selector: "cds-modal-body" }, Tt = { selector: "cds-modal-body-content" }, Ot = { selector: "cds-modal-footer" }, Ft = {
330
+ }, 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 = {
331
331
  selector: "cds-modal-footer-button",
332
332
  init: function(t) {
333
333
  const e = i(t);
334
334
  if (t.getAttribute("type") === "submit") {
335
335
  this.listen(t, "click", (s) => {
336
- let n = t.closest("form");
337
- if (!n) {
336
+ let o = t.closest("form");
337
+ if (!o) {
338
338
  const a = t.getAttribute("form");
339
- a && (n = document.getElementById(a));
339
+ a && (o = document.getElementById(a));
340
340
  }
341
- n && n.requestSubmit();
341
+ o && o.requestSubmit();
342
342
  });
343
343
  return;
344
344
  }
345
- const o = e.event;
346
- o && this.listen(t, "click", (s) => {
347
- s.stopPropagation(), this.dispatchPanelEvent(o, e);
345
+ const n = e.event;
346
+ n && this.listen(t, "click", (s) => {
347
+ s.stopPropagation(), this.dispatchPanelEvent(n, e);
348
348
  });
349
349
  }
350
- }, Rt = /* @__PURE__ */ h({
351
- cdsMenuButtonWrap: () => qt,
352
- cdsMenuWrap: () => zt
353
- }), zt = {
350
+ }, zt = /* @__PURE__ */ h({
351
+ cdsMenuButtonWrap: () => Lt,
352
+ cdsMenuWrap: () => qt
353
+ }), qt = {
354
354
  selector: "cds-menu",
355
355
  init: function(t) {
356
- const e = i(t), o = W(t, "open-event");
357
- o && this.listen(t, "cds-menu-opened", (n) => {
358
- this.dispatchPanelEvent(o, {
356
+ const e = i(t), n = W(t, "open-event");
357
+ n && this.listen(t, "cds-menu-opened", (o) => {
358
+ this.dispatchPanelEvent(n, {
359
359
  ...e,
360
360
  action: "opened"
361
361
  });
362
362
  });
363
363
  const s = W(t, "close-event");
364
- s && this.listen(t, "cds-menu-closed", (n) => {
364
+ s && this.listen(t, "cds-menu-closed", (o) => {
365
365
  this.dispatchPanelEvent(s, {
366
366
  ...e,
367
367
  action: "closed"
368
368
  });
369
- }), this.listen(t, "click", (n) => {
370
- if (n.target.tagName === "CDS-MENU-ITEM") {
371
- const a = i(n.target), c = a.event || e.event;
372
- c && (n.stopPropagation(), this.dispatchPanelEvent(c, {
369
+ }), this.listen(t, "click", (o) => {
370
+ if (o.target.tagName === "CDS-MENU-ITEM") {
371
+ const a = i(o.target), c = a.event || e.event;
372
+ c && (o.stopPropagation(), this.dispatchPanelEvent(c, {
373
373
  ...e,
374
374
  ...a
375
375
  }));
376
376
  }
377
- }), this.listen(t, "cds-item-changed", (n) => {
378
- const a = n.detail.triggeredBy, c = i(a), l = c.event || e.event;
377
+ }), this.listen(t, "cds-item-changed", (o) => {
378
+ const a = o.detail.triggeredBy, c = i(a), l = c.event || e.event;
379
379
  l && this.dispatchPanelEvent(l, {
380
380
  ...e,
381
381
  ...c,
@@ -383,331 +383,331 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
383
383
  });
384
384
  });
385
385
  }
386
- }, qt = {
386
+ }, Lt = {
387
387
  selector: "cds-menu-button",
388
388
  init: function(t) {
389
- const e = i(t), o = t.querySelector("cds-menu");
390
- o && this.listen(o, "click", (s) => {
389
+ const e = i(t), n = t.querySelector("cds-menu");
390
+ n && this.listen(n, "click", (s) => {
391
391
  if (s.target.tagName === "CDS-MENU-ITEM") {
392
- const n = i(s.target), a = n.event || e.event;
392
+ const o = i(s.target), a = o.event || e.event;
393
393
  a && (s.stopPropagation(), this.dispatchPanelEvent(a, {
394
394
  ...e,
395
- ...n
395
+ ...o
396
396
  }));
397
397
  }
398
398
  });
399
399
  }
400
- }, Lt = /* @__PURE__ */ h({
401
- cdsButFabWrap: () => $t,
402
- cdsButtonWrap: () => Ht,
403
- cdsComboButWrap: () => Vt,
404
- cdsCopyButWrap: () => Gt,
405
- cdsIconButToggleWrap: () => jt,
406
- cdsIconButWrap: () => Ut
407
- }), Ht = {
400
+ }, Ht = /* @__PURE__ */ h({
401
+ cdsButFabWrap: () => Gt,
402
+ cdsButtonWrap: () => Ut,
403
+ cdsComboButWrap: () => Zt,
404
+ cdsCopyButWrap: () => Vt,
405
+ cdsIconButToggleWrap: () => $t,
406
+ cdsIconButWrap: () => jt
407
+ }), Ut = {
408
408
  selector: "cds-button",
409
409
  init: function(t) {
410
410
  const e = i(t);
411
411
  if (t.getAttribute("type") === "submit") {
412
412
  this.listen(t, "click", (s) => {
413
- let n = t.closest("form");
414
- if (!n) {
413
+ let o = t.closest("form");
414
+ if (!o) {
415
415
  const a = t.getAttribute("form");
416
- a && (n = document.getElementById(a));
416
+ a && (o = document.getElementById(a));
417
417
  }
418
- n && n.requestSubmit();
418
+ o && o.requestSubmit();
419
419
  });
420
420
  return;
421
421
  }
422
- const o = e.event;
423
- o && this.listen(t, "click", (s) => {
424
- s.stopPropagation(), this.dispatchPanelEvent(o, i(t));
422
+ const n = e.event;
423
+ n && this.listen(t, "click", (s) => {
424
+ s.stopPropagation(), this.dispatchPanelEvent(n, i(t));
425
425
  });
426
426
  }
427
- }, Ut = {
427
+ }, jt = {
428
428
  selector: "cds-icon-button:not([data-toggle])",
429
429
  event: "click",
430
430
  getData: (t, e) => e
431
- }, jt = {
431
+ }, $t = {
432
432
  selector: "cds-icon-button[data-toggle]",
433
433
  init: function(t) {
434
434
  const e = i(t);
435
- e.event && this.listen(t, "click", (o) => {
436
- o.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
435
+ e.event && this.listen(t, "click", (n) => {
436
+ n.stopPropagation(), t.isSelected = !t.isSelected, this.dispatchPanelEvent(e.event, {
437
437
  ...e,
438
438
  isOn: t.isSelected
439
439
  });
440
440
  });
441
441
  }
442
- }, $t = {
442
+ }, Gt = {
443
443
  selector: "cds-button[data-fab]",
444
444
  event: "click",
445
445
  getData: (t, e) => e
446
- }, Gt = {
446
+ }, Vt = {
447
447
  selector: "cds-copy-button",
448
448
  init: function(t) {
449
- const e = i(t), o = e.event;
450
- o && this.listen(t, "click", (n) => {
451
- n.stopPropagation(), this.dispatchPanelEvent(o, {
449
+ const e = i(t), n = e.event;
450
+ n && this.listen(t, "click", (o) => {
451
+ o.stopPropagation(), this.dispatchPanelEvent(n, {
452
452
  ...e,
453
453
  action: "copy"
454
454
  });
455
455
  });
456
456
  const s = t.getAttribute("success-event");
457
457
  if (s) {
458
- const n = new MutationObserver(() => {
458
+ const o = new MutationObserver(() => {
459
459
  t.hasAttribute("feedback-shown") && this.dispatchPanelEvent(s, {
460
460
  ...e,
461
461
  action: "copied"
462
462
  });
463
463
  });
464
- n.observe(t, {
464
+ o.observe(t, {
465
465
  attributes: !0,
466
466
  attributeFilter: ["feedback-shown"]
467
- }), t._copyObserver = n;
467
+ }), t._copyObserver = o;
468
468
  }
469
469
  }
470
- }, Vt = {
470
+ }, Zt = {
471
471
  selector: "cds-combo-button",
472
472
  init: function(t) {
473
473
  const e = i(t);
474
474
  e.event && this.listen(t, "click", (s) => {
475
- const n = s.composedPath(), a = n.some((l) => l.tagName === "CDS-MENU-ITEM"), c = n.some((l) => l.tagName === "CDS-ICON-BUTTON");
475
+ const o = s.composedPath(), a = o.some((l) => l.tagName === "CDS-MENU-ITEM"), c = o.some((l) => l.tagName === "CDS-ICON-BUTTON");
476
476
  !a && !c && (s.stopPropagation(), this.dispatchPanelEvent(e.event, {
477
477
  ...e,
478
478
  action: "primary"
479
479
  }));
480
480
  });
481
- const o = t.querySelector("cds-menu");
482
- o && this.listen(o, "click", (s) => {
481
+ const n = t.querySelector("cds-menu");
482
+ n && this.listen(n, "click", (s) => {
483
483
  if (s.target.tagName === "CDS-MENU-ITEM") {
484
- const n = i(s.target), a = n.event || W(t, "menu-event", "event");
484
+ const o = i(s.target), a = o.event || W(t, "menu-event", "event");
485
485
  a && this.dispatchPanelEvent(a, {
486
486
  ...e,
487
- ...n,
487
+ ...o,
488
488
  action: "menu-item"
489
489
  });
490
490
  }
491
491
  });
492
492
  }
493
- }, Zt = /* @__PURE__ */ h({
494
- cdsComboBoxWrap: () => Kt,
495
- cdsDropdownWrap: () => Jt,
496
- cdsMultiSelectWrap: () => Qt
497
- }), Jt = {
493
+ }, Jt = /* @__PURE__ */ h({
494
+ cdsComboBoxWrap: () => Qt,
495
+ cdsDropdownWrap: () => Kt,
496
+ cdsMultiSelectWrap: () => Xt
497
+ }), Kt = {
498
498
  selector: "cds-dropdown",
499
499
  init: function(t) {
500
- const e = customElements.get("cds-dropdown"), o = i(t), s = o.event;
500
+ const e = customElements.get("cds-dropdown"), n = i(t), s = n.event;
501
501
  s && this.listen(t, e.eventSelect, (a) => {
502
502
  this.dispatchPanelEvent(s, {
503
- ...o,
503
+ ...n,
504
504
  value: t.value,
505
505
  selectedValue: a.detail?.item?.value,
506
506
  selectedText: a.detail?.item?.textContent?.trim()
507
507
  });
508
508
  });
509
- const n = t.getAttribute("toggle-event");
510
- n && this.listen(t, e.eventToggle, (a) => {
511
- this.dispatchPanelEvent(n, {
512
- ...o,
509
+ const o = t.getAttribute("toggle-event");
510
+ o && this.listen(t, e.eventToggle, (a) => {
511
+ this.dispatchPanelEvent(o, {
512
+ ...n,
513
513
  open: t.hasAttribute("open")
514
514
  });
515
515
  });
516
516
  }
517
- }, Kt = {
517
+ }, Qt = {
518
518
  selector: "cds-combo-box",
519
519
  init: function(t) {
520
- const e = customElements.get("cds-combo-box"), o = i(t), s = o.event;
520
+ const e = customElements.get("cds-combo-box"), n = i(t), s = n.event;
521
521
  s && this.listen(t, e.eventSelect, (a) => {
522
522
  const c = a.detail?.item;
523
523
  this.dispatchPanelEvent(s, {
524
- ...o,
524
+ ...n,
525
525
  value: t.value,
526
526
  selectedValue: c?.value,
527
527
  selectedText: c?.textContent?.trim()
528
528
  });
529
529
  });
530
- const n = t.getAttribute("toggle-event");
531
- n && this.listen(t, e.eventToggle, (a) => {
532
- this.dispatchPanelEvent(n, {
533
- ...o,
530
+ const o = t.getAttribute("toggle-event");
531
+ o && this.listen(t, e.eventToggle, (a) => {
532
+ this.dispatchPanelEvent(o, {
533
+ ...n,
534
534
  open: t.hasAttribute("open")
535
535
  });
536
536
  });
537
537
  }
538
- }, Qt = {
538
+ }, Xt = {
539
539
  selector: "cds-multi-select",
540
540
  init: function(t) {
541
- const e = customElements.get("cds-multi-select"), o = i(t), s = o.event;
541
+ const e = customElements.get("cds-multi-select"), n = i(t), s = n.event;
542
542
  s && this.listen(t, e.eventSelect, (a) => {
543
543
  const c = t.value ? t.value.split(",") : [];
544
544
  this.dispatchPanelEvent(s, {
545
- ...o,
545
+ ...n,
546
546
  selectedItems: c
547
547
  });
548
548
  });
549
- const n = t.getAttribute("toggle-event");
550
- n && this.listen(t, e.eventToggle, (a) => {
551
- this.dispatchPanelEvent(n, {
552
- ...o,
549
+ const o = t.getAttribute("toggle-event");
550
+ o && this.listen(t, e.eventToggle, (a) => {
551
+ this.dispatchPanelEvent(o, {
552
+ ...n,
553
553
  open: t.hasAttribute("open")
554
554
  });
555
555
  });
556
556
  }
557
- }, Xt = /* @__PURE__ */ h({
558
- cdsDatePickerWrap: () => Yt,
559
- cdsTimePickerWrap: () => te
560
- }), Yt = {
557
+ }, Yt = /* @__PURE__ */ h({
558
+ cdsDatePickerWrap: () => te,
559
+ cdsTimePickerWrap: () => ee
560
+ }), te = {
561
561
  selector: "cds-date-picker",
562
562
  init: function(t) {
563
- const e = customElements.get("cds-date-picker"), o = i(t), s = t.querySelector('cds-date-picker-input[kind="from"]'), n = t.querySelector('cds-date-picker-input[kind="to"]'), a = s && n, c = o.event;
563
+ 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;
564
564
  c && this.listen(t, e.eventChange, (p) => {
565
- let S;
566
- a ? S = {
565
+ let I;
566
+ a ? I = {
567
567
  from: s.value || "",
568
- to: n.value || ""
569
- } : S = t.value, this.dispatchPanelEvent(c, {
570
- ...o,
571
- value: S
568
+ to: o.value || ""
569
+ } : I = t.value, this.dispatchPanelEvent(c, {
570
+ ...n,
571
+ value: I
572
572
  });
573
573
  });
574
574
  const l = t.getAttribute("error-event");
575
575
  l && this.listen(t, e.eventFlatpickrError, (p) => {
576
576
  this.dispatchPanelEvent(l, {
577
- ...o,
577
+ ...n,
578
578
  error: p.detail
579
579
  });
580
580
  });
581
581
  }
582
- }, te = {
582
+ }, ee = {
583
583
  selector: "cds-time-picker",
584
584
  event: "cds-time-picker-changed",
585
- getData: (t, e, o) => ({
585
+ getData: (t, e, n) => ({
586
586
  ...e,
587
- value: o.value
587
+ value: n.value
588
588
  })
589
- }, ee = /* @__PURE__ */ h({ cdsFileUploaderWrap: () => se }), se = {
589
+ }, se = /* @__PURE__ */ h({ cdsFileUploaderWrap: () => ne }), ne = {
590
590
  selector: "cds-file-uploader",
591
591
  init: function(t) {
592
- const e = i(t), o = e.event;
593
- if (o) {
594
- const n = t.querySelector('input[type="file"]');
595
- n && this.listen(n, "change", (a) => {
596
- this.dispatchPanelEvent(o, {
592
+ const e = i(t), n = e.event;
593
+ if (n) {
594
+ const o = t.querySelector('input[type="file"]');
595
+ o && this.listen(o, "change", (a) => {
596
+ this.dispatchPanelEvent(n, {
597
597
  ...e,
598
598
  files: Array.from(a.target.files || [])
599
599
  });
600
600
  });
601
601
  }
602
602
  const s = t.getAttribute("delete-event");
603
- s && this.listen(t, "cds-file-uploader-item-deleted", (n) => {
603
+ s && this.listen(t, "cds-file-uploader-item-deleted", (o) => {
604
604
  this.dispatchPanelEvent(s, {
605
605
  ...e,
606
- fileName: n.detail?.fileName,
607
- fileId: n.detail?.fileId
606
+ fileName: o.detail?.fileName,
607
+ fileId: o.detail?.fileId
608
608
  });
609
609
  });
610
610
  }
611
611
  }, oe = /* @__PURE__ */ h({
612
- cdsAccordionWrap: () => ae,
613
- cdsContentSwitcherWrap: () => ce,
614
- cdsTabsWrap: () => ne
615
- }), ne = {
612
+ cdsAccordionWrap: () => ce,
613
+ cdsContentSwitcherWrap: () => re,
614
+ cdsTabsWrap: () => ae
615
+ }), ae = {
616
616
  selector: "cds-tabs",
617
617
  init: function(t) {
618
- const e = customElements.get("cds-tabs"), o = i(t), s = t.getAttribute("before-select-event");
618
+ const e = customElements.get("cds-tabs"), n = i(t), s = t.getAttribute("before-select-event");
619
619
  s && this.listen(t, e.eventBeforeSelect, (a) => {
620
620
  this.dispatchPanelEvent(s, {
621
- ...o,
621
+ ...n,
622
622
  tabValue: a.detail.value,
623
623
  cancelable: !0
624
624
  });
625
625
  });
626
- const n = o.event;
627
- n && this.listen(t, e.eventSelect, (a) => {
626
+ const o = n.event;
627
+ o && this.listen(t, e.eventSelect, (a) => {
628
628
  const c = a.detail.item, l = i(c);
629
- this.dispatchPanelEvent(n, {
630
- ...o,
629
+ this.dispatchPanelEvent(o, {
630
+ ...n,
631
631
  ...l,
632
632
  tabValue: a.detail.value
633
633
  });
634
634
  });
635
635
  }
636
- }, ae = {
636
+ }, ce = {
637
637
  selector: "cds-accordion",
638
638
  init: function(t) {
639
- const e = customElements.get("cds-accordion-item"), o = i(t);
639
+ const e = customElements.get("cds-accordion-item"), n = i(t);
640
640
  [...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
641
- const n = i(s), a = n.event || o.event;
641
+ const o = i(s), a = o.event || n.event;
642
642
  a && this.listen(s, e.eventToggle, (c) => {
643
643
  this.dispatchPanelEvent(a, {
644
- ...o,
645
644
  ...n,
645
+ ...o,
646
646
  open: c.detail.open
647
647
  });
648
648
  });
649
649
  });
650
650
  }
651
- }, ce = {
651
+ }, re = {
652
652
  selector: "cds-content-switcher",
653
653
  init: function(t) {
654
- const e = customElements.get("cds-content-switcher"), o = i(t), s = t.getAttribute("before-select-event");
654
+ const e = customElements.get("cds-content-switcher"), n = i(t), s = t.getAttribute("before-select-event");
655
655
  s && this.listen(t, e.eventBeforeSelect, (a) => {
656
656
  this.dispatchPanelEvent(s, {
657
- ...o,
657
+ ...n,
658
658
  value: a.detail.value,
659
659
  cancelable: !0
660
660
  });
661
661
  });
662
- const n = o.event;
663
- n && this.listen(t, e.eventSelect, (a) => {
662
+ const o = n.event;
663
+ o && this.listen(t, e.eventSelect, (a) => {
664
664
  const c = a.detail.item, l = i(c);
665
- this.dispatchPanelEvent(n, {
666
- ...o,
665
+ this.dispatchPanelEvent(o, {
666
+ ...n,
667
667
  ...l,
668
668
  value: c.getAttribute("value")
669
669
  });
670
670
  });
671
671
  }
672
- }, re = /* @__PURE__ */ h({
673
- cdsBreadCrumbWrap: () => de,
674
- cdsBreadcrumbItemWrap: () => ie,
675
- cdsBreadcrumbLinkWrap: () => le
676
- }), ie = { selector: "cds-breadcrumb-item" }, le = {
672
+ }, ie = /* @__PURE__ */ h({
673
+ cdsBreadCrumbWrap: () => pe,
674
+ cdsBreadcrumbItemWrap: () => le,
675
+ cdsBreadcrumbLinkWrap: () => de
676
+ }), le = { selector: "cds-breadcrumb-item" }, de = {
677
677
  selector: "cds-breadcrumb-link",
678
678
  event: "click",
679
- getData: (t, e, o) => (t.preventDefault(), {
679
+ getData: (t, e, n) => (t.preventDefault(), {
680
680
  ...e,
681
- href: o.getAttribute("href")
681
+ href: n.getAttribute("href")
682
682
  })
683
- }, de = {
683
+ }, pe = {
684
684
  selector: "cds-breadcrumb",
685
685
  init: function(t) {
686
- const e = this, o = i(t), s = o.event;
686
+ const e = this, n = i(t), s = n.event;
687
687
  if (s) {
688
- const n = (c) => {
688
+ const o = (c) => {
689
689
  e.dispatchPanelEvent(s, {
690
- ...o,
690
+ ...n,
691
691
  ...c
692
692
  });
693
693
  };
694
694
  e.listen(t, "click", (c) => {
695
695
  const l = c.target.closest("cds-breadcrumb-link");
696
- l && (c.preventDefault(), c.stopPropagation(), n(i(l)));
696
+ l && (c.preventDefault(), c.stopPropagation(), o(i(l)));
697
697
  });
698
698
  const a = t.querySelector("cds-overflow-menu-body");
699
699
  a && e.listen(a, "cds-overflow-menu-item-clicked", (c) => {
700
- c.stopPropagation(), n(i(c.target));
700
+ c.stopPropagation(), o(i(c.target));
701
701
  });
702
702
  }
703
703
  }
704
- }, pe = /* @__PURE__ */ h({
705
- cdsNumberInputWrap: () => me,
706
- cdsPasswordInputWrap: () => he,
707
- cdsSearchWrap: () => ge,
708
- cdsTextAreaWrap: () => ue,
709
- cdsTextInputWrap: () => ve
710
- }), ve = {
704
+ }, ve = /* @__PURE__ */ h({
705
+ cdsNumberInputWrap: () => he,
706
+ cdsPasswordInputWrap: () => ge,
707
+ cdsSearchWrap: () => fe,
708
+ cdsTextAreaWrap: () => me,
709
+ cdsTextInputWrap: () => ue
710
+ }), ue = {
711
711
  selector: "cds-text-input",
712
712
  multiEvent: !0,
713
713
  events: [{
@@ -725,7 +725,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
725
725
  value: t.currentTarget.value
726
726
  })
727
727
  }]
728
- }, ue = {
728
+ }, me = {
729
729
  selector: "cds-textarea",
730
730
  multiEvent: !0,
731
731
  events: [{
@@ -743,15 +743,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
743
743
  value: t.currentTarget.value
744
744
  })
745
745
  }]
746
- }, me = {
746
+ }, he = {
747
747
  selector: "cds-number-input",
748
748
  event: "cds-number-input",
749
- getData: (t, e, o) => ({
749
+ getData: (t, e, n) => ({
750
750
  ...e,
751
751
  value: t.detail.value,
752
752
  direction: t.detail.direction
753
753
  })
754
- }, he = {
754
+ }, ge = {
755
755
  selector: "cds-password-input",
756
756
  multiEvent: !0,
757
757
  events: [{
@@ -769,35 +769,35 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
769
769
  value: t.currentTarget.value
770
770
  })
771
771
  }]
772
- }, ge = {
772
+ }, fe = {
773
773
  selector: "cds-search",
774
774
  event: "cds-search-input",
775
- getData: (t, e, o) => ({
775
+ getData: (t, e, n) => ({
776
776
  ...e,
777
- value: o.value
777
+ value: n.value
778
778
  })
779
- }, fe = /* @__PURE__ */ h({
780
- cdsCheckboxWrap: () => be,
781
- cdsRadioButGroupWrap: () => Ee,
779
+ }, be = /* @__PURE__ */ h({
780
+ cdsCheckboxWrap: () => Ee,
781
+ cdsRadioButGroupWrap: () => We,
782
782
  cdsSelectWrap: () => Se,
783
- cdsSliderWrap: () => Ie,
784
- cdsToggleWrap: () => We
785
- }), be = {
783
+ cdsSliderWrap: () => Pe,
784
+ cdsToggleWrap: () => Ie
785
+ }), Ee = {
786
786
  selector: "cds-checkbox",
787
787
  event: "cds-checkbox-changed",
788
- getData: (t, e, o) => ({
788
+ getData: (t, e, n) => ({
789
789
  ...e,
790
790
  checked: t.detail.checked,
791
- value: o.value
791
+ value: n.value
792
792
  })
793
- }, Ee = {
793
+ }, We = {
794
794
  selector: "cds-radio-button-group",
795
795
  event: "cds-radio-button-group-changed",
796
796
  getData: (t, e) => ({
797
797
  ...e,
798
798
  value: t.detail?.value
799
799
  })
800
- }, We = {
800
+ }, Ie = {
801
801
  selector: "cds-toggle",
802
802
  event: "cds-toggle-changed",
803
803
  getData: (t, e) => ({
@@ -812,66 +812,69 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
812
812
  ...e,
813
813
  value: t.detail.value
814
814
  })
815
- }, Ie = {
815
+ }, Pe = {
816
816
  selector: "cds-slider",
817
817
  init: function(t) {
818
- const e = i(t), o = e.event;
819
- o && this.listen(t, "cds-slider-changed", (n) => {
820
- this.dispatchPanelEvent(o, {
818
+ const e = i(t), n = e.event;
819
+ n && this.listen(t, "cds-slider-changed", (o) => {
820
+ this.dispatchPanelEvent(n, {
821
821
  ...e,
822
- value: n.detail.value
822
+ value: o.detail.value
823
823
  });
824
824
  });
825
825
  const s = t.getAttribute("input-event");
826
- s && this.listen(t, "cds-slider-input-changed", (n) => {
826
+ s && this.listen(t, "cds-slider-input-changed", (o) => {
827
827
  this.dispatchPanelEvent(s, {
828
828
  ...e,
829
- value: n.detail.value
829
+ value: o.detail.value
830
830
  });
831
831
  });
832
832
  }
833
- }, Pe = /* @__PURE__ */ h({
834
- cdsFilterTagWrap: () => ye,
835
- cdsSDismissibleTagWrap: () => Ce,
836
- cdsTagsWrap: () => ke
837
- }), ke = {
833
+ }, ke = /* @__PURE__ */ h({
834
+ cdsFilterTagWrap: () => Ae,
835
+ cdsSDismissibleTagWrap: () => ye,
836
+ cdsTagsWrap: () => Ce
837
+ }), Ce = {
838
838
  selector: "cds-tag",
839
839
  event: "click",
840
840
  getData: (t, e) => e
841
- }, Ce = {
841
+ }, ye = {
842
842
  selector: "cds-dismissible-tag",
843
843
  init: function(t) {
844
- const e = i(t), o = t.getAttribute("click-event");
845
- o && this.listen(t, "click", (n) => {
846
- n.target.closest("button") || this.dispatchPanelEvent(o, { ...e });
844
+ const e = i(t), n = t.getAttribute("click-event");
845
+ n && this.listen(t, "click", (o) => {
846
+ o.target.closest("button") || this.dispatchPanelEvent(n, { ...e });
847
847
  });
848
848
  const s = e.event;
849
- s && this.listen(t, "cds-dismissible-tag-closed", (n) => {
849
+ s && this.listen(t, "cds-dismissible-tag-closed", (o) => {
850
850
  this.dispatchPanelEvent(s, {
851
851
  ...e,
852
852
  action: "closed"
853
853
  });
854
854
  });
855
855
  }
856
- }, ye = {
856
+ }, Ae = {
857
857
  selector: "cds-filter-tag",
858
858
  event: "cds-filter-tag-closed",
859
859
  getData: (t, e) => ({
860
860
  ...e,
861
861
  action: "remove"
862
862
  })
863
- }, Ae = /* @__PURE__ */ h({
864
- cdsOverflowMenuWrap: () => we,
863
+ }, we = /* @__PURE__ */ h({
864
+ cdsContainedListDescriptionWrap: () => Ne,
865
+ cdsContainedListItemWrap: () => Me,
866
+ cdsContainedListWrap: () => Be,
867
+ cdsOverflowMenuWrap: () => De,
865
868
  cdsStructuredListWrap: () => xe,
866
- cdsTreeViewWrap: () => De
867
- }), we = {
869
+ cdsTreeViewWrap: () => _e
870
+ }), De = {
868
871
  selector: "cds-overflow-menu",
869
872
  init: function(t) {
870
- const e = i(t), o = e.event, s = t.querySelector("cds-overflow-menu-body");
871
- o && s && this.listen(s, "cds-overflow-menu-item-clicked", (n) => {
872
- n.stopPropagation();
873
- const a = i(n.target);
874
- this.dispatchPanelEvent(o, {
873
+ const e = i(t), n = e.event, s = t.querySelector("cds-overflow-menu-body");
874
+ n && s && this.listen(s, "cds-overflow-menu-item-clicked", (o) => {
875
+ o.stopPropagation();
876
+ const a = i(o.target);
877
+ this.dispatchPanelEvent(n, {
875
878
  ...e,
876
879
  ...a
877
880
  });
@@ -881,137 +884,148 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
881
884
  selector: "cds-structured-list",
882
885
  init: function(t) {
883
886
  const e = i(t);
884
- [...t.querySelectorAll("cds-structured-list-row")].forEach((o) => {
885
- const s = i(o), n = s.event || e.event;
886
- n && this.listen(o, "click", (a) => {
887
- a.stopPropagation(), this.dispatchPanelEvent(n, {
887
+ [...t.querySelectorAll("cds-structured-list-row")].forEach((n) => {
888
+ const s = i(n), o = s.event || e.event;
889
+ o && this.listen(n, "click", (a) => {
890
+ a.stopPropagation(), this.dispatchPanelEvent(o, {
888
891
  ...e,
889
892
  ...s
890
893
  });
891
894
  });
892
- }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (o) => {
893
- const s = o.detail.row, n = i(s), a = e.event;
895
+ }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (n) => {
896
+ const s = n.detail.row, o = i(s), a = e.event;
894
897
  a && this.dispatchPanelEvent(a, {
895
898
  ...e,
896
- ...n
899
+ ...o
897
900
  });
898
901
  });
899
902
  }
900
- }, De = {
903
+ }, Be = { selector: "cds-contained-list" }, Ne = { selector: "cds-contained-list-description" }, Me = {
904
+ selector: "cds-contained-list-item",
905
+ event: "cds-contained-list-item-click",
906
+ getData: (t, e) => e
907
+ }, _e = {
901
908
  selector: "cds-tree-view",
902
909
  init: function(t) {
903
910
  const e = i(t);
904
911
  this.listen(t, "cds-tree-node-selected", (s) => {
905
- const n = s.detail.node, a = i(n), c = a.event || e.event;
912
+ const o = s.detail.node, a = i(o), c = a.event || e.event;
906
913
  c && this.dispatchPanelEvent(c, {
907
914
  ...e,
908
915
  ...a,
909
- nodeId: n.id,
910
- label: n.getAttribute("label")
916
+ nodeId: o.id,
917
+ label: o.getAttribute("label")
911
918
  });
912
919
  });
913
- const o = W(t, "expand-event");
914
- o && this.listen(t, "cds-tree-node-expanded", (s) => {
915
- this.dispatchPanelEvent(o, {
920
+ const n = W(t, "expand-event");
921
+ n && this.listen(t, "cds-tree-node-expanded", (s) => {
922
+ this.dispatchPanelEvent(n, {
916
923
  ...e,
917
924
  nodeId: s.detail.node.id,
918
925
  expanded: s.detail.expanded
919
926
  });
920
927
  });
921
928
  }
922
- }, Be = /* @__PURE__ */ h({
923
- cdsActionableNotificationWrap: () => _e,
924
- cdsInlineNotificationWrap: () => Ne,
925
- cdsToastNotificationWrap: () => Me
926
- }), Me = {
929
+ }, Te = /* @__PURE__ */ h({
930
+ cdsActionableNotificationWrap: () => Re,
931
+ cdsInlineNotificationWrap: () => Fe,
932
+ cdsToastNotificationWrap: () => Oe
933
+ }), Oe = {
927
934
  selector: "cds-toast-notification",
928
935
  event: "cds-notification-closed",
929
936
  getData: (t, e) => ({
930
937
  ...e,
931
938
  action: "closed"
932
939
  })
933
- }, Ne = {
940
+ }, Fe = {
934
941
  selector: "cds-inline-notification",
935
942
  event: "cds-notification-closed",
936
943
  getData: (t, e) => ({
937
944
  ...e,
938
945
  action: "closed"
939
946
  })
940
- }, _e = {
947
+ }, Re = {
941
948
  selector: "cds-actionable-notification",
942
949
  init: function(t) {
943
- const e = i(t), o = W(t, "close-event", "event");
944
- o && this.listen(t, "cds-notification-closed", (n) => {
945
- this.dispatchPanelEvent(o, {
950
+ const e = i(t), n = W(t, "close-event", "event");
951
+ n && this.listen(t, "cds-notification-closed", (o) => {
952
+ this.dispatchPanelEvent(n, {
946
953
  ...e,
947
954
  action: "closed"
948
955
  });
949
956
  });
950
957
  const s = W(t, "action-event");
951
- s && this.listen(t, "cds-notification-actioned", (n) => {
958
+ s && this.listen(t, "cds-notification-actioned", (o) => {
952
959
  this.dispatchPanelEvent(s, {
953
960
  ...e,
954
961
  action: "actioned"
955
962
  });
956
963
  });
957
964
  }
958
- }, Te = /* @__PURE__ */ h({
959
- cdsClickableTileWrap: () => Oe,
960
- cdsExpandableTileWrap: () => Fe,
961
- cdsRadioTileWrap: () => ze,
962
- cdsSelectableTileWrap: () => Re
963
- }), Oe = {
965
+ }, ze = /* @__PURE__ */ h({
966
+ cdsClickableTileWrap: () => qe,
967
+ cdsExpandableTileWrap: () => Le,
968
+ cdsRadioTileWrap: () => Ue,
969
+ cdsSelectableTileWrap: () => He
970
+ }), qe = {
964
971
  selector: "cds-clickable-tile",
965
- event: "click",
966
- getData: (t, e) => ({
967
- ...e,
968
- href: t.currentTarget.getAttribute("href")
969
- })
970
- }, Fe = {
972
+ init: function(t) {
973
+ const e = i(t), n = e.event;
974
+ if (n) {
975
+ const s = e.href || t.getAttribute("href") || "";
976
+ t.removeAttribute("href"), t.addEventListener("click", (o) => {
977
+ o.preventDefault(), o.stopPropagation(), this.dispatchPanelEvent(n, {
978
+ ...e,
979
+ href: s
980
+ });
981
+ }, !0);
982
+ }
983
+ }
984
+ }, Le = {
971
985
  selector: "cds-expandable-tile",
972
986
  init: function(t) {
973
- const e = i(t), o = t.getAttribute("before-toggle-event");
974
- o && this.listen(t, "cds-expandable-tile-beingtoggled", (n) => {
975
- this.dispatchPanelEvent(o, {
987
+ const e = i(t), n = t.getAttribute("before-toggle-event");
988
+ n && this.listen(t, "cds-expandable-tile-beingtoggled", (o) => {
989
+ this.dispatchPanelEvent(n, {
976
990
  ...e,
977
- expanded: n.detail.expanded,
991
+ expanded: o.detail.expanded,
978
992
  cancelable: !0
979
993
  });
980
994
  });
981
995
  const s = e.event;
982
- s && this.listen(t, "cds-expandable-tile-toggled", (n) => {
996
+ s && this.listen(t, "cds-expandable-tile-toggled", (o) => {
983
997
  this.dispatchPanelEvent(s, {
984
998
  ...e,
985
- expanded: n.detail.expanded
999
+ expanded: o.detail.expanded
986
1000
  });
987
1001
  });
988
1002
  }
989
- }, Re = {
1003
+ }, He = {
990
1004
  selector: "cds-selectable-tile",
991
1005
  event: "cds-selectable-tile-changed",
992
- getData: (t, e, o) => ({
1006
+ getData: (t, e, n) => ({
993
1007
  ...e,
994
1008
  selected: t.detail.selected,
995
- value: o.value
1009
+ value: n.value
996
1010
  })
997
- }, ze = {
1011
+ }, Ue = {
998
1012
  selector: "cds-radio-tile",
999
1013
  event: "cds-selectable-tile-changed",
1000
- getData: (t, e, o) => ({
1014
+ getData: (t, e, n) => ({
1001
1015
  ...e,
1002
1016
  selected: t.detail.selected,
1003
- value: o.value
1017
+ value: n.value
1004
1018
  })
1005
- }, qe = /* @__PURE__ */ h({
1006
- cdsInlineLoadingWrap: () => Ue,
1007
- cdsProgressBarWrap: () => Le,
1008
- cdsProgressIndicatorWrap: () => He
1009
- }), Le = {
1019
+ }, je = /* @__PURE__ */ h({
1020
+ cdsInlineLoadingWrap: () => Ve,
1021
+ cdsProgressBarWrap: () => $e,
1022
+ cdsProgressIndicatorWrap: () => Ge
1023
+ }), $e = {
1010
1024
  selector: "cds-progress-bar",
1011
1025
  init: function(t) {
1012
1026
  const e = i(t);
1013
1027
  if (e.event) {
1014
- const o = new MutationObserver(() => {
1028
+ const n = new MutationObserver(() => {
1015
1029
  const s = parseFloat(t.getAttribute("value") || "0");
1016
1030
  s >= parseFloat(t.getAttribute("max") || "100") && this.dispatchPanelEvent(e.event, {
1017
1031
  ...e,
@@ -1019,39 +1033,39 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1019
1033
  status: "complete"
1020
1034
  });
1021
1035
  });
1022
- o.observe(t, {
1036
+ n.observe(t, {
1023
1037
  attributes: !0,
1024
1038
  attributeFilter: ["value"]
1025
- }), t._progressObserver = o;
1039
+ }), t._progressObserver = n;
1026
1040
  }
1027
1041
  }
1028
- }, He = {
1042
+ }, Ge = {
1029
1043
  selector: "cds-progress-indicator",
1030
1044
  init: function(t) {
1031
1045
  const e = i(t);
1032
- this.listen(t, "cds-progress-step-click", (o) => {
1033
- const s = o.target, n = i(s), a = n.event || e.event;
1046
+ this.listen(t, "cds-progress-step-click", (n) => {
1047
+ const s = n.target, o = i(s), a = o.event || e.event;
1034
1048
  a && this.dispatchPanelEvent(a, {
1035
1049
  ...e,
1036
- ...n,
1050
+ ...o,
1037
1051
  stepIndex: s.getAttribute("data-index"),
1038
1052
  stepLabel: s.getAttribute("label")
1039
1053
  });
1040
1054
  });
1041
1055
  }
1042
- }, Ue = {
1056
+ }, Ve = {
1043
1057
  selector: "cds-inline-loading",
1044
1058
  init: function(t) {
1045
- const e = i(t), o = e.event;
1046
- o && this.listen(t, "cds-inline-loading-onsuccess", (n) => {
1047
- this.dispatchPanelEvent(o, {
1059
+ const e = i(t), n = e.event;
1060
+ n && this.listen(t, "cds-inline-loading-onsuccess", (o) => {
1061
+ this.dispatchPanelEvent(n, {
1048
1062
  ...e,
1049
1063
  status: "finished"
1050
1064
  });
1051
1065
  });
1052
1066
  const s = t.getAttribute("status-event");
1053
1067
  if (s) {
1054
- const n = new MutationObserver((a) => {
1068
+ const o = new MutationObserver((a) => {
1055
1069
  a.forEach((c) => {
1056
1070
  if (c.attributeName === "status") {
1057
1071
  const l = t.getAttribute("status");
@@ -1062,60 +1076,60 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1062
1076
  }
1063
1077
  });
1064
1078
  });
1065
- n.observe(t, {
1079
+ o.observe(t, {
1066
1080
  attributes: !0,
1067
1081
  attributeFilter: ["status"]
1068
- }), t._statusObserver = n;
1082
+ }), t._statusObserver = o;
1069
1083
  }
1070
1084
  }
1071
- }, je = /* @__PURE__ */ h({
1072
- cdsPopoverWrap: () => Ge,
1073
- cdsToggletipWrap: () => Ve,
1074
- cdsTooltipWrap: () => $e
1075
- }), $e = {
1085
+ }, Ze = /* @__PURE__ */ h({
1086
+ cdsPopoverWrap: () => Ke,
1087
+ cdsToggletipWrap: () => Qe,
1088
+ cdsTooltipWrap: () => Je
1089
+ }), Je = {
1076
1090
  selector: "cds-tooltip",
1077
1091
  init: function(t) {
1078
- const e = i(t), o = W(t, "open-event");
1079
- o && this.listen(t, "cds-tooltip-beingopened", (n) => {
1080
- this.dispatchPanelEvent(o, {
1092
+ const e = i(t), n = W(t, "open-event");
1093
+ n && this.listen(t, "cds-tooltip-beingopened", (o) => {
1094
+ this.dispatchPanelEvent(n, {
1081
1095
  ...e,
1082
1096
  action: "opened"
1083
1097
  });
1084
1098
  });
1085
1099
  const s = W(t, "close-event");
1086
- s && this.listen(t, "cds-tooltip-closed", (n) => {
1100
+ s && this.listen(t, "cds-tooltip-closed", (o) => {
1087
1101
  this.dispatchPanelEvent(s, {
1088
1102
  ...e,
1089
1103
  action: "closed"
1090
1104
  });
1091
1105
  });
1092
1106
  }
1093
- }, Ge = {
1107
+ }, Ke = {
1094
1108
  selector: "cds-popover",
1095
1109
  init: function(t) {
1096
- const e = i(t), o = W(t, "open-event");
1097
- o && this.listen(t, "cds-popover-beingopened", (n) => {
1098
- this.dispatchPanelEvent(o, {
1110
+ const e = i(t), n = W(t, "open-event");
1111
+ n && this.listen(t, "cds-popover-beingopened", (o) => {
1112
+ this.dispatchPanelEvent(n, {
1099
1113
  ...e,
1100
1114
  action: "opened"
1101
1115
  });
1102
1116
  });
1103
1117
  const s = W(t, "close-event");
1104
- s && this.listen(t, "cds-popover-closed", (n) => {
1118
+ s && this.listen(t, "cds-popover-closed", (o) => {
1105
1119
  this.dispatchPanelEvent(s, {
1106
1120
  ...e,
1107
1121
  action: "closed"
1108
1122
  });
1109
1123
  });
1110
1124
  }
1111
- }, Ve = {
1125
+ }, Qe = {
1112
1126
  selector: "cds-toggletip",
1113
1127
  init: function(t) {
1114
1128
  const e = i(t);
1115
1129
  if (e.event) {
1116
- const o = new MutationObserver((s) => {
1117
- s.forEach((n) => {
1118
- if (n.attributeName === "open") {
1130
+ const n = new MutationObserver((s) => {
1131
+ s.forEach((o) => {
1132
+ if (o.attributeName === "open") {
1119
1133
  const a = t.hasAttribute("open");
1120
1134
  this.dispatchPanelEvent(e.event, {
1121
1135
  ...e,
@@ -1125,121 +1139,124 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1125
1139
  }
1126
1140
  });
1127
1141
  });
1128
- o.observe(t, {
1142
+ n.observe(t, {
1129
1143
  attributes: !0,
1130
1144
  attributeFilter: ["open"]
1131
- }), t._toggletipObserver = o;
1145
+ }), t._toggletipObserver = n;
1132
1146
  }
1133
1147
  }
1134
- }, Ze = /* @__PURE__ */ h({
1135
- cdsCodeSnipWrap: () => Ke,
1136
- cdsLinkWrap: () => Je
1137
- }), Je = {
1148
+ }, Xe = /* @__PURE__ */ h({
1149
+ cdsCodeSnipWrap: () => ts,
1150
+ cdsLinkWrap: () => Ye
1151
+ }), Ye = {
1138
1152
  selector: "cds-link",
1139
1153
  event: "click",
1140
- getData: (t, e, o) => ({
1154
+ getData: (t, e, n) => ({
1141
1155
  ...e,
1142
- href: o.getAttribute("href")
1156
+ href: n.getAttribute("href")
1143
1157
  })
1144
- }, Ke = {
1158
+ }, ts = {
1145
1159
  selector: "cds-code-snippet",
1146
1160
  event: "cds-copy-button-clicked",
1147
1161
  getData: (t, e) => ({
1148
1162
  ...e,
1149
1163
  action: "copied"
1150
1164
  })
1151
- }, Qe = /* @__PURE__ */ h({
1152
- cdsBadgeIndicatorWrap: () => as,
1153
- cdsFormGroupWrap: () => ts,
1154
- cdsFormItemWrap: () => Ye,
1155
- cdsFormWrap: () => Xe,
1156
- cdsHeadingWrap: () => ss,
1157
- cdsIconIndicatorWrap: () => ns,
1158
- cdsIconWrap: () => os,
1159
- cdsLoadingWrap: () => cs,
1160
- cdsSkeletonPlaceholderWrap: () => is,
1161
- cdsSkeletonTextWrap: () => rs,
1162
- cdsStackWrap: () => es
1163
- }), Xe = { selector: "cds-form" }, Ye = { selector: "cds-form-item" }, ts = { selector: "cds-form-group" }, es = { selector: "cds-stack" }, ss = { selector: "cds-heading" }, os = { selector: "cds-icon" }, ns = { selector: "cds-icon-indicator" }, as = { selector: "cds-badge-indicator" }, cs = { selector: "cds-loading" }, rs = { selector: "cds-skeleton-text" }, is = { selector: "cds-skeleton-placeholder" };
1165
+ }, es = /* @__PURE__ */ h({
1166
+ cdsBadgeIndicatorWrap: () => ls,
1167
+ cdsFormGroupWrap: () => os,
1168
+ cdsFormItemWrap: () => ns,
1169
+ cdsFormWrap: () => ss,
1170
+ cdsHeadingWrap: () => cs,
1171
+ cdsIconIndicatorWrap: () => is,
1172
+ cdsIconWrap: () => rs,
1173
+ cdsLoadingWrap: () => ds,
1174
+ cdsSkeletonPlaceholderWrap: () => vs,
1175
+ cdsSkeletonTextWrap: () => ps,
1176
+ cdsStackWrap: () => as
1177
+ }), 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" };
1164
1178
  function m(t) {
1165
1179
  return Object.values(t).filter((e) => typeof e == "object" && e !== null && e.selector);
1166
1180
  }
1167
- var ls = [
1168
- ...m(yt),
1181
+ var us = [
1182
+ ...m(At),
1169
1183
  ...m(St),
1170
- ...m(wt),
1171
- ...m(Rt),
1172
- ...m(Lt),
1173
- ...m(Zt),
1174
- ...m(Xt),
1175
- ...m(ee),
1184
+ ...m(Dt),
1185
+ ...m(zt),
1186
+ ...m(Ht),
1187
+ ...m(Jt),
1188
+ ...m(Yt),
1189
+ ...m(se),
1176
1190
  ...m(oe),
1177
- ...m(re),
1178
- ...m(pe),
1179
- ...m(fe),
1180
- ...m(Pe),
1181
- ...m(Ae),
1182
- ...m(Be),
1191
+ ...m(ie),
1192
+ ...m(ve),
1193
+ ...m(be),
1194
+ ...m(ke),
1195
+ ...m(we),
1183
1196
  ...m(Te),
1184
- ...m(qe),
1197
+ ...m(ze),
1185
1198
  ...m(je),
1186
1199
  ...m(Ze),
1187
- ...m(Qe)
1200
+ ...m(Xe),
1201
+ ...m(es)
1188
1202
  ];
1189
- function ds() {
1203
+ function ms() {
1190
1204
  const t = /* @__PURE__ */ new Map();
1191
- return ls.forEach((e) => {
1205
+ return us.forEach((e) => {
1192
1206
  t.set(e.selector, e);
1193
1207
  }), t;
1194
1208
  }
1195
- var ps = () => import("@carbon/web-components/es/components/accordion/index.js"), q = () => import("@carbon/web-components/es/components/breadcrumb/index.js"), vs = () => import("@carbon/web-components/es/components/stack/index.js"), us = () => import("@carbon/web-components/es/components/structured-list/index.js"), N = () => import("@carbon/web-components/es/components/tile/index.js"), ms = () => import("@carbon/web-components/es/components/tree-view/index.js"), hs = () => import("@carbon/web-components/es/components/link/index.js"), gs = () => import("@carbon/web-components/es/components/tabs/index.js"), fs = () => import("@carbon/web-components/es/components/content-switcher/index.js"), K = () => import("@carbon/web-components/es/components/menu/index.js"), bs = () => import("@carbon/web-components/es/components/overflow-menu/index.js"), L = () => import("@carbon/web-components/es/components/button/index.js"), Q = () => import("@carbon/web-components/es/components/icon-button/index.js"), Es = () => import("@carbon/web-components/es/components/combo-button/index.js"), Ws = () => import("@carbon/web-components/es/components/copy-button/index.js"), Ss = () => import("@carbon/web-components/es/components/checkbox/index.js"), Is = () => import("@carbon/web-components/es/components/radio-button/index.js"), Ps = () => import("@carbon/web-components/es/components/toggle/index.js"), H = () => import("@carbon/web-components/es/components/select/index.js"), ks = () => import("@carbon/web-components/es/components/slider/index.js"), U = () => import("@carbon/web-components/es/components/text-input/index.js"), Cs = () => import("@carbon/web-components/es/components/textarea/index.js"), ys = () => import("@carbon/web-components/es/components/number-input/index.js"), As = () => import("@carbon/web-components/es/components/password-input/index.js"), X = () => import("@carbon/web-components/es/components/search/index.js"), ws = () => import("@carbon/web-components/es/components/combo-box/index.js"), xs = () => import("@carbon/web-components/es/components/dropdown/index.js"), Ds = () => import("@carbon/web-components/es/components/multi-select/index.js"), Bs = () => import("@carbon/web-components/es/components/date-picker/index.js"), Ms = () => import("@carbon/web-components/es/components/time-picker/index.js"), Ns = () => import("@carbon/web-components/es/components/file-uploader/index.js"), Y = () => import("@carbon/web-components/es/components/form/index.js"), _s = () => import("@carbon/web-components/es/components/form-group/index.js"), Ts = () => import("@carbon/web-components/es/components/data-table/index.js"), tt = () => import("@carbon/web-components/es/components/pagination/index.js"), Os = () => import("@carbon/web-components/es/components/code-snippet/index.js"), j = () => import("@carbon/web-components/es/components/tag/index.js"), Fs = () => import("@carbon/web-components/es/components/badge-indicator/index.js"), $ = () => import("@carbon/web-components/es/components/notification/index.js"), Rs = () => import("@carbon/web-components/es/components/loading/index.js"), zs = () => import("@carbon/web-components/es/components/inline-loading/index.js"), qs = () => import("@carbon/web-components/es/components/progress-bar/index.js"), Ls = () => import("@carbon/web-components/es/components/progress-indicator/index.js"), Hs = () => import("@carbon/web-components/es/components/skeleton-placeholder/index.js"), Us = () => 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"), js = () => import("@carbon/web-components/es/components/popover/index.js"), $s = () => import("@carbon/web-components/es/components/toggle-tip/index.js"), Gs = () => import("@carbon/web-components/es/components/heading/index.js"), Vs = () => import("@carbon/web-components/es/components/icon/index.js"), Zs = () => import("@carbon/web-components/es/components/icon-indicator/index.js"), O = {
1209
+ 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 = {
1196
1210
  "cds-table": [
1197
1211
  C,
1198
- L,
1199
- U,
1200
- X,
1201
1212
  H,
1202
- tt,
1203
- Ts
1213
+ j,
1214
+ Y,
1215
+ U,
1216
+ et,
1217
+ zs
1204
1218
  ],
1205
1219
  "cds-pagination": [
1206
- H,
1207
1220
  U,
1208
- tt
1221
+ j,
1222
+ et
1209
1223
  ],
1210
- "cds-button": [C, L],
1211
- "cds-icon-button:not([data-toggle])": [C, Q],
1212
- "cds-icon-button[data-toggle]": [C, Q],
1213
- "cds-button[data-fab]": [C, L],
1214
- "cds-copy-button": [C, Ws],
1215
- "cds-combo-button": [C, Es],
1216
- "cds-checkbox": [Ss],
1217
- "cds-radio-button-group": [Is],
1218
- "cds-toggle": [Ps],
1219
- "cds-select": [H],
1220
- "cds-slider": [ks],
1221
- "cds-text-input": [U],
1222
- "cds-textarea": [Cs],
1223
- "cds-number-input": [ys],
1224
- "cds-password-input": [C, As],
1225
- "cds-search": [X],
1226
- "cds-dropdown": [xs],
1227
- "cds-combo-box": [ws],
1228
- "cds-multi-select": [Ds],
1229
- "cds-date-picker": [Bs],
1230
- "cds-time-picker": [Ms],
1231
- "cds-file-uploader": [Ns],
1232
- "cds-tabs": [gs],
1233
- "cds-accordion": [ps],
1234
- "cds-content-switcher": [fs],
1224
+ "cds-button": [C, H],
1225
+ "cds-icon-button:not([data-toggle])": [C, X],
1226
+ "cds-icon-button[data-toggle]": [C, X],
1227
+ "cds-button[data-fab]": [C, H],
1228
+ "cds-copy-button": [C, ks],
1229
+ "cds-combo-button": [C, Ps],
1230
+ "cds-checkbox": [Cs],
1231
+ "cds-radio-button-group": [ys],
1232
+ "cds-toggle": [As],
1233
+ "cds-select": [U],
1234
+ "cds-slider": [ws],
1235
+ "cds-text-input": [j],
1236
+ "cds-textarea": [Ds],
1237
+ "cds-number-input": [xs],
1238
+ "cds-password-input": [C, Bs],
1239
+ "cds-search": [Y],
1240
+ "cds-dropdown": [Ms],
1241
+ "cds-combo-box": [Ns],
1242
+ "cds-multi-select": [_s],
1243
+ "cds-date-picker": [Ts],
1244
+ "cds-time-picker": [Os],
1245
+ "cds-file-uploader": [Fs],
1246
+ "cds-tabs": [Ws],
1247
+ "cds-accordion": [hs],
1248
+ "cds-content-switcher": [Is],
1235
1249
  "cds-breadcrumb": [q],
1236
1250
  "cds-breadcrumb-item": [q],
1237
1251
  "cds-breadcrumb-link": [q],
1238
- "cds-menu": [K],
1239
- "cds-menu-button": [K],
1240
- "cds-overflow-menu": [bs],
1241
- "cds-structured-list": [us],
1242
- "cds-tree-view": [ms],
1252
+ "cds-menu": [Q],
1253
+ "cds-menu-button": [Q],
1254
+ "cds-overflow-menu": [Ss],
1255
+ "cds-structured-list": [fs],
1256
+ "cds-contained-list": [L],
1257
+ "cds-contained-list-item": [L],
1258
+ "cds-contained-list-description": [L],
1259
+ "cds-tree-view": [bs],
1243
1260
  "cds-modal": [k],
1244
1261
  "cds-modal-header": [k],
1245
1262
  "cds-modal-heading": [k],
@@ -1249,112 +1266,112 @@ var ps = () => import("@carbon/web-components/es/components/accordion/index.js")
1249
1266
  "cds-modal-body-content": [k],
1250
1267
  "cds-modal-footer": [k],
1251
1268
  "cds-modal-footer-button": [k],
1252
- "cds-toast-notification": [$],
1253
- "cds-inline-notification": [$],
1254
- "cds-actionable-notification": [$],
1255
- "cds-clickable-tile": [N],
1256
- "cds-expandable-tile": [N],
1257
- "cds-selectable-tile": [N],
1258
- "cds-radio-tile": [N],
1259
- "cds-progress-bar": [qs],
1260
- "cds-progress-indicator": [Ls],
1261
- "cds-inline-loading": [zs],
1269
+ "cds-toast-notification": [G],
1270
+ "cds-inline-notification": [G],
1271
+ "cds-actionable-notification": [G],
1272
+ "cds-clickable-tile": [M],
1273
+ "cds-expandable-tile": [M],
1274
+ "cds-selectable-tile": [M],
1275
+ "cds-radio-tile": [M],
1276
+ "cds-progress-bar": [js],
1277
+ "cds-progress-indicator": [$s],
1278
+ "cds-inline-loading": [Us],
1262
1279
  "cds-tooltip": [C],
1263
- "cds-popover": [js],
1264
- "cds-toggletip": [$s],
1265
- "cds-tag": [j],
1266
- "cds-dismissible-tag": [j],
1267
- "cds-filter-tag": [j],
1268
- "cds-link": [hs],
1269
- "cds-code-snippet": [Os],
1270
- "cds-form": [Y],
1271
- "cds-form-item": [Y],
1272
- "cds-form-group": [_s],
1273
- "cds-stack": [vs],
1274
- "cds-heading": [Gs],
1275
- "cds-icon": [Vs],
1276
- "cds-icon-indicator": [Zs],
1277
- "cds-badge-indicator": [Fs],
1278
- "cds-loading": [Rs],
1279
- "cds-skeleton-text": [Us],
1280
- "cds-skeleton-placeholder": [Hs]
1280
+ "cds-popover": [Zs],
1281
+ "cds-toggletip": [Js],
1282
+ "cds-tag": [$],
1283
+ "cds-dismissible-tag": [$],
1284
+ "cds-filter-tag": [$],
1285
+ "cds-link": [Es],
1286
+ "cds-code-snippet": [qs],
1287
+ "cds-form": [tt],
1288
+ "cds-form-item": [tt],
1289
+ "cds-form-group": [Rs],
1290
+ "cds-stack": [gs],
1291
+ "cds-heading": [Ks],
1292
+ "cds-icon": [Qs],
1293
+ "cds-icon-indicator": [Xs],
1294
+ "cds-badge-indicator": [Ls],
1295
+ "cds-loading": [Hs],
1296
+ "cds-skeleton-text": [Vs],
1297
+ "cds-skeleton-placeholder": [Gs]
1281
1298
  };
1282
- function Js(t) {
1299
+ function Ys(t) {
1283
1300
  const e = /* @__PURE__ */ new Map();
1284
1301
  if (!t || !(t instanceof Element)) return e;
1285
1302
  for (const s of Object.keys(T)) e.set(s, []);
1286
- for (const [s, n] of Object.entries(T)) t.matches(s) && e.get(s).push(t);
1287
- const o = t.querySelectorAll("*");
1288
- for (const s of o) for (const [n, a] of Object.entries(T)) s.matches(n) && e.get(n).push(s);
1289
- for (const [s, n] of e.entries()) n.length === 0 && e.delete(s);
1303
+ for (const [s, o] of Object.entries(T)) t.matches(s) && e.get(s).push(t);
1304
+ const n = t.querySelectorAll("*");
1305
+ for (const s of n) for (const [o, a] of Object.entries(T)) s.matches(o) && e.get(o).push(s);
1306
+ for (const [s, o] of e.entries()) o.length === 0 && e.delete(s);
1290
1307
  return e;
1291
1308
  }
1292
- function Ks(t) {
1309
+ function tn(t) {
1293
1310
  const e = /* @__PURE__ */ new Set();
1294
- for (const [o, s] of t.entries()) s.length > 0 && O[o] && O[o].forEach((n) => e.add(n));
1311
+ for (const [n, s] of t.entries()) s.length > 0 && O[n] && O[n].forEach((o) => e.add(o));
1295
1312
  return e;
1296
1313
  }
1297
- async function Qs(t, e) {
1314
+ async function en(t, e) {
1298
1315
  if (t.size === 0) return;
1299
- const o = Array.from(t).map(async (s) => (e.has(s) || e.set(s, s()), e.get(s)));
1300
- await Promise.all(o);
1316
+ const n = Array.from(t).map(async (s) => (e.has(s) || e.set(s, s()), e.get(s)));
1317
+ await Promise.all(n);
1301
1318
  }
1302
- function Xs(t, e) {
1303
- let o = 0;
1304
- for (const [s, n] of t.entries()) {
1319
+ function sn(t, e) {
1320
+ let n = 0;
1321
+ for (const [s, o] of t.entries()) {
1305
1322
  const a = T[s];
1306
- n.forEach((c) => {
1323
+ o.forEach((c) => {
1307
1324
  if (a.init) {
1308
1325
  a.init.call(e, c);
1309
1326
  return;
1310
1327
  }
1311
1328
  if (a.multiEvent) {
1312
- const S = i(c);
1313
- a.events.forEach((I) => {
1314
- const x = W(c, I.attrName, "event");
1315
- x && e.listen(c, I.type, (F) => {
1316
- e.dispatchPanelEvent(x, I.getData(F, S, c));
1329
+ const I = i(c);
1330
+ a.events.forEach((S) => {
1331
+ const D = W(c, S.attrName, "event");
1332
+ D && e.listen(c, S.type, (F) => {
1333
+ e.dispatchPanelEvent(D, S.getData(F, I, c));
1317
1334
  });
1318
1335
  });
1319
1336
  return;
1320
1337
  }
1321
1338
  const l = i(c), p = l.event;
1322
- p && e.listen(c, a.event, (S) => {
1323
- S.stopPropagation();
1324
- const I = a.getData(S, l, c), x = I._eventOverride || p;
1325
- delete I._eventOverride, e.dispatchPanelEvent(x, I);
1339
+ p && e.listen(c, a.event, (I) => {
1340
+ I.stopPropagation();
1341
+ const S = a.getData(I, l, c), D = S._eventOverride || p;
1342
+ delete S._eventOverride, e.dispatchPanelEvent(D, S);
1326
1343
  });
1327
- }), o += n.length;
1344
+ }), n += o.length;
1328
1345
  }
1329
- return o;
1346
+ return n;
1330
1347
  }
1331
- var T = { ...Object.fromEntries(ds()) }, Ys = async function(t, e) {
1332
- const o = Js(t);
1333
- if (o.size === 0) {
1348
+ var T = { ...Object.fromEntries(ms()) }, nn = async function(t, e) {
1349
+ const n = Ys(t);
1350
+ if (n.size === 0) {
1334
1351
  this.debugMe("[Carbon] No Carbon components found in panel");
1335
1352
  return;
1336
1353
  }
1337
1354
  this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
1338
- for (const [a, c] of o.entries()) this.carbonComponents.set(a, c);
1339
- const s = Ks(o);
1355
+ for (const [a, c] of n.entries()) this.carbonComponents.set(a, c);
1356
+ const s = tn(n);
1340
1357
  if (s.size > 0) try {
1341
- await Qs(s, e);
1358
+ await en(s, e);
1342
1359
  } catch (a) {
1343
1360
  console.error("[Carbon] Failed to load some component modules:", a);
1344
1361
  }
1345
- const n = Xs(o, this);
1346
- n > 0 && this.debugMe(`[Carbon] Total components initialized: ${n}`);
1347
- }, no = (t = {}) => {
1348
- const { preload: e = [] } = t, o = /* @__PURE__ */ new Map();
1362
+ const o = sn(n, this);
1363
+ o > 0 && this.debugMe(`[Carbon] Total components initialized: ${o}`);
1364
+ }, ln = (t = {}) => {
1365
+ const { preload: e = [] } = t, n = /* @__PURE__ */ new Map();
1349
1366
  if (e.length > 0) {
1350
- const s = e.filter((a) => O[a] ? !0 : (console.warn(`[Carbon] No import found for selector: ${a}`), !1)), n = s.flatMap((a) => O[a].map((c) => (o.has(c) || o.set(c, c()), o.get(c))));
1351
- Promise.all(n).then(() => console.debug(`[Carbon] Preloaded: ${s.join(", ")}`)).catch((a) => console.warn("[Carbon] Preload error:", a));
1367
+ 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))));
1368
+ Promise.all(o).then(() => console.debug(`[Carbon] Preloaded: ${s.join(", ")}`)).catch((a) => console.warn("[Carbon] Preload error:", a));
1352
1369
  }
1353
- gt.register("carbon", {
1354
- cache: o,
1355
- render: async function(s, n) {
1370
+ ft.register("carbon", {
1371
+ cache: n,
1372
+ render: async function(s, o) {
1356
1373
  try {
1357
- await Ys.call(this, s, n);
1374
+ await nn.call(this, s, o);
1358
1375
  } catch (a) {
1359
1376
  console.error("[Carbon] Initialization error:", a);
1360
1377
  }
@@ -1368,5 +1385,5 @@ var T = { ...Object.fromEntries(ds()) }, Ys = async function(t, e) {
1368
1385
  }), console.debug("[Zooy] Carbon Design System library registered");
1369
1386
  };
1370
1387
  export {
1371
- no as registerCarbonLibrary
1388
+ ln as registerCarbonLibrary
1372
1389
  };