@trintel/zooy 1.1.2 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{register-aF5kN8wT.js → register-BSbnCMRn.js} +304 -294
- package/dist/chunks/register-DoTvi8cF.js +1 -0
- package/dist/zooy.cjs.js +1 -1
- package/dist/zooy.es.js +1 -1
- package/package.json +1 -1
- package/src/sass/buttons.scss +60 -0
- package/src/sass/carbon.scss +0 -48
- package/src/sass/lists.scss +38 -0
- package/src/sass/main.scss +2 -0
- package/dist/chunks/register-uV9z3usH.js +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { n as h, t as
|
|
2
|
-
import { i as
|
|
3
|
-
import { isDefAndNotNull as
|
|
1
|
+
import { n as h, t as ft } from "./component-library-registry-DB5UeqC2.js";
|
|
2
|
+
import { i as bt, n as W, r as i } from "./zoo-DgdxBjlN.js";
|
|
3
|
+
import { isDefAndNotNull as Et, objToPaths as Wt } from "badu";
|
|
4
4
|
import * as _ from "ramda";
|
|
5
|
-
import { TABLE_SORT_DIRECTION as
|
|
6
|
-
var St = /* @__PURE__ */ h({ cdsTableWrap: () =>
|
|
5
|
+
import { TABLE_SORT_DIRECTION as It } from "@carbon/web-components/lib/components/data-table/defs.js";
|
|
6
|
+
var St = /* @__PURE__ */ h({ cdsTableWrap: () => yt }), K = (t, e, n) => {
|
|
7
7
|
const s = customElements.get("cds-table"), o = customElements.get("cds-pagination"), a = customElements.get(s.selectorTableBatchActions);
|
|
8
8
|
customElements.get("cds-popover");
|
|
9
|
-
const c = e.dataBinder, l = e.pagination, p = e.skeleton,
|
|
9
|
+
const c = e.dataBinder, l = e.pagination, p = e.skeleton, I = e.querySelector(s.selectorTableToolbarSearch), S = e.querySelector(s.selectorTableBatchActions), D = e.querySelector(s.selectorTableBody), F = [
|
|
10
10
|
"button",
|
|
11
11
|
"a",
|
|
12
12
|
"input",
|
|
@@ -15,7 +15,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
15
15
|
'[role="button"]',
|
|
16
16
|
".cds--table-expand",
|
|
17
17
|
".cds--table-column-checkbox"
|
|
18
|
-
].join(","),
|
|
18
|
+
].join(","), V = e.querySelectorAll(s.selectorHeaderCell + "[is-sortable]"), st = e.isSortable || V.length > 0, R = /* @__PURE__ */ Symbol(), z = /* @__PURE__ */ Symbol(), x = /* @__PURE__ */ new Map(), nt = (r) => {
|
|
19
19
|
t.listen(e, "click", (d) => {
|
|
20
20
|
const v = d.target.closest(s.selectorTableRow);
|
|
21
21
|
if (!v || d.composedPath().some((g) => g.matches && g.matches(F))) return;
|
|
@@ -23,7 +23,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
23
23
|
const u = i(v);
|
|
24
24
|
t.dispatchPanelEvent(r, { ...u });
|
|
25
25
|
});
|
|
26
|
-
},
|
|
26
|
+
}, ot = (r) => {
|
|
27
27
|
t.listen(e, s.eventExpandoToggle, (d) => {
|
|
28
28
|
const v = d.target, u = v.tagName === "CDS-TABLE-HEADER-ROW", g = d.detail.expanded, b = {
|
|
29
29
|
tableAttrs: n,
|
|
@@ -34,13 +34,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
34
34
|
};
|
|
35
35
|
t.dispatchPanelEvent(r, b);
|
|
36
36
|
});
|
|
37
|
-
},
|
|
38
|
-
|
|
37
|
+
}, at = (r) => {
|
|
38
|
+
x.set(R, (d) => {
|
|
39
39
|
t.dispatchPanelEvent(r, d);
|
|
40
40
|
});
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
const v = d.detail.selectedRows, u = Math.min(v.length,
|
|
41
|
+
}, ct = (r) => {
|
|
42
|
+
x.set(z, (d) => {
|
|
43
|
+
const v = d.detail.selectedRows, u = Math.min(v.length, S.totalRowsCount), g = d.target, b = i(g), P = v.map(i), y = {
|
|
44
44
|
tableAttrs: n,
|
|
45
45
|
...b,
|
|
46
46
|
target: g,
|
|
@@ -49,7 +49,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
49
49
|
};
|
|
50
50
|
t.dispatchPanelEvent(r, y);
|
|
51
51
|
});
|
|
52
|
-
},
|
|
52
|
+
}, rt = (r) => {
|
|
53
53
|
t.listen(e, s.eventTableRowSelect, (d) => {
|
|
54
54
|
const v = d.target, u = d.detail.selectedRows || [], g = u.length, b = u.map(i), P = {
|
|
55
55
|
tableAttrs: n,
|
|
@@ -60,16 +60,16 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
60
60
|
};
|
|
61
61
|
t.dispatchPanelEvent(r, P);
|
|
62
62
|
});
|
|
63
|
-
},
|
|
63
|
+
}, it = () => {
|
|
64
64
|
t.listen(e, s.eventBeforeSort, (r) => {
|
|
65
|
-
const d = r.target, v = r.detail.oldSortDirection, u = r.detail.sortDirection, g = i(d), b = g.sortField, P = u ===
|
|
66
|
-
r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(),
|
|
65
|
+
const d = r.target, v = r.detail.oldSortDirection, u = r.detail.sortDirection, g = i(d), b = g.sortField, P = u === It.DESCENDING ? `-${b}` : b;
|
|
66
|
+
r.cancelBubble = !0, r.stopPropagation(), r.preventDefault(), D.innerHTML = "", p && p.show(), V.forEach((A, f) => {
|
|
67
67
|
A === d ? (A.setAttribute("sort-active", "true"), A.setAttribute("sort-direction", u)) : (A.removeAttribute("sort-active"), A.setAttribute("sort-direction", "none"));
|
|
68
68
|
});
|
|
69
69
|
const y = { ordering: P };
|
|
70
70
|
c.fetchData(y).then(() => {
|
|
71
71
|
l.setData(c), p && p.hide();
|
|
72
|
-
}),
|
|
72
|
+
}), x.has(R) && x.get(R)({
|
|
73
73
|
tableAttrs: n,
|
|
74
74
|
...g,
|
|
75
75
|
sortNow: u,
|
|
@@ -79,17 +79,17 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
79
79
|
target: d
|
|
80
80
|
});
|
|
81
81
|
});
|
|
82
|
-
},
|
|
82
|
+
}, lt = () => {
|
|
83
83
|
t.listen(e, s.eventTableRowSelectAll, (r) => {
|
|
84
84
|
r.detail.selectedRows.length === 0 && e.querySelectorAll(s.selectorTableRow).forEach((d) => {
|
|
85
85
|
d.disabled = !1, d.selected = !1;
|
|
86
|
-
}),
|
|
86
|
+
}), x.has(z) && x.get(z)(r);
|
|
87
87
|
});
|
|
88
|
-
},
|
|
88
|
+
}, dt = () => {
|
|
89
89
|
t.listen(e, s.eventBeforeChangeSelectionAll, (r) => {
|
|
90
90
|
r.stopPropagation(), r.detail.callback && r.detail.callback();
|
|
91
91
|
});
|
|
92
|
-
},
|
|
92
|
+
}, pt = (r) => {
|
|
93
93
|
const d = e.querySelector("cds-table-header-row");
|
|
94
94
|
t.listen(r, a.eventClickSelectAll, (v) => {
|
|
95
95
|
v.stopPropagation(), d.dispatchEvent(new CustomEvent(s.eventBeforeChangeSelectionAll, {
|
|
@@ -106,7 +106,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
106
106
|
}
|
|
107
107
|
}));
|
|
108
108
|
});
|
|
109
|
-
},
|
|
109
|
+
}, vt = (r) => {
|
|
110
110
|
t.listen(r, "keydown", (d) => {
|
|
111
111
|
if (d.key === "Enter") {
|
|
112
112
|
p && p.show(), l.totalItems = 0, e.querySelector("cds-table-body").replaceChildren();
|
|
@@ -119,7 +119,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
119
119
|
});
|
|
120
120
|
}
|
|
121
121
|
});
|
|
122
|
-
},
|
|
122
|
+
}, ut = (r) => {
|
|
123
123
|
t.listen(r, s.eventSearchInput, (d) => {
|
|
124
124
|
if ((d.detail.value || "") === "") {
|
|
125
125
|
const v = {
|
|
@@ -131,7 +131,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
131
131
|
});
|
|
132
132
|
}
|
|
133
133
|
});
|
|
134
|
-
},
|
|
134
|
+
}, mt = (r) => {
|
|
135
135
|
r.caret = !1;
|
|
136
136
|
const d = r.querySelector("cds-icon-button, button:not([slot])"), v = r.querySelectorAll("cds-checkbox"), u = r.querySelectorAll("cds-modal-footer-button"), g = [...r.querySelectorAll("cds-checkbox-group")].map(i).map(_.pathOr("noop", [
|
|
137
137
|
"zoo",
|
|
@@ -174,7 +174,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
174
174
|
}), t.listen(d, "click", (f) => {
|
|
175
175
|
f.stopPropagation(), r.open = !r.open, r.classList.toggle("cds--overflow-menu--open", r.open);
|
|
176
176
|
});
|
|
177
|
-
},
|
|
177
|
+
}, ht = () => {
|
|
178
178
|
t.listen(l, o.eventPageSizeChanged, (r) => {
|
|
179
179
|
const d = {
|
|
180
180
|
limit: l.pageSize,
|
|
@@ -184,7 +184,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
184
184
|
l.setData(c);
|
|
185
185
|
});
|
|
186
186
|
});
|
|
187
|
-
},
|
|
187
|
+
}, gt = () => {
|
|
188
188
|
let r = null;
|
|
189
189
|
t.listen(l, o.eventChangeCurrent, (d) => {
|
|
190
190
|
const { page: v } = d.detail, u = l.pageSize, g = (v - 1) * u;
|
|
@@ -200,28 +200,28 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
200
200
|
}
|
|
201
201
|
});
|
|
202
202
|
};
|
|
203
|
-
c && l && (
|
|
204
|
-
const
|
|
205
|
-
if (
|
|
206
|
-
const r =
|
|
207
|
-
c && r && r.forEach(
|
|
203
|
+
c && l && (ht(), gt()), c && I && (vt(I), ut(I));
|
|
204
|
+
const Z = e.querySelector(s.selectorTableToolbarContent);
|
|
205
|
+
if (Z) {
|
|
206
|
+
const r = Z.querySelectorAll("cds-popover[data-batch-filter]");
|
|
207
|
+
c && r && r.forEach(mt);
|
|
208
208
|
}
|
|
209
|
-
e.isSelectable && (
|
|
210
|
-
const
|
|
209
|
+
e.isSelectable && (lt(), dt(), S && pt(S)), c && st && it();
|
|
210
|
+
const J = { zoo: { event: {
|
|
211
211
|
row: {
|
|
212
|
-
click:
|
|
213
|
-
expand:
|
|
212
|
+
click: nt,
|
|
213
|
+
expand: ot,
|
|
214
214
|
check: {
|
|
215
|
-
one:
|
|
216
|
-
all:
|
|
215
|
+
one: rt,
|
|
216
|
+
all: ct
|
|
217
217
|
}
|
|
218
218
|
},
|
|
219
|
-
column: { sort:
|
|
219
|
+
column: { sort: at }
|
|
220
220
|
} } };
|
|
221
|
-
|
|
222
|
-
_.hasPath(r,
|
|
221
|
+
Wt(n).forEach(([r, d]) => {
|
|
222
|
+
_.hasPath(r, J) && _.path(r, J)(d);
|
|
223
223
|
});
|
|
224
|
-
},
|
|
224
|
+
}, Pt = (t) => {
|
|
225
225
|
const e = document.createElement("cds-pagination");
|
|
226
226
|
return e.backwardText = "Previous page", e.forwardText = "Next page", e.itemsPerPageText = "Items per page:", e.pageSize = t.limit, e.size = "lg", [
|
|
227
227
|
10,
|
|
@@ -238,7 +238,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
238
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
|
+
}, kt = (t) => {
|
|
242
242
|
if (!t.parentNode) {
|
|
243
243
|
console.error("[Carbon Table] Cannot create skeleton: table has no parent node");
|
|
244
244
|
return;
|
|
@@ -247,24 +247,24 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
247
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
|
+
}, Ct = (t, e) => {
|
|
251
251
|
const n = e.getAttribute("zoo-url-api"), s = parseInt(e.getAttribute("data-page-size") || 25, 10);
|
|
252
|
-
if (n) return new
|
|
253
|
-
},
|
|
252
|
+
if (n) return new bt(t, n, e, { urlParams: { limit: s } });
|
|
253
|
+
}, yt = {
|
|
254
254
|
selector: "cds-table",
|
|
255
255
|
init: function(t) {
|
|
256
|
-
const e = i(t), n = this, s =
|
|
257
|
-
if (
|
|
256
|
+
const e = i(t), n = this, s = Ct(n, t);
|
|
257
|
+
if (Et(s)) {
|
|
258
258
|
t.dataBinder = s;
|
|
259
|
-
const o =
|
|
259
|
+
const o = kt(t);
|
|
260
260
|
t.skeleton = o;
|
|
261
|
-
const a =
|
|
261
|
+
const a = Pt(s);
|
|
262
262
|
t.pagination = a, t.after(a), s.fetchData().then((c) => {
|
|
263
|
-
o.hide(), a.setData(s),
|
|
263
|
+
o.hide(), a.setData(s), K(n, t, e);
|
|
264
264
|
});
|
|
265
|
-
} else
|
|
265
|
+
} else K(n, t, e);
|
|
266
266
|
}
|
|
267
|
-
},
|
|
267
|
+
}, At = /* @__PURE__ */ h({ cdsPaginationWrap: () => wt }), wt = {
|
|
268
268
|
selector: "cds-pagination",
|
|
269
269
|
init: function(t) {
|
|
270
270
|
const e = this, n = customElements.get("cds-pagination");
|
|
@@ -285,15 +285,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
285
285
|
} });
|
|
286
286
|
});
|
|
287
287
|
}
|
|
288
|
-
},
|
|
289
|
-
cdsModalBodyContentWrap: () =>
|
|
290
|
-
cdsModalBodyWrap: () =>
|
|
291
|
-
cdsModalCloseButWrap: () =>
|
|
292
|
-
cdsModalFooterButWrap: () =>
|
|
293
|
-
cdsModalFooterWrap: () =>
|
|
294
|
-
cdsModalHeaderWrap: () =>
|
|
295
|
-
cdsModalHeadingWrap: () =>
|
|
296
|
-
cdsModalLabelWrap: () =>
|
|
288
|
+
}, Dt = /* @__PURE__ */ h({
|
|
289
|
+
cdsModalBodyContentWrap: () => Ot,
|
|
290
|
+
cdsModalBodyWrap: () => Tt,
|
|
291
|
+
cdsModalCloseButWrap: () => _t,
|
|
292
|
+
cdsModalFooterButWrap: () => Rt,
|
|
293
|
+
cdsModalFooterWrap: () => Ft,
|
|
294
|
+
cdsModalHeaderWrap: () => Bt,
|
|
295
|
+
cdsModalHeadingWrap: () => Nt,
|
|
296
|
+
cdsModalLabelWrap: () => Mt,
|
|
297
297
|
cdsModalWrap: () => xt
|
|
298
298
|
}), xt = {
|
|
299
299
|
selector: "cds-modal",
|
|
@@ -327,7 +327,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
327
327
|
});
|
|
328
328
|
});
|
|
329
329
|
}
|
|
330
|
-
},
|
|
330
|
+
}, Bt = { selector: "cds-modal-header" }, Nt = { selector: "cds-modal-heading" }, Mt = { selector: "cds-modal-label" }, _t = { selector: "cds-modal-close-button" }, Tt = { selector: "cds-modal-body" }, Ot = { selector: "cds-modal-body-content" }, Ft = { selector: "cds-modal-footer" }, Rt = {
|
|
331
331
|
selector: "cds-modal-footer-button",
|
|
332
332
|
init: function(t) {
|
|
333
333
|
const e = i(t);
|
|
@@ -347,10 +347,10 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
347
347
|
s.stopPropagation(), this.dispatchPanelEvent(n, e);
|
|
348
348
|
});
|
|
349
349
|
}
|
|
350
|
-
},
|
|
351
|
-
cdsMenuButtonWrap: () =>
|
|
352
|
-
cdsMenuWrap: () =>
|
|
353
|
-
}),
|
|
350
|
+
}, zt = /* @__PURE__ */ h({
|
|
351
|
+
cdsMenuButtonWrap: () => Lt,
|
|
352
|
+
cdsMenuWrap: () => qt
|
|
353
|
+
}), qt = {
|
|
354
354
|
selector: "cds-menu",
|
|
355
355
|
init: function(t) {
|
|
356
356
|
const e = i(t), n = W(t, "open-event");
|
|
@@ -383,7 +383,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
383
383
|
});
|
|
384
384
|
});
|
|
385
385
|
}
|
|
386
|
-
},
|
|
386
|
+
}, Lt = {
|
|
387
387
|
selector: "cds-menu-button",
|
|
388
388
|
init: function(t) {
|
|
389
389
|
const e = i(t), n = t.querySelector("cds-menu");
|
|
@@ -397,14 +397,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
397
397
|
}
|
|
398
398
|
});
|
|
399
399
|
}
|
|
400
|
-
},
|
|
401
|
-
cdsButFabWrap: () =>
|
|
402
|
-
cdsButtonWrap: () =>
|
|
403
|
-
cdsComboButWrap: () =>
|
|
404
|
-
cdsCopyButWrap: () =>
|
|
405
|
-
cdsIconButToggleWrap: () =>
|
|
406
|
-
cdsIconButWrap: () =>
|
|
407
|
-
}),
|
|
400
|
+
}, Ht = /* @__PURE__ */ h({
|
|
401
|
+
cdsButFabWrap: () => Gt,
|
|
402
|
+
cdsButtonWrap: () => Ut,
|
|
403
|
+
cdsComboButWrap: () => Zt,
|
|
404
|
+
cdsCopyButWrap: () => Vt,
|
|
405
|
+
cdsIconButToggleWrap: () => $t,
|
|
406
|
+
cdsIconButWrap: () => jt
|
|
407
|
+
}), Ut = {
|
|
408
408
|
selector: "cds-button",
|
|
409
409
|
init: function(t) {
|
|
410
410
|
const e = i(t);
|
|
@@ -424,11 +424,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
424
424
|
s.stopPropagation(), this.dispatchPanelEvent(n, i(t));
|
|
425
425
|
});
|
|
426
426
|
}
|
|
427
|
-
},
|
|
427
|
+
}, jt = {
|
|
428
428
|
selector: "cds-icon-button:not([data-toggle])",
|
|
429
429
|
event: "click",
|
|
430
430
|
getData: (t, e) => e
|
|
431
|
-
},
|
|
431
|
+
}, $t = {
|
|
432
432
|
selector: "cds-icon-button[data-toggle]",
|
|
433
433
|
init: function(t) {
|
|
434
434
|
const e = i(t);
|
|
@@ -439,11 +439,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
439
439
|
});
|
|
440
440
|
});
|
|
441
441
|
}
|
|
442
|
-
},
|
|
442
|
+
}, Gt = {
|
|
443
443
|
selector: "cds-button[data-fab]",
|
|
444
444
|
event: "click",
|
|
445
445
|
getData: (t, e) => e
|
|
446
|
-
},
|
|
446
|
+
}, Vt = {
|
|
447
447
|
selector: "cds-copy-button",
|
|
448
448
|
init: function(t) {
|
|
449
449
|
const e = i(t), n = e.event;
|
|
@@ -467,7 +467,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
467
467
|
}), t._copyObserver = o;
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
},
|
|
470
|
+
}, Zt = {
|
|
471
471
|
selector: "cds-combo-button",
|
|
472
472
|
init: function(t) {
|
|
473
473
|
const e = i(t);
|
|
@@ -490,11 +490,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
490
490
|
}
|
|
491
491
|
});
|
|
492
492
|
}
|
|
493
|
-
},
|
|
494
|
-
cdsComboBoxWrap: () =>
|
|
495
|
-
cdsDropdownWrap: () =>
|
|
496
|
-
cdsMultiSelectWrap: () =>
|
|
497
|
-
}),
|
|
493
|
+
}, Jt = /* @__PURE__ */ h({
|
|
494
|
+
cdsComboBoxWrap: () => Qt,
|
|
495
|
+
cdsDropdownWrap: () => Kt,
|
|
496
|
+
cdsMultiSelectWrap: () => Xt
|
|
497
|
+
}), Kt = {
|
|
498
498
|
selector: "cds-dropdown",
|
|
499
499
|
init: function(t) {
|
|
500
500
|
const e = customElements.get("cds-dropdown"), n = i(t), s = n.event;
|
|
@@ -514,7 +514,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
514
514
|
});
|
|
515
515
|
});
|
|
516
516
|
}
|
|
517
|
-
},
|
|
517
|
+
}, Qt = {
|
|
518
518
|
selector: "cds-combo-box",
|
|
519
519
|
init: function(t) {
|
|
520
520
|
const e = customElements.get("cds-combo-box"), n = i(t), s = n.event;
|
|
@@ -535,7 +535,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
535
535
|
});
|
|
536
536
|
});
|
|
537
537
|
}
|
|
538
|
-
},
|
|
538
|
+
}, Xt = {
|
|
539
539
|
selector: "cds-multi-select",
|
|
540
540
|
init: function(t) {
|
|
541
541
|
const e = customElements.get("cds-multi-select"), n = i(t), s = n.event;
|
|
@@ -554,21 +554,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
554
554
|
});
|
|
555
555
|
});
|
|
556
556
|
}
|
|
557
|
-
},
|
|
558
|
-
cdsDatePickerWrap: () =>
|
|
559
|
-
cdsTimePickerWrap: () =>
|
|
560
|
-
}),
|
|
557
|
+
}, Yt = /* @__PURE__ */ h({
|
|
558
|
+
cdsDatePickerWrap: () => te,
|
|
559
|
+
cdsTimePickerWrap: () => ee
|
|
560
|
+
}), te = {
|
|
561
561
|
selector: "cds-date-picker",
|
|
562
562
|
init: function(t) {
|
|
563
563
|
const e = customElements.get("cds-date-picker"), n = i(t), s = t.querySelector('cds-date-picker-input[kind="from"]'), o = t.querySelector('cds-date-picker-input[kind="to"]'), a = s && o, c = n.event;
|
|
564
564
|
c && this.listen(t, e.eventChange, (p) => {
|
|
565
|
-
let
|
|
566
|
-
a ?
|
|
565
|
+
let I;
|
|
566
|
+
a ? I = {
|
|
567
567
|
from: s.value || "",
|
|
568
568
|
to: o.value || ""
|
|
569
|
-
} :
|
|
569
|
+
} : I = t.value, this.dispatchPanelEvent(c, {
|
|
570
570
|
...n,
|
|
571
|
-
value:
|
|
571
|
+
value: I
|
|
572
572
|
});
|
|
573
573
|
});
|
|
574
574
|
const l = t.getAttribute("error-event");
|
|
@@ -579,14 +579,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
579
579
|
});
|
|
580
580
|
});
|
|
581
581
|
}
|
|
582
|
-
},
|
|
582
|
+
}, ee = {
|
|
583
583
|
selector: "cds-time-picker",
|
|
584
584
|
event: "cds-time-picker-changed",
|
|
585
585
|
getData: (t, e, n) => ({
|
|
586
586
|
...e,
|
|
587
587
|
value: n.value
|
|
588
588
|
})
|
|
589
|
-
},
|
|
589
|
+
}, se = /* @__PURE__ */ h({ cdsFileUploaderWrap: () => ne }), ne = {
|
|
590
590
|
selector: "cds-file-uploader",
|
|
591
591
|
init: function(t) {
|
|
592
592
|
const e = i(t), n = e.event;
|
|
@@ -608,11 +608,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
608
608
|
});
|
|
609
609
|
});
|
|
610
610
|
}
|
|
611
|
-
},
|
|
612
|
-
cdsAccordionWrap: () =>
|
|
613
|
-
cdsContentSwitcherWrap: () =>
|
|
614
|
-
cdsTabsWrap: () =>
|
|
615
|
-
}),
|
|
611
|
+
}, oe = /* @__PURE__ */ h({
|
|
612
|
+
cdsAccordionWrap: () => ce,
|
|
613
|
+
cdsContentSwitcherWrap: () => re,
|
|
614
|
+
cdsTabsWrap: () => ae
|
|
615
|
+
}), ae = {
|
|
616
616
|
selector: "cds-tabs",
|
|
617
617
|
init: function(t) {
|
|
618
618
|
const e = customElements.get("cds-tabs"), n = i(t), s = t.getAttribute("before-select-event");
|
|
@@ -633,7 +633,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
633
633
|
});
|
|
634
634
|
});
|
|
635
635
|
}
|
|
636
|
-
},
|
|
636
|
+
}, ce = {
|
|
637
637
|
selector: "cds-accordion",
|
|
638
638
|
init: function(t) {
|
|
639
639
|
const e = customElements.get("cds-accordion-item"), n = i(t);
|
|
@@ -648,7 +648,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
648
648
|
});
|
|
649
649
|
});
|
|
650
650
|
}
|
|
651
|
-
},
|
|
651
|
+
}, re = {
|
|
652
652
|
selector: "cds-content-switcher",
|
|
653
653
|
init: function(t) {
|
|
654
654
|
const e = customElements.get("cds-content-switcher"), n = i(t), s = t.getAttribute("before-select-event");
|
|
@@ -669,18 +669,18 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
669
669
|
});
|
|
670
670
|
});
|
|
671
671
|
}
|
|
672
|
-
},
|
|
673
|
-
cdsBreadCrumbWrap: () =>
|
|
674
|
-
cdsBreadcrumbItemWrap: () =>
|
|
675
|
-
cdsBreadcrumbLinkWrap: () =>
|
|
676
|
-
}),
|
|
672
|
+
}, ie = /* @__PURE__ */ h({
|
|
673
|
+
cdsBreadCrumbWrap: () => pe,
|
|
674
|
+
cdsBreadcrumbItemWrap: () => le,
|
|
675
|
+
cdsBreadcrumbLinkWrap: () => de
|
|
676
|
+
}), le = { selector: "cds-breadcrumb-item" }, de = {
|
|
677
677
|
selector: "cds-breadcrumb-link",
|
|
678
678
|
event: "click",
|
|
679
679
|
getData: (t, e, n) => (t.preventDefault(), {
|
|
680
680
|
...e,
|
|
681
681
|
href: n.getAttribute("href")
|
|
682
682
|
})
|
|
683
|
-
},
|
|
683
|
+
}, pe = {
|
|
684
684
|
selector: "cds-breadcrumb",
|
|
685
685
|
init: function(t) {
|
|
686
686
|
const e = this, n = i(t), s = n.event;
|
|
@@ -701,13 +701,13 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
701
701
|
});
|
|
702
702
|
}
|
|
703
703
|
}
|
|
704
|
-
},
|
|
705
|
-
cdsNumberInputWrap: () =>
|
|
706
|
-
cdsPasswordInputWrap: () =>
|
|
707
|
-
cdsSearchWrap: () =>
|
|
708
|
-
cdsTextAreaWrap: () =>
|
|
709
|
-
cdsTextInputWrap: () =>
|
|
710
|
-
}),
|
|
704
|
+
}, ve = /* @__PURE__ */ h({
|
|
705
|
+
cdsNumberInputWrap: () => he,
|
|
706
|
+
cdsPasswordInputWrap: () => ge,
|
|
707
|
+
cdsSearchWrap: () => fe,
|
|
708
|
+
cdsTextAreaWrap: () => me,
|
|
709
|
+
cdsTextInputWrap: () => ue
|
|
710
|
+
}), ue = {
|
|
711
711
|
selector: "cds-text-input",
|
|
712
712
|
multiEvent: !0,
|
|
713
713
|
events: [{
|
|
@@ -725,7 +725,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
725
725
|
value: t.currentTarget.value
|
|
726
726
|
})
|
|
727
727
|
}]
|
|
728
|
-
},
|
|
728
|
+
}, me = {
|
|
729
729
|
selector: "cds-textarea",
|
|
730
730
|
multiEvent: !0,
|
|
731
731
|
events: [{
|
|
@@ -743,7 +743,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
743
743
|
value: t.currentTarget.value
|
|
744
744
|
})
|
|
745
745
|
}]
|
|
746
|
-
},
|
|
746
|
+
}, he = {
|
|
747
747
|
selector: "cds-number-input",
|
|
748
748
|
event: "cds-number-input",
|
|
749
749
|
getData: (t, e, n) => ({
|
|
@@ -751,7 +751,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
751
751
|
value: t.detail.value,
|
|
752
752
|
direction: t.detail.direction
|
|
753
753
|
})
|
|
754
|
-
},
|
|
754
|
+
}, ge = {
|
|
755
755
|
selector: "cds-password-input",
|
|
756
756
|
multiEvent: !0,
|
|
757
757
|
events: [{
|
|
@@ -769,20 +769,20 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
769
769
|
value: t.currentTarget.value
|
|
770
770
|
})
|
|
771
771
|
}]
|
|
772
|
-
},
|
|
772
|
+
}, fe = {
|
|
773
773
|
selector: "cds-search",
|
|
774
774
|
event: "cds-search-input",
|
|
775
775
|
getData: (t, e, n) => ({
|
|
776
776
|
...e,
|
|
777
777
|
value: n.value
|
|
778
778
|
})
|
|
779
|
-
},
|
|
780
|
-
cdsCheckboxWrap: () =>
|
|
781
|
-
cdsRadioButGroupWrap: () =>
|
|
779
|
+
}, be = /* @__PURE__ */ h({
|
|
780
|
+
cdsCheckboxWrap: () => Ee,
|
|
781
|
+
cdsRadioButGroupWrap: () => We,
|
|
782
782
|
cdsSelectWrap: () => Se,
|
|
783
|
-
cdsSliderWrap: () =>
|
|
784
|
-
cdsToggleWrap: () =>
|
|
785
|
-
}),
|
|
783
|
+
cdsSliderWrap: () => Pe,
|
|
784
|
+
cdsToggleWrap: () => Ie
|
|
785
|
+
}), Ee = {
|
|
786
786
|
selector: "cds-checkbox",
|
|
787
787
|
event: "cds-checkbox-changed",
|
|
788
788
|
getData: (t, e, n) => ({
|
|
@@ -790,14 +790,14 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
790
790
|
checked: t.detail.checked,
|
|
791
791
|
value: n.value
|
|
792
792
|
})
|
|
793
|
-
},
|
|
793
|
+
}, We = {
|
|
794
794
|
selector: "cds-radio-button-group",
|
|
795
795
|
event: "cds-radio-button-group-changed",
|
|
796
796
|
getData: (t, e) => ({
|
|
797
797
|
...e,
|
|
798
798
|
value: t.detail?.value
|
|
799
799
|
})
|
|
800
|
-
},
|
|
800
|
+
}, Ie = {
|
|
801
801
|
selector: "cds-toggle",
|
|
802
802
|
event: "cds-toggle-changed",
|
|
803
803
|
getData: (t, e) => ({
|
|
@@ -812,7 +812,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
812
812
|
...e,
|
|
813
813
|
value: t.detail.value
|
|
814
814
|
})
|
|
815
|
-
},
|
|
815
|
+
}, Pe = {
|
|
816
816
|
selector: "cds-slider",
|
|
817
817
|
init: function(t) {
|
|
818
818
|
const e = i(t), n = e.event;
|
|
@@ -830,15 +830,15 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
830
830
|
});
|
|
831
831
|
});
|
|
832
832
|
}
|
|
833
|
-
},
|
|
834
|
-
cdsFilterTagWrap: () =>
|
|
835
|
-
cdsSDismissibleTagWrap: () =>
|
|
836
|
-
cdsTagsWrap: () =>
|
|
837
|
-
}),
|
|
833
|
+
}, ke = /* @__PURE__ */ h({
|
|
834
|
+
cdsFilterTagWrap: () => Ae,
|
|
835
|
+
cdsSDismissibleTagWrap: () => ye,
|
|
836
|
+
cdsTagsWrap: () => Ce
|
|
837
|
+
}), Ce = {
|
|
838
838
|
selector: "cds-tag",
|
|
839
839
|
event: "click",
|
|
840
840
|
getData: (t, e) => e
|
|
841
|
-
},
|
|
841
|
+
}, ye = {
|
|
842
842
|
selector: "cds-dismissible-tag",
|
|
843
843
|
init: function(t) {
|
|
844
844
|
const e = i(t), n = t.getAttribute("click-event");
|
|
@@ -853,18 +853,21 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
853
853
|
});
|
|
854
854
|
});
|
|
855
855
|
}
|
|
856
|
-
},
|
|
856
|
+
}, Ae = {
|
|
857
857
|
selector: "cds-filter-tag",
|
|
858
858
|
event: "cds-filter-tag-closed",
|
|
859
859
|
getData: (t, e) => ({
|
|
860
860
|
...e,
|
|
861
861
|
action: "remove"
|
|
862
862
|
})
|
|
863
|
-
},
|
|
864
|
-
|
|
863
|
+
}, we = /* @__PURE__ */ h({
|
|
864
|
+
cdsContainedListDescriptionWrap: () => Ne,
|
|
865
|
+
cdsContainedListItemWrap: () => Me,
|
|
866
|
+
cdsContainedListWrap: () => Be,
|
|
867
|
+
cdsOverflowMenuWrap: () => De,
|
|
865
868
|
cdsStructuredListWrap: () => xe,
|
|
866
|
-
cdsTreeViewWrap: () =>
|
|
867
|
-
}),
|
|
869
|
+
cdsTreeViewWrap: () => _e
|
|
870
|
+
}), De = {
|
|
868
871
|
selector: "cds-overflow-menu",
|
|
869
872
|
init: function(t) {
|
|
870
873
|
const e = i(t), n = e.event, s = t.querySelector("cds-overflow-menu-body");
|
|
@@ -897,7 +900,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
897
900
|
});
|
|
898
901
|
});
|
|
899
902
|
}
|
|
900
|
-
},
|
|
903
|
+
}, Be = { selector: "cds-contained-list" }, Ne = { selector: "cds-contained-list-description" }, Me = {
|
|
904
|
+
selector: "cds-contained-list-item",
|
|
905
|
+
event: "cds-contained-list-item-click",
|
|
906
|
+
getData: (t, e) => e
|
|
907
|
+
}, _e = {
|
|
901
908
|
selector: "cds-tree-view",
|
|
902
909
|
init: function(t) {
|
|
903
910
|
const e = i(t);
|
|
@@ -919,25 +926,25 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
919
926
|
});
|
|
920
927
|
});
|
|
921
928
|
}
|
|
922
|
-
},
|
|
923
|
-
cdsActionableNotificationWrap: () =>
|
|
924
|
-
cdsInlineNotificationWrap: () =>
|
|
925
|
-
cdsToastNotificationWrap: () =>
|
|
926
|
-
}),
|
|
929
|
+
}, Te = /* @__PURE__ */ h({
|
|
930
|
+
cdsActionableNotificationWrap: () => Re,
|
|
931
|
+
cdsInlineNotificationWrap: () => Fe,
|
|
932
|
+
cdsToastNotificationWrap: () => Oe
|
|
933
|
+
}), Oe = {
|
|
927
934
|
selector: "cds-toast-notification",
|
|
928
935
|
event: "cds-notification-closed",
|
|
929
936
|
getData: (t, e) => ({
|
|
930
937
|
...e,
|
|
931
938
|
action: "closed"
|
|
932
939
|
})
|
|
933
|
-
},
|
|
940
|
+
}, Fe = {
|
|
934
941
|
selector: "cds-inline-notification",
|
|
935
942
|
event: "cds-notification-closed",
|
|
936
943
|
getData: (t, e) => ({
|
|
937
944
|
...e,
|
|
938
945
|
action: "closed"
|
|
939
946
|
})
|
|
940
|
-
},
|
|
947
|
+
}, Re = {
|
|
941
948
|
selector: "cds-actionable-notification",
|
|
942
949
|
init: function(t) {
|
|
943
950
|
const e = i(t), n = W(t, "close-event", "event");
|
|
@@ -955,12 +962,12 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
955
962
|
});
|
|
956
963
|
});
|
|
957
964
|
}
|
|
958
|
-
},
|
|
959
|
-
cdsClickableTileWrap: () =>
|
|
960
|
-
cdsExpandableTileWrap: () =>
|
|
961
|
-
cdsRadioTileWrap: () =>
|
|
962
|
-
cdsSelectableTileWrap: () =>
|
|
963
|
-
}),
|
|
965
|
+
}, ze = /* @__PURE__ */ h({
|
|
966
|
+
cdsClickableTileWrap: () => qe,
|
|
967
|
+
cdsExpandableTileWrap: () => Le,
|
|
968
|
+
cdsRadioTileWrap: () => Ue,
|
|
969
|
+
cdsSelectableTileWrap: () => He
|
|
970
|
+
}), qe = {
|
|
964
971
|
selector: "cds-clickable-tile",
|
|
965
972
|
init: function(t) {
|
|
966
973
|
const e = i(t), n = e.event;
|
|
@@ -974,7 +981,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
974
981
|
}, !0);
|
|
975
982
|
}
|
|
976
983
|
}
|
|
977
|
-
},
|
|
984
|
+
}, Le = {
|
|
978
985
|
selector: "cds-expandable-tile",
|
|
979
986
|
init: function(t) {
|
|
980
987
|
const e = i(t), n = t.getAttribute("before-toggle-event");
|
|
@@ -993,7 +1000,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
993
1000
|
});
|
|
994
1001
|
});
|
|
995
1002
|
}
|
|
996
|
-
},
|
|
1003
|
+
}, He = {
|
|
997
1004
|
selector: "cds-selectable-tile",
|
|
998
1005
|
event: "cds-selectable-tile-changed",
|
|
999
1006
|
getData: (t, e, n) => ({
|
|
@@ -1001,7 +1008,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1001
1008
|
selected: t.detail.selected,
|
|
1002
1009
|
value: n.value
|
|
1003
1010
|
})
|
|
1004
|
-
},
|
|
1011
|
+
}, Ue = {
|
|
1005
1012
|
selector: "cds-radio-tile",
|
|
1006
1013
|
event: "cds-selectable-tile-changed",
|
|
1007
1014
|
getData: (t, e, n) => ({
|
|
@@ -1009,11 +1016,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1009
1016
|
selected: t.detail.selected,
|
|
1010
1017
|
value: n.value
|
|
1011
1018
|
})
|
|
1012
|
-
},
|
|
1013
|
-
cdsInlineLoadingWrap: () =>
|
|
1014
|
-
cdsProgressBarWrap: () =>
|
|
1015
|
-
cdsProgressIndicatorWrap: () =>
|
|
1016
|
-
}),
|
|
1019
|
+
}, je = /* @__PURE__ */ h({
|
|
1020
|
+
cdsInlineLoadingWrap: () => Ve,
|
|
1021
|
+
cdsProgressBarWrap: () => $e,
|
|
1022
|
+
cdsProgressIndicatorWrap: () => Ge
|
|
1023
|
+
}), $e = {
|
|
1017
1024
|
selector: "cds-progress-bar",
|
|
1018
1025
|
init: function(t) {
|
|
1019
1026
|
const e = i(t);
|
|
@@ -1032,7 +1039,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1032
1039
|
}), t._progressObserver = n;
|
|
1033
1040
|
}
|
|
1034
1041
|
}
|
|
1035
|
-
},
|
|
1042
|
+
}, Ge = {
|
|
1036
1043
|
selector: "cds-progress-indicator",
|
|
1037
1044
|
init: function(t) {
|
|
1038
1045
|
const e = i(t);
|
|
@@ -1046,7 +1053,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1046
1053
|
});
|
|
1047
1054
|
});
|
|
1048
1055
|
}
|
|
1049
|
-
},
|
|
1056
|
+
}, Ve = {
|
|
1050
1057
|
selector: "cds-inline-loading",
|
|
1051
1058
|
init: function(t) {
|
|
1052
1059
|
const e = i(t), n = e.event;
|
|
@@ -1075,11 +1082,11 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1075
1082
|
}), t._statusObserver = o;
|
|
1076
1083
|
}
|
|
1077
1084
|
}
|
|
1078
|
-
},
|
|
1079
|
-
cdsPopoverWrap: () =>
|
|
1080
|
-
cdsToggletipWrap: () =>
|
|
1081
|
-
cdsTooltipWrap: () =>
|
|
1082
|
-
}),
|
|
1085
|
+
}, Ze = /* @__PURE__ */ h({
|
|
1086
|
+
cdsPopoverWrap: () => Ke,
|
|
1087
|
+
cdsToggletipWrap: () => Qe,
|
|
1088
|
+
cdsTooltipWrap: () => Je
|
|
1089
|
+
}), Je = {
|
|
1083
1090
|
selector: "cds-tooltip",
|
|
1084
1091
|
init: function(t) {
|
|
1085
1092
|
const e = i(t), n = W(t, "open-event");
|
|
@@ -1097,7 +1104,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1097
1104
|
});
|
|
1098
1105
|
});
|
|
1099
1106
|
}
|
|
1100
|
-
},
|
|
1107
|
+
}, Ke = {
|
|
1101
1108
|
selector: "cds-popover",
|
|
1102
1109
|
init: function(t) {
|
|
1103
1110
|
const e = i(t), n = W(t, "open-event");
|
|
@@ -1115,7 +1122,7 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1115
1122
|
});
|
|
1116
1123
|
});
|
|
1117
1124
|
}
|
|
1118
|
-
},
|
|
1125
|
+
}, Qe = {
|
|
1119
1126
|
selector: "cds-toggletip",
|
|
1120
1127
|
init: function(t) {
|
|
1121
1128
|
const e = i(t);
|
|
@@ -1138,115 +1145,118 @@ var St = /* @__PURE__ */ h({ cdsTableWrap: () => Ct }), J = (t, e, n) => {
|
|
|
1138
1145
|
}), t._toggletipObserver = n;
|
|
1139
1146
|
}
|
|
1140
1147
|
}
|
|
1141
|
-
},
|
|
1142
|
-
cdsCodeSnipWrap: () =>
|
|
1143
|
-
cdsLinkWrap: () =>
|
|
1144
|
-
}),
|
|
1148
|
+
}, Xe = /* @__PURE__ */ h({
|
|
1149
|
+
cdsCodeSnipWrap: () => ts,
|
|
1150
|
+
cdsLinkWrap: () => Ye
|
|
1151
|
+
}), Ye = {
|
|
1145
1152
|
selector: "cds-link",
|
|
1146
1153
|
event: "click",
|
|
1147
1154
|
getData: (t, e, n) => ({
|
|
1148
1155
|
...e,
|
|
1149
1156
|
href: n.getAttribute("href")
|
|
1150
1157
|
})
|
|
1151
|
-
},
|
|
1158
|
+
}, ts = {
|
|
1152
1159
|
selector: "cds-code-snippet",
|
|
1153
1160
|
event: "cds-copy-button-clicked",
|
|
1154
1161
|
getData: (t, e) => ({
|
|
1155
1162
|
...e,
|
|
1156
1163
|
action: "copied"
|
|
1157
1164
|
})
|
|
1158
|
-
},
|
|
1159
|
-
cdsBadgeIndicatorWrap: () =>
|
|
1160
|
-
cdsFormGroupWrap: () =>
|
|
1161
|
-
cdsFormItemWrap: () =>
|
|
1162
|
-
cdsFormWrap: () =>
|
|
1163
|
-
cdsHeadingWrap: () =>
|
|
1164
|
-
cdsIconIndicatorWrap: () =>
|
|
1165
|
-
cdsIconWrap: () =>
|
|
1166
|
-
cdsLoadingWrap: () =>
|
|
1167
|
-
cdsSkeletonPlaceholderWrap: () =>
|
|
1168
|
-
cdsSkeletonTextWrap: () =>
|
|
1169
|
-
cdsStackWrap: () =>
|
|
1170
|
-
}),
|
|
1165
|
+
}, es = /* @__PURE__ */ h({
|
|
1166
|
+
cdsBadgeIndicatorWrap: () => ls,
|
|
1167
|
+
cdsFormGroupWrap: () => os,
|
|
1168
|
+
cdsFormItemWrap: () => ns,
|
|
1169
|
+
cdsFormWrap: () => ss,
|
|
1170
|
+
cdsHeadingWrap: () => cs,
|
|
1171
|
+
cdsIconIndicatorWrap: () => is,
|
|
1172
|
+
cdsIconWrap: () => rs,
|
|
1173
|
+
cdsLoadingWrap: () => ds,
|
|
1174
|
+
cdsSkeletonPlaceholderWrap: () => vs,
|
|
1175
|
+
cdsSkeletonTextWrap: () => ps,
|
|
1176
|
+
cdsStackWrap: () => as
|
|
1177
|
+
}), ss = { selector: "cds-form" }, ns = { selector: "cds-form-item" }, os = { selector: "cds-form-group" }, as = { selector: "cds-stack" }, cs = { selector: "cds-heading" }, rs = { selector: "cds-icon" }, is = { selector: "cds-icon-indicator" }, ls = { selector: "cds-badge-indicator" }, ds = { selector: "cds-loading" }, ps = { selector: "cds-skeleton-text" }, vs = { selector: "cds-skeleton-placeholder" };
|
|
1171
1178
|
function m(t) {
|
|
1172
1179
|
return Object.values(t).filter((e) => typeof e == "object" && e !== null && e.selector);
|
|
1173
1180
|
}
|
|
1174
|
-
var
|
|
1175
|
-
...m(
|
|
1181
|
+
var us = [
|
|
1182
|
+
...m(At),
|
|
1176
1183
|
...m(St),
|
|
1177
|
-
...m(
|
|
1178
|
-
...m(
|
|
1179
|
-
...m(
|
|
1180
|
-
...m(
|
|
1181
|
-
...m(
|
|
1182
|
-
...m(
|
|
1183
|
-
...m(
|
|
1184
|
-
...m(
|
|
1185
|
-
...m(
|
|
1186
|
-
...m(
|
|
1187
|
-
...m(
|
|
1188
|
-
...m(
|
|
1189
|
-
...m(Be),
|
|
1184
|
+
...m(Dt),
|
|
1185
|
+
...m(zt),
|
|
1186
|
+
...m(Ht),
|
|
1187
|
+
...m(Jt),
|
|
1188
|
+
...m(Yt),
|
|
1189
|
+
...m(se),
|
|
1190
|
+
...m(oe),
|
|
1191
|
+
...m(ie),
|
|
1192
|
+
...m(ve),
|
|
1193
|
+
...m(be),
|
|
1194
|
+
...m(ke),
|
|
1195
|
+
...m(we),
|
|
1190
1196
|
...m(Te),
|
|
1191
|
-
...m(
|
|
1197
|
+
...m(ze),
|
|
1192
1198
|
...m(je),
|
|
1193
1199
|
...m(Ze),
|
|
1194
|
-
...m(
|
|
1200
|
+
...m(Xe),
|
|
1201
|
+
...m(es)
|
|
1195
1202
|
];
|
|
1196
|
-
function
|
|
1203
|
+
function ms() {
|
|
1197
1204
|
const t = /* @__PURE__ */ new Map();
|
|
1198
|
-
return
|
|
1205
|
+
return us.forEach((e) => {
|
|
1199
1206
|
t.set(e.selector, e);
|
|
1200
1207
|
}), t;
|
|
1201
1208
|
}
|
|
1202
|
-
var
|
|
1209
|
+
var hs = () => import("@carbon/web-components/es/components/accordion/index.js"), q = () => import("@carbon/web-components/es/components/breadcrumb/index.js"), gs = () => import("@carbon/web-components/es/components/stack/index.js"), fs = () => import("@carbon/web-components/es/components/structured-list/index.js"), L = () => import("@carbon/web-components/es/components/contained-list/index.js"), M = () => import("@carbon/web-components/es/components/tile/index.js"), bs = () => import("@carbon/web-components/es/components/tree-view/index.js"), Es = () => import("@carbon/web-components/es/components/link/index.js"), Ws = () => import("@carbon/web-components/es/components/tabs/index.js"), Is = () => import("@carbon/web-components/es/components/content-switcher/index.js"), Q = () => import("@carbon/web-components/es/components/menu/index.js"), Ss = () => import("@carbon/web-components/es/components/overflow-menu/index.js"), H = () => import("@carbon/web-components/es/components/button/index.js"), X = () => import("@carbon/web-components/es/components/icon-button/index.js"), Ps = () => import("@carbon/web-components/es/components/combo-button/index.js"), ks = () => import("@carbon/web-components/es/components/copy-button/index.js"), Cs = () => import("@carbon/web-components/es/components/checkbox/index.js"), ys = () => import("@carbon/web-components/es/components/radio-button/index.js"), As = () => import("@carbon/web-components/es/components/toggle/index.js"), U = () => import("@carbon/web-components/es/components/select/index.js"), ws = () => import("@carbon/web-components/es/components/slider/index.js"), j = () => import("@carbon/web-components/es/components/text-input/index.js"), Ds = () => import("@carbon/web-components/es/components/textarea/index.js"), xs = () => import("@carbon/web-components/es/components/number-input/index.js"), Bs = () => import("@carbon/web-components/es/components/password-input/index.js"), Y = () => import("@carbon/web-components/es/components/search/index.js"), Ns = () => import("@carbon/web-components/es/components/combo-box/index.js"), Ms = () => import("@carbon/web-components/es/components/dropdown/index.js"), _s = () => import("@carbon/web-components/es/components/multi-select/index.js"), Ts = () => import("@carbon/web-components/es/components/date-picker/index.js"), Os = () => import("@carbon/web-components/es/components/time-picker/index.js"), Fs = () => import("@carbon/web-components/es/components/file-uploader/index.js"), tt = () => import("@carbon/web-components/es/components/form/index.js"), Rs = () => import("@carbon/web-components/es/components/form-group/index.js"), zs = () => import("@carbon/web-components/es/components/data-table/index.js"), et = () => import("@carbon/web-components/es/components/pagination/index.js"), qs = () => import("@carbon/web-components/es/components/code-snippet/index.js"), $ = () => import("@carbon/web-components/es/components/tag/index.js"), Ls = () => import("@carbon/web-components/es/components/badge-indicator/index.js"), G = () => import("@carbon/web-components/es/components/notification/index.js"), Hs = () => import("@carbon/web-components/es/components/loading/index.js"), Us = () => import("@carbon/web-components/es/components/inline-loading/index.js"), js = () => import("@carbon/web-components/es/components/progress-bar/index.js"), $s = () => import("@carbon/web-components/es/components/progress-indicator/index.js"), Gs = () => import("@carbon/web-components/es/components/skeleton-placeholder/index.js"), Vs = () => import("@carbon/web-components/es/components/skeleton-text/index.js"), k = () => import("@carbon/web-components/es/components/modal/index.js"), C = () => import("@carbon/web-components/es/components/tooltip/index.js"), Zs = () => import("@carbon/web-components/es/components/popover/index.js"), Js = () => import("@carbon/web-components/es/components/toggle-tip/index.js"), Ks = () => import("@carbon/web-components/es/components/heading/index.js"), Qs = () => import("@carbon/web-components/es/components/icon/index.js"), Xs = () => import("@carbon/web-components/es/components/icon-indicator/index.js"), O = {
|
|
1203
1210
|
"cds-table": [
|
|
1204
1211
|
C,
|
|
1205
|
-
L,
|
|
1206
|
-
U,
|
|
1207
|
-
X,
|
|
1208
1212
|
H,
|
|
1209
|
-
|
|
1210
|
-
|
|
1213
|
+
j,
|
|
1214
|
+
Y,
|
|
1215
|
+
U,
|
|
1216
|
+
et,
|
|
1217
|
+
zs
|
|
1211
1218
|
],
|
|
1212
1219
|
"cds-pagination": [
|
|
1213
|
-
H,
|
|
1214
1220
|
U,
|
|
1215
|
-
|
|
1221
|
+
j,
|
|
1222
|
+
et
|
|
1216
1223
|
],
|
|
1217
|
-
"cds-button": [C,
|
|
1218
|
-
"cds-icon-button:not([data-toggle])": [C,
|
|
1219
|
-
"cds-icon-button[data-toggle]": [C,
|
|
1220
|
-
"cds-button[data-fab]": [C,
|
|
1221
|
-
"cds-copy-button": [C,
|
|
1222
|
-
"cds-combo-button": [C,
|
|
1223
|
-
"cds-checkbox": [
|
|
1224
|
-
"cds-radio-button-group": [
|
|
1225
|
-
"cds-toggle": [
|
|
1226
|
-
"cds-select": [
|
|
1227
|
-
"cds-slider": [
|
|
1228
|
-
"cds-text-input": [
|
|
1229
|
-
"cds-textarea": [
|
|
1230
|
-
"cds-number-input": [
|
|
1231
|
-
"cds-password-input": [C,
|
|
1232
|
-
"cds-search": [
|
|
1233
|
-
"cds-dropdown": [
|
|
1234
|
-
"cds-combo-box": [
|
|
1235
|
-
"cds-multi-select": [
|
|
1236
|
-
"cds-date-picker": [
|
|
1237
|
-
"cds-time-picker": [
|
|
1238
|
-
"cds-file-uploader": [
|
|
1239
|
-
"cds-tabs": [
|
|
1240
|
-
"cds-accordion": [
|
|
1241
|
-
"cds-content-switcher": [
|
|
1224
|
+
"cds-button": [C, H],
|
|
1225
|
+
"cds-icon-button:not([data-toggle])": [C, X],
|
|
1226
|
+
"cds-icon-button[data-toggle]": [C, X],
|
|
1227
|
+
"cds-button[data-fab]": [C, H],
|
|
1228
|
+
"cds-copy-button": [C, ks],
|
|
1229
|
+
"cds-combo-button": [C, Ps],
|
|
1230
|
+
"cds-checkbox": [Cs],
|
|
1231
|
+
"cds-radio-button-group": [ys],
|
|
1232
|
+
"cds-toggle": [As],
|
|
1233
|
+
"cds-select": [U],
|
|
1234
|
+
"cds-slider": [ws],
|
|
1235
|
+
"cds-text-input": [j],
|
|
1236
|
+
"cds-textarea": [Ds],
|
|
1237
|
+
"cds-number-input": [xs],
|
|
1238
|
+
"cds-password-input": [C, Bs],
|
|
1239
|
+
"cds-search": [Y],
|
|
1240
|
+
"cds-dropdown": [Ms],
|
|
1241
|
+
"cds-combo-box": [Ns],
|
|
1242
|
+
"cds-multi-select": [_s],
|
|
1243
|
+
"cds-date-picker": [Ts],
|
|
1244
|
+
"cds-time-picker": [Os],
|
|
1245
|
+
"cds-file-uploader": [Fs],
|
|
1246
|
+
"cds-tabs": [Ws],
|
|
1247
|
+
"cds-accordion": [hs],
|
|
1248
|
+
"cds-content-switcher": [Is],
|
|
1242
1249
|
"cds-breadcrumb": [q],
|
|
1243
1250
|
"cds-breadcrumb-item": [q],
|
|
1244
1251
|
"cds-breadcrumb-link": [q],
|
|
1245
|
-
"cds-menu": [
|
|
1246
|
-
"cds-menu-button": [
|
|
1247
|
-
"cds-overflow-menu": [
|
|
1248
|
-
"cds-structured-list": [
|
|
1249
|
-
"cds-
|
|
1252
|
+
"cds-menu": [Q],
|
|
1253
|
+
"cds-menu-button": [Q],
|
|
1254
|
+
"cds-overflow-menu": [Ss],
|
|
1255
|
+
"cds-structured-list": [fs],
|
|
1256
|
+
"cds-contained-list": [L],
|
|
1257
|
+
"cds-contained-list-item": [L],
|
|
1258
|
+
"cds-contained-list-description": [L],
|
|
1259
|
+
"cds-tree-view": [bs],
|
|
1250
1260
|
"cds-modal": [k],
|
|
1251
1261
|
"cds-modal-header": [k],
|
|
1252
1262
|
"cds-modal-heading": [k],
|
|
@@ -1256,37 +1266,37 @@ var ps = () => import("@carbon/web-components/es/components/accordion/index.js")
|
|
|
1256
1266
|
"cds-modal-body-content": [k],
|
|
1257
1267
|
"cds-modal-footer": [k],
|
|
1258
1268
|
"cds-modal-footer-button": [k],
|
|
1259
|
-
"cds-toast-notification": [
|
|
1260
|
-
"cds-inline-notification": [
|
|
1261
|
-
"cds-actionable-notification": [
|
|
1269
|
+
"cds-toast-notification": [G],
|
|
1270
|
+
"cds-inline-notification": [G],
|
|
1271
|
+
"cds-actionable-notification": [G],
|
|
1262
1272
|
"cds-clickable-tile": [M],
|
|
1263
1273
|
"cds-expandable-tile": [M],
|
|
1264
1274
|
"cds-selectable-tile": [M],
|
|
1265
1275
|
"cds-radio-tile": [M],
|
|
1266
|
-
"cds-progress-bar": [
|
|
1267
|
-
"cds-progress-indicator": [
|
|
1268
|
-
"cds-inline-loading": [
|
|
1276
|
+
"cds-progress-bar": [js],
|
|
1277
|
+
"cds-progress-indicator": [$s],
|
|
1278
|
+
"cds-inline-loading": [Us],
|
|
1269
1279
|
"cds-tooltip": [C],
|
|
1270
|
-
"cds-popover": [
|
|
1271
|
-
"cds-toggletip": [
|
|
1272
|
-
"cds-tag": [
|
|
1273
|
-
"cds-dismissible-tag": [
|
|
1274
|
-
"cds-filter-tag": [
|
|
1275
|
-
"cds-link": [
|
|
1276
|
-
"cds-code-snippet": [
|
|
1277
|
-
"cds-form": [
|
|
1278
|
-
"cds-form-item": [
|
|
1279
|
-
"cds-form-group": [
|
|
1280
|
-
"cds-stack": [
|
|
1281
|
-
"cds-heading": [
|
|
1282
|
-
"cds-icon": [
|
|
1283
|
-
"cds-icon-indicator": [
|
|
1284
|
-
"cds-badge-indicator": [
|
|
1285
|
-
"cds-loading": [
|
|
1286
|
-
"cds-skeleton-text": [
|
|
1287
|
-
"cds-skeleton-placeholder": [
|
|
1280
|
+
"cds-popover": [Zs],
|
|
1281
|
+
"cds-toggletip": [Js],
|
|
1282
|
+
"cds-tag": [$],
|
|
1283
|
+
"cds-dismissible-tag": [$],
|
|
1284
|
+
"cds-filter-tag": [$],
|
|
1285
|
+
"cds-link": [Es],
|
|
1286
|
+
"cds-code-snippet": [qs],
|
|
1287
|
+
"cds-form": [tt],
|
|
1288
|
+
"cds-form-item": [tt],
|
|
1289
|
+
"cds-form-group": [Rs],
|
|
1290
|
+
"cds-stack": [gs],
|
|
1291
|
+
"cds-heading": [Ks],
|
|
1292
|
+
"cds-icon": [Qs],
|
|
1293
|
+
"cds-icon-indicator": [Xs],
|
|
1294
|
+
"cds-badge-indicator": [Ls],
|
|
1295
|
+
"cds-loading": [Hs],
|
|
1296
|
+
"cds-skeleton-text": [Vs],
|
|
1297
|
+
"cds-skeleton-placeholder": [Gs]
|
|
1288
1298
|
};
|
|
1289
|
-
function
|
|
1299
|
+
function Ys(t) {
|
|
1290
1300
|
const e = /* @__PURE__ */ new Map();
|
|
1291
1301
|
if (!t || !(t instanceof Element)) return e;
|
|
1292
1302
|
for (const s of Object.keys(T)) e.set(s, []);
|
|
@@ -1296,17 +1306,17 @@ function Js(t) {
|
|
|
1296
1306
|
for (const [s, o] of e.entries()) o.length === 0 && e.delete(s);
|
|
1297
1307
|
return e;
|
|
1298
1308
|
}
|
|
1299
|
-
function
|
|
1309
|
+
function tn(t) {
|
|
1300
1310
|
const e = /* @__PURE__ */ new Set();
|
|
1301
1311
|
for (const [n, s] of t.entries()) s.length > 0 && O[n] && O[n].forEach((o) => e.add(o));
|
|
1302
1312
|
return e;
|
|
1303
1313
|
}
|
|
1304
|
-
async function
|
|
1314
|
+
async function en(t, e) {
|
|
1305
1315
|
if (t.size === 0) return;
|
|
1306
1316
|
const n = Array.from(t).map(async (s) => (e.has(s) || e.set(s, s()), e.get(s)));
|
|
1307
1317
|
await Promise.all(n);
|
|
1308
1318
|
}
|
|
1309
|
-
function
|
|
1319
|
+
function sn(t, e) {
|
|
1310
1320
|
let n = 0;
|
|
1311
1321
|
for (const [s, o] of t.entries()) {
|
|
1312
1322
|
const a = T[s];
|
|
@@ -1316,52 +1326,52 @@ function Xs(t, e) {
|
|
|
1316
1326
|
return;
|
|
1317
1327
|
}
|
|
1318
1328
|
if (a.multiEvent) {
|
|
1319
|
-
const
|
|
1320
|
-
a.events.forEach((
|
|
1321
|
-
const
|
|
1322
|
-
|
|
1323
|
-
e.dispatchPanelEvent(
|
|
1329
|
+
const I = i(c);
|
|
1330
|
+
a.events.forEach((S) => {
|
|
1331
|
+
const D = W(c, S.attrName, "event");
|
|
1332
|
+
D && e.listen(c, S.type, (F) => {
|
|
1333
|
+
e.dispatchPanelEvent(D, S.getData(F, I, c));
|
|
1324
1334
|
});
|
|
1325
1335
|
});
|
|
1326
1336
|
return;
|
|
1327
1337
|
}
|
|
1328
1338
|
const l = i(c), p = l.event;
|
|
1329
|
-
p && e.listen(c, a.event, (
|
|
1330
|
-
|
|
1331
|
-
const
|
|
1332
|
-
delete
|
|
1339
|
+
p && e.listen(c, a.event, (I) => {
|
|
1340
|
+
I.stopPropagation();
|
|
1341
|
+
const S = a.getData(I, l, c), D = S._eventOverride || p;
|
|
1342
|
+
delete S._eventOverride, e.dispatchPanelEvent(D, S);
|
|
1333
1343
|
});
|
|
1334
1344
|
}), n += o.length;
|
|
1335
1345
|
}
|
|
1336
1346
|
return n;
|
|
1337
1347
|
}
|
|
1338
|
-
var T = { ...Object.fromEntries(
|
|
1339
|
-
const n =
|
|
1348
|
+
var T = { ...Object.fromEntries(ms()) }, nn = async function(t, e) {
|
|
1349
|
+
const n = Ys(t);
|
|
1340
1350
|
if (n.size === 0) {
|
|
1341
1351
|
this.debugMe("[Carbon] No Carbon components found in panel");
|
|
1342
1352
|
return;
|
|
1343
1353
|
}
|
|
1344
1354
|
this.carbonComponents || (this.carbonComponents = /* @__PURE__ */ new Map());
|
|
1345
1355
|
for (const [a, c] of n.entries()) this.carbonComponents.set(a, c);
|
|
1346
|
-
const s =
|
|
1356
|
+
const s = tn(n);
|
|
1347
1357
|
if (s.size > 0) try {
|
|
1348
|
-
await
|
|
1358
|
+
await en(s, e);
|
|
1349
1359
|
} catch (a) {
|
|
1350
1360
|
console.error("[Carbon] Failed to load some component modules:", a);
|
|
1351
1361
|
}
|
|
1352
|
-
const o =
|
|
1362
|
+
const o = sn(n, this);
|
|
1353
1363
|
o > 0 && this.debugMe(`[Carbon] Total components initialized: ${o}`);
|
|
1354
|
-
},
|
|
1364
|
+
}, ln = (t = {}) => {
|
|
1355
1365
|
const { preload: e = [] } = t, n = /* @__PURE__ */ new Map();
|
|
1356
1366
|
if (e.length > 0) {
|
|
1357
1367
|
const s = e.filter((a) => O[a] ? !0 : (console.warn(`[Carbon] No import found for selector: ${a}`), !1)), o = s.flatMap((a) => O[a].map((c) => (n.has(c) || n.set(c, c()), n.get(c))));
|
|
1358
1368
|
Promise.all(o).then(() => console.debug(`[Carbon] Preloaded: ${s.join(", ")}`)).catch((a) => console.warn("[Carbon] Preload error:", a));
|
|
1359
1369
|
}
|
|
1360
|
-
|
|
1370
|
+
ft.register("carbon", {
|
|
1361
1371
|
cache: n,
|
|
1362
1372
|
render: async function(s, o) {
|
|
1363
1373
|
try {
|
|
1364
|
-
await
|
|
1374
|
+
await nn.call(this, s, o);
|
|
1365
1375
|
} catch (a) {
|
|
1366
1376
|
console.error("[Carbon] Initialization error:", a);
|
|
1367
1377
|
}
|
|
@@ -1375,5 +1385,5 @@ var T = { ...Object.fromEntries(ds()) }, Ys = async function(t, e) {
|
|
|
1375
1385
|
}), console.debug("[Zooy] Carbon Design System library registered");
|
|
1376
1386
|
};
|
|
1377
1387
|
export {
|
|
1378
|
-
|
|
1388
|
+
ln as registerCarbonLibrary
|
|
1379
1389
|
};
|