@ganpatiinfo/gids-core-web 10.2.0 → 10.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/css/index.css +266 -0
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.d.ts +11 -0
- package/dist/gids-expansion-body-list-item.js +1 -0
- package/dist/gids-expansion-body-list.d.ts +11 -0
- package/dist/gids-expansion-body-list.js +1 -0
- package/dist/gids-expansion-group.d.ts +11 -0
- package/dist/gids-expansion-group.js +1 -0
- package/dist/gids-expansion.d.ts +11 -0
- package/dist/gids-expansion.js +1 -0
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/{p-qrjEbv6g.js → p-2wB6zkno.js} +1 -1
- package/dist/{p-BfnzH6wp.js → p-3Ni1-UuQ.js} +1 -1
- package/dist/{p-C7ifjRCE.js → p-BE2G21MT.js} +1 -1
- package/dist/{p-BYDimyG-.js → p-BQCMjWpK.js} +1 -1
- package/dist/{p-8tOn5SjU.js → p-BeP2XcqY.js} +1 -1
- package/dist/{p-bPPm7cuw.js → p-C2PfO9h9.js} +1 -1
- package/dist/p-C4yEV6pT.js +1 -0
- package/dist/{p-Jdpe4Sgj.js → p-CD_BHkBE.js} +1 -1
- package/dist/p-ChV9xqsO.js +1 -0
- package/dist/{p-C-cUL-aA.js → p-CkydANOS.js} +1 -1
- package/dist/p-Cn-t3SGc.js +1 -0
- package/dist/{p-Doi8Yizl.js → p-DA_atCAU.js} +1 -1
- package/dist/{p-xITwQAMz.js → p-DVVJrKxO.js} +1 -1
- package/dist/{p-Ciw-O9qN.js → p-DfrYaprq.js} +1 -1
- package/dist/{p-DoPuGtJd.js → p-Ditd1zV7.js} +1 -1
- package/dist/p-DlI2raNo.js +1 -0
- package/dist/{p-Bj28yqMD.js → p-KaaOtnwV.js} +1 -1
- package/dist/{p-B1Jgtjhu.js → p-WHI6NO_h.js} +1 -1
- package/dist/{p-5VIPb1eU.js → p-qIkbfIF3.js} +1 -1
- package/dist/types/components/webComponents/GidsExpansion/GidsExpansion.d.ts +24 -0
- package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +24 -0
- package/dist/types/components/webComponents/GidsExpansionBodyListItem/GidsExpansionBodyListItem.d.ts +38 -0
- package/dist/types/components/webComponents/GidsExpansionGroup/GidsExpansionGroup.d.ts +4 -0
- package/dist/types/components.d.ts +148 -2
- package/dist-bundled/es/gids-action-bar.js +3 -3
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +3 -3
- package/dist-bundled/es/gids-calendar-header-panel.js +4 -4
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +3 -3
- package/dist-bundled/es/gids-calendar.js +7 -7
- package/dist-bundled/es/gids-chart-legend-item.js +4 -4
- package/dist-bundled/es/gids-chart-legend.js +1 -1
- package/dist-bundled/es/gids-chart.js +46 -46
- package/dist-bundled/es/gids-chevron-button.js +7 -7
- package/dist-bundled/es/gids-dot.js +3 -3
- package/dist-bundled/es/gids-dropdown-field.js +4 -4
- package/dist-bundled/es/gids-dropdown-picker.js +1 -1
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list-item.js +6 -0
- package/dist-bundled/es/gids-expansion-body-list.js +78 -0
- package/dist-bundled/es/gids-expansion-group.js +28 -0
- package/dist-bundled/es/gids-expansion.js +90 -0
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +4 -4
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +3 -3
- package/dist-bundled/es/gids-line-chart.js +1 -1
- package/dist-bundled/es/gids-overflow-container.js +6 -6
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +7 -7
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-scrim.js +3 -3
- package/dist-bundled/es/gids-tab-item.js +1 -1
- package/dist-bundled/es/gids-tab.js +5 -5
- package/dist-bundled/es/gids-text-field.js +10 -10
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +1 -1
- package/dist-bundled/es/{p-qrjEbv6g-ITSp3ky_.js → p-2wB6zkno-57WAxATm.js} +2 -2
- package/dist-bundled/es/{p-BfnzH6wp-BfLC7Nak.js → p-3Ni1-UuQ-CPn15cat.js} +2 -2
- package/dist-bundled/es/{p-C7ifjRCE-CRlorwoN.js → p-BE2G21MT-WGW-ehxu.js} +9 -9
- package/dist-bundled/es/{p-BYDimyG--DBCLrqDJ.js → p-BQCMjWpK-CLxPNItn.js} +1 -1
- package/dist-bundled/es/{p-8tOn5SjU-D9rZ28cf.js → p-BeP2XcqY-DMXmX4Mc.js} +7 -7
- package/dist-bundled/es/{p-bPPm7cuw-B-dtPJF9.js → p-C2PfO9h9-H_toZwKo.js} +2 -2
- package/dist-bundled/es/{p-DiNad9Px-uOCMHqAq.js → p-C4yEV6pT-8IjLINXB.js} +25 -38
- package/dist-bundled/es/{p-Jdpe4Sgj-acwaxLtK.js → p-CD_BHkBE-DX2546yK.js} +8 -8
- package/dist-bundled/es/p-ChV9xqsO-CJSPCx6p.js +16 -0
- package/dist-bundled/es/{p-C-cUL-aA-2jsvw-Lr.js → p-CkydANOS-CzTX9wng.js} +14 -14
- package/dist-bundled/es/{p-qb1aWgjh-CzmMPIME.js → p-Cn-t3SGc-CwvvOdlK.js} +14 -14
- package/dist-bundled/es/{p-Doi8Yizl-BszWK5Dq.js → p-DA_atCAU-KdxJYYDE.js} +5 -5
- package/dist-bundled/es/{p-xITwQAMz-BMXjOAAQ.js → p-DVVJrKxO-Bdl0HX_u.js} +13 -13
- package/dist-bundled/es/{p-Ciw-O9qN-DkWfirFu.js → p-DfrYaprq-CeZqb0rn.js} +6 -6
- package/dist-bundled/es/{p-DoPuGtJd-DYlbhh57.js → p-Ditd1zV7-DdQjXthS.js} +2 -2
- package/dist-bundled/es/p-DlI2raNo-5V-p1A9Z.js +106 -0
- package/dist-bundled/es/{p-Bj28yqMD-Dz1SWSqM.js → p-KaaOtnwV-D7HTbhvI.js} +10 -10
- package/dist-bundled/es/{p-B1Jgtjhu-B_VYp-ZP.js → p-WHI6NO_h-DHNy0JzV.js} +11 -11
- package/dist-bundled/es/{p-5VIPb1eU-MCAo8JCp.js → p-qIkbfIF3-B7NovGEi.js} +2 -2
- package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
- package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +5 -0
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +5 -0
- package/dist-bundled/umd/gids-expansion-group.umd.js +5 -0
- package/dist-bundled/umd/gids-expansion.umd.js +5 -0
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +2 -2
- package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +2 -2
- package/dist-bundled/umd/gids-text-field.umd.js +2 -2
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
- package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
- package/package.json +36 -4
- package/dist/p-DiNad9Px.js +0 -1
- package/dist/p-qb1aWgjh.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { c as o, l as
|
|
2
|
-
const
|
|
1
|
+
import { c as o, l as s } from "./p-DVVJrKxO-Bdl0HX_u.js";
|
|
2
|
+
const t = o, m = s;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
t as GidsDropdown,
|
|
5
|
+
m as defineCustomElement
|
|
6
6
|
};
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { L as x, u as h, D as l, P as y, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { g as L } from "./p-DlI2raNo-5V-p1A9Z.js";
|
|
3
|
+
import { c as u } from "./clsx-OuTLNxxd.js";
|
|
4
|
+
const E = (t) => u("gids-expansion-body-list", t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
|
+
__proto__: null,
|
|
6
|
+
getGidsExpansionBodyListClassNames: E
|
|
7
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListClassNames: c } = m, d = x(class extends h {
|
|
8
|
+
constructor(t) {
|
|
9
|
+
super(), t !== !1 && this.__registerHost(), this.expansionBodyListItems = [], this.hasExpansionBodyListSubtitleItemListener = !1, this.hasExpansionBodyListSupportingTextItemListener = !1, this.handleExpansionBodyListSubtitleClick = (s) => {
|
|
10
|
+
this.applyExpansionBodyListSubtitleSelection(s);
|
|
11
|
+
}, this.handleExpansionBodyListSupportingTextClick = (s) => {
|
|
12
|
+
this.applyExpansionBodyListSupportingTextSelection(s);
|
|
13
|
+
}, this.handleExpansionBodyListSubtitleSelect = (s) => {
|
|
14
|
+
const { listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = s.detail;
|
|
15
|
+
this.applyExpansionBodyListSubtitleSelection({ listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: s });
|
|
16
|
+
}, this.handleExpansionBodyListSupportingTextSelect = (s) => {
|
|
17
|
+
const { listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a } = s.detail;
|
|
18
|
+
this.applyExpansionBodyListSupportingTextSelection({ listItemId: e, label: i, subtitle: n, supportingText: o, listItemPressedType: a, originalEvent: s });
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
handleExpansionBodyListItemsChange(t) {
|
|
22
|
+
this.expansionBodyListItems = t;
|
|
23
|
+
}
|
|
24
|
+
connectedCallback() {
|
|
25
|
+
this.attachExpansionBodyListSubtitleItemListener(), this.attachExpansionBodyListSupportingTextItemListener();
|
|
26
|
+
}
|
|
27
|
+
disconnectedCallback() {
|
|
28
|
+
this.detachExpansionBodyListSubtitleItemListener(), this.detachExpansionBodyListSupportingTextItemListener();
|
|
29
|
+
}
|
|
30
|
+
applyExpansionBodyListSubtitleSelection(t) {
|
|
31
|
+
this.onExpansionBodyListSubtitlePress && this.onExpansionBodyListSubtitlePress(t);
|
|
32
|
+
}
|
|
33
|
+
applyExpansionBodyListSupportingTextSelection(t) {
|
|
34
|
+
this.onExpansionBodyListSupportingTextPress && this.onExpansionBodyListSupportingTextPress(t);
|
|
35
|
+
}
|
|
36
|
+
attachExpansionBodyListSubtitleItemListener() {
|
|
37
|
+
this.hasExpansionBodyListSubtitleItemListener || (this.hostElement.addEventListener("onExpansionBodyListSubtitlePress", this.handleExpansionBodyListSubtitleSelect), this.hasExpansionBodyListSubtitleItemListener = !0);
|
|
38
|
+
}
|
|
39
|
+
attachExpansionBodyListSupportingTextItemListener() {
|
|
40
|
+
this.hasExpansionBodyListSupportingTextItemListener || (this.hostElement.addEventListener("onExpansionBodyListSupportingTextPress", this.handleExpansionBodyListSupportingTextSelect), this.hasExpansionBodyListSupportingTextItemListener = !0);
|
|
41
|
+
}
|
|
42
|
+
detachExpansionBodyListSubtitleItemListener() {
|
|
43
|
+
this.hasExpansionBodyListSubtitleItemListener && (this.hostElement.removeEventListener("onExpansionBodyListSubtitlePress", this.handleExpansionBodyListSubtitleSelect), this.hasExpansionBodyListSubtitleItemListener = !1);
|
|
44
|
+
}
|
|
45
|
+
detachExpansionBodyListSupportingTextItemListener() {
|
|
46
|
+
this.hasExpansionBodyListSupportingTextItemListener && (this.hostElement.removeEventListener("onExpansionBodyListSupportingTextPress", this.handleExpansionBodyListSupportingTextSelect), this.hasExpansionBodyListSupportingTextItemListener = !1);
|
|
47
|
+
}
|
|
48
|
+
render() {
|
|
49
|
+
const t = c();
|
|
50
|
+
return l(y, { key: "15f3772895a64b74baab61c2e9067b1e9081b1aa", class: t }, (this?.expansionBodyListItems ?? []).map(((s, e) => l("gids-expansion-body-list-item", { key: "" + (e + 1), ...s, onSubtitlePress: this.handleExpansionBodyListSubtitleClick, onSupportingTextPress: this.handleExpansionBodyListSupportingTextClick }))));
|
|
51
|
+
}
|
|
52
|
+
get hostElement() {
|
|
53
|
+
return this;
|
|
54
|
+
}
|
|
55
|
+
static get watchers() {
|
|
56
|
+
return { expansionBodyListItems: [{ handleExpansionBodyListItemsChange: 0 }] };
|
|
57
|
+
}
|
|
58
|
+
static get style() {
|
|
59
|
+
return ".gids-expansion-body-list{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400);overflow-y:scroll;overflow-x:hidden}";
|
|
60
|
+
}
|
|
61
|
+
}, [0, "gids-expansion-body-list", { expansionBodyListItems: [16], onExpansionBodyListSubtitlePress: [16], onExpansionBodyListSupportingTextPress: [16] }, void 0, { expansionBodyListItems: [{ handleExpansionBodyListItemsChange: 0 }] }]);
|
|
62
|
+
function r() {
|
|
63
|
+
typeof customElements < "u" && ["gids-expansion-body-list", "gids-expansion-body-list-item"].forEach(((t) => {
|
|
64
|
+
switch (t) {
|
|
65
|
+
case "gids-expansion-body-list":
|
|
66
|
+
customElements.get(p(t)) || customElements.define(p(t), d);
|
|
67
|
+
break;
|
|
68
|
+
case "gids-expansion-body-list-item":
|
|
69
|
+
customElements.get(p(t)) || L();
|
|
70
|
+
}
|
|
71
|
+
}));
|
|
72
|
+
}
|
|
73
|
+
r();
|
|
74
|
+
const b = d, I = r;
|
|
75
|
+
export {
|
|
76
|
+
b as GidsExpansionBodyList,
|
|
77
|
+
I as defineCustomElement
|
|
78
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { L as r, u as i, D as s, P as a, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { c } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
const d = (e) => c("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
|
+
__proto__: null,
|
|
5
|
+
getGidsExpansionGroupClassNames: d
|
|
6
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = r(class extends i {
|
|
7
|
+
constructor(e) {
|
|
8
|
+
super(), e !== !1 && this.__registerHost();
|
|
9
|
+
}
|
|
10
|
+
render() {
|
|
11
|
+
const e = u();
|
|
12
|
+
return s(a, { key: "ee7546a3490605f3d1ae5a7ffaf2bdacb4dd4541", class: e }, s("slot", { key: "dbb9e5f1c031fb05ef01c6bb5ceccf422f3b2325" }));
|
|
13
|
+
}
|
|
14
|
+
static get style() {
|
|
15
|
+
return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";
|
|
16
|
+
}
|
|
17
|
+
}, [260, "gids-expansion-group"]);
|
|
18
|
+
function n() {
|
|
19
|
+
typeof customElements < "u" && ["gids-expansion-group"].forEach(((e) => {
|
|
20
|
+
e === "gids-expansion-group" && (customElements.get(o(e)) || customElements.define(o(e), t));
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
n();
|
|
24
|
+
const g = t, m = n;
|
|
25
|
+
export {
|
|
26
|
+
g as GidsExpansionGroup,
|
|
27
|
+
m as defineCustomElement
|
|
28
|
+
};
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { L as o, u as r, D as i, P as l, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { d as g } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
3
|
+
import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
|
|
4
|
+
import { c as h } from "./clsx-OuTLNxxd.js";
|
|
5
|
+
const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
6
|
+
"gids-expansion--expanded": e
|
|
7
|
+
}, n), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
|
+
__proto__: null,
|
|
9
|
+
getGidsExpansionClassNames: c
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: b } = x, s = o(class extends r {
|
|
11
|
+
constructor(e) {
|
|
12
|
+
super(), e !== !1 && this.__registerHost(), this.labelLevel = "h1", this.hasContent = !1, this.handleExpansionClick = () => {
|
|
13
|
+
if (this.isInteractive()) {
|
|
14
|
+
const n = !this.isExpanded();
|
|
15
|
+
this.expanded = n, this.onExpand && this.onExpand({ expansionId: this.expansionId, expanded: n, label: this?.label, labelLevel: this?.labelLevel, disabled: this?.disabled });
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
handleDisabledChange(e) {
|
|
20
|
+
this.disabled = e;
|
|
21
|
+
}
|
|
22
|
+
handleExpandedChange(e) {
|
|
23
|
+
this.expanded = e;
|
|
24
|
+
}
|
|
25
|
+
handleLabelLevelChange(e) {
|
|
26
|
+
this.labelLevel = e;
|
|
27
|
+
}
|
|
28
|
+
componentDidLoad() {
|
|
29
|
+
this.checkSlotContent();
|
|
30
|
+
}
|
|
31
|
+
checkSlotContent() {
|
|
32
|
+
const e = this.hostElement.querySelector(".gids-expansion__content");
|
|
33
|
+
if (e) {
|
|
34
|
+
const n = e.children.length > 0, t = !!e.textContent && e.textContent.trim().length > 0;
|
|
35
|
+
this.hasContent = n || t;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
isInteractive() {
|
|
39
|
+
return !this.disabled && this.hasContent;
|
|
40
|
+
}
|
|
41
|
+
isExpanded() {
|
|
42
|
+
return !!this.expanded && this.isInteractive();
|
|
43
|
+
}
|
|
44
|
+
isHavingLabelValue() {
|
|
45
|
+
return !(!this.label || this.label === "");
|
|
46
|
+
}
|
|
47
|
+
getIconSize() {
|
|
48
|
+
switch (this.labelLevel) {
|
|
49
|
+
case "h2":
|
|
50
|
+
case "h3":
|
|
51
|
+
return "md";
|
|
52
|
+
default:
|
|
53
|
+
return "lg";
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
getLabelClass() {
|
|
57
|
+
switch (this.labelLevel) {
|
|
58
|
+
case "h2":
|
|
59
|
+
return "gids-expansion__level-h2";
|
|
60
|
+
case "h3":
|
|
61
|
+
return "gids-expansion__level-h3";
|
|
62
|
+
default:
|
|
63
|
+
return "gids-expansion__level-h1";
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
render() {
|
|
67
|
+
const e = b({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
|
|
68
|
+
return i(l, { key: "61ba4970c6dba5eb82d52ee61398bff60238e295", class: e }, i("button", { key: "6cda4b165bd27dc0fb7727c6ee15393c21c33a0e", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "3720c533ad28b3d66ea2898e85ef7afd8065a3d7", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "c59bbeb5fc5574dde1bbe2cfd97b4f713afbfd03", class: "gids-expansion__content" }, i("slot", { key: "f1f85de8407c8fd992cd47c95076c955835174c4" }))));
|
|
69
|
+
}
|
|
70
|
+
get hostElement() {
|
|
71
|
+
return this;
|
|
72
|
+
}
|
|
73
|
+
static get watchers() {
|
|
74
|
+
return { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] };
|
|
75
|
+
}
|
|
76
|
+
static get style() {
|
|
77
|
+
return '.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}';
|
|
78
|
+
}
|
|
79
|
+
}, [260, "gids-expansion", { expansionId: [1, "expansion-id"], label: [1], labelLevel: [1, "label-level"], expanded: [516], disabled: [516], onExpand: [16], hasContent: [32] }, void 0, { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] }]);
|
|
80
|
+
function d() {
|
|
81
|
+
typeof customElements < "u" && ["gids-expansion"].forEach(((e) => {
|
|
82
|
+
e === "gids-expansion" && (customElements.get(a(e)) || customElements.define(a(e), s));
|
|
83
|
+
}));
|
|
84
|
+
}
|
|
85
|
+
d();
|
|
86
|
+
const u = s, y = d;
|
|
87
|
+
export {
|
|
88
|
+
u as GidsExpansion,
|
|
89
|
+
y as defineCustomElement
|
|
90
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { h as e, a as
|
|
2
|
-
const
|
|
1
|
+
import { h as e, a as t } from "./p-2wB6zkno-57WAxATm.js";
|
|
2
|
+
const r = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as GidsFilter,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { c as o, d as e } from "./p-BeP2XcqY-DMXmX4Mc.js";
|
|
2
|
+
const t = o, m = e;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
t as GidsIcon,
|
|
5
|
+
m as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { L as
|
|
1
|
+
import { L as a, u as n, D as e, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
5
|
showGidsOverflowContainerBottomShadow: h,
|
|
6
6
|
showGidsOverflowContainerTopShadow: c
|
|
7
|
-
}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r =
|
|
7
|
+
}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = a(class extends n {
|
|
8
8
|
constructor(t) {
|
|
9
9
|
super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
|
|
10
10
|
}
|
|
@@ -20,19 +20,19 @@ const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" ||
|
|
|
20
20
|
this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return e("div", { key: "
|
|
23
|
+
return e("div", { key: "3a313522f843cc56f7121cecbf30a623d95f078f", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "ba7ae7dd609ab37ccde05f5479184bc2379147ff" }));
|
|
24
24
|
}
|
|
25
25
|
get _el() {
|
|
26
26
|
return this;
|
|
27
27
|
}
|
|
28
28
|
}, [257, "gids-overflow-container", { shadowLocation: [513, "shadow-location"] }]);
|
|
29
|
-
function
|
|
29
|
+
function i() {
|
|
30
30
|
typeof customElements < "u" && ["gids-overflow-container"].forEach(((t) => {
|
|
31
31
|
t === "gids-overflow-container" && (customElements.get(o(t)) || customElements.define(o(t), r));
|
|
32
32
|
}));
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
const p = r, m =
|
|
34
|
+
i();
|
|
35
|
+
const p = r, m = i;
|
|
36
36
|
export {
|
|
37
37
|
p as GidsOverflowContainer,
|
|
38
38
|
m as defineCustomElement
|
|
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
|
|
|
187
187
|
}
|
|
188
188
|
render() {
|
|
189
189
|
const t = this._allowedComponentQueue[0]?.position || "bottom-center";
|
|
190
|
-
return o(w, { key: "
|
|
190
|
+
return o(w, { key: "cdc05f54de8a4d399e75e8157393182002f53270" }, o("slot", { key: "75802b7a93840034e30152934b3689e46bc55116" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
|
|
191
191
|
}
|
|
192
192
|
get _el() {
|
|
193
193
|
return this;
|
|
@@ -4,20 +4,20 @@ import { a as F } from "./p-Dg2yoUxw-Cca8ROd_.js";
|
|
|
4
4
|
import { r as L } from "./p-UxDcM-C5-Dr5d_WpJ.js";
|
|
5
5
|
import { o as O } from "./p-UVmSPzTd-6vjXok6h.js";
|
|
6
6
|
import { g as k, d as j } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
7
|
-
import { h as z } from "./p-
|
|
8
|
-
import { r as E } from "./p-
|
|
7
|
+
import { h as z } from "./p-BE2G21MT-WGW-ehxu.js";
|
|
8
|
+
import { r as E } from "./p-DA_atCAU-KdxJYYDE.js";
|
|
9
9
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
10
10
|
const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
|
|
11
11
|
if (!e || e === "")
|
|
12
12
|
return 0;
|
|
13
13
|
let n = 0;
|
|
14
14
|
return t.includes("1-uppercase") && f.test(e) && n++, t.includes("1-lowercase") && b.test(e) && n++, t.includes("1-digit") && p.test(e) && n++, t.includes("1-special-character") && q.test(e) && n++, t.includes("include-min-length") && s && s > 0 && e.length >= s && n++, n;
|
|
15
|
-
},
|
|
15
|
+
}, A = ({ textScore: e, maxScore: t }) => {
|
|
16
16
|
const s = t > 0 ? e / t * 100 : 0;
|
|
17
17
|
return s <= 20 ? "is-weak" : s <= 40 ? "is-medium" : s <= 60 ? "is-good-enough" : s <= 80 ? "is-good" : "is-strong";
|
|
18
|
-
},
|
|
18
|
+
}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
19
19
|
__proto__: null,
|
|
20
|
-
getColorModifierByScore:
|
|
20
|
+
getColorModifierByScore: A,
|
|
21
21
|
getStrengthMeterScore: G,
|
|
22
22
|
include1DigitReg: p,
|
|
23
23
|
include1LowercaseLetterReg: b,
|
|
@@ -128,7 +128,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
128
128
|
}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: X } = U, Y = (e) => e === "implicit" || e === void 0 ? "implicit" : X(e), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
129
129
|
__proto__: null,
|
|
130
130
|
inputToGidsFieldStatusForPassword: Y
|
|
131
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } =
|
|
131
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsStrengthMeterClassNames: te } = Z, { getStrengthMeterScore: se, getColorModifierByScore: re } = B, ie = ({ text: e, textMinLength: t, meterRules: s = ["1-uppercase", "1-lowercase", "1-digit", "1-special-character", "include-min-length"], class: n }) => {
|
|
132
132
|
const a = (r, l, u) => i("div", { key: r, class: ["gids-strength-meter__strength-" + r, u ? "is-active" : "", u ? l : ""].filter(Boolean).join(" ") });
|
|
133
133
|
return s.length > 0 ? i("div", { class: te(n) }, (() => {
|
|
134
134
|
const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
|
|
@@ -191,7 +191,7 @@ const f = /[A-Z]/, b = /[a-z]/, p = /[0-9]/, q = /[^A-Za-z0-9]/, G = ({ text: e,
|
|
|
191
191
|
#e;
|
|
192
192
|
render() {
|
|
193
193
|
const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
|
|
194
|
-
return i(T, { key: "
|
|
194
|
+
return i(T, { key: "2da63c508dfad92a039d34311f6722cde5a0030a" }, i("gids-field", { key: "681e7949267bcb1309bc384f8326bba5177f6e97", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "c9c8971bb1305522a61598b4f59cef9a45ef001e", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "1f5b913b8f3765b73190d0decd74b6c671a5626e", ref: (o) => this.#e = o, appearance: "default", status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "5393b401150edd4b4faf94218ff8b247bf053f75", name: "leadingIcon" }), i("slot", { key: "0fdb5e09ae68b25a1c162bdb367e7beaed78bd6a", name: "leadingAccessory" }), i("div", { key: "0a103f3591bb5945f0fb46dd65ef621c197a0028", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "2b68afbbc62f56a4718651c30426370041514cd8", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "700e248901f3b7e5bbe95fad09f62ba3ac6e599e", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "244b5458eb80cb6c7c4dddb61db206d57863328b", class: "gids-password-field__meters-container" }, i(ie, { key: "002bd407d2de934008988dac37fea8f458bec4ce", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "b2cdf85a5a68abf33f1868c9f0cfc1263d276f66", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
|
|
195
195
|
}
|
|
196
196
|
get _el() {
|
|
197
197
|
return this;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { n as e, c as
|
|
2
|
-
const
|
|
1
|
+
import { n as e, c as t } from "./p-3Ni1-UuQ-CPn15cat.js";
|
|
2
|
+
const r = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as GidsPieChart,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -64,7 +64,7 @@ const h = v(class extends p {
|
|
|
64
64
|
e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return a(f, { key: "
|
|
67
|
+
return a(f, { key: "ac91483b7fd0c658f25a226a6b9850ee93e87db0" }, a("slot", { key: "9d3d05d24ce4bda0eb63449d3e382cde02316942", name: "anchor" }), a("div", { key: "85c2ef2857e33a2df493a74c1187cb02d761d3d3", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "703447615dcb3bbdab7a998b978f22de6b15ec03", id: "arrow" }), a("div", { key: "76e91b31374d09e9408c4f8596bb7fb2f4d4aed7" }, a("slot", { key: "a9efd3f47efb3b08e4322da56417ca93e69c0fa2" }))));
|
|
68
68
|
}
|
|
69
69
|
disconnectedCallback() {
|
|
70
70
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { L as
|
|
1
|
+
import { L as o, u as c, D as e, q as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
import { c as n } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
6
6
|
getGidsScrimClassNames: d
|
|
7
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i =
|
|
7
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
|
|
8
8
|
constructor(s) {
|
|
9
9
|
super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
|
|
10
10
|
}
|
|
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
16
16
|
s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return e("div", { key: "
|
|
19
|
+
return e("div", { key: "739b431734a261fbae14c743c57df459246b69b6", class: this.activeClasses, part: "root" }, e("slot", { key: "8edb4dc441316e613f436d00911b5469661cf245" }));
|
|
20
20
|
}
|
|
21
21
|
get _el() {
|
|
22
22
|
return this;
|
|
@@ -75,7 +75,7 @@ const y = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
|
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
77
|
const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
|
|
78
|
-
return r(f, { key: "
|
|
78
|
+
return r(f, { key: "e5da712f4c782e26eec2c448896841999085f426", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
|
|
79
79
|
}
|
|
80
80
|
get hostElement() {
|
|
81
81
|
return this;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { L as
|
|
1
|
+
import { L as r, u as c, D as a, P as h, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { c as l } from "./clsx-OuTLNxxd.js";
|
|
3
3
|
const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
4
4
|
"gids-tab--full": e === "full",
|
|
5
5
|
"gids-tab--item-subtle": t === "subtle",
|
|
6
6
|
"gids-tab--item-underlined": t === "underlined"
|
|
7
|
-
}, d),
|
|
7
|
+
}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsTabClassNames: o
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends c {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
|
|
13
13
|
}
|
|
@@ -37,8 +37,8 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
37
37
|
return e === this.activeTabId;
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
const e =
|
|
41
|
-
return a(h, { key: "
|
|
40
|
+
const e = b({ width: this.width, appearance: this.appearance });
|
|
41
|
+
return a(h, { key: "38866821d37edc4393a72972c944a94cf0f277e4", class: e }, a("slot", { key: "edfefab3cc002e1935c1a49f84f34d24bcbaa281" }));
|
|
42
42
|
}
|
|
43
43
|
get hostElement() {
|
|
44
44
|
return this;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { L as u, u as
|
|
2
|
-
import { i as
|
|
3
|
-
import { a as
|
|
1
|
+
import { L as u, u as c, z as h, C as b, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { i as f } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
|
+
import { a as m } from "./p-Dg2yoUxw-Cca8ROd_.js";
|
|
4
4
|
import { r as p } from "./p-UxDcM-C5-Dr5d_WpJ.js";
|
|
5
|
-
import { h as g } from "./p-
|
|
6
|
-
import { r as x } from "./p-
|
|
5
|
+
import { h as g } from "./p-BE2G21MT-WGW-ehxu.js";
|
|
6
|
+
import { r as x } from "./p-DA_atCAU-KdxJYYDE.js";
|
|
7
7
|
import { g as _ } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
8
8
|
const v = (e, t) => {
|
|
9
9
|
if (!(e === void 0 || t === void 0))
|
|
@@ -24,9 +24,9 @@ const v = (e, t) => {
|
|
|
24
24
|
}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = l, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
25
25
|
__proto__: null,
|
|
26
26
|
inputToGidsFieldStatus: q
|
|
27
|
-
}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, n = u(class extends
|
|
27
|
+
}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = l, { inputToGidsFieldStatus: O } = C, n = u(class extends c {
|
|
28
28
|
constructor(e) {
|
|
29
|
-
super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear =
|
|
29
|
+
super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
|
|
30
30
|
const t = this.#t?.querySelector("input.gids-input__control");
|
|
31
31
|
t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
|
|
32
32
|
}, this._handleInput = (t) => {
|
|
@@ -37,11 +37,11 @@ const v = (e, t) => {
|
|
|
37
37
|
}
|
|
38
38
|
_startSlotContentObserver() {
|
|
39
39
|
this._slotContentObserver = new MutationObserver((() => {
|
|
40
|
-
|
|
40
|
+
b(this);
|
|
41
41
|
})), this._slotContentObserver.observe(this._el, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["slot"] });
|
|
42
42
|
}
|
|
43
43
|
connectedCallback() {
|
|
44
|
-
const e =
|
|
44
|
+
const e = f();
|
|
45
45
|
e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this._startSlotContentObserver();
|
|
46
46
|
}
|
|
47
47
|
disconnectedCallback() {
|
|
@@ -51,7 +51,7 @@ const v = (e, t) => {
|
|
|
51
51
|
#t;
|
|
52
52
|
render() {
|
|
53
53
|
const { id: e, ...t } = this.inputProps ?? {}, a = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
|
|
54
|
-
return i("gids-field", { key: "
|
|
54
|
+
return i("gids-field", { key: "1afb001542da72cbc0c7d9cef733bd7b9005fc1b", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "6c1ab66cefcc2b75793c41c970adcdc3b5206c0f", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: a }, this.label), i("gids-input", { key: "413c676b85ea6332b03e94901c2645cd4846aa76", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: a, maxLength: this.maxLength } }, i("slot", { key: "0d9f234f1fb10bb1c7e607a2f6a787a29d7e47de", name: "leadingIcon" }), i("slot", { key: "5a2d8b98924b9c76874c1967e0a532ae023dfbc0", name: "leadingAccessory" }), d && i(p, { key: "27145c73ac38c854be2ca8c1bf7406afe4e965ed", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6b85b3a79ee36ec7d76514adfeeb7b7121f5ca81", name: "trailingIcon" })));
|
|
55
55
|
}
|
|
56
56
|
get _el() {
|
|
57
57
|
return this;
|
|
@@ -38,7 +38,7 @@ const o = n(class extends l {
|
|
|
38
38
|
t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return e(s, { key: "
|
|
41
|
+
return e(s, { key: "b0f08c29ac34e9b5dc1f0ebbc677d6eb0bc0e832" }, e("slot", { key: "a43f148f89fc86e1f02ee24a001159c3719e96e1" }), e("span", { key: "df16bd00d7b07684669ec8f446d9b9ddb4be2ada", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "03335fae5e572f20f19882a7ca30ca43b1199dca", id: "arrow" }), this.tooltipText));
|
|
42
42
|
}
|
|
43
43
|
disconnectedCallback() {
|
|
44
44
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { q as h, L as g, u as m, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { d as u } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
3
|
-
import { o as p } from "./p-
|
|
3
|
+
import { o as p } from "./p-KaaOtnwV-D7HTbhvI.js";
|
|
4
4
|
import { c as v } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const I = ({ expanded: e }, i) => v("gids-filter", {
|
|
6
6
|
"gids-filter--expanded": e
|
|
@@ -122,7 +122,7 @@ const I = ({ expanded: e }, i) => v("gids-filter", {
|
|
|
122
122
|
}
|
|
123
123
|
render() {
|
|
124
124
|
const e = this.expanded && this.isInteractive(), i = x({ expanded: e }), s = this.isMenuToggler(), t = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, l = t ? `${t}__menu` : void 0, n = this.selectedItemTitle ?? this.value ?? "", a = this.type === "more", r = this.type === "all", d = this.type === "none";
|
|
125
|
-
return o("div", { key: "
|
|
125
|
+
return o("div", { key: "7ce1a0e82d461380ec599d66d82176a6cb4d7912", class: i, "aria-control": l ?? "" }, o("gids-toggle-button", { key: "6b546ac9944f8adf858804484e420b6a41f44419", id: t, name: this.name, expanded: e, value: n, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected || this.filterDefaultSelected, onSelect: this.handleFilterButtonClickToggle }, a || r ? o(u, { name: a ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, d || r ? n : void 0, s && !a ? o(u, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), o("div", { key: "f04a85608a8d2bad62687e78da08acca6838f93b", class: "gids-filter__menu", id: l, role: "pickerbox", onClick: this.handleMenuClick }, o("slot", { key: "ce7aeb157d8a342cc7ba0479637795516a4ae3b2", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
|
|
126
126
|
}
|
|
127
127
|
get hostElement() {
|
|
128
128
|
return this;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { q as a, L as _, u as m, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
|
|
3
|
-
import { d as u } from "./p-
|
|
4
|
-
import { l as v } from "./p-
|
|
3
|
+
import { d as u } from "./p-Cn-t3SGc-CwvvOdlK.js";
|
|
4
|
+
import { l as v } from "./p-BQCMjWpK-CLxPNItn.js";
|
|
5
5
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
6
6
|
const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
|
|
7
7
|
"gids-pie-chart--breakpoint-mobile": e === "mobile"
|