@ganpatiinfo/gids-core-web 10.1.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 +467 -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.d.ts +11 -0
- package/dist/gids-tab-item.js +1 -0
- package/dist/gids-tab.d.ts +11 -0
- package/dist/gids-tab.js +1 -0
- 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-H1JIMJ2t.js → p-2wB6zkno.js} +1 -1
- package/dist/{p-DPIK2ayL.js → p-3Ni1-UuQ.js} +1 -1
- package/dist/{p-DNTv2BQ5.js → p-BE2G21MT.js} +1 -1
- package/dist/{p-mZJdpfOo.js → p-BQCMjWpK.js} +1 -1
- package/dist/{p-Db62Pz3n.js → p-BeP2XcqY.js} +1 -1
- package/dist/{p-CP1wz2PI.js → p-C2PfO9h9.js} +1 -1
- package/dist/p-C4yEV6pT.js +1 -0
- package/dist/{p-BZCJlqVe.js → p-CD_BHkBE.js} +1 -1
- package/dist/p-ChV9xqsO.js +1 -0
- package/dist/{p-CW7tw1Fb.js → p-CkydANOS.js} +1 -1
- package/dist/p-Cn-t3SGc.js +1 -0
- package/dist/{p-BQ-ZnlnH.js → p-DA_atCAU.js} +1 -1
- package/dist/{p-Cn3-K5eR.js → p-DVVJrKxO.js} +1 -1
- package/dist/{p-JjN8U9B5.js → p-DfrYaprq.js} +1 -1
- package/dist/{p-CQH7eAs3.js → p-Ditd1zV7.js} +1 -1
- package/dist/p-DlI2raNo.js +1 -0
- package/dist/p-KaaOtnwV.js +1 -0
- package/dist/{p-V48JyMbP.js → p-WHI6NO_h.js} +1 -1
- package/dist/{p-DfxTsSdZ.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/webComponents/GidsTab/GidsTab.d.ts +17 -0
- package/dist/types/components/webComponents/GidsTabItem/GidsTabItem.d.ts +29 -0
- package/dist/types/components.d.ts +269 -2
- package/dist-bundled/es/gids-action-bar.js +4 -4
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +4 -4
- package/dist-bundled/es/gids-calendar.js +33 -33
- package/dist-bundled/es/gids-chart-legend-item.js +3 -3
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +46 -46
- package/dist-bundled/es/gids-chevron-button.js +8 -8
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +10 -10
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- 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 +1 -1
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-overflow-container.js +4 -4
- package/dist-bundled/es/gids-overlay-provider.js +2 -2
- package/dist-bundled/es/gids-password-field.js +23 -23
- 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 +1 -1
- package/dist-bundled/es/gids-tab-item.js +100 -0
- package/dist-bundled/es/gids-tab.js +63 -0
- package/dist-bundled/es/gids-text-field.js +15 -15
- package/dist-bundled/es/gids-toggle-button.js +4 -4
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/nonEmpty-B284_5ai.js +4 -0
- package/dist-bundled/es/{p-H1JIMJ2t-DEXp7M4I.js → p-2wB6zkno-57WAxATm.js} +2 -2
- package/dist-bundled/es/{p-DPIK2ayL-DPEbctqo.js → p-3Ni1-UuQ-CPn15cat.js} +2 -2
- package/dist-bundled/es/{p-DNTv2BQ5-Bwgd30mM.js → p-BE2G21MT-WGW-ehxu.js} +4 -4
- package/dist-bundled/es/{p-mZJdpfOo-DicbKil0.js → p-BQCMjWpK-CLxPNItn.js} +6 -6
- package/dist-bundled/es/{p-Db62Pz3n-DpQjwBYb.js → p-BeP2XcqY-DMXmX4Mc.js} +10 -10
- package/dist-bundled/es/{p-CP1wz2PI-DhVAsHFS.js → p-C2PfO9h9-H_toZwKo.js} +5 -5
- package/dist-bundled/es/{p-BpQB6ncp-C2AWddf-.js → p-C4yEV6pT-8IjLINXB.js} +28 -41
- package/dist-bundled/es/{p-BZCJlqVe-BcSwze-q.js → p-CD_BHkBE-DX2546yK.js} +5 -5
- package/dist-bundled/es/p-ChV9xqsO-CJSPCx6p.js +16 -0
- package/dist-bundled/es/{p-CW7tw1Fb-DtJ5TwCU.js → p-CkydANOS-CzTX9wng.js} +5 -5
- package/dist-bundled/es/{p-DoCwI_bx-BXHlZI7-.js → p-Cn-t3SGc-CwvvOdlK.js} +14 -14
- package/dist-bundled/es/{p-BQ-ZnlnH-CUVdDHzX.js → p-DA_atCAU-KdxJYYDE.js} +5 -5
- package/dist-bundled/es/{p-Cn3-K5eR-tQ1EOnDF.js → p-DVVJrKxO-Bdl0HX_u.js} +8 -8
- package/dist-bundled/es/{p-JjN8U9B5-GeWjfJBY.js → p-DfrYaprq-CeZqb0rn.js} +6 -6
- package/dist-bundled/es/{p-CQH7eAs3-BVowyVGn.js → p-Ditd1zV7-DdQjXthS.js} +2 -2
- package/dist-bundled/es/p-DlI2raNo-5V-p1A9Z.js +106 -0
- package/dist-bundled/es/{p-DmLoB2Dn-D-FSoCvI.js → p-KaaOtnwV-D7HTbhvI.js} +9 -9
- package/dist-bundled/es/p-UVmSPzTd-6vjXok6h.js +26 -0
- package/dist-bundled/es/{p-V48JyMbP-Bx-0od-Z.js → p-WHI6NO_h-DHNy0JzV.js} +6 -6
- package/dist-bundled/es/{p-DfxTsSdZ-C2Afv1lS.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 +2 -2
- 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 +1 -1
- 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 +5 -0
- package/dist-bundled/umd/gids-tab.umd.js +5 -0
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- package/dist-bundled/umd/gids-toggle-button.umd.js +3 -3
- 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 +52 -4
- package/dist/p-BpQB6ncp.js +0 -1
- package/dist/p-DmLoB2Dn.js +0 -1
- package/dist/p-DoCwI_bx.js +0 -1
- package/dist-bundled/es/p-UVmSPzTd-DiTxS9kW.js +0 -25
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { L as J, q as v, u as K, D as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { p as V, m as _, x as z, N as $ } from "./p-D6lxqcxP-DWrZi1Xi.js";
|
|
3
|
-
import { o as E } from "./p-UVmSPzTd-
|
|
3
|
+
import { o as E } from "./p-UVmSPzTd-6vjXok6h.js";
|
|
4
4
|
import { d as G } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
5
|
-
import { a as Q } from "./p-
|
|
6
|
-
import { o as R } from "./p-
|
|
5
|
+
import { a as Q } from "./p-2wB6zkno-57WAxATm.js";
|
|
6
|
+
import { o as R } from "./p-KaaOtnwV-D7HTbhvI.js";
|
|
7
7
|
import { c as U } from "./clsx-OuTLNxxd.js";
|
|
8
8
|
const W = (e) => U("gids-action-bar", e), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
9
9
|
__proto__: null,
|
|
@@ -128,7 +128,7 @@ const W = (e) => U("gids-action-bar", e), X = /* @__PURE__ */ Object.freeze(/* @
|
|
|
128
128
|
}
|
|
129
129
|
render() {
|
|
130
130
|
const e = Y(), t = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], a = this.isMoreFilterVisible(), d = this.moreFiltersData, f = d?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), g = this.getAllFiltersValue(), y = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, m = this.dropdownDividerVisible, n = this.filterSize, b = this.isActionGroup(), F = this?.allFiltersData?.filterId && this.allFiltersData.filterId !== "" ? this.allFiltersData.filterId : `1_${g}_primary`, s = this?.moreFiltersData?.filterId && this.moreFiltersData.filterId !== "" ? this.moreFiltersData.filterId : l.length + 1 + "_more_secondary", A = "secondary", w = "more", M = l.length + 1, L = this.getSelectedDropdownFilterTitle(s);
|
|
131
|
-
return r("div", { key: "
|
|
131
|
+
return r("div", { key: "2b6ee7bc4ec79150aa9d913cb9745baaee4c4d40", class: e }, r("div", { key: "8e696fd37e62d6e3a00c3136ea78604965a2a179", class: "gids-action-bar__primary-filters" }, r(V, { key: "f5c44d80b8197a75af9181d87c92dd8d4ae6ab9c", layout: "wrap" }, u ? r("gids-filter", { type: "all", filterId: F, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: g, ...y, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, t.map(((i, o) => {
|
|
132
132
|
const S = i?.filterPickerData ?? [], c = i?.filterId && i.filterId !== "" ? i.filterId : o + 1 + "_primary", h = "primary", C = "none", T = this.getSelectedDropdownFilterTitle(c);
|
|
133
133
|
return r("gids-filter", { key: `${c}_${T}`, ...i, filterIndex: o + 1, filterId: c, disabled: i?.disabled || this.disabled, filterDefaultSelected: i?.filterDefaultSelected, filterSelected: this.isDropdownFilterSelected(c), type: C, filterItemType: h, title: T, value: T, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: S }) }, r(_, { type: "default" }, S.map(((I, k) => {
|
|
134
134
|
const x = I?.sectionLabel;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const s = e,
|
|
1
|
+
import { m as e, u as a } from "./p-C4yEV6pT-8IjLINXB.js";
|
|
2
|
+
const s = e, m = a;
|
|
3
3
|
export {
|
|
4
4
|
s as GidsCalendarHeaderPanel,
|
|
5
|
-
|
|
5
|
+
m as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { l as e, u as
|
|
2
|
-
const
|
|
1
|
+
import { l as e, u as r } from "./p-CkydANOS-CzTX9wng.js";
|
|
2
|
+
const t = e, a = r;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
t as GidsCalendarYearList,
|
|
5
|
+
a as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { L as P, u as D, D as d, q as
|
|
2
|
-
import { r as S,
|
|
3
|
-
import {
|
|
4
|
-
import { u as Y } from "./p-
|
|
5
|
-
import { g as k } from "./p-
|
|
6
|
-
import { h as w } from "./p-
|
|
7
|
-
import { d as x } from "./p-
|
|
8
|
-
import { c as
|
|
9
|
-
const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) =>
|
|
1
|
+
import { L as P, u as D, D as d, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { r as S, u as M } from "./p-C4yEV6pT-8IjLINXB.js";
|
|
3
|
+
import { l as N } from "./p-WHI6NO_h-DHNy0JzV.js";
|
|
4
|
+
import { u as Y } from "./p-CkydANOS-CzTX9wng.js";
|
|
5
|
+
import { g as k } from "./p-CD_BHkBE-DX2546yK.js";
|
|
6
|
+
import { h as w } from "./p-DfrYaprq-CeZqb0rn.js";
|
|
7
|
+
import { d as x } from "./p-BeP2XcqY-DMXmX4Mc.js";
|
|
8
|
+
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
9
|
+
const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => p("gids-calendar-cell", {
|
|
10
10
|
"gids-calendar-cell--selected": t && !e && !a,
|
|
11
11
|
"gids-calendar-cell--today": a && !e && !r,
|
|
12
12
|
"gids-calendar-cell--label-non-effective": n === "non-effective",
|
|
@@ -22,53 +22,53 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => f(
|
|
|
22
22
|
}, l), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
23
23
|
__proto__: null,
|
|
24
24
|
getGidsCalendarCellClassNames: _
|
|
25
|
-
}, Symbol.toStringTag, { value: "Module" })), A = (e) =>
|
|
25
|
+
}, Symbol.toStringTag, { value: "Module" })), A = (e) => p("gids-calendar-day-cell", e), O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
26
26
|
__proto__: null,
|
|
27
27
|
getGidsCalendarDayCellClassNames: A
|
|
28
|
-
}, Symbol.toStringTag, { value: "Module" })), $ = ({ width: e }, t) =>
|
|
28
|
+
}, Symbol.toStringTag, { value: "Module" })), $ = ({ width: e }, t) => p("gids-calendar", {
|
|
29
29
|
"gids-calendar--width-fixed": e === "fixed",
|
|
30
30
|
"gids-calendar--width-intrinsic": e === "intrinsic"
|
|
31
31
|
}, t), T = ({ currentMonth: e, currentYear: t }) => {
|
|
32
32
|
if (!t || !e)
|
|
33
33
|
return [];
|
|
34
|
-
const a = t, n = e - 1, r = new Date(a, n, 1).getDay(), l = new Date(a, n + 1, 0).getDate(), g = new Date(a, n, 0).getDate(),
|
|
34
|
+
const a = t, n = e - 1, r = new Date(a, n, 1).getDay(), l = new Date(a, n + 1, 0).getDate(), g = new Date(a, n, 0).getDate(), c = [], h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
|
|
35
35
|
for (let s = r - 1; s >= 0; s--) {
|
|
36
|
-
const i = g - s, u = n === 0 ? 12 : n,
|
|
37
|
-
|
|
36
|
+
const i = g - s, u = n === 0 ? 12 : n, f = `${n === 0 ? a - 1 : a}-${String(u).padStart(2, "0")}-${String(i).padStart(2, "0")}`;
|
|
37
|
+
c.push({
|
|
38
38
|
day: i,
|
|
39
39
|
isCurrentMonth: !1,
|
|
40
|
-
dateString:
|
|
41
|
-
isToday: h ===
|
|
40
|
+
dateString: f,
|
|
41
|
+
isToday: h === f
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
for (let s = 1; s <= l; s++) {
|
|
45
45
|
const i = `${a}-${String(e).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
|
|
46
|
-
|
|
46
|
+
c.push({
|
|
47
47
|
day: s,
|
|
48
48
|
isCurrentMonth: !0,
|
|
49
49
|
dateString: i,
|
|
50
50
|
isToday: h === i
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
const m = 42 -
|
|
53
|
+
const m = 42 - c.length;
|
|
54
54
|
for (let s = 1; s <= m; s++) {
|
|
55
|
-
const i = n === 11 ? 1 : n + 2,
|
|
56
|
-
|
|
55
|
+
const i = n === 11 ? 1 : n + 2, b = `${n === 11 ? a + 1 : a}-${String(i).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
|
|
56
|
+
c.push({
|
|
57
57
|
day: s,
|
|
58
58
|
isCurrentMonth: !1,
|
|
59
|
-
dateString:
|
|
60
|
-
isToday: h ===
|
|
59
|
+
dateString: b,
|
|
60
|
+
isToday: h === b
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
|
-
return
|
|
63
|
+
return c;
|
|
64
64
|
}, H = () => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
65
65
|
__proto__: null,
|
|
66
66
|
generateCalendarDays: T,
|
|
67
67
|
generateCalendarWeekdays: H,
|
|
68
68
|
getGidsCalendarClassNames: $
|
|
69
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: V } = E, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role:
|
|
69
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: V } = E, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role: c = "gridcell", cellType: h = "effective", ...m }) => {
|
|
70
70
|
const s = !a && h === "effective";
|
|
71
|
-
return d("button", { class: V({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role:
|
|
71
|
+
return d("button", { class: V({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role: c, "aria-selected": n ? "true" : "false", disabled: a, onClick: (i) => {
|
|
72
72
|
if (i.defaultPrevented || a || !s) return;
|
|
73
73
|
const u = new CustomEvent("onPressCalendarCell", { bubbles: !0, composed: !0, detail: { cellValue: e, selected: n, disabled: a, dot: t, today: r } });
|
|
74
74
|
l && l(u);
|
|
@@ -107,7 +107,7 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => f(
|
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
109
|
const e = I({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = W(), a = z({ width: this.width });
|
|
110
|
-
return d("div", { key: "
|
|
110
|
+
return d("div", { key: "22e25fe0a368f225c4ea74b74d55e4b553a778df", class: a }, d("gids-calendar-header-panel", { key: "e436fd895bc0b5319e8799fd69e5f8bf8d0d1b51", appearance: this.panelActionsAppearance, startYear: this.startYear, endYear: this.endYear, monthPickerDisabled: this.monthPickerDisabled, yearPickerDisabled: this.yearPickerDisabled, previousDisabled: this.previousDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, selectedMonthNumber: this.currentMonth, selectedYear: this.currentYear, onPanelMonthChange: this.handleCHPOnPanelMonthChangeEvent, onPanelYearChange: this.handleCHPOnPanelYearChangeEvent, onNextChange: this.handleCHPOnNextActionEvent, onPreviousChange: this.handleCHPOnPreviousActionEvent }), d("div", { key: "7d56f0384866d8d414fa5f87c21825c297b4d81b", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "863009e27aa0a09ad9b00697e60cd69b954d1c19", class: "gids-calendar__days-grid" }, e.map(((n) => {
|
|
111
111
|
const r = this.selectedDate === n.dateString, l = this.dotVisibleDates?.includes(n.dateString);
|
|
112
112
|
return d(C, { label: n.day + "", today: n.isToday, selected: r, dot: l, cellType: "effective", disabled: !n.isCurrentMonth, onPressCalendarCell: (g) => this.handleDateCellClick({ event: g, dateStr: n.dateString, isCurrentMonth: n.isCurrentMonth }) });
|
|
113
113
|
}))));
|
|
@@ -123,25 +123,25 @@ function y() {
|
|
|
123
123
|
typeof customElements < "u" && ["gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dot", "gids-dropdown-picker", "gids-icon"].forEach(((e) => {
|
|
124
124
|
switch (e) {
|
|
125
125
|
case "gids-calendar":
|
|
126
|
-
customElements.get(
|
|
126
|
+
customElements.get(o(e)) || customElements.define(o(e), v);
|
|
127
127
|
break;
|
|
128
128
|
case "gids-calendar-header-panel":
|
|
129
|
-
customElements.get(
|
|
129
|
+
customElements.get(o(e)) || M();
|
|
130
130
|
break;
|
|
131
131
|
case "gids-calendar-month-list":
|
|
132
|
-
customElements.get(
|
|
132
|
+
customElements.get(o(e)) || N();
|
|
133
133
|
break;
|
|
134
134
|
case "gids-calendar-year-list":
|
|
135
|
-
customElements.get(
|
|
135
|
+
customElements.get(o(e)) || Y();
|
|
136
136
|
break;
|
|
137
137
|
case "gids-dot":
|
|
138
|
-
customElements.get(
|
|
138
|
+
customElements.get(o(e)) || k();
|
|
139
139
|
break;
|
|
140
140
|
case "gids-dropdown-picker":
|
|
141
|
-
customElements.get(
|
|
141
|
+
customElements.get(o(e)) || w();
|
|
142
142
|
break;
|
|
143
143
|
case "gids-icon":
|
|
144
|
-
customElements.get(
|
|
144
|
+
customElements.get(o(e)) || x();
|
|
145
145
|
}
|
|
146
146
|
}));
|
|
147
147
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as e,
|
|
2
|
-
const
|
|
1
|
+
import { r as e, d as t } from "./p-Cn-t3SGc-CwvvOdlK.js";
|
|
2
|
+
const r = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as GidsChartLegend,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
import { L as u, u as m, D as
|
|
1
|
+
import { L as u, u as m, D as i, q as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { r as o, c as y, b, a as T, C } from "./p-CaauwQNd-D6_PbcRr.js";
|
|
3
|
-
import { d as v } from "./p-
|
|
4
|
-
import { g as f } from "./p-
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import { d as v } from "./p-qIkbfIF3-B7NovGEi.js";
|
|
4
|
+
import { g as f } from "./p-C2PfO9h9-H_toZwKo.js";
|
|
5
|
+
import { d as k } from "./p-Cn-t3SGc-CwvvOdlK.js";
|
|
6
|
+
import { l as _ } from "./p-BQCMjWpK-CLxPNItn.js";
|
|
7
7
|
import { h as A } from "./p-Degg_WJz-BLua06el.js";
|
|
8
|
-
import { g as P } from "./p-
|
|
9
|
-
import { c as E } from "./p-
|
|
8
|
+
import { g as P } from "./p-Ditd1zV7-DdQjXthS.js";
|
|
9
|
+
import { c as E } from "./p-3Ni1-UuQ-CPn15cat.js";
|
|
10
10
|
import { d as D } from "./p-CoS0NuDU-CqmDcRWj.js";
|
|
11
11
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
12
|
-
const G = (
|
|
12
|
+
const G = (e) => x("gids-chart", e), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
13
13
|
__proto__: null,
|
|
14
14
|
getGidsChartClassNames: G
|
|
15
15
|
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartClassNames: L } = I, c = u(class extends m {
|
|
16
|
-
constructor(
|
|
17
|
-
super(),
|
|
18
|
-
const
|
|
19
|
-
return !(!
|
|
16
|
+
constructor(e) {
|
|
17
|
+
super(), e !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.chartType = "line-chart", this.getChartTypes = () => ["line-chart", "bar-chart", "pie-chart", "activity-gauge", "level-gauge", "progress-circle", "radar-chart"], this.isChartTypeValid = () => {
|
|
18
|
+
const r = this.getChartTypes(), a = this.chartType;
|
|
19
|
+
return !(!a || !r.includes(a));
|
|
20
20
|
}, this.isChartDataValid = () => {
|
|
21
|
-
const
|
|
22
|
-
if (
|
|
23
|
-
const
|
|
21
|
+
const r = this.chartType;
|
|
22
|
+
if (r === "line-chart") {
|
|
23
|
+
const a = this.lineChartProps, t = a?.chartData ?? [], s = t?.[0]?.data ?? [];
|
|
24
24
|
return Array.isArray(t) && t.length > 0 && Array.isArray(s) && s.length > 0;
|
|
25
25
|
}
|
|
26
|
-
if (
|
|
27
|
-
const
|
|
26
|
+
if (r === "bar-chart") {
|
|
27
|
+
const a = this.barChartProps, t = a?.chartData ?? [], s = t?.[0]?.data ?? [];
|
|
28
28
|
return Array.isArray(t) && t.length > 0 && Array.isArray(s) && s.length > 0;
|
|
29
29
|
}
|
|
30
|
-
if (
|
|
31
|
-
const
|
|
30
|
+
if (r === "pie-chart") {
|
|
31
|
+
const a = this.pieChartProps, t = a?.chartData ?? [];
|
|
32
32
|
return Array.isArray(t) && t.length > 0;
|
|
33
33
|
}
|
|
34
|
-
if (
|
|
35
|
-
const
|
|
34
|
+
if (r === "activity-gauge") {
|
|
35
|
+
const a = this.activityGaugeProps, t = a?.chartData ?? [];
|
|
36
36
|
return Array.isArray(t) && t.length > 0;
|
|
37
37
|
}
|
|
38
|
-
return
|
|
38
|
+
return r === "level-gauge" || r === "progress-circle" || r === "radar-chart";
|
|
39
39
|
}, this.getChartTypeText = () => {
|
|
40
|
-
const
|
|
41
|
-
if (
|
|
42
|
-
const
|
|
40
|
+
const r = this.chartType;
|
|
41
|
+
if (r) {
|
|
42
|
+
const a = r.split("-");
|
|
43
43
|
let t = "";
|
|
44
|
-
return
|
|
44
|
+
return a.map(((s, h) => {
|
|
45
45
|
t = h === 0 ? "" + s : `${t} ${s}`;
|
|
46
46
|
})), t;
|
|
47
47
|
}
|
|
48
48
|
return "";
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
-
handleBreakpointChange(
|
|
52
|
-
this.breakpoint =
|
|
51
|
+
handleBreakpointChange(e) {
|
|
52
|
+
this.breakpoint = e;
|
|
53
53
|
}
|
|
54
|
-
handleChartTypeChange(
|
|
55
|
-
this.chartType =
|
|
54
|
+
handleChartTypeChange(e) {
|
|
55
|
+
this.chartType = e;
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
if (!this.isChartTypeValid()) return
|
|
59
|
-
const
|
|
60
|
-
if (!
|
|
61
|
-
const
|
|
62
|
-
return
|
|
58
|
+
if (!this.isChartTypeValid()) return i("div", { class: "gids-chart__no-data" }, i(o, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
|
|
59
|
+
const e = this.isChartDataValid(), r = this.getChartTypeText();
|
|
60
|
+
if (!e) return i("div", { class: "gids-activity-gauge__no-data" }, i(o, { title: T, supportingText: C(r) }));
|
|
61
|
+
const a = L(), t = this.chartType, s = this.barChartProps, h = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
|
|
62
|
+
return i("div", { class: a }, t === "line-chart" ? i("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? i("gids-bar-chart", { ...s, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? i("gids-pie-chart", { ...h, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? i("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? i("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? i("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? i("div", { class: "gids-chart__no-data" }, i(o, { title: "Coming Soon!", supportingText: "Radar chart is under progress. This will be available in next major version of GIDS." })) : null);
|
|
63
63
|
}
|
|
64
64
|
static get watchers() {
|
|
65
65
|
return { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] };
|
|
@@ -69,34 +69,34 @@ const G = (r) => x("gids-chart", r), I = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
69
69
|
}
|
|
70
70
|
}, [0, "gids-chart", { breakpoint: [1], chartType: [1, "chart-type"], lineChartProps: [16], barChartProps: [16], pieChartProps: [16], activityGaugeProps: [16], levelGaugeProps: [16], progressCircleProps: [16] }, void 0, { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] }]);
|
|
71
71
|
function g() {
|
|
72
|
-
typeof customElements < "u" && ["gids-chart", "gids-activity-gauge", "gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item", "gids-level-gauge", "gids-line-chart", "gids-pie-chart", "gids-progress-circle"].forEach(((
|
|
73
|
-
switch (
|
|
72
|
+
typeof customElements < "u" && ["gids-chart", "gids-activity-gauge", "gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item", "gids-level-gauge", "gids-line-chart", "gids-pie-chart", "gids-progress-circle"].forEach(((e) => {
|
|
73
|
+
switch (e) {
|
|
74
74
|
case "gids-chart":
|
|
75
|
-
customElements.get(n(
|
|
75
|
+
customElements.get(n(e)) || customElements.define(n(e), c);
|
|
76
76
|
break;
|
|
77
77
|
case "gids-activity-gauge":
|
|
78
|
-
customElements.get(n(
|
|
78
|
+
customElements.get(n(e)) || v();
|
|
79
79
|
break;
|
|
80
80
|
case "gids-bar-chart":
|
|
81
|
-
customElements.get(n(
|
|
81
|
+
customElements.get(n(e)) || f();
|
|
82
82
|
break;
|
|
83
83
|
case "gids-chart-legend":
|
|
84
|
-
customElements.get(n(
|
|
84
|
+
customElements.get(n(e)) || k();
|
|
85
85
|
break;
|
|
86
86
|
case "gids-chart-legend-item":
|
|
87
|
-
customElements.get(n(
|
|
87
|
+
customElements.get(n(e)) || _();
|
|
88
88
|
break;
|
|
89
89
|
case "gids-level-gauge":
|
|
90
|
-
customElements.get(n(
|
|
90
|
+
customElements.get(n(e)) || A();
|
|
91
91
|
break;
|
|
92
92
|
case "gids-line-chart":
|
|
93
|
-
customElements.get(n(
|
|
93
|
+
customElements.get(n(e)) || P();
|
|
94
94
|
break;
|
|
95
95
|
case "gids-pie-chart":
|
|
96
|
-
customElements.get(n(
|
|
96
|
+
customElements.get(n(e)) || E();
|
|
97
97
|
break;
|
|
98
98
|
case "gids-progress-circle":
|
|
99
|
-
customElements.get(n(
|
|
99
|
+
customElements.get(n(e)) || D();
|
|
100
100
|
}
|
|
101
101
|
}));
|
|
102
102
|
}
|
|
@@ -2,15 +2,15 @@ import { L as r, u as d, z as l, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js
|
|
|
2
2
|
import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
import { d as h } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
4
4
|
import { c as g } from "./clsx-OuTLNxxd.js";
|
|
5
|
-
const
|
|
5
|
+
const u = ({ size: e }, o) => g("gids-chevron-button", {
|
|
6
6
|
// 'gids-chevron-button--xs': size === 'xs', // By default xs
|
|
7
7
|
"gids-chevron-button--sm": e === "sm",
|
|
8
8
|
"gids-chevron-button--md": e === "md",
|
|
9
9
|
"gids-chevron-button--lg": e === "lg"
|
|
10
|
-
}, o),
|
|
10
|
+
}, o), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
11
11
|
__proto__: null,
|
|
12
|
-
getGidsChevronButtonClassNames:
|
|
13
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } =
|
|
12
|
+
getGidsChevronButtonClassNames: u
|
|
13
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } = b, i = r(class extends d {
|
|
14
14
|
constructor(e) {
|
|
15
15
|
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.gidsChevronButton = l(this, "gidsChevronButton"), this.activeClasses = "", this.size = "xs";
|
|
16
16
|
}
|
|
@@ -31,7 +31,7 @@ const b = ({ size: e }, o) => g("gids-chevron-button", {
|
|
|
31
31
|
this.activeClasses = t({ size: this.size }, this.extraClasses);
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return s("button", { key: "
|
|
34
|
+
return s("button", { key: "f0b5e69e84b26b646b437307e334335024f6a40b", class: this.activeClasses, slot: "trailingAccessory", type: "button", onClick: (e) => this.gidsChevronButton.emit(e), "aria-label": this?.ariaLabel ?? "", "aria-expanded": this?.ariaExpanded ?? "", "aria-haspopup": this?.ariaHaspopup ?? "", "aria-controls": this?.ariaControls ?? "", disabled: this.disabled, tabIndex: -1 }, s("span", { key: "a3c8be4bfca7dfccc5d5ddc7625a29390a780d2b", class: "gids-button__content" }, s(h, { key: "3f135507cc90509b64249ed8f4d3d234128e2625", name: "chevron-vertical", alt: "" })));
|
|
35
35
|
}
|
|
36
36
|
get _el() {
|
|
37
37
|
return this;
|
|
@@ -49,8 +49,8 @@ function n() {
|
|
|
49
49
|
}));
|
|
50
50
|
}
|
|
51
51
|
n();
|
|
52
|
-
const
|
|
52
|
+
const f = i, z = n;
|
|
53
53
|
export {
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
f as GidsChevronButton,
|
|
55
|
+
z as defineCustomElement
|
|
56
56
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { L as n, u as
|
|
2
|
-
import { a as
|
|
3
|
-
import {
|
|
4
|
-
import { h } from "./p-
|
|
5
|
-
import { r as
|
|
6
|
-
import { g as
|
|
7
|
-
const i = n(class extends
|
|
1
|
+
import { L as n, u as d, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { a as r } from "./p-Dg2yoUxw-Cca8ROd_.js";
|
|
3
|
+
import { l } from "./p-DVVJrKxO-Bdl0HX_u.js";
|
|
4
|
+
import { h } from "./p-BE2G21MT-WGW-ehxu.js";
|
|
5
|
+
import { r as c } from "./p-DA_atCAU-KdxJYYDE.js";
|
|
6
|
+
import { g as u } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
7
|
+
const i = n(class extends d {
|
|
8
8
|
constructor(e) {
|
|
9
|
-
super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.#e =
|
|
9
|
+
super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.#e = u(), this.handleSelectionChange = (t) => {
|
|
10
10
|
this.value = t.value, this.syncFormValue(t.value), this.onSelectionChange?.(t);
|
|
11
11
|
}, this.handleDropdownFocusAndBlur = (t) => {
|
|
12
12
|
this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
|
|
@@ -51,7 +51,7 @@ const i = n(class extends r {
|
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
53
|
const e = this.inputProps?.id ?? this.#e, t = { ...this.inputProps, id: e, placeholder: this.inputProps?.placeholder ?? "Please select an option" };
|
|
54
|
-
return s("gids-field", { key: "
|
|
54
|
+
return s("gids-field", { key: "955fc1bb51a0f03f8385dbe839d369763e42e7fc", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? s(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, s("gids-dropdown", { key: "bba762ea7edb1ebaa2b14d0c8851858763172a08", appearance: this.appearance, expanded: this.expanded, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, s("slot", { key: "649ff40ddce21ad400c9a5026c73ee911115b085", name: "leadingIconDropdown" }), s("slot", { key: "43d91c9a9fc3a4ccfc78b37bc0abe291cceef511", name: "leadingAccessoryDropdown" }), s("slot", { key: "20e8a20ed143207e35aca5087c92bb48235a21aa" })));
|
|
55
55
|
}
|
|
56
56
|
static get formAssociated() {
|
|
57
57
|
return !0;
|
|
@@ -76,7 +76,7 @@ function o() {
|
|
|
76
76
|
customElements.get(a(e)) || h();
|
|
77
77
|
break;
|
|
78
78
|
case "gids-input":
|
|
79
|
-
customElements.get(a(e)) ||
|
|
79
|
+
customElements.get(a(e)) || c();
|
|
80
80
|
}
|
|
81
81
|
}));
|
|
82
82
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
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
|
+
};
|