@trintel/zooy 1.1.1 → 1.1.2

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.
@@ -3,8 +3,8 @@ import { i as ft, n as W, r as i } from "./zoo-DgdxBjlN.js";
3
3
  import { isDefAndNotNull as bt, objToPaths as Et } from "badu";
4
4
  import * as _ from "ramda";
5
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);
6
+ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (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
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 = [
10
10
  "button",
@@ -23,10 +23,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
23
23
  const u = i(v);
24
24
  t.dispatchPanelEvent(r, { ...u });
25
25
  });
26
- }, ot = (r) => {
26
+ }, nt = (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) => {
37
+ }, ot = (r) => {
38
38
  D.set(R, (d) => {
39
39
  t.dispatchPanelEvent(r, d);
40
40
  });
41
41
  }, at = (r) => {
42
42
  D.set(z, (d) => {
43
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,
44
+ tableAttrs: n,
45
45
  ...b,
46
46
  target: g,
47
47
  selectCount: u,
@@ -52,7 +52,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
52
52
  }, ct = (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,
@@ -70,7 +70,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
70
70
  c.fetchData(y).then(() => {
71
71
  l.setData(c), p && p.hide();
72
72
  }), D.has(R) && D.get(R)({
73
- tableAttrs: o,
73
+ tableAttrs: n,
74
74
  ...g,
75
75
  sortNow: u,
76
76
  sortWas: v,
@@ -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,7 +167,7 @@ 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
  });
@@ -175,7 +175,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
175
175
  f.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
176
176
  });
177
177
  }, mt = () => {
178
- t.listen(l, n.eventPageSizeChanged, (r) => {
178
+ t.listen(l, o.eventPageSizeChanged, (r) => {
179
179
  const d = {
180
180
  limit: l.pageSize,
181
181
  offset: 0
@@ -186,7 +186,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
186
186
  });
187
187
  }, ht = () => {
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;
@@ -210,15 +210,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
210
210
  const Z = { zoo: { event: {
211
211
  row: {
212
212
  click: st,
213
- expand: ot,
213
+ expand: nt,
214
214
  check: {
215
215
  one: ct,
216
216
  all: at
217
217
  }
218
218
  },
219
- column: { sort: nt }
219
+ column: { sort: ot }
220
220
  } } };
221
- Et(o).forEach(([r, d]) => {
221
+ Et(n).forEach(([r, d]) => {
222
222
  _.hasPath(r, Z) && _.path(r, Z)(d);
223
223
  });
224
224
  }, It = (t) => {
@@ -229,13 +229,13 @@ 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
241
  }, Pt = (t) => {
@@ -243,40 +243,40 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
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
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 } });
251
+ const n = e.getAttribute("zoo-url-api"), s = parseInt(e.getAttribute("data-page-size") || 25, 10);
252
+ if (n) return new ft(t, n, e, { urlParams: { limit: s } });
253
253
  }, Ct = {
254
254
  selector: "cds-table",
255
255
  init: function(t) {
256
- const e = i(t), o = this, s = kt(o, t);
256
+ const e = i(t), n = this, s = kt(n, t);
257
257
  if (bt(s)) {
258
258
  t.dataBinder = s;
259
- const n = Pt(t);
260
- t.skeleton = n;
259
+ const o = Pt(t);
260
+ t.skeleton = o;
261
261
  const a = It(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), J(n, t, e);
264
264
  });
265
- } else J(o, t, e);
265
+ } else J(n, t, e);
266
266
  }
267
267
  }, yt = /* @__PURE__ */ h({ cdsPaginationWrap: () => At }), At = {
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,
@@ -288,33 +288,33 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
288
288
  }, wt = /* @__PURE__ */ h({
289
289
  cdsModalBodyContentWrap: () => Tt,
290
290
  cdsModalBodyWrap: () => _t,
291
- cdsModalCloseButWrap: () => Nt,
291
+ cdsModalCloseButWrap: () => Mt,
292
292
  cdsModalFooterButWrap: () => Ft,
293
293
  cdsModalFooterWrap: () => Ot,
294
294
  cdsModalHeaderWrap: () => Dt,
295
295
  cdsModalHeadingWrap: () => Bt,
296
- cdsModalLabelWrap: () => Mt,
296
+ cdsModalLabelWrap: () => Nt,
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,29 +322,29 @@ 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
+ }, Dt = { selector: "cds-modal-header" }, Bt = { selector: "cds-modal-heading" }, Nt = { selector: "cds-modal-label" }, Mt = { selector: "cds-modal-close-button" }, _t = { selector: "cds-modal-body" }, Tt = { selector: "cds-modal-body-content" }, Ot = { selector: "cds-modal-footer" }, Ft = {
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
350
  }, Rt = /* @__PURE__ */ h({
@@ -353,29 +353,29 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
353
353
  }), zt = {
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,
@@ -386,13 +386,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
386
386
  }, qt = {
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
  });
@@ -410,18 +410,18 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
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
427
  }, Ut = {
@@ -432,8 +432,8 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
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
  });
@@ -446,25 +446,25 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
446
446
  }, Gt = {
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
470
  }, Vt = {
@@ -472,19 +472,19 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
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
  }
@@ -497,19 +497,19 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
497
497
  }), Jt = {
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
  });
@@ -517,20 +517,20 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
517
517
  }, Kt = {
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
  });
@@ -538,18 +538,18 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
538
538
  }, Qt = {
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
  });
@@ -560,21 +560,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
560
560
  }), Yt = {
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
565
  let S;
566
566
  a ? S = {
567
567
  from: s.value || "",
568
- to: n.value || ""
568
+ to: o.value || ""
569
569
  } : S = t.value, this.dispatchPanelEvent(c, {
570
- ...o,
570
+ ...n,
571
571
  value: S
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
  });
@@ -582,52 +582,52 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
582
582
  }, te = {
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
589
  }, ee = /* @__PURE__ */ h({ cdsFileUploaderWrap: () => se }), se = {
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
- }, oe = /* @__PURE__ */ h({
611
+ }, ne = /* @__PURE__ */ h({
612
612
  cdsAccordionWrap: () => ae,
613
613
  cdsContentSwitcherWrap: () => ce,
614
- cdsTabsWrap: () => ne
615
- }), ne = {
614
+ cdsTabsWrap: () => oe
615
+ }), oe = {
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
  });
@@ -636,13 +636,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
636
636
  }, ae = {
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
  });
@@ -651,19 +651,19 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
651
651
  }, ce = {
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
  });
@@ -676,28 +676,28 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
676
676
  }), ie = { selector: "cds-breadcrumb-item" }, le = {
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
683
  }, de = {
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
  }
@@ -746,7 +746,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
746
746
  }, me = {
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
@@ -772,9 +772,9 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
772
772
  }, ge = {
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
779
  }, fe = /* @__PURE__ */ h({
780
780
  cdsCheckboxWrap: () => be,
@@ -785,10 +785,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
785
785
  }), be = {
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
793
  }, Ee = {
794
794
  selector: "cds-radio-button-group",
@@ -815,18 +815,18 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
815
815
  }, Ie = {
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
  }
@@ -841,12 +841,12 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
841
841
  }, Ce = {
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"
@@ -867,11 +867,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
867
867
  }), we = {
868
868
  selector: "cds-overflow-menu",
869
869
  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, {
870
+ const e = i(t), n = e.event, s = t.querySelector("cds-overflow-menu-body");
871
+ n && s && this.listen(s, "cds-overflow-menu-item-clicked", (o) => {
872
+ o.stopPropagation();
873
+ const a = i(o.target);
874
+ this.dispatchPanelEvent(n, {
875
875
  ...e,
876
876
  ...a
877
877
  });
@@ -881,19 +881,19 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
881
881
  selector: "cds-structured-list",
882
882
  init: function(t) {
883
883
  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, {
884
+ [...t.querySelectorAll("cds-structured-list-row")].forEach((n) => {
885
+ const s = i(n), o = s.event || e.event;
886
+ o && this.listen(n, "click", (a) => {
887
+ a.stopPropagation(), this.dispatchPanelEvent(o, {
888
888
  ...e,
889
889
  ...s
890
890
  });
891
891
  });
892
- }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (o) => {
893
- const s = o.detail.row, n = i(s), a = e.event;
892
+ }), t.hasAttribute("selection") && this.listen(t, "cds-structured-list-selected", (n) => {
893
+ const s = n.detail.row, o = i(s), a = e.event;
894
894
  a && this.dispatchPanelEvent(a, {
895
895
  ...e,
896
- ...n
896
+ ...o
897
897
  });
898
898
  });
899
899
  }
@@ -902,17 +902,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
902
902
  init: function(t) {
903
903
  const e = i(t);
904
904
  this.listen(t, "cds-tree-node-selected", (s) => {
905
- const n = s.detail.node, a = i(n), c = a.event || e.event;
905
+ const o = s.detail.node, a = i(o), c = a.event || e.event;
906
906
  c && this.dispatchPanelEvent(c, {
907
907
  ...e,
908
908
  ...a,
909
- nodeId: n.id,
910
- label: n.getAttribute("label")
909
+ nodeId: o.id,
910
+ label: o.getAttribute("label")
911
911
  });
912
912
  });
913
- const o = W(t, "expand-event");
914
- o && this.listen(t, "cds-tree-node-expanded", (s) => {
915
- this.dispatchPanelEvent(o, {
913
+ const n = W(t, "expand-event");
914
+ n && this.listen(t, "cds-tree-node-expanded", (s) => {
915
+ this.dispatchPanelEvent(n, {
916
916
  ...e,
917
917
  nodeId: s.detail.node.id,
918
918
  expanded: s.detail.expanded
@@ -921,16 +921,16 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
921
921
  }
922
922
  }, Be = /* @__PURE__ */ h({
923
923
  cdsActionableNotificationWrap: () => _e,
924
- cdsInlineNotificationWrap: () => Ne,
925
- cdsToastNotificationWrap: () => Me
926
- }), Me = {
924
+ cdsInlineNotificationWrap: () => Me,
925
+ cdsToastNotificationWrap: () => Ne
926
+ }), Ne = {
927
927
  selector: "cds-toast-notification",
928
928
  event: "cds-notification-closed",
929
929
  getData: (t, e) => ({
930
930
  ...e,
931
931
  action: "closed"
932
932
  })
933
- }, Ne = {
933
+ }, Me = {
934
934
  selector: "cds-inline-notification",
935
935
  event: "cds-notification-closed",
936
936
  getData: (t, e) => ({
@@ -940,15 +940,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
940
940
  }, _e = {
941
941
  selector: "cds-actionable-notification",
942
942
  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, {
943
+ const e = i(t), n = W(t, "close-event", "event");
944
+ n && this.listen(t, "cds-notification-closed", (o) => {
945
+ this.dispatchPanelEvent(n, {
946
946
  ...e,
947
947
  action: "closed"
948
948
  });
949
949
  });
950
950
  const s = W(t, "action-event");
951
- s && this.listen(t, "cds-notification-actioned", (n) => {
951
+ s && this.listen(t, "cds-notification-actioned", (o) => {
952
952
  this.dispatchPanelEvent(s, {
953
953
  ...e,
954
954
  action: "actioned"
@@ -962,45 +962,52 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
962
962
  cdsSelectableTileWrap: () => Re
963
963
  }), Oe = {
964
964
  selector: "cds-clickable-tile",
965
- event: "click",
966
- getData: (t, e) => ({
967
- ...e,
968
- href: t.currentTarget.getAttribute("href")
969
- })
965
+ init: function(t) {
966
+ const e = i(t), n = e.event;
967
+ if (n) {
968
+ const s = e.href || t.getAttribute("href") || "";
969
+ t.removeAttribute("href"), t.addEventListener("click", (o) => {
970
+ o.preventDefault(), o.stopPropagation(), this.dispatchPanelEvent(n, {
971
+ ...e,
972
+ href: s
973
+ });
974
+ }, !0);
975
+ }
976
+ }
970
977
  }, Fe = {
971
978
  selector: "cds-expandable-tile",
972
979
  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, {
980
+ const e = i(t), n = t.getAttribute("before-toggle-event");
981
+ n && this.listen(t, "cds-expandable-tile-beingtoggled", (o) => {
982
+ this.dispatchPanelEvent(n, {
976
983
  ...e,
977
- expanded: n.detail.expanded,
984
+ expanded: o.detail.expanded,
978
985
  cancelable: !0
979
986
  });
980
987
  });
981
988
  const s = e.event;
982
- s && this.listen(t, "cds-expandable-tile-toggled", (n) => {
989
+ s && this.listen(t, "cds-expandable-tile-toggled", (o) => {
983
990
  this.dispatchPanelEvent(s, {
984
991
  ...e,
985
- expanded: n.detail.expanded
992
+ expanded: o.detail.expanded
986
993
  });
987
994
  });
988
995
  }
989
996
  }, Re = {
990
997
  selector: "cds-selectable-tile",
991
998
  event: "cds-selectable-tile-changed",
992
- getData: (t, e, o) => ({
999
+ getData: (t, e, n) => ({
993
1000
  ...e,
994
1001
  selected: t.detail.selected,
995
- value: o.value
1002
+ value: n.value
996
1003
  })
997
1004
  }, ze = {
998
1005
  selector: "cds-radio-tile",
999
1006
  event: "cds-selectable-tile-changed",
1000
- getData: (t, e, o) => ({
1007
+ getData: (t, e, n) => ({
1001
1008
  ...e,
1002
1009
  selected: t.detail.selected,
1003
- value: o.value
1010
+ value: n.value
1004
1011
  })
1005
1012
  }, qe = /* @__PURE__ */ h({
1006
1013
  cdsInlineLoadingWrap: () => Ue,
@@ -1011,7 +1018,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1011
1018
  init: function(t) {
1012
1019
  const e = i(t);
1013
1020
  if (e.event) {
1014
- const o = new MutationObserver(() => {
1021
+ const n = new MutationObserver(() => {
1015
1022
  const s = parseFloat(t.getAttribute("value") || "0");
1016
1023
  s >= parseFloat(t.getAttribute("max") || "100") && this.dispatchPanelEvent(e.event, {
1017
1024
  ...e,
@@ -1019,21 +1026,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1019
1026
  status: "complete"
1020
1027
  });
1021
1028
  });
1022
- o.observe(t, {
1029
+ n.observe(t, {
1023
1030
  attributes: !0,
1024
1031
  attributeFilter: ["value"]
1025
- }), t._progressObserver = o;
1032
+ }), t._progressObserver = n;
1026
1033
  }
1027
1034
  }
1028
1035
  }, He = {
1029
1036
  selector: "cds-progress-indicator",
1030
1037
  init: function(t) {
1031
1038
  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;
1039
+ this.listen(t, "cds-progress-step-click", (n) => {
1040
+ const s = n.target, o = i(s), a = o.event || e.event;
1034
1041
  a && this.dispatchPanelEvent(a, {
1035
1042
  ...e,
1036
- ...n,
1043
+ ...o,
1037
1044
  stepIndex: s.getAttribute("data-index"),
1038
1045
  stepLabel: s.getAttribute("label")
1039
1046
  });
@@ -1042,16 +1049,16 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1042
1049
  }, Ue = {
1043
1050
  selector: "cds-inline-loading",
1044
1051
  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, {
1052
+ const e = i(t), n = e.event;
1053
+ n && this.listen(t, "cds-inline-loading-onsuccess", (o) => {
1054
+ this.dispatchPanelEvent(n, {
1048
1055
  ...e,
1049
1056
  status: "finished"
1050
1057
  });
1051
1058
  });
1052
1059
  const s = t.getAttribute("status-event");
1053
1060
  if (s) {
1054
- const n = new MutationObserver((a) => {
1061
+ const o = new MutationObserver((a) => {
1055
1062
  a.forEach((c) => {
1056
1063
  if (c.attributeName === "status") {
1057
1064
  const l = t.getAttribute("status");
@@ -1062,10 +1069,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1062
1069
  }
1063
1070
  });
1064
1071
  });
1065
- n.observe(t, {
1072
+ o.observe(t, {
1066
1073
  attributes: !0,
1067
1074
  attributeFilter: ["status"]
1068
- }), t._statusObserver = n;
1075
+ }), t._statusObserver = o;
1069
1076
  }
1070
1077
  }
1071
1078
  }, je = /* @__PURE__ */ h({
@@ -1075,15 +1082,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1075
1082
  }), $e = {
1076
1083
  selector: "cds-tooltip",
1077
1084
  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, {
1085
+ const e = i(t), n = W(t, "open-event");
1086
+ n && this.listen(t, "cds-tooltip-beingopened", (o) => {
1087
+ this.dispatchPanelEvent(n, {
1081
1088
  ...e,
1082
1089
  action: "opened"
1083
1090
  });
1084
1091
  });
1085
1092
  const s = W(t, "close-event");
1086
- s && this.listen(t, "cds-tooltip-closed", (n) => {
1093
+ s && this.listen(t, "cds-tooltip-closed", (o) => {
1087
1094
  this.dispatchPanelEvent(s, {
1088
1095
  ...e,
1089
1096
  action: "closed"
@@ -1093,15 +1100,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1093
1100
  }, Ge = {
1094
1101
  selector: "cds-popover",
1095
1102
  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, {
1103
+ const e = i(t), n = W(t, "open-event");
1104
+ n && this.listen(t, "cds-popover-beingopened", (o) => {
1105
+ this.dispatchPanelEvent(n, {
1099
1106
  ...e,
1100
1107
  action: "opened"
1101
1108
  });
1102
1109
  });
1103
1110
  const s = W(t, "close-event");
1104
- s && this.listen(t, "cds-popover-closed", (n) => {
1111
+ s && this.listen(t, "cds-popover-closed", (o) => {
1105
1112
  this.dispatchPanelEvent(s, {
1106
1113
  ...e,
1107
1114
  action: "closed"
@@ -1113,9 +1120,9 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1113
1120
  init: function(t) {
1114
1121
  const e = i(t);
1115
1122
  if (e.event) {
1116
- const o = new MutationObserver((s) => {
1117
- s.forEach((n) => {
1118
- if (n.attributeName === "open") {
1123
+ const n = new MutationObserver((s) => {
1124
+ s.forEach((o) => {
1125
+ if (o.attributeName === "open") {
1119
1126
  const a = t.hasAttribute("open");
1120
1127
  this.dispatchPanelEvent(e.event, {
1121
1128
  ...e,
@@ -1125,10 +1132,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1125
1132
  }
1126
1133
  });
1127
1134
  });
1128
- o.observe(t, {
1135
+ n.observe(t, {
1129
1136
  attributes: !0,
1130
1137
  attributeFilter: ["open"]
1131
- }), t._toggletipObserver = o;
1138
+ }), t._toggletipObserver = n;
1132
1139
  }
1133
1140
  }
1134
1141
  }, Ze = /* @__PURE__ */ h({
@@ -1137,9 +1144,9 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1137
1144
  }), Je = {
1138
1145
  selector: "cds-link",
1139
1146
  event: "click",
1140
- getData: (t, e, o) => ({
1147
+ getData: (t, e, n) => ({
1141
1148
  ...e,
1142
- href: o.getAttribute("href")
1149
+ href: n.getAttribute("href")
1143
1150
  })
1144
1151
  }, Ke = {
1145
1152
  selector: "cds-code-snippet",
@@ -1154,13 +1161,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, o) => {
1154
1161
  cdsFormItemWrap: () => Ye,
1155
1162
  cdsFormWrap: () => Xe,
1156
1163
  cdsHeadingWrap: () => ss,
1157
- cdsIconIndicatorWrap: () => ns,
1158
- cdsIconWrap: () => os,
1164
+ cdsIconIndicatorWrap: () => os,
1165
+ cdsIconWrap: () => ns,
1159
1166
  cdsLoadingWrap: () => cs,
1160
1167
  cdsSkeletonPlaceholderWrap: () => is,
1161
1168
  cdsSkeletonTextWrap: () => rs,
1162
1169
  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" };
1170
+ }), Xe = { selector: "cds-form" }, Ye = { selector: "cds-form-item" }, ts = { selector: "cds-form-group" }, es = { selector: "cds-stack" }, ss = { selector: "cds-heading" }, ns = { selector: "cds-icon" }, os = { selector: "cds-icon-indicator" }, as = { selector: "cds-badge-indicator" }, cs = { selector: "cds-loading" }, rs = { selector: "cds-skeleton-text" }, is = { selector: "cds-skeleton-placeholder" };
1164
1171
  function m(t) {
1165
1172
  return Object.values(t).filter((e) => typeof e == "object" && e !== null && e.selector);
1166
1173
  }
@@ -1173,7 +1180,7 @@ var ls = [
1173
1180
  ...m(Zt),
1174
1181
  ...m(Xt),
1175
1182
  ...m(ee),
1176
- ...m(oe),
1183
+ ...m(ne),
1177
1184
  ...m(re),
1178
1185
  ...m(pe),
1179
1186
  ...m(fe),
@@ -1192,7 +1199,7 @@ function ds() {
1192
1199
  t.set(e.selector, e);
1193
1200
  }), t;
1194
1201
  }
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 = {
1202
+ 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"), M = () => 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"), Ns = () => import("@carbon/web-components/es/components/time-picker/index.js"), Ms = () => 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 = {
1196
1203
  "cds-table": [
1197
1204
  C,
1198
1205
  L,
@@ -1227,8 +1234,8 @@ var ps = () => import("@carbon/web-components/es/components/accordion/index.js")
1227
1234
  "cds-combo-box": [ws],
1228
1235
  "cds-multi-select": [Ds],
1229
1236
  "cds-date-picker": [Bs],
1230
- "cds-time-picker": [Ms],
1231
- "cds-file-uploader": [Ns],
1237
+ "cds-time-picker": [Ns],
1238
+ "cds-file-uploader": [Ms],
1232
1239
  "cds-tabs": [gs],
1233
1240
  "cds-accordion": [ps],
1234
1241
  "cds-content-switcher": [fs],
@@ -1252,10 +1259,10 @@ var ps = () => import("@carbon/web-components/es/components/accordion/index.js")
1252
1259
  "cds-toast-notification": [$],
1253
1260
  "cds-inline-notification": [$],
1254
1261
  "cds-actionable-notification": [$],
1255
- "cds-clickable-tile": [N],
1256
- "cds-expandable-tile": [N],
1257
- "cds-selectable-tile": [N],
1258
- "cds-radio-tile": [N],
1262
+ "cds-clickable-tile": [M],
1263
+ "cds-expandable-tile": [M],
1264
+ "cds-selectable-tile": [M],
1265
+ "cds-radio-tile": [M],
1259
1266
  "cds-progress-bar": [qs],
1260
1267
  "cds-progress-indicator": [Ls],
1261
1268
  "cds-inline-loading": [zs],
@@ -1283,27 +1290,27 @@ function Js(t) {
1283
1290
  const e = /* @__PURE__ */ new Map();
1284
1291
  if (!t || !(t instanceof Element)) return e;
1285
1292
  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);
1293
+ for (const [s, o] of Object.entries(T)) t.matches(s) && e.get(s).push(t);
1294
+ const n = t.querySelectorAll("*");
1295
+ for (const s of n) for (const [o, a] of Object.entries(T)) s.matches(o) && e.get(o).push(s);
1296
+ for (const [s, o] of e.entries()) o.length === 0 && e.delete(s);
1290
1297
  return e;
1291
1298
  }
1292
1299
  function Ks(t) {
1293
1300
  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));
1301
+ for (const [n, s] of t.entries()) s.length > 0 && O[n] && O[n].forEach((o) => e.add(o));
1295
1302
  return e;
1296
1303
  }
1297
1304
  async function Qs(t, e) {
1298
1305
  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);
1306
+ const n = Array.from(t).map(async (s) => (e.has(s) || e.set(s, s()), e.get(s)));
1307
+ await Promise.all(n);
1301
1308
  }
1302
1309
  function Xs(t, e) {
1303
- let o = 0;
1304
- for (const [s, n] of t.entries()) {
1310
+ let n = 0;
1311
+ for (const [s, o] of t.entries()) {
1305
1312
  const a = T[s];
1306
- n.forEach((c) => {
1313
+ o.forEach((c) => {
1307
1314
  if (a.init) {
1308
1315
  a.init.call(e, c);
1309
1316
  return;
@@ -1324,37 +1331,37 @@ function Xs(t, e) {
1324
1331
  const I = a.getData(S, l, c), x = I._eventOverride || p;
1325
1332
  delete I._eventOverride, e.dispatchPanelEvent(x, I);
1326
1333
  });
1327
- }), o += n.length;
1334
+ }), n += o.length;
1328
1335
  }
1329
- return o;
1336
+ return n;
1330
1337
  }
1331
1338
  var T = { ...Object.fromEntries(ds()) }, Ys = async function(t, e) {
1332
- const o = Js(t);
1333
- if (o.size === 0) {
1339
+ const n = Js(t);
1340
+ if (n.size === 0) {
1334
1341
  this.debugMe("[Carbon] No Carbon components found in panel");
1335
1342
  return;
1336
1343
  }
1337
1344
  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);
1345
+ for (const [a, c] of n.entries()) this.carbonComponents.set(a, c);
1346
+ const s = Ks(n);
1340
1347
  if (s.size > 0) try {
1341
1348
  await Qs(s, e);
1342
1349
  } catch (a) {
1343
1350
  console.error("[Carbon] Failed to load some component modules:", a);
1344
1351
  }
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();
1352
+ const o = Xs(n, this);
1353
+ o > 0 && this.debugMe(`[Carbon] Total components initialized: ${o}`);
1354
+ }, on = (t = {}) => {
1355
+ const { preload: e = [] } = t, n = /* @__PURE__ */ new Map();
1349
1356
  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));
1357
+ 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))));
1358
+ Promise.all(o).then(() => console.debug(`[Carbon] Preloaded: ${s.join(", ")}`)).catch((a) => console.warn("[Carbon] Preload error:", a));
1352
1359
  }
1353
1360
  gt.register("carbon", {
1354
- cache: o,
1355
- render: async function(s, n) {
1361
+ cache: n,
1362
+ render: async function(s, o) {
1356
1363
  try {
1357
- await Ys.call(this, s, n);
1364
+ await Ys.call(this, s, o);
1358
1365
  } catch (a) {
1359
1366
  console.error("[Carbon] Initialization error:", a);
1360
1367
  }
@@ -1368,5 +1375,5 @@ var T = { ...Object.fromEntries(ds()) }, Ys = async function(t, e) {
1368
1375
  }), console.debug("[Zooy] Carbon Design System library registered");
1369
1376
  };
1370
1377
  export {
1371
- no as registerCarbonLibrary
1378
+ on as registerCarbonLibrary
1372
1379
  };