@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,
|
|
7
|
-
const s = customElements.get("cds-table"),
|
|
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
|
-
},
|
|
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:
|
|
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
|
-
},
|
|
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:
|
|
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:
|
|
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:
|
|
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,
|
|
157
|
-
f.has(B) || f.set(B, []), E.checked && f.get(B).push(
|
|
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,
|
|
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,
|
|
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,
|
|
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:
|
|
213
|
+
expand: nt,
|
|
214
214
|
check: {
|
|
215
215
|
one: ct,
|
|
216
216
|
all: at
|
|
217
217
|
}
|
|
218
218
|
},
|
|
219
|
-
column: { sort:
|
|
219
|
+
column: { sort: ot }
|
|
220
220
|
} } };
|
|
221
|
-
Et(
|
|
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((
|
|
232
|
+
].forEach((n) => {
|
|
233
233
|
const s = document.createElement("cds-select-item");
|
|
234
|
-
s.value =
|
|
235
|
-
}), e.setData = (
|
|
236
|
-
if (
|
|
237
|
-
const { count: s } = _.pick(["count"],
|
|
238
|
-
e.pagesUnknown = Math.ceil(s /
|
|
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"),
|
|
247
|
-
l.showHeader = e ||
|
|
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
|
|
252
|
-
if (
|
|
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),
|
|
256
|
+
const e = i(t), n = this, s = kt(n, t);
|
|
257
257
|
if (bt(s)) {
|
|
258
258
|
t.dataBinder = s;
|
|
259
|
-
const
|
|
260
|
-
t.skeleton =
|
|
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
|
-
|
|
263
|
+
o.hide(), a.setData(s), J(n, t, e);
|
|
264
264
|
});
|
|
265
|
-
} else J(
|
|
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,
|
|
270
|
+
const e = this, n = customElements.get("cds-pagination");
|
|
271
271
|
let s = null;
|
|
272
|
-
e.listen(t,
|
|
273
|
-
const a =
|
|
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,
|
|
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: () =>
|
|
291
|
+
cdsModalCloseButWrap: () => Mt,
|
|
292
292
|
cdsModalFooterButWrap: () => Ft,
|
|
293
293
|
cdsModalFooterWrap: () => Ot,
|
|
294
294
|
cdsModalHeaderWrap: () => Dt,
|
|
295
295
|
cdsModalHeadingWrap: () => Bt,
|
|
296
|
-
cdsModalLabelWrap: () =>
|
|
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"),
|
|
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
|
-
...
|
|
304
|
+
...n,
|
|
305
305
|
action: "opened"
|
|
306
306
|
});
|
|
307
307
|
});
|
|
308
|
-
const
|
|
309
|
-
|
|
310
|
-
this.dispatchPanelEvent(
|
|
311
|
-
...
|
|
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
|
-
...
|
|
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
|
-
...
|
|
325
|
+
...n,
|
|
326
326
|
action: "primary"
|
|
327
327
|
});
|
|
328
328
|
});
|
|
329
329
|
}
|
|
330
|
-
}, Dt = { selector: "cds-modal-header" }, Bt = { selector: "cds-modal-heading" },
|
|
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
|
|
337
|
-
if (!
|
|
336
|
+
let o = t.closest("form");
|
|
337
|
+
if (!o) {
|
|
338
338
|
const a = t.getAttribute("form");
|
|
339
|
-
a && (
|
|
339
|
+
a && (o = document.getElementById(a));
|
|
340
340
|
}
|
|
341
|
-
|
|
341
|
+
o && o.requestSubmit();
|
|
342
342
|
});
|
|
343
343
|
return;
|
|
344
344
|
}
|
|
345
|
-
const
|
|
346
|
-
|
|
347
|
-
s.stopPropagation(), this.dispatchPanelEvent(
|
|
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),
|
|
357
|
-
|
|
358
|
-
this.dispatchPanelEvent(
|
|
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", (
|
|
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", (
|
|
370
|
-
if (
|
|
371
|
-
const a = i(
|
|
372
|
-
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", (
|
|
378
|
-
const a =
|
|
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),
|
|
390
|
-
|
|
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
|
|
392
|
+
const o = i(s.target), a = o.event || e.event;
|
|
393
393
|
a && (s.stopPropagation(), this.dispatchPanelEvent(a, {
|
|
394
394
|
...e,
|
|
395
|
-
...
|
|
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
|
|
414
|
-
if (!
|
|
413
|
+
let o = t.closest("form");
|
|
414
|
+
if (!o) {
|
|
415
415
|
const a = t.getAttribute("form");
|
|
416
|
-
a && (
|
|
416
|
+
a && (o = document.getElementById(a));
|
|
417
417
|
}
|
|
418
|
-
|
|
418
|
+
o && o.requestSubmit();
|
|
419
419
|
});
|
|
420
420
|
return;
|
|
421
421
|
}
|
|
422
|
-
const
|
|
423
|
-
|
|
424
|
-
s.stopPropagation(), this.dispatchPanelEvent(
|
|
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", (
|
|
436
|
-
|
|
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),
|
|
450
|
-
|
|
451
|
-
|
|
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
|
|
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
|
-
|
|
464
|
+
o.observe(t, {
|
|
465
465
|
attributes: !0,
|
|
466
466
|
attributeFilter: ["feedback-shown"]
|
|
467
|
-
}), t._copyObserver =
|
|
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
|
|
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
|
|
482
|
-
|
|
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
|
|
484
|
+
const o = i(s.target), a = o.event || W(t, "menu-event", "event");
|
|
485
485
|
a && this.dispatchPanelEvent(a, {
|
|
486
486
|
...e,
|
|
487
|
-
...
|
|
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"),
|
|
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
|
-
...
|
|
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
|
|
510
|
-
|
|
511
|
-
this.dispatchPanelEvent(
|
|
512
|
-
...
|
|
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"),
|
|
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
|
-
...
|
|
524
|
+
...n,
|
|
525
525
|
value: t.value,
|
|
526
526
|
selectedValue: c?.value,
|
|
527
527
|
selectedText: c?.textContent?.trim()
|
|
528
528
|
});
|
|
529
529
|
});
|
|
530
|
-
const
|
|
531
|
-
|
|
532
|
-
this.dispatchPanelEvent(
|
|
533
|
-
...
|
|
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"),
|
|
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
|
-
...
|
|
545
|
+
...n,
|
|
546
546
|
selectedItems: c
|
|
547
547
|
});
|
|
548
548
|
});
|
|
549
|
-
const
|
|
550
|
-
|
|
551
|
-
this.dispatchPanelEvent(
|
|
552
|
-
...
|
|
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"),
|
|
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:
|
|
568
|
+
to: o.value || ""
|
|
569
569
|
} : S = t.value, this.dispatchPanelEvent(c, {
|
|
570
|
-
...
|
|
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
|
-
...
|
|
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,
|
|
585
|
+
getData: (t, e, n) => ({
|
|
586
586
|
...e,
|
|
587
|
-
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),
|
|
593
|
-
if (
|
|
594
|
-
const
|
|
595
|
-
|
|
596
|
-
this.dispatchPanelEvent(
|
|
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", (
|
|
603
|
+
s && this.listen(t, "cds-file-uploader-item-deleted", (o) => {
|
|
604
604
|
this.dispatchPanelEvent(s, {
|
|
605
605
|
...e,
|
|
606
|
-
fileName:
|
|
607
|
-
fileId:
|
|
606
|
+
fileName: o.detail?.fileName,
|
|
607
|
+
fileId: o.detail?.fileId
|
|
608
608
|
});
|
|
609
609
|
});
|
|
610
610
|
}
|
|
611
|
-
},
|
|
611
|
+
}, ne = /* @__PURE__ */ h({
|
|
612
612
|
cdsAccordionWrap: () => ae,
|
|
613
613
|
cdsContentSwitcherWrap: () => ce,
|
|
614
|
-
cdsTabsWrap: () =>
|
|
615
|
-
}),
|
|
614
|
+
cdsTabsWrap: () => oe
|
|
615
|
+
}), oe = {
|
|
616
616
|
selector: "cds-tabs",
|
|
617
617
|
init: function(t) {
|
|
618
|
-
const e = customElements.get("cds-tabs"),
|
|
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
|
-
...
|
|
621
|
+
...n,
|
|
622
622
|
tabValue: a.detail.value,
|
|
623
623
|
cancelable: !0
|
|
624
624
|
});
|
|
625
625
|
});
|
|
626
|
-
const
|
|
627
|
-
|
|
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(
|
|
630
|
-
...
|
|
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"),
|
|
639
|
+
const e = customElements.get("cds-accordion-item"), n = i(t);
|
|
640
640
|
[...t.querySelectorAll("cds-accordion-item")].forEach((s) => {
|
|
641
|
-
const
|
|
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"),
|
|
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
|
-
...
|
|
657
|
+
...n,
|
|
658
658
|
value: a.detail.value,
|
|
659
659
|
cancelable: !0
|
|
660
660
|
});
|
|
661
661
|
});
|
|
662
|
-
const
|
|
663
|
-
|
|
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(
|
|
666
|
-
...
|
|
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,
|
|
679
|
+
getData: (t, e, n) => (t.preventDefault(), {
|
|
680
680
|
...e,
|
|
681
|
-
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,
|
|
686
|
+
const e = this, n = i(t), s = n.event;
|
|
687
687
|
if (s) {
|
|
688
|
-
const
|
|
688
|
+
const o = (c) => {
|
|
689
689
|
e.dispatchPanelEvent(s, {
|
|
690
|
-
...
|
|
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(),
|
|
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(),
|
|
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,
|
|
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,
|
|
775
|
+
getData: (t, e, n) => ({
|
|
776
776
|
...e,
|
|
777
|
-
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,
|
|
788
|
+
getData: (t, e, n) => ({
|
|
789
789
|
...e,
|
|
790
790
|
checked: t.detail.checked,
|
|
791
|
-
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),
|
|
819
|
-
|
|
820
|
-
this.dispatchPanelEvent(
|
|
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:
|
|
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", (
|
|
826
|
+
s && this.listen(t, "cds-slider-input-changed", (o) => {
|
|
827
827
|
this.dispatchPanelEvent(s, {
|
|
828
828
|
...e,
|
|
829
|
-
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),
|
|
845
|
-
|
|
846
|
-
|
|
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", (
|
|
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),
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
const a = i(
|
|
874
|
-
this.dispatchPanelEvent(
|
|
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((
|
|
885
|
-
const s = i(
|
|
886
|
-
|
|
887
|
-
a.stopPropagation(), this.dispatchPanelEvent(
|
|
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", (
|
|
893
|
-
const s =
|
|
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
|
-
...
|
|
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
|
|
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:
|
|
910
|
-
label:
|
|
909
|
+
nodeId: o.id,
|
|
910
|
+
label: o.getAttribute("label")
|
|
911
911
|
});
|
|
912
912
|
});
|
|
913
|
-
const
|
|
914
|
-
|
|
915
|
-
this.dispatchPanelEvent(
|
|
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: () =>
|
|
925
|
-
cdsToastNotificationWrap: () =>
|
|
926
|
-
}),
|
|
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
|
-
},
|
|
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),
|
|
944
|
-
|
|
945
|
-
this.dispatchPanelEvent(
|
|
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", (
|
|
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
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
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),
|
|
974
|
-
|
|
975
|
-
this.dispatchPanelEvent(
|
|
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:
|
|
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", (
|
|
989
|
+
s && this.listen(t, "cds-expandable-tile-toggled", (o) => {
|
|
983
990
|
this.dispatchPanelEvent(s, {
|
|
984
991
|
...e,
|
|
985
|
-
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,
|
|
999
|
+
getData: (t, e, n) => ({
|
|
993
1000
|
...e,
|
|
994
1001
|
selected: t.detail.selected,
|
|
995
|
-
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,
|
|
1007
|
+
getData: (t, e, n) => ({
|
|
1001
1008
|
...e,
|
|
1002
1009
|
selected: t.detail.selected,
|
|
1003
|
-
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
|
|
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
|
-
|
|
1029
|
+
n.observe(t, {
|
|
1023
1030
|
attributes: !0,
|
|
1024
1031
|
attributeFilter: ["value"]
|
|
1025
|
-
}), t._progressObserver =
|
|
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", (
|
|
1033
|
-
const s =
|
|
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
|
-
...
|
|
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),
|
|
1046
|
-
|
|
1047
|
-
this.dispatchPanelEvent(
|
|
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
|
|
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
|
-
|
|
1072
|
+
o.observe(t, {
|
|
1066
1073
|
attributes: !0,
|
|
1067
1074
|
attributeFilter: ["status"]
|
|
1068
|
-
}), t._statusObserver =
|
|
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),
|
|
1079
|
-
|
|
1080
|
-
this.dispatchPanelEvent(
|
|
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", (
|
|
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),
|
|
1097
|
-
|
|
1098
|
-
this.dispatchPanelEvent(
|
|
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", (
|
|
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
|
|
1117
|
-
s.forEach((
|
|
1118
|
-
if (
|
|
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
|
-
|
|
1135
|
+
n.observe(t, {
|
|
1129
1136
|
attributes: !0,
|
|
1130
1137
|
attributeFilter: ["open"]
|
|
1131
|
-
}), t._toggletipObserver =
|
|
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,
|
|
1147
|
+
getData: (t, e, n) => ({
|
|
1141
1148
|
...e,
|
|
1142
|
-
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: () =>
|
|
1158
|
-
cdsIconWrap: () =>
|
|
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" },
|
|
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(
|
|
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"),
|
|
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": [
|
|
1231
|
-
"cds-file-uploader": [
|
|
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": [
|
|
1256
|
-
"cds-expandable-tile": [
|
|
1257
|
-
"cds-selectable-tile": [
|
|
1258
|
-
"cds-radio-tile": [
|
|
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,
|
|
1287
|
-
const
|
|
1288
|
-
for (const s of
|
|
1289
|
-
for (const [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 [
|
|
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
|
|
1300
|
-
await Promise.all(
|
|
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
|
|
1304
|
-
for (const [s,
|
|
1310
|
+
let n = 0;
|
|
1311
|
+
for (const [s, o] of t.entries()) {
|
|
1305
1312
|
const a = T[s];
|
|
1306
|
-
|
|
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
|
-
}),
|
|
1334
|
+
}), n += o.length;
|
|
1328
1335
|
}
|
|
1329
|
-
return
|
|
1336
|
+
return n;
|
|
1330
1337
|
}
|
|
1331
1338
|
var T = { ...Object.fromEntries(ds()) }, Ys = async function(t, e) {
|
|
1332
|
-
const
|
|
1333
|
-
if (
|
|
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
|
|
1339
|
-
const s = Ks(
|
|
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
|
|
1346
|
-
|
|
1347
|
-
},
|
|
1348
|
-
const { preload: e = [] } = t,
|
|
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)),
|
|
1351
|
-
Promise.all(
|
|
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:
|
|
1355
|
-
render: async function(s,
|
|
1361
|
+
cache: n,
|
|
1362
|
+
render: async function(s, o) {
|
|
1356
1363
|
try {
|
|
1357
|
-
await Ys.call(this, s,
|
|
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
|
-
|
|
1378
|
+
on as registerCarbonLibrary
|
|
1372
1379
|
};
|