@trintel/zooy 1.0.20 → 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.
- package/dist/chunks/component-library-registry-BBQV6Kpv.js +1 -0
- package/dist/chunks/component-library-registry-DB5UeqC2.js +58 -0
- package/dist/chunks/register-D3pWAXhm.js +266 -0
- package/dist/chunks/register-HYODt48Q.js +1 -0
- package/dist/chunks/register-aF5kN8wT.js +1379 -0
- package/dist/chunks/register-uV9z3usH.js +1 -0
- package/dist/chunks/{tree-utils-D7kpr-Wj.js → tree-utils-B2JEGXHR.js} +2 -1
- package/dist/chunks/tree-utils-BYnipT-p.js +1 -0
- package/dist/chunks/zoo-CY2QpG41.js +52 -0
- package/dist/chunks/zoo-DgdxBjlN.js +390 -0
- package/dist/zooy.cjs.js +4 -4
- package/dist/zooy.es.js +226 -237
- package/package.json +1 -1
- package/dist/chunks/16-B2HVhDIW.js +0 -1
- package/dist/chunks/16-B9Ad4Fob.js +0 -19
- package/dist/chunks/16-BXsOcjPx.js +0 -19
- package/dist/chunks/16-BZCBqUx6.js +0 -1
- package/dist/chunks/16-BmOXGjZf.js +0 -1
- package/dist/chunks/16-BsQdCz_w.js +0 -27
- package/dist/chunks/16-C-Rp3Nso.js +0 -1
- package/dist/chunks/16-C36sVk5F.js +0 -26
- package/dist/chunks/16-CZycT1I8.js +0 -1
- package/dist/chunks/16-Ce_hDgPW.js +0 -1
- package/dist/chunks/16-CinLDpNC.js +0 -19
- package/dist/chunks/16-Cj0hOjaI.js +0 -1
- package/dist/chunks/16-Cx-PCMJJ.js +0 -26
- package/dist/chunks/16-D8XFc44J.js +0 -110
- package/dist/chunks/16-DVx7Niko.js +0 -33
- package/dist/chunks/16-DZJZDJYY.js +0 -1
- package/dist/chunks/16-DoCnqtvj.js +0 -35
- package/dist/chunks/16-DyCV3lkl.js +0 -19
- package/dist/chunks/16-SwMpxJpB.js +0 -19
- package/dist/chunks/16-jVjxC8Bu.js +0 -1
- package/dist/chunks/16-ma2Q_204.js +0 -1
- package/dist/chunks/16-qZ3FOIw0.js +0 -1
- package/dist/chunks/20-BwzzGcZC.js +0 -80
- package/dist/chunks/20-CqNSki3g.js +0 -1
- package/dist/chunks/accordion-0mybViUv.js +0 -236
- package/dist/chunks/accordion-CvcaulG8.js +0 -45
- package/dist/chunks/badge-indicator-BUdDkz6Z.js +0 -18
- package/dist/chunks/badge-indicator-DuYbJV5o.js +0 -1
- package/dist/chunks/breadcrumb-CYKgjbdB.js +0 -19
- package/dist/chunks/breadcrumb-DB0PkiBX.js +0 -140
- package/dist/chunks/button-1g5b3tWS.js +0 -268
- package/dist/chunks/button-BKj8189A.js +0 -4
- package/dist/chunks/button-DAOoyQ8b.js +0 -67
- package/dist/chunks/button-DfRkC-OR.js +0 -72
- package/dist/chunks/button-skeleton-C0mW3D7v.js +0 -44
- package/dist/chunks/button-skeleton-KFGdwtUH.js +0 -21
- package/dist/chunks/carbon-element-BsPGNbmz.js +0 -1
- package/dist/chunks/carbon-element-Z5iEnFdr.js +0 -24
- package/dist/chunks/checkbox-CBD8Qmjx.js +0 -37
- package/dist/chunks/checkbox-CewERWBu.js +0 -40
- package/dist/chunks/checkbox-CxxD4wgP.js +0 -176
- package/dist/chunks/checkbox-DKS7fw29.js +0 -168
- package/dist/chunks/class-map-BwUbMyhc.js +0 -1
- package/dist/chunks/class-map-qeLb1IA_.js +0 -27
- package/dist/chunks/code-snippet-BJhK27fG.js +0 -205
- package/dist/chunks/code-snippet-BUQFh_v7.js +0 -53
- package/dist/chunks/collection-helpers-DPVzwwb8.js +0 -7
- package/dist/chunks/collection-helpers-g7DrZSRQ.js +0 -1
- package/dist/chunks/combo-box-BCOUQHyG.js +0 -39
- package/dist/chunks/combo-box-Bms5blM6.js +0 -325
- package/dist/chunks/combo-button-BSBAvBIW.js +0 -15
- package/dist/chunks/combo-button-Bc3hx7VJ.js +0 -92
- package/dist/chunks/component-library-registry-CJ1Yb_8E.js +0 -98
- package/dist/chunks/component-library-registry-Co7WzTfw.js +0 -1
- package/dist/chunks/content-switcher-BuLZ3Aae.js +0 -1
- package/dist/chunks/content-switcher-DIODRHwc.js +0 -2
- package/dist/chunks/content-switcher-item-0YPDXW1z.js +0 -27
- package/dist/chunks/content-switcher-item-DkRD8k8n.js +0 -272
- package/dist/chunks/copy-button-XD4reiTK.js +0 -121
- package/dist/chunks/copy-button-eI9B8iKc.js +0 -17
- package/dist/chunks/data-table-BImLEoIA.js +0 -1243
- package/dist/chunks/data-table-YLNCQhJx.js +0 -158
- package/dist/chunks/date-picker-CWIAwkKj.js +0 -66
- package/dist/chunks/date-picker-CXjiOkZH.js +0 -2167
- package/dist/chunks/decorate-Cnz2C5jL.js +0 -62
- package/dist/chunks/decorate-DT052P_1.js +0 -72
- package/dist/chunks/decorators-CHZSYVOk.js +0 -1
- package/dist/chunks/decorators-CK8kfuyw.js +0 -87
- package/dist/chunks/deep-shadow-contains-BlQ_KSu4.js +0 -15
- package/dist/chunks/deep-shadow-contains-OTuAt1VE.js +0 -1
- package/dist/chunks/directive-CtTB8jL3.js +0 -31
- package/dist/chunks/directive-DWoJrOxt.js +0 -1
- package/dist/chunks/dropdown-Cg9JduA5.js +0 -4
- package/dist/chunks/dropdown-item-CYwutWei.js +0 -677
- package/dist/chunks/dropdown-item-H53zayYk.js +0 -73
- package/dist/chunks/dropdown-jdFaaXEa.js +0 -32
- package/dist/chunks/file-uploader-6FOP_GAh.js +0 -79
- package/dist/chunks/file-uploader-BTk1MqcJ.js +0 -342
- package/dist/chunks/floating-controller-BphaSUPY.js +0 -1012
- package/dist/chunks/floating-controller-C4ivnNvp.js +0 -1
- package/dist/chunks/focus-C1mbe9-i.js +0 -1
- package/dist/chunks/focus-Dpis0wA_.js +0 -13
- package/dist/chunks/form-BEmId1-D.js +0 -20
- package/dist/chunks/form-BmSVyKnm.js +0 -1
- package/dist/chunks/form-DUzcwJO9.js +0 -23
- package/dist/chunks/form-crnrWPVH.js +0 -3
- package/dist/chunks/form-group-Dax3eYD4.js +0 -43
- package/dist/chunks/form-group-dIvuqjw2.js +0 -12
- package/dist/chunks/heading-BbB6mvMG.js +0 -47
- package/dist/chunks/heading-UN9MO1TN.js +0 -5
- package/dist/chunks/host-listener-BBI7oAFw.js +0 -37
- package/dist/chunks/host-listener-BzjpIsFF.js +0 -1
- package/dist/chunks/host-listener-CtA1D-wt.js +0 -1
- package/dist/chunks/host-listener-DJEakRMM.js +0 -17
- package/dist/chunks/icon-B_S1_kDJ.js +0 -1
- package/dist/chunks/icon-CINf5Icb.js +0 -28
- package/dist/chunks/icon-button-BtE0-oCE.js +0 -1
- package/dist/chunks/icon-button-CACU21y5.js +0 -16
- package/dist/chunks/icon-button-D2STrB4d.js +0 -6
- package/dist/chunks/icon-button-D569kvcZ.js +0 -84
- package/dist/chunks/icon-indicator-BkILzP5o.js +0 -1
- package/dist/chunks/icon-indicator-D_IHkSon.js +0 -445
- package/dist/chunks/icon-loader-B9uu2SkP.js +0 -7
- package/dist/chunks/icon-loader-CZ8MQjNl.js +0 -1
- package/dist/chunks/icon-loader-utils-BKulYpY6.js +0 -110
- package/dist/chunks/icon-loader-utils-C-vWa1iy.js +0 -1
- package/dist/chunks/if-defined-C4rY5CqG.js +0 -1
- package/dist/chunks/if-defined-DvPh-nZx.js +0 -5
- package/dist/chunks/if-non-empty-CqihXhSU.js +0 -1
- package/dist/chunks/if-non-empty-DIcT03Pc.js +0 -5
- package/dist/chunks/inline-loading-BIB-coVZ.js +0 -83
- package/dist/chunks/inline-loading-C4MpPNzv.js +0 -12
- package/dist/chunks/link-Bz8knkhr.js +0 -1
- package/dist/chunks/link-CyrOt3Yx.js +0 -24
- package/dist/chunks/link-DlDoN1r0.js +0 -1
- package/dist/chunks/link-MrslkhR7.js +0 -106
- package/dist/chunks/lit-BNk7ncU9.js +0 -3
- package/dist/chunks/lit-uyM4-HrV.js +0 -552
- package/dist/chunks/loading-CUUY8ITP.js +0 -68
- package/dist/chunks/loading-CX_B-YYv.js +0 -1
- package/dist/chunks/loading-SDDHeWof.js +0 -1
- package/dist/chunks/loading-icon-BsInpAjb.js +0 -16
- package/dist/chunks/loading-icon-iCI-C5ZG.js +0 -24
- package/dist/chunks/loading-xKooWNUJ.js +0 -2
- package/dist/chunks/menu-D2kFhclQ.js +0 -56
- package/dist/chunks/menu-DG7s9yXJ.js +0 -682
- package/dist/chunks/modal-C2EEHjQh.js +0 -27
- package/dist/chunks/modal-DEGWE2iT.js +0 -414
- package/dist/chunks/multi-select-BXST526m.js +0 -63
- package/dist/chunks/multi-select-CgDCOBWa.js +0 -384
- package/dist/chunks/notification-BEvb6zBP.js +0 -89
- package/dist/chunks/notification-DLOgEfr6.js +0 -426
- package/dist/chunks/number-input-CRIgLD3k.js +0 -284
- package/dist/chunks/number-input-CiXkIGVz.js +0 -76
- package/dist/chunks/on-D2_IwJad.js +0 -8
- package/dist/chunks/on-_BJL2XbM.js +0 -1
- package/dist/chunks/overflow-menu-BSMy7pUY.js +0 -34
- package/dist/chunks/overflow-menu-CGghH3Mz.js +0 -387
- package/dist/chunks/pagination-4SuGaSx6.js +0 -77
- package/dist/chunks/pagination-D7VFRyN2.js +0 -293
- package/dist/chunks/password-input-Cx2ItLqG.js +0 -68
- package/dist/chunks/password-input-NoZg_DjL.js +0 -210
- package/dist/chunks/popover--wvkgqdv.js +0 -1
- package/dist/chunks/popover-Ca4f4ZCE.js +0 -6
- package/dist/chunks/popover-content-BOaLSQt3.js +0 -15
- package/dist/chunks/popover-content-Bi-ydBhZ.js +0 -277
- package/dist/chunks/progress-bar-BTHREDPK.js +0 -101
- package/dist/chunks/progress-bar-p0YwLsuh.js +0 -22
- package/dist/chunks/progress-indicator-BP8k-xTC.js +0 -252
- package/dist/chunks/progress-indicator-cr687P29.js +0 -35
- package/dist/chunks/radio-button-CNOPBUK8.js +0 -396
- package/dist/chunks/radio-button-CU2ngHxo.js +0 -44
- package/dist/chunks/radio-group-manager-iPCcbWB8.js +0 -60
- package/dist/chunks/radio-group-manager-zfU1GLIW.js +0 -1
- package/dist/chunks/register-BXKEXKsC.js +0 -15
- package/dist/chunks/register-Bx7SlevL.js +0 -8198
- package/dist/chunks/register-CnJjkv07.js +0 -1
- package/dist/chunks/register-DqgfpeXv.js +0 -1399
- package/dist/chunks/search-BYWQ80wI.js +0 -4
- package/dist/chunks/search-BgSG9LA9.js +0 -22
- package/dist/chunks/search-CET7sHGW.js +0 -173
- package/dist/chunks/search-CUuRRsTX.js +0 -31
- package/dist/chunks/select-BifhTIxt.js +0 -37
- package/dist/chunks/select-Dh4AFZ2v.js +0 -4
- package/dist/chunks/select-item-BvwJ4Wc-.js +0 -77
- package/dist/chunks/select-item-DLWdT1CE.js +0 -272
- package/dist/chunks/shared-enums-BdDASwq-.js +0 -1
- package/dist/chunks/shared-enums-Cd0vBQFM.js +0 -6
- package/dist/chunks/skeleton-placeholder-Czj5sAeI.js +0 -28
- package/dist/chunks/skeleton-placeholder-aS-woCl8.js +0 -1
- package/dist/chunks/skeleton-text-BIHdj7Jx.js +0 -1
- package/dist/chunks/skeleton-text-CZ2bSuDE.js +0 -6
- package/dist/chunks/skeleton-text-DJrow5mh.js +0 -1
- package/dist/chunks/skeleton-text-INjLvc2Y.js +0 -71
- package/dist/chunks/slider-CoHP_UJ2.js +0 -878
- package/dist/chunks/slider-DhIZP9Ms.js +0 -246
- package/dist/chunks/stack-C66k74Zo.js +0 -1
- package/dist/chunks/stack-vrK3hQYJ.js +0 -85
- package/dist/chunks/structured-list-BWjXHFbX.js +0 -19
- package/dist/chunks/structured-list-lqhD2RqL.js +0 -234
- package/dist/chunks/tabs-DixpRz83.js +0 -58
- package/dist/chunks/tabs-DkIGB3cC.js +0 -316
- package/dist/chunks/tag-DpezbQqm.js +0 -93
- package/dist/chunks/tag-rQOD2v2s.js +0 -412
- package/dist/chunks/text-input-BYjtsh0H.js +0 -26
- package/dist/chunks/text-input-C2jRG8Lb.js +0 -72
- package/dist/chunks/text-input-DvygxhCJ.js +0 -4
- package/dist/chunks/text-input-DzSNpORC.js +0 -309
- package/dist/chunks/textarea-BZ34-RaT.js +0 -190
- package/dist/chunks/textarea-Be3YTme6.js +0 -57
- package/dist/chunks/tile-CQ9nINGM.js +0 -524
- package/dist/chunks/tile-DNWy90OU.js +0 -74
- package/dist/chunks/time-picker-CJ_ONMZi.js +0 -267
- package/dist/chunks/time-picker-DK_Lu3AK.js +0 -52
- package/dist/chunks/toggle-BBdusHAx.js +0 -36
- package/dist/chunks/toggle-Bfx6cOUM.js +0 -156
- package/dist/chunks/toggle-tip-CkH7fFX4.js +0 -46
- package/dist/chunks/toggle-tip-DF_GKfoM.js +0 -169
- package/dist/chunks/tooltip-COwRDvmc.js +0 -85
- package/dist/chunks/tooltip-DbGsUOZ8.js +0 -23
- package/dist/chunks/tooltip-content-BDcgoT6r.js +0 -1
- package/dist/chunks/tooltip-content-CkxKIMDr.js +0 -116
- package/dist/chunks/tree-utils-AeNlEhIR.js +0 -1
- package/dist/chunks/tree-view-BmoD8n0Y.js +0 -292
- package/dist/chunks/tree-view-Drfa7DNm.js +0 -82
- package/dist/chunks/unsafe-html-BP-z2WTp.js +0 -26
- package/dist/chunks/unsafe-html-Dego4Lbw.js +0 -1
- package/dist/chunks/validity-CMW3OiFU.js +0 -31
- package/dist/chunks/validity-zT-XWh2t.js +0 -1
- package/dist/chunks/zoo-Bb5HHyrn.js +0 -721
- package/dist/chunks/zoo-C_CBOaHL.js +0 -52
|
@@ -1,277 +0,0 @@
|
|
|
1
|
-
import { o as d, t as g } from "./lit-uyM4-HrV.js";
|
|
2
|
-
import { t } from "./decorate-DT052P_1.js";
|
|
3
|
-
import { t as f } from "./carbon-element-Z5iEnFdr.js";
|
|
4
|
-
import { i as r, n as v } from "./decorators-CK8kfuyw.js";
|
|
5
|
-
import { t as C } from "./class-map-qeLb1IA_.js";
|
|
6
|
-
import { t as y } from "./host-listener-DJEakRMM.js";
|
|
7
|
-
import { t as _ } from "./host-listener-BBI7oAFw.js";
|
|
8
|
-
import { i as b, r as u, t as S } from "./deep-shadow-contains-BlQ_KSu4.js";
|
|
9
|
-
import { t as $ } from "./floating-controller-BphaSUPY.js";
|
|
10
|
-
var h, s = class extends _(g) {
|
|
11
|
-
static {
|
|
12
|
-
h = this;
|
|
13
|
-
}
|
|
14
|
-
_handleSlotChange({ target: e }) {
|
|
15
|
-
this.tabTip && e.assignedNodes().filter((a) => a.nodeType === Node.ELEMENT_NODE && a.tagName === "BUTTON")[0]?.classList.add("cds--popover--tab-tip__button"), this.requestUpdate();
|
|
16
|
-
}
|
|
17
|
-
_handleKeyDown(e) {
|
|
18
|
-
this.open && (e.key === "Tab" ? this._tabKeyPressed = !0 : this._tabKeyPressed = !1);
|
|
19
|
-
}
|
|
20
|
-
_handleFocusOut(e) {
|
|
21
|
-
if (!(!this._tabKeyPressed || !this.open)) {
|
|
22
|
-
if (this.contains(e.relatedTarget) || S(this, e.relatedTarget)) {
|
|
23
|
-
this._tabKeyPressed = !1;
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
this._tabKeyPressed = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, {
|
|
27
|
-
bubbles: !0,
|
|
28
|
-
cancelable: !0,
|
|
29
|
-
composed: !0,
|
|
30
|
-
detail: { triggeredBy: e.target }
|
|
31
|
-
})) && (this.open = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, {
|
|
32
|
-
bubbles: !0,
|
|
33
|
-
composed: !0
|
|
34
|
-
})));
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
_handleOutsideClick(e) {
|
|
38
|
-
const a = e.composedPath();
|
|
39
|
-
if (a.includes(this._triggerSlotNode.assignedElements()[0])) return;
|
|
40
|
-
const i = this.querySelector(this.constructor.selectorPopoverContent)?.shadowRoot?.querySelector(this.constructor.selectorPopoverContentClass);
|
|
41
|
-
if (a.includes(i)) return;
|
|
42
|
-
const o = e.target, n = e.composedPath?.()[0];
|
|
43
|
-
this.open && o && !this.contains(o) && !this.contains(n) && this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, {
|
|
44
|
-
bubbles: !0,
|
|
45
|
-
cancelable: !0,
|
|
46
|
-
composed: !0,
|
|
47
|
-
detail: { triggeredBy: e.target }
|
|
48
|
-
})) && (this.open = !1, this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, {
|
|
49
|
-
bubbles: !0,
|
|
50
|
-
composed: !0
|
|
51
|
-
})));
|
|
52
|
-
}
|
|
53
|
-
constructor() {
|
|
54
|
-
super(), this.popoverController = new $(this), this._tabKeyPressed = !1, this.align = "", this.autoalign = !1, this.caret = !0, this.dropShadow = !0, this.border = !1, this.highContrast = !1, this.open = !1, this.tabTip = !1, this.backgroundToken = u.LAYER, this._handleOutsideClick = this._handleOutsideClick.bind(this);
|
|
55
|
-
}
|
|
56
|
-
connectedCallback() {
|
|
57
|
-
super.connectedCallback(), document.addEventListener("click", this._handleOutsideClick);
|
|
58
|
-
}
|
|
59
|
-
disconnectedCallback() {
|
|
60
|
-
document.removeEventListener("click", this._handleOutsideClick);
|
|
61
|
-
}
|
|
62
|
-
_resolveAutoAlignBoundary() {
|
|
63
|
-
const e = (this.autoAlignBoundary ?? "").trim();
|
|
64
|
-
if (!e || e === "clippingAncestors") return "clippingAncestors";
|
|
65
|
-
const a = /^rect\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)$/i.exec(e);
|
|
66
|
-
if (a) {
|
|
67
|
-
const [, o, n, l, c] = a;
|
|
68
|
-
return {
|
|
69
|
-
x: +o,
|
|
70
|
-
y: +n,
|
|
71
|
-
width: +l,
|
|
72
|
-
height: +c
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
const i = e.split(",").map((o) => o.trim()).filter((o) => o.length > 1 && o.startsWith("#")).map((o) => o.slice(1).trim()).filter(Boolean);
|
|
76
|
-
if (i.length > 0) {
|
|
77
|
-
const o = [], n = /* @__PURE__ */ new Set();
|
|
78
|
-
for (const l of i) {
|
|
79
|
-
if (n.has(l)) continue;
|
|
80
|
-
n.add(l);
|
|
81
|
-
const c = document.getElementById(l);
|
|
82
|
-
c && o.push(c);
|
|
83
|
-
}
|
|
84
|
-
return o.length === 1 ? o[0] : o;
|
|
85
|
-
}
|
|
86
|
-
return "clippingAncestors";
|
|
87
|
-
}
|
|
88
|
-
updated(e) {
|
|
89
|
-
const { selectorPopoverContent: a } = this.constructor;
|
|
90
|
-
if ([
|
|
91
|
-
"open",
|
|
92
|
-
"align",
|
|
93
|
-
"autoalign",
|
|
94
|
-
"caret",
|
|
95
|
-
"dropShadow",
|
|
96
|
-
"border",
|
|
97
|
-
"tabTip",
|
|
98
|
-
"highContrast",
|
|
99
|
-
"backgroundToken"
|
|
100
|
-
].forEach((i) => {
|
|
101
|
-
if (e.has(i)) {
|
|
102
|
-
const { [i]: o } = this;
|
|
103
|
-
this.querySelector(a) && (this.querySelector(a)[i] = o);
|
|
104
|
-
}
|
|
105
|
-
}), this.autoalign && this.open) {
|
|
106
|
-
const i = this._triggerSlotNode.assignedElements()[0], o = this._contentSlotNode.assignedElements()[0], n = o?.shadowRoot?.querySelector(h.selectorPopoverContentClass), l = o?.shadowRoot?.querySelector(h.selectorPopoverCaret);
|
|
107
|
-
i && n && this.popoverController?.setPlacement({
|
|
108
|
-
trigger: i,
|
|
109
|
-
target: n,
|
|
110
|
-
arrowElement: this.caret && l ? l : void 0,
|
|
111
|
-
caret: this.caret,
|
|
112
|
-
flipArguments: { fallbackAxisSideDirection: "start" },
|
|
113
|
-
alignment: this.align,
|
|
114
|
-
open: this.open,
|
|
115
|
-
alignmentAxisOffset: this.alignmentAxisOffset,
|
|
116
|
-
autoAlignBoundary: this._resolveAutoAlignBoundary(),
|
|
117
|
-
isTabTip: this.tabTip
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
render() {
|
|
122
|
-
const { dropShadow: e, border: a, highContrast: i, open: o, tabTip: n, _handleSlotChange: l } = this;
|
|
123
|
-
return n && (this.caret = !n), this.autoalign || (this.align = this.align ? this.align : n ? "bottom-start" : "bottom"), n && ([
|
|
124
|
-
"bottom-start",
|
|
125
|
-
"bottom-end",
|
|
126
|
-
"bottom-left",
|
|
127
|
-
"bottom-right"
|
|
128
|
-
].includes(this.align) || (this.align = "bottom-start")), d`
|
|
129
|
-
<span class="${C({
|
|
130
|
-
"cds--popover-container": !0,
|
|
131
|
-
"cds--popover--caret": this.caret,
|
|
132
|
-
"cds--popover--drop-shadow": e,
|
|
133
|
-
"cds--popover--border": a,
|
|
134
|
-
"cds--popover--high-contrast": i,
|
|
135
|
-
"cds--popover--open": o,
|
|
136
|
-
[`cds--popover--${this.align}`]: !0,
|
|
137
|
-
"cds--popover--tab-tip": n,
|
|
138
|
-
"cds--popover--background-token__background": this.backgroundToken === u.BACKGROUND && !i
|
|
139
|
-
})}" part="popover-container">
|
|
140
|
-
<slot @slotchange="${l}"></slot>
|
|
141
|
-
<slot name="content"></slot>
|
|
142
|
-
</span>
|
|
143
|
-
`;
|
|
144
|
-
}
|
|
145
|
-
static get selectorPopoverContentClass() {
|
|
146
|
-
return ".cds--popover-content";
|
|
147
|
-
}
|
|
148
|
-
static get selectorPopoverCaret() {
|
|
149
|
-
return ".cds--popover-caret";
|
|
150
|
-
}
|
|
151
|
-
static get selectorPopoverContent() {
|
|
152
|
-
return "cds-popover-content";
|
|
153
|
-
}
|
|
154
|
-
static get eventBeforeClose() {
|
|
155
|
-
return "cds-popover-beingclosed";
|
|
156
|
-
}
|
|
157
|
-
static get eventOnClose() {
|
|
158
|
-
return "cds-popover-closed";
|
|
159
|
-
}
|
|
160
|
-
static {
|
|
161
|
-
this.styles = b;
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
t([v("slot")], s.prototype, "_triggerSlotNode", void 0);
|
|
165
|
-
t([v('slot[name="content"]')], s.prototype, "_contentSlotNode", void 0);
|
|
166
|
-
t([r({
|
|
167
|
-
reflect: !0,
|
|
168
|
-
type: String
|
|
169
|
-
})], s.prototype, "align", void 0);
|
|
170
|
-
t([r({
|
|
171
|
-
type: Number,
|
|
172
|
-
reflect: !0,
|
|
173
|
-
attribute: "alignment-axis-offset"
|
|
174
|
-
})], s.prototype, "alignmentAxisOffset", void 0);
|
|
175
|
-
t([r({
|
|
176
|
-
type: Boolean,
|
|
177
|
-
reflect: !0
|
|
178
|
-
})], s.prototype, "autoalign", void 0);
|
|
179
|
-
t([r({
|
|
180
|
-
type: Boolean,
|
|
181
|
-
reflect: !0
|
|
182
|
-
})], s.prototype, "caret", void 0);
|
|
183
|
-
t([r({
|
|
184
|
-
type: Boolean,
|
|
185
|
-
reflect: !0
|
|
186
|
-
})], s.prototype, "dropShadow", void 0);
|
|
187
|
-
t([r({
|
|
188
|
-
type: Boolean,
|
|
189
|
-
reflect: !0
|
|
190
|
-
})], s.prototype, "border", void 0);
|
|
191
|
-
t([r({
|
|
192
|
-
type: Boolean,
|
|
193
|
-
reflect: !0
|
|
194
|
-
})], s.prototype, "highContrast", void 0);
|
|
195
|
-
t([r({
|
|
196
|
-
type: Boolean,
|
|
197
|
-
reflect: !0
|
|
198
|
-
})], s.prototype, "open", void 0);
|
|
199
|
-
t([r({
|
|
200
|
-
type: Boolean,
|
|
201
|
-
reflect: !0
|
|
202
|
-
})], s.prototype, "tabTip", void 0);
|
|
203
|
-
t([r({
|
|
204
|
-
reflect: !0,
|
|
205
|
-
type: String
|
|
206
|
-
})], s.prototype, "backgroundToken", void 0);
|
|
207
|
-
t([r({
|
|
208
|
-
type: String,
|
|
209
|
-
reflect: !0,
|
|
210
|
-
attribute: "autoalign-boundary"
|
|
211
|
-
})], s.prototype, "autoAlignBoundary", void 0);
|
|
212
|
-
t([y("keydown")], s.prototype, "_handleKeyDown", null);
|
|
213
|
-
t([y("focusout")], s.prototype, "_handleFocusOut", null);
|
|
214
|
-
s = h = t([f("cds-popover")], s);
|
|
215
|
-
var D = s, p = class extends g {
|
|
216
|
-
constructor(...e) {
|
|
217
|
-
super(...e), this.align = "", this.autoalign = !1, this.dropShadow = !0, this.border = !1, this.highContrast = !1, this.open = !1, this.tabTip = !1, this.backgroundToken = u.LAYER, this.slot = "content";
|
|
218
|
-
}
|
|
219
|
-
render() {
|
|
220
|
-
return d`
|
|
221
|
-
<span class="${"cds"}--popover">
|
|
222
|
-
<span class="${"cds"}--popover-content" part="content" tabindex="-1">
|
|
223
|
-
<slot> </slot>
|
|
224
|
-
${this.autoalign ? d`<span
|
|
225
|
-
class="${"cds"}--popover-caret ${"cds"}--popover--auto-align"></span>` : null}
|
|
226
|
-
</span>
|
|
227
|
-
${this.autoalign ? null : d`<span class="${"cds"}--popover-caret"></span>`}
|
|
228
|
-
</span>
|
|
229
|
-
`;
|
|
230
|
-
}
|
|
231
|
-
static {
|
|
232
|
-
this.styles = b;
|
|
233
|
-
}
|
|
234
|
-
};
|
|
235
|
-
t([r({
|
|
236
|
-
reflect: !0,
|
|
237
|
-
type: String
|
|
238
|
-
})], p.prototype, "align", void 0);
|
|
239
|
-
t([r({
|
|
240
|
-
type: Boolean,
|
|
241
|
-
reflect: !0
|
|
242
|
-
})], p.prototype, "autoalign", void 0);
|
|
243
|
-
t([r({
|
|
244
|
-
type: Boolean,
|
|
245
|
-
reflect: !0
|
|
246
|
-
})], p.prototype, "caret", void 0);
|
|
247
|
-
t([r({
|
|
248
|
-
type: Boolean,
|
|
249
|
-
reflect: !0
|
|
250
|
-
})], p.prototype, "dropShadow", void 0);
|
|
251
|
-
t([r({
|
|
252
|
-
type: Boolean,
|
|
253
|
-
reflect: !0
|
|
254
|
-
})], p.prototype, "border", void 0);
|
|
255
|
-
t([r({
|
|
256
|
-
type: Boolean,
|
|
257
|
-
reflect: !0
|
|
258
|
-
})], p.prototype, "highContrast", void 0);
|
|
259
|
-
t([r({
|
|
260
|
-
type: Boolean,
|
|
261
|
-
reflect: !0
|
|
262
|
-
})], p.prototype, "open", void 0);
|
|
263
|
-
t([r({
|
|
264
|
-
type: Boolean,
|
|
265
|
-
reflect: !0
|
|
266
|
-
})], p.prototype, "tabTip", void 0);
|
|
267
|
-
t([r({
|
|
268
|
-
reflect: !0,
|
|
269
|
-
type: String
|
|
270
|
-
})], p.prototype, "backgroundToken", void 0);
|
|
271
|
-
t([r({ reflect: !0 })], p.prototype, "slot", void 0);
|
|
272
|
-
p = t([f("cds-popover-content")], p);
|
|
273
|
-
var L = p;
|
|
274
|
-
export {
|
|
275
|
-
D as n,
|
|
276
|
-
L as t
|
|
277
|
-
};
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { o as b, t as f, u as z } from "./lit-uyM4-HrV.js";
|
|
2
|
-
import { t } from "./decorate-DT052P_1.js";
|
|
3
|
-
import { t as k } from "./carbon-element-Z5iEnFdr.js";
|
|
4
|
-
import { i as d } from "./decorators-CK8kfuyw.js";
|
|
5
|
-
import { t as m } from "./icon-loader-B9uu2SkP.js";
|
|
6
|
-
import { t as _ } from "./class-map-qeLb1IA_.js";
|
|
7
|
-
import { t as $ } from "./16-Cx-PCMJJ.js";
|
|
8
|
-
import { t as w } from "./16-BsQdCz_w.js";
|
|
9
|
-
var c = /* @__PURE__ */ (function(e) {
|
|
10
|
-
return e.ACTIVE = "active", e.FINISHED = "finished", e.ERROR = "error", e;
|
|
11
|
-
})({}), I = /* @__PURE__ */ (function(e) {
|
|
12
|
-
return e.SMALL = "small", e.BIG = "big", e;
|
|
13
|
-
})({}), D = /* @__PURE__ */ (function(e) {
|
|
14
|
-
return e.DEFAULT = "default", e.INLINE = "inline", e.INDENTED = "indented", e;
|
|
15
|
-
})({}), N = z(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:"";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__helper-text{color:var(--cds-text-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}:host(cds-progress-bar) .cds--progress-bar--inline .cds--progress-bar__label{margin-inline-end:1rem}:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__helper-text,:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}']), r = class extends f {
|
|
16
|
-
constructor(...a) {
|
|
17
|
-
super(...a), this.max = 100, this.size = I.BIG, this.status = c.ACTIVE, this.type = D.DEFAULT;
|
|
18
|
-
}
|
|
19
|
-
get _cappedValue() {
|
|
20
|
-
const { value: a, max: i, status: o } = this;
|
|
21
|
-
let s = a;
|
|
22
|
-
return s > i && (s = i), s < 0 && (s = 0), o === c.ERROR ? s = 0 : o === c.FINISHED && (s = i), s;
|
|
23
|
-
}
|
|
24
|
-
updated(a) {
|
|
25
|
-
if (a.has("value") || a.has("max") || a.has("status")) {
|
|
26
|
-
const { _cappedValue: i, max: o, status: s } = this, u = i / o, l = this.shadowRoot.querySelector(".cds--progress-bar__bar");
|
|
27
|
-
s != c.ERROR && s != c.FINISHED ? l.style.transform = `scaleX(${u})` : l.style.transform = "none";
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
const { _cappedValue: a, helperText: i, hideLabel: o, label: s, max: u, size: l, status: h, type: x, value: v } = this, n = h === c.FINISHED, y = h === c.ERROR, g = !n && !y && v == null;
|
|
32
|
-
let p = null;
|
|
33
|
-
return y ? p = m(w, { class: "cds--progress-bar__status-icon" }) : n && (p = m($, { class: "cds--progress-bar__status-icon" })), b` <div class="${_({
|
|
34
|
-
"cds--progress-bar": !0,
|
|
35
|
-
[`cds--progress-bar--${l}`]: !0,
|
|
36
|
-
[`cds--progress-bar--${x}`]: !0,
|
|
37
|
-
"cds--progress-bar--indeterminate": g,
|
|
38
|
-
"cds--progress-bar--finished": n,
|
|
39
|
-
"cds--progress-bar--error": y
|
|
40
|
-
})}">
|
|
41
|
-
<div class="${_({
|
|
42
|
-
"cds--progress-bar__label": !0,
|
|
43
|
-
"cds--visually-hidden": o
|
|
44
|
-
})}">
|
|
45
|
-
<span class="${"cds"}--progress-bar__label-text">${s}</span>
|
|
46
|
-
${p}
|
|
47
|
-
</div>
|
|
48
|
-
<div
|
|
49
|
-
class="${"cds"}--progress-bar__track"
|
|
50
|
-
role="progressbar"
|
|
51
|
-
aria-busy="${!n}"
|
|
52
|
-
aria-invalid="${y}"
|
|
53
|
-
aria-valuemin="${g ? null : 0}"
|
|
54
|
-
aria-valuemax="${g ? null : u}"
|
|
55
|
-
aria-valuenow="${g ? null : a}">
|
|
56
|
-
<div class="${"cds"}--progress-bar__bar"></div>
|
|
57
|
-
</div>
|
|
58
|
-
${i ? b`<div class="${"cds"}--progress-bar__helper-text">
|
|
59
|
-
${i}
|
|
60
|
-
<div class="${"cds"}--visually-hidden" aria-live="polite">
|
|
61
|
-
${n ? "Done" : "Loading"}
|
|
62
|
-
</div>
|
|
63
|
-
</div>` : null}
|
|
64
|
-
</div>`;
|
|
65
|
-
}
|
|
66
|
-
static {
|
|
67
|
-
this.styles = N;
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
t([d({
|
|
71
|
-
type: String,
|
|
72
|
-
attribute: "helper-text",
|
|
73
|
-
reflect: !0
|
|
74
|
-
})], r.prototype, "helperText", void 0);
|
|
75
|
-
t([d({
|
|
76
|
-
type: Boolean,
|
|
77
|
-
attribute: "hide-label",
|
|
78
|
-
reflect: !0
|
|
79
|
-
})], r.prototype, "hideLabel", void 0);
|
|
80
|
-
t([d({ type: String })], r.prototype, "label", void 0);
|
|
81
|
-
t([d({
|
|
82
|
-
type: Number,
|
|
83
|
-
reflect: !0
|
|
84
|
-
})], r.prototype, "max", void 0);
|
|
85
|
-
t([d({
|
|
86
|
-
type: String,
|
|
87
|
-
reflect: !0
|
|
88
|
-
})], r.prototype, "size", void 0);
|
|
89
|
-
t([d({
|
|
90
|
-
type: String,
|
|
91
|
-
reflect: !0
|
|
92
|
-
})], r.prototype, "status", void 0);
|
|
93
|
-
t([d({
|
|
94
|
-
type: String,
|
|
95
|
-
reflect: !0
|
|
96
|
-
})], r.prototype, "type", void 0);
|
|
97
|
-
t([d({
|
|
98
|
-
type: Number,
|
|
99
|
-
reflect: !0
|
|
100
|
-
})], r.prototype, "value", void 0);
|
|
101
|
-
r = t([k("cds-progress-bar")], r);
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
const g=require("./lit-BNk7ncU9.js"),t=require("./decorate-Cnz2C5jL.js"),z=require("./carbon-element-BsPGNbmz.js"),d=require("./decorators-CHZSYVOk.js"),m=require("./icon-loader-CZ8MQjNl.js"),_=require("./class-map-BwUbMyhc.js"),f=require("./16-DZJZDJYY.js"),k=require("./16-BZCBqUx6.js");var c=(function(e){return e.ACTIVE="active",e.FINISHED="finished",e.ERROR="error",e})({}),$=(function(e){return e.SMALL="small",e.BIG="big",e})({}),w=(function(e){return e.DEFAULT="default",e.INLINE="inline",e.INDENTED="indented",e})({}),q=g.i$1(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:"";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__helper-text{color:var(--cds-text-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}:host(cds-progress-bar) .cds--progress-bar--inline .cds--progress-bar__label{margin-inline-end:1rem}:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__helper-text,:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}']),r=class extends g.i{constructor(...a){super(...a),this.max=100,this.size=$.BIG,this.status=c.ACTIVE,this.type=w.DEFAULT}get _cappedValue(){const{value:a,max:i,status:o}=this;let s=a;return s>i&&(s=i),s<0&&(s=0),o===c.ERROR?s=0:o===c.FINISHED&&(s=i),s}updated(a){if(a.has("value")||a.has("max")||a.has("status")){const{_cappedValue:i,max:o,status:s}=this,h=i/o,l=this.shadowRoot.querySelector(".cds--progress-bar__bar");s!=c.ERROR&&s!=c.FINISHED?l.style.transform=`scaleX(${h})`:l.style.transform="none"}}render(){const{_cappedValue:a,helperText:i,hideLabel:o,label:s,max:h,size:l,status:v,type:x,value:b}=this,n=v===c.FINISHED,y=v===c.ERROR,u=!n&&!y&&b==null;let p=null;return y?p=m.iconLoader(k._16_default,{class:"cds--progress-bar__status-icon"}):n&&(p=m.iconLoader(f._16_default,{class:"cds--progress-bar__status-icon"})),g.x` <div class="${_.e({"cds--progress-bar":!0,[`cds--progress-bar--${l}`]:!0,[`cds--progress-bar--${x}`]:!0,"cds--progress-bar--indeterminate":u,"cds--progress-bar--finished":n,"cds--progress-bar--error":y})}">
|
|
2
|
-
<div class="${_.e({"cds--progress-bar__label":!0,"cds--visually-hidden":o})}">
|
|
3
|
-
<span class="${"cds"}--progress-bar__label-text">${s}</span>
|
|
4
|
-
${p}
|
|
5
|
-
</div>
|
|
6
|
-
<div
|
|
7
|
-
class="${"cds"}--progress-bar__track"
|
|
8
|
-
role="progressbar"
|
|
9
|
-
aria-busy="${!n}"
|
|
10
|
-
aria-invalid="${y}"
|
|
11
|
-
aria-valuemin="${u?null:0}"
|
|
12
|
-
aria-valuemax="${u?null:h}"
|
|
13
|
-
aria-valuenow="${u?null:a}">
|
|
14
|
-
<div class="${"cds"}--progress-bar__bar"></div>
|
|
15
|
-
</div>
|
|
16
|
-
${i?g.x`<div class="${"cds"}--progress-bar__helper-text">
|
|
17
|
-
${i}
|
|
18
|
-
<div class="${"cds"}--visually-hidden" aria-live="polite">
|
|
19
|
-
${n?"Done":"Loading"}
|
|
20
|
-
</div>
|
|
21
|
-
</div>`:null}
|
|
22
|
-
</div>`}static{this.styles=q}};t.__decorate([d.n({type:String,attribute:"helper-text",reflect:!0})],r.prototype,"helperText",void 0);t.__decorate([d.n({type:Boolean,attribute:"hide-label",reflect:!0})],r.prototype,"hideLabel",void 0);t.__decorate([d.n({type:String})],r.prototype,"label",void 0);t.__decorate([d.n({type:Number,reflect:!0})],r.prototype,"max",void 0);t.__decorate([d.n({type:String,reflect:!0})],r.prototype,"size",void 0);t.__decorate([d.n({type:String,reflect:!0})],r.prototype,"status",void 0);t.__decorate([d.n({type:String,reflect:!0})],r.prototype,"type",void 0);t.__decorate([d.n({type:Number,reflect:!0})],r.prototype,"value",void 0);r=t.__decorate([z.carbonElement("cds-progress-bar")],r);
|