@ganpatiinfo/gids-core-web 10.0.0 → 10.2.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 +260 -0
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.d.ts +11 -0
- package/dist/gids-action-bar.js +1 -0
- package/dist/gids-activity-gauge.d.ts +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-bar-chart.d.ts +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-calendar-header-panel.d.ts +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.d.ts +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.d.ts +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.d.ts +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.d.ts +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.d.ts +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.d.ts +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.d.ts +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.d.ts +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.d.ts +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.d.ts +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.d.ts +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-field.d.ts +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.d.ts +11 -0
- package/dist/gids-filter.js +1 -0
- package/dist/gids-icon.d.ts +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-level-gauge.d.ts +1 -1
- package/dist/gids-level-gauge.js +1 -1
- package/dist/gids-line-chart.d.ts +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-notification.d.ts +1 -1
- package/dist/gids-notification.js +1 -1
- package/dist/gids-overflow-container.d.ts +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.d.ts +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.d.ts +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.d.ts +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.d.ts +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-progress-circle.d.ts +1 -1
- package/dist/gids-progress-circle.js +1 -1
- package/dist/gids-scrim.d.ts +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-snackbar.d.ts +1 -1
- package/dist/gids-snackbar.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.d.ts +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.d.ts +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.d.ts +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/index.js +1 -1
- package/dist/{p-h6alWGT8.js → p-5VIPb1eU.js} +1 -1
- package/dist/{p-BiPAgxAQ.js → p-8tOn5SjU.js} +1 -1
- package/dist/{p-Bmb-HiXg.js → p-B1Jgtjhu.js} +1 -1
- package/dist/{p-B81J5HCC.js → p-BYDimyG-.js} +1 -1
- package/dist/p-Bf3p-DY2.js +1 -0
- package/dist/{p-tyIgTtUC.js → p-BfnzH6wp.js} +1 -1
- package/dist/p-Bj28yqMD.js +1 -0
- package/dist/{p-CJzporPT.js → p-C-cUL-aA.js} +1 -1
- package/dist/{p-BvYnawkJ.js → p-C7ifjRCE.js} +1 -1
- package/dist/p-CHGTBObD.js +1 -0
- package/dist/{p-D_wcwB7E.js → p-CaauwQNd.js} +1 -1
- package/dist/p-Ciw-O9qN.js +1 -0
- package/dist/{p-quZYWCxU.js → p-CoS0NuDU.js} +1 -1
- package/dist/{p-BnL97lOW.js → p-D4Pimu_8.js} +1 -1
- package/dist/p-D6lxqcxP.js +1 -0
- package/dist/p-DMNS1d8v.js +1 -0
- package/dist/{p-uqSjmNkw.js → p-Degg_WJz.js} +1 -1
- package/dist/p-Dg2yoUxw.js +1 -0
- package/dist/{p-CIP0xyhD.js → p-DiNad9Px.js} +1 -1
- package/dist/{p-D93TNeOt.js → p-DoPuGtJd.js} +1 -1
- package/dist/{p-DfFqFdmS.js → p-Doi8Yizl.js} +1 -1
- package/dist/{p-9_mrQ7ac.js → p-Jdpe4Sgj.js} +1 -1
- package/dist/p-UVmSPzTd.js +1 -0
- package/dist/p-UxDcM-C5.js +1 -0
- package/dist/{p-CPSHPtGE.js → p-bPPm7cuw.js} +1 -1
- package/dist/p-qb1aWgjh.js +1 -0
- package/dist/p-qrjEbv6g.js +1 -0
- package/dist/p-xITwQAMz.js +1 -0
- package/dist/types/components/html/GidsButtonGroup/GidsButtonGroup.d.ts +2 -2
- package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts +59 -0
- package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts +55 -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/webComponents/GidsToggleButton/GidsToggleButton.d.ts +5 -3
- package/dist/types/components.d.ts +381 -5
- package/dist-bundled/es/gids-action-bar.js +177 -0
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +4 -4
- package/dist-bundled/es/gids-calendar-header-panel.js +4 -4
- package/dist-bundled/es/gids-calendar-month-list.js +3 -3
- package/dist-bundled/es/gids-calendar-year-list.js +3 -3
- package/dist-bundled/es/gids-calendar.js +34 -34
- 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 +22 -22
- package/dist-bundled/es/gids-chevron-button.js +9 -9
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +9 -9
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +6 -0
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-level-gauge.js +4 -4
- package/dist-bundled/es/gids-line-chart.js +1 -1
- package/dist-bundled/es/gids-notification.js +1 -1
- package/dist-bundled/es/gids-overflow-container.js +9 -9
- package/dist-bundled/es/gids-overlay-provider.js +12 -12
- package/dist-bundled/es/gids-password-field.js +48 -48
- package/dist-bundled/es/gids-pie-chart.js +3 -3
- package/dist-bundled/es/gids-popover.js +5 -5
- package/dist-bundled/es/gids-progress-circle.js +1 -1
- package/dist-bundled/es/gids-scrim.js +3 -3
- package/dist-bundled/es/gids-snackbar.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 +17 -17
- package/dist-bundled/es/gids-toggle-button.js +4 -44
- package/dist-bundled/es/gids-tooltip.js +2 -2
- package/dist-bundled/es/index.js +3 -3
- package/dist-bundled/es/nonEmpty-B284_5ai.js +4 -0
- package/dist-bundled/es/{p-h6alWGT8-CSY2g3c8.js → p-5VIPb1eU-MCAo8JCp.js} +8 -8
- package/dist-bundled/es/{p-BiPAgxAQ-BtMBQpJY.js → p-8tOn5SjU-D9rZ28cf.js} +11 -11
- package/dist-bundled/es/{p-Bmb-HiXg-MyHWdhpw.js → p-B1Jgtjhu-B_VYp-ZP.js} +15 -15
- package/dist-bundled/es/{p-B81J5HCC-Bkt2yXKi.js → p-BYDimyG--DBCLrqDJ.js} +3 -3
- package/dist-bundled/es/p-Bf3p-DY2-CPqEc-vc.js +672 -0
- package/dist-bundled/es/{p-tyIgTtUC-C8jR4A5G.js → p-BfnzH6wp-BfLC7Nak.js} +4 -4
- package/dist-bundled/es/p-Bj28yqMD-Dz1SWSqM.js +44 -0
- package/dist-bundled/es/{p-CJzporPT-I_OdjJsQ.js → p-C-cUL-aA-2jsvw-Lr.js} +9 -9
- package/dist-bundled/es/{p-BvYnawkJ-DohV9UNG.js → p-C7ifjRCE-CRlorwoN.js} +10 -10
- package/dist-bundled/es/{p-DKsrt7dx-ImYLc4xz.js → p-CHGTBObD-EN4cCwtX.js} +3 -3
- package/dist-bundled/es/{p-D_wcwB7E-d3jYxfod.js → p-CaauwQNd-D6_PbcRr.js} +1 -1
- package/dist-bundled/es/{p-BFHWXEeg-ByjSjz8i.js → p-Ciw-O9qN-DkWfirFu.js} +24 -22
- package/dist-bundled/es/{p-quZYWCxU-CPyWW0nv.js → p-CoS0NuDU-CqmDcRWj.js} +9 -9
- package/dist-bundled/es/{p-BnL97lOW-BO0p4EdC.js → p-D4Pimu_8-DfEGRQGf.js} +1 -1
- package/dist-bundled/es/p-D6lxqcxP-DWrZi1Xi.js +74 -0
- package/dist-bundled/es/{p-Dehss-X0-Di5vMgvd.js → p-DMNS1d8v-CHF62UXm.js} +3 -3
- package/dist-bundled/es/{p-uqSjmNkw-Cz2T86sC.js → p-Degg_WJz-BLua06el.js} +3 -3
- package/dist-bundled/es/{p-CRngHsR7-DL9wz3Z3.js → p-Dg2yoUxw-Cca8ROd_.js} +4 -4
- package/dist-bundled/es/{p-CIP0xyhD-D6y5soLj.js → p-DiNad9Px-uOCMHqAq.js} +11 -11
- package/dist-bundled/es/{p-D93TNeOt-Vvshbux8.js → p-DoPuGtJd-DYlbhh57.js} +14 -14
- package/dist-bundled/es/{p-DfFqFdmS-DjI2pk-0.js → p-Doi8Yizl-BszWK5Dq.js} +5 -5
- package/dist-bundled/es/{p-9_mrQ7ac-If6e6cvJ.js → p-Jdpe4Sgj-acwaxLtK.js} +3 -3
- package/dist-bundled/es/p-UVmSPzTd-6vjXok6h.js +26 -0
- package/dist-bundled/es/{p-DZWWuJac-DNQvnHAr.js → p-UxDcM-C5-Dr5d_WpJ.js} +2 -2
- package/dist-bundled/es/{p-CPSHPtGE-C7baJgXR.js → p-bPPm7cuw-B-dtPJF9.js} +6 -6
- package/dist-bundled/es/{p-B_HaXpJZ-a2SDgQ0E.js → p-qb1aWgjh-CzmMPIME.js} +2 -2
- package/dist-bundled/es/p-qrjEbv6g-ITSp3ky_.js +152 -0
- package/dist-bundled/es/{p-BaO-kEWS-ZITkeP-j.js → p-xITwQAMz-BMXjOAAQ.js} +20 -18
- package/dist-bundled/umd/gids-action-bar.umd.js +7 -0
- package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
- package/dist-bundled/umd/gids-bar-chart.umd.js +3 -3
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
- 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 +2 -2
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +2 -2
- package/dist-bundled/umd/gids-chart-legend.umd.js +2 -2
- package/dist-bundled/umd/gids-chart.umd.js +3 -3
- package/dist-bundled/umd/gids-chevron-button.umd.js +2 -2
- package/dist-bundled/umd/gids-dot.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
- package/dist-bundled/umd/gids-field.umd.js +2 -2
- package/dist-bundled/umd/gids-filter.umd.js +7 -0
- package/dist-bundled/umd/gids-icon.umd.js +2 -2
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-level-gauge.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-notification.umd.js +2 -2
- package/dist-bundled/umd/gids-overflow-container.umd.js +2 -2
- package/dist-bundled/umd/gids-overlay-provider.umd.js +2 -2
- 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 +2 -2
- package/dist-bundled/umd/gids-progress-circle.umd.js +2 -2
- package/dist-bundled/umd/gids-scrim.umd.js +2 -2
- package/dist-bundled/umd/gids-snackbar.umd.js +2 -2
- 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 +2 -2
- package/dist-bundled/umd/gids-toggle-button.umd.js +3 -3
- package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
- package/dist-bundled/umd/index.umd.js +2 -2
- package/dist-bundled/umd-complete/gids-core-web.umd.js +8 -8
- package/package.json +36 -4
- package/dist/p-BFHWXEeg.js +0 -1
- package/dist/p-B_HaXpJZ.js +0 -1
- package/dist/p-BaO-kEWS.js +0 -1
- package/dist/p-CRngHsR7.js +0 -1
- package/dist/p-Ct3Ixgvf.js +0 -1
- package/dist/p-DKsrt7dx.js +0 -1
- package/dist/p-DZWWuJac.js +0 -1
- package/dist/p-Dehss-X0.js +0 -1
- package/dist/p-KxRqlvSh.js +0 -1
- package/dist/p-MgTlrSP_.js +0 -1
- package/dist-bundled/es/p-Ct3Ixgvf-CNP_PKwP.js +0 -646
- package/dist-bundled/es/p-KxRqlvSh-JOFDmT0B.js +0 -25
- package/dist-bundled/es/p-MgTlrSP_-DifRVv94.js +0 -70
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import { L as J, q as v, u as K, D as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
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-6vjXok6h.js";
|
|
4
|
+
import { d as G } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
5
|
+
import { a as Q } from "./p-qrjEbv6g-ITSp3ky_.js";
|
|
6
|
+
import { o as R } from "./p-Bj28yqMD-Dz1SWSqM.js";
|
|
7
|
+
import { c as U } from "./clsx-OuTLNxxd.js";
|
|
8
|
+
const W = (e) => U("gids-action-bar", e), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
9
|
+
__proto__: null,
|
|
10
|
+
getGidsActionBarClassNames: W
|
|
11
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames: Y } = X, N = J(class extends K {
|
|
12
|
+
constructor(e) {
|
|
13
|
+
super(), e !== !1 && this.__registerHost(), this.actionGroup = !1, this.allFiltersTabVisible = !1, this.moreFiltersTabVisible = !1, this.clearAllFiltersVisible = !0, this.clearAllFiltersButtonAppearance = "primary", this.primaryFilters = [], this.secondaryFilters = [], this.filterSize = "xs", this.disabled = !1, this.activeExpandedFilterId = void 0, this.handleAllFilterClick = (t) => {
|
|
14
|
+
const { id: l, filterId: a, title: d, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, filterSelected: b, defaultSelected: F, hasFilterMenu: s, isPlaceholderItem: A } = t;
|
|
15
|
+
this.applyAllToggleSelection({ title: d, value: f, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, hasFilterMenu: s, filterSelected: b, isPlaceholderItem: A, filterId: a, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
|
|
16
|
+
}, this.handleSecondaryFilterClick = (t) => {
|
|
17
|
+
const { id: l, filterId: a, title: d, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, filterSelected: b, defaultSelected: F, hasFilterMenu: s, isPlaceholderItem: A } = t;
|
|
18
|
+
this.applySecondaryFilterToggleSelection({ title: d, value: f, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, hasFilterMenu: s, filterSelected: b, isPlaceholderItem: A, filterId: a, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
|
|
19
|
+
}, this.applySecondaryFilterToggleSelection = (t) => {
|
|
20
|
+
this.setFilterPickerExpandedState(t?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(t), this.onToggleActionBarNoneFilter && this.onToggleActionBarNoneFilter(t);
|
|
21
|
+
}, this.toggleDropdownFilter = ({ detail: t, filterId: l, pickerData: a }) => {
|
|
22
|
+
this.setFilterPickerExpandedState(l, t), this.onToggleActionBarDropdownFilter && this.onToggleActionBarDropdownFilter({ filterId: l, pickerData: a, ...t });
|
|
23
|
+
}, this.handleDropdownFilterMenuItemClick = ({ event: t, filterItemType: l, filterType: a, filterIndex: d, filterId: f, filterMenuSectionIndex: p }) => {
|
|
24
|
+
const u = t.detail, { id: g, defaultSelected: y, disabled: m, isPlaceholderItem: n, selectedIndex: b, title: F, value: s } = u;
|
|
25
|
+
this.applyDropdownFilterMenuItemSelection({ title: F, value: s, selectedFilterMenuIndex: b, filterType: a, filterItemType: l, filterTitle: F, filterIndex: d, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: g, filterDisabled: m, filterDefaultSelected: y || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
|
|
26
|
+
}, this.applyDropdownFilterMenuItemSelection = (t) => {
|
|
27
|
+
this.applyDropdownFiltersSelectedStateChange(t), this.onDropdownSelectionActionBarFilterChange && this.onDropdownSelectionActionBarFilterChange(t);
|
|
28
|
+
}, this.applyDropdownFiltersSelectedStateChange = (t) => {
|
|
29
|
+
const l = this?.selectedFilters ? [...this.selectedFilters] : [];
|
|
30
|
+
if (l.length > 0) {
|
|
31
|
+
const a = l.findIndex(((d) => d.filterId === t?.filterId));
|
|
32
|
+
a != null && a !== -1 ? t?.isPlaceholderItem ? l.splice(a, 1) : l[a] = { ...t, filterPickerData: { ...t.filterPickerData } } : t?.isPlaceholderItem || l.push({ ...t, filterPickerData: { ...t.filterPickerData } });
|
|
33
|
+
} else t?.isPlaceholderItem || l.push({ ...t, filterPickerData: { ...t.filterPickerData } });
|
|
34
|
+
this.selectedFilters = l;
|
|
35
|
+
}, this.handleClearAllFiltersClick = (t) => {
|
|
36
|
+
this.selectedFilters = [], this.onClearAllFiltersButton && this.onClearAllFiltersButton(t);
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
handleFilterSizeChange(e) {
|
|
40
|
+
this.filterSize = e;
|
|
41
|
+
}
|
|
42
|
+
handleDropdownDividerVisibilityChange(e) {
|
|
43
|
+
this.dropdownDividerVisible = e;
|
|
44
|
+
}
|
|
45
|
+
handlePrimaryFiltersChange(e) {
|
|
46
|
+
this.primaryFilters = e;
|
|
47
|
+
}
|
|
48
|
+
handleSecondaryFiltersChange(e) {
|
|
49
|
+
this.secondaryFilters = e;
|
|
50
|
+
}
|
|
51
|
+
handleAllFiltersDataChange(e) {
|
|
52
|
+
this.allFiltersData = e;
|
|
53
|
+
}
|
|
54
|
+
handleMoreFiltersValueChange(e) {
|
|
55
|
+
this.moreFiltersData = e;
|
|
56
|
+
}
|
|
57
|
+
handleDisabilityChange(e) {
|
|
58
|
+
this.disabled = e;
|
|
59
|
+
}
|
|
60
|
+
handleActionGroupChange(e) {
|
|
61
|
+
this.actionGroup = e;
|
|
62
|
+
}
|
|
63
|
+
handleClearAllFiltersButtonAppearanceChange(e) {
|
|
64
|
+
this.clearAllFiltersButtonAppearance = e;
|
|
65
|
+
}
|
|
66
|
+
connectedCallback() {
|
|
67
|
+
this.createAllFiltersData();
|
|
68
|
+
}
|
|
69
|
+
applyAllToggleSelection(e) {
|
|
70
|
+
this.setFilterPickerExpandedState(e?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(e), this.onToggleActionBarAllFilter && this.onToggleActionBarAllFilter(e);
|
|
71
|
+
}
|
|
72
|
+
applyNormalFiltersSelectedStateChange(e) {
|
|
73
|
+
const t = this?.selectedFilters ? [...this.selectedFilters] : [];
|
|
74
|
+
if (t && t.length > 0) {
|
|
75
|
+
const l = t.findIndex(((a) => a.filterId === e?.filterId));
|
|
76
|
+
l != null && l !== -1 ? t.splice(l, 1) : e?.filterSelected && t.push({ ...e });
|
|
77
|
+
} else e?.filterSelected && t.push({ ...e });
|
|
78
|
+
this.selectedFilters = t;
|
|
79
|
+
}
|
|
80
|
+
isMoreFilterVisible() {
|
|
81
|
+
const e = this.moreFiltersData;
|
|
82
|
+
return !!(this.moreFiltersTabVisible && e && Object.keys(e).length > 0 && e?.filterPickerData && e.filterPickerData.length > 0);
|
|
83
|
+
}
|
|
84
|
+
isAllFilterVisible() {
|
|
85
|
+
return !!this.allFiltersTabVisible;
|
|
86
|
+
}
|
|
87
|
+
isAllFiltersTabDisabled() {
|
|
88
|
+
const e = this?.allFiltersData?.disabled;
|
|
89
|
+
return !(!this.disabled && !e);
|
|
90
|
+
}
|
|
91
|
+
isMoreFiltersTabDisabled() {
|
|
92
|
+
const e = this?.moreFiltersData?.disabled;
|
|
93
|
+
return !(!this.disabled && !e);
|
|
94
|
+
}
|
|
95
|
+
isActionGroup() {
|
|
96
|
+
const e = this.isMoreFilterVisible(), t = this?.secondaryFilters && this.secondaryFilters.length > 0, l = this?.actionGroup;
|
|
97
|
+
return !(!e && !t || !l);
|
|
98
|
+
}
|
|
99
|
+
createAllFiltersData() {
|
|
100
|
+
const e = this.allFiltersData;
|
|
101
|
+
e?.label && e.label !== "" || (this.allFiltersData = { ...this.allFiltersData, label: "All" });
|
|
102
|
+
}
|
|
103
|
+
getAllFiltersValue() {
|
|
104
|
+
return this.allFiltersData?.label ?? "All";
|
|
105
|
+
}
|
|
106
|
+
getSelectedFilter(e) {
|
|
107
|
+
return (this?.selectedFilters ?? []).find(((t) => t.filterId === e));
|
|
108
|
+
}
|
|
109
|
+
getSelectedDropdownFilterTitle(e) {
|
|
110
|
+
const t = this.getSelectedFilter(e);
|
|
111
|
+
if (t?.filterTitle) return t.filterTitle;
|
|
112
|
+
const l = (this?.primaryFilters ?? []).find(((p) => p?.filterId === e)), a = l?.filterPickerData ?? [], d = a?.[0]?.items?.[0];
|
|
113
|
+
let f = "";
|
|
114
|
+
return d?.isPlaceholderItem && d?.title && (f = d.title), f;
|
|
115
|
+
}
|
|
116
|
+
isNormalFilterSelected(e) {
|
|
117
|
+
return !!this.getSelectedFilter(e);
|
|
118
|
+
}
|
|
119
|
+
isDropdownFilterSelected(e) {
|
|
120
|
+
const t = this.getSelectedFilter(e), l = t?.filterPickerData;
|
|
121
|
+
return !(!l?.title && !l?.value || l?.isPlaceholderItem);
|
|
122
|
+
}
|
|
123
|
+
getSelectedFilterPickerData(e) {
|
|
124
|
+
return this.getSelectedFilter(e)?.filterPickerData;
|
|
125
|
+
}
|
|
126
|
+
setFilterPickerExpandedState(e, t) {
|
|
127
|
+
this.activeExpandedFilterId = t?.expanded ? e : void 0;
|
|
128
|
+
}
|
|
129
|
+
render() {
|
|
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: "bcdc09481518a9951c8e790fd3e4962e4a7f2c04", class: e }, r("div", { key: "b03978a9f7f516fc8da66291a9aac44a90bbbb94", class: "gids-action-bar__primary-filters" }, r(V, { key: "48635f38cf5aac9949d515e0816c3154bb7f1331", 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
|
+
const S = i?.filterPickerData ?? [], c = i?.filterId && i.filterId !== "" ? i.filterId : o + 1 + "_primary", h = "primary", C = "none", T = this.getSelectedDropdownFilterTitle(c);
|
|
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
|
+
const x = I?.sectionLabel;
|
|
135
|
+
return r(z, { sectionLabel: x, key: "" + k }, (I?.items ?? []).map(((D, B) => {
|
|
136
|
+
const O = D?.isPlaceholderItem ?? !1, P = D?.id && D.id !== "" ? D.id : `${c}_s${k}_i${B}`, q = this.getSelectedFilterPickerData(c);
|
|
137
|
+
return r($, { key: P, id: P, index: B, title: D?.title, value: D?.value, disabled: D?.disabled, defaultSelected: D?.defaultSelected, isPlaceholderItem: O, selected: q?.id === P, divider: m, onPressDropdownItem: (H) => this.handleDropdownFilterMenuItemClick({ event: H, filterItemType: h, filterType: C, filterIndex: o, filterId: c, filterMenuSectionIndex: k }) });
|
|
138
|
+
})));
|
|
139
|
+
}))));
|
|
140
|
+
})), this.clearAllFiltersVisible && !b ? r(E, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: r(G, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)), b ? r("div", { class: "gids-action-bar__secondary-filters" }, r(V, { layout: "wrap" }, l.map(((i, o) => {
|
|
141
|
+
const S = i?.filterId && i.filterId !== "" ? i.filterId : `${o + 1}_${i?.label}_secondary`;
|
|
142
|
+
return r("gids-filter", { key: "" + (t.length + o + 1), ...i, filterIndex: o, filterId: S, disabled: i?.disabled || this.disabled, filterDefaultSelected: i?.defaultSelected, type: "none", filterItemType: "secondary", value: i?.label, size: n, filterSelected: this.isNormalFilterSelected(S), onFilterMenuItemChange: this.handleSecondaryFilterClick });
|
|
143
|
+
})), a ? r("gids-filter", { key: `${s}_${L}`, type: w, filterItemType: A, filterIndex: M, filterId: s, ...p, disabled: this.isMoreFiltersTabDisabled(), filterSelected: this.isDropdownFilterSelected(s), size: n, expanded: this.activeExpandedFilterId === s }, r(_, { type: "default" }, f.map(((i, o) => {
|
|
144
|
+
const S = i?.items ?? [], c = i?.sectionLabel;
|
|
145
|
+
return r(z, { sectionLabel: c, key: "" + o }, S.map(((h, C) => {
|
|
146
|
+
const T = h?.isPlaceholderItem ?? !1, I = h?.id && h.id !== "" ? h.id : `${s}_s${o}_i${C}`, k = this.getSelectedFilterPickerData(s);
|
|
147
|
+
return r($, { key: I, id: I, index: C, title: h?.title, value: h?.value, disabled: h?.disabled, isPlaceholderItem: T, selected: k?.id === I, defaultSelected: h?.defaultSelected, divider: m, onPressDropdownItem: (x) => this.handleDropdownFilterMenuItemClick({ event: x, filterItemType: A, filterType: w, filterIndex: M, filterId: s, filterMenuSectionIndex: o }) });
|
|
148
|
+
})));
|
|
149
|
+
})))) : void 0, this.clearAllFiltersVisible ? r(E, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: r(G, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)) : void 0);
|
|
150
|
+
}
|
|
151
|
+
static get watchers() {
|
|
152
|
+
return { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] };
|
|
153
|
+
}
|
|
154
|
+
static get style() {
|
|
155
|
+
return ".gids-action-bar{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:var(--gids-gap-600);align-self:stretch}.gids-action-bar__primary-filters{display:flex;align-items:center;justify-content:flex-start;flex:1 0 0}.gids-action-bar__secondary-filters{display:flex;align-items:center;justify-content:flex-end}";
|
|
156
|
+
}
|
|
157
|
+
}, [0, "gids-action-bar", { actionGroup: [4, "action-group"], allFiltersTabVisible: [4, "all-filters-tab-visible"], moreFiltersTabVisible: [4, "more-filters-tab-visible"], clearAllFiltersVisible: [4, "clear-all-filters-visible"], clearAllFiltersButtonAppearance: [1, "clear-all-filters-button-appearance"], primaryFilters: [16], secondaryFilters: [16], allFiltersData: [16], moreFiltersData: [16], filterSize: [1, "filter-size"], dropdownDividerVisible: [4, "dropdown-divider-visible"], disabled: [4], onToggleActionBarAllFilter: [16], onToggleActionBarDropdownFilter: [16], onToggleActionBarMoreFilter: [16], onToggleActionBarNoneFilter: [16], onDropdownSelectionActionBarFilterChange: [16], onMoreSelectionActionBarFilterChange: [16], onClearAllFiltersButton: [16], selectedFilters: [32], activeExpandedFilterId: [32] }, void 0, { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] }]);
|
|
158
|
+
function j() {
|
|
159
|
+
typeof customElements < "u" && ["gids-action-bar", "gids-filter", "gids-toggle-button"].forEach(((e) => {
|
|
160
|
+
switch (e) {
|
|
161
|
+
case "gids-action-bar":
|
|
162
|
+
customElements.get(v(e)) || customElements.define(v(e), N);
|
|
163
|
+
break;
|
|
164
|
+
case "gids-filter":
|
|
165
|
+
customElements.get(v(e)) || Q();
|
|
166
|
+
break;
|
|
167
|
+
case "gids-toggle-button":
|
|
168
|
+
customElements.get(v(e)) || R();
|
|
169
|
+
}
|
|
170
|
+
}));
|
|
171
|
+
}
|
|
172
|
+
j();
|
|
173
|
+
const se = N, de = j;
|
|
174
|
+
export {
|
|
175
|
+
se as GidsActionBar,
|
|
176
|
+
de as defineCustomElement
|
|
177
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as t, g as e } from "./p-
|
|
2
|
-
const
|
|
1
|
+
import { d as t, g as e } from "./p-bPPm7cuw-B-dtPJF9.js";
|
|
2
|
+
const o = t, r = e;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
o as GidsBarChart,
|
|
5
|
+
r as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { u as e, g as a } from "./p-
|
|
2
|
-
const
|
|
1
|
+
import { u as e, g as a } from "./p-DiNad9Px-uOCMHqAq.js";
|
|
2
|
+
const o = e, r = a;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
o as GidsCalendarHeaderPanel,
|
|
5
|
+
r as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { u as Y } from "./p-
|
|
5
|
-
import { g as k } from "./p-
|
|
6
|
-
import {
|
|
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 { n as S, g as M } from "./p-DiNad9Px-uOCMHqAq.js";
|
|
3
|
+
import { c as N } from "./p-B1Jgtjhu-B_VYp-ZP.js";
|
|
4
|
+
import { u as Y } from "./p-C-cUL-aA-2jsvw-Lr.js";
|
|
5
|
+
import { g as k } from "./p-Jdpe4Sgj-acwaxLtK.js";
|
|
6
|
+
import { a as w } from "./p-Ciw-O9qN-DkWfirFu.js";
|
|
7
|
+
import { d as x } from "./p-8tOn5SjU-D9rZ28cf.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,19 +22,19 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => b(
|
|
|
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
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
|
-
|
|
37
|
+
c.push({
|
|
38
38
|
day: i,
|
|
39
39
|
isCurrentMonth: !1,
|
|
40
40
|
dateString: f,
|
|
@@ -43,32 +43,32 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => b(
|
|
|
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
|
|
64
|
-
}, H = () => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
|
63
|
+
return c;
|
|
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:
|
|
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:
|
|
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);
|
|
@@ -76,7 +76,7 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => b(
|
|
|
76
76
|
let i = "subtle";
|
|
77
77
|
return n && !a && (i = "static-inverse"), i;
|
|
78
78
|
})(), disabled: a, size: "xs" }) : null);
|
|
79
|
-
}, { getGidsCalendarDayCellClassNames:
|
|
79
|
+
}, { getGidsCalendarDayCellClassNames: j } = O, G = ({ id: e, label: t, class: a, ...n }) => d(C, { ...n, id: e, label: t, name: t, dot: !1, disabled: !1, selected: !1, today: !1, cellType: "non-effective", class: j(a) }), { getGidsCalendarClassNames: z, generateCalendarDays: I, generateCalendarWeekdays: W } = L, { getCalendarMonthNameViaMonthNumber: q } = S, v = P(class extends D {
|
|
80
80
|
constructor(e) {
|
|
81
81
|
super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.panelActionsAppearance = "primary", this.dotVisibleDates = [], this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.panelDisabled = !1, this.currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this.handleCHPOnPreviousActionEvent = (t) => {
|
|
82
82
|
t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPreviousChange && this.onPreviousChange(t));
|
|
@@ -102,12 +102,12 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => b(
|
|
|
102
102
|
}
|
|
103
103
|
handleDateCellClick({ event: e, dateStr: t, isCurrentMonth: a }) {
|
|
104
104
|
if (e?.detail?.disabled) return;
|
|
105
|
-
const r = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], l =
|
|
105
|
+
const r = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], l = q(this.currentMonth);
|
|
106
106
|
this.onSelectionCalendarCell && this.onSelectionCalendarCell({ currentActivePanelState: { monthNumber: this.currentMonth, year: this.currentYear, month: l, panelValue: `${l} ${this.currentYear}` }, date: t, isCurrentMonth: a, selected: !0, today: r === t, dotVisibleDates: this.dotVisibleDates ?? [] });
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
const e = I({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = W(), a =
|
|
110
|
-
return d("div", { key: "
|
|
109
|
+
const e = I({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = W(), a = z({ width: this.width });
|
|
110
|
+
return d("div", { key: "003d0aa83d81d0c798d047555c05c8685e201c5f", class: a }, d("gids-calendar-header-panel", { key: "723e65be1a59eb101692248a2e9d27c360adb896", 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: "fb254d78210b4204c923dfbe64e0c057f82f21fe", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "35bdf1389a11c99d4a2712f1904bc113b468eb5b", 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, d as
|
|
2
|
-
const
|
|
1
|
+
import { r as e, d as t } from "./p-qb1aWgjh-CzmMPIME.js";
|
|
2
|
+
const r = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as GidsChartLegend,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { r as o, c as y, b
|
|
3
|
-
import { d as v } from "./p-
|
|
4
|
-
import { g as
|
|
5
|
-
import { d as
|
|
6
|
-
import { l as
|
|
7
|
-
import { h as
|
|
8
|
-
import { g as
|
|
9
|
-
import { c as E } from "./p-
|
|
10
|
-
import { d as D } from "./p-
|
|
1
|
+
import { L as u, u as m, D as a, q as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
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-5VIPb1eU-MCAo8JCp.js";
|
|
4
|
+
import { g as f } from "./p-bPPm7cuw-B-dtPJF9.js";
|
|
5
|
+
import { d as k } from "./p-qb1aWgjh-CzmMPIME.js";
|
|
6
|
+
import { l as _ } from "./p-BYDimyG--DBCLrqDJ.js";
|
|
7
|
+
import { h as A } from "./p-Degg_WJz-BLua06el.js";
|
|
8
|
+
import { g as P } from "./p-DoPuGtJd-DYlbhh57.js";
|
|
9
|
+
import { c as E } from "./p-BfnzH6wp-BfLC7Nak.js";
|
|
10
|
+
import { d as D } from "./p-CoS0NuDU-CqmDcRWj.js";
|
|
11
11
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
12
12
|
const G = (r) => x("gids-chart", r), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
13
13
|
__proto__: null,
|
|
14
14
|
getGidsChartClassNames: G
|
|
15
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartClassNames:
|
|
15
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartClassNames: L } = I, c = u(class extends m {
|
|
16
16
|
constructor(r) {
|
|
17
17
|
super(), r !== !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
18
|
const i = this.getChartTypes(), e = this.chartType;
|
|
@@ -55,10 +55,10 @@ const G = (r) => x("gids-chart", r), I = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
55
55
|
this.chartType = r;
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
if (!this.isChartTypeValid()) return a("div", { class: "gids-chart__no-data" }, a(o, { title: y, supportingText:
|
|
58
|
+
if (!this.isChartTypeValid()) return a("div", { class: "gids-chart__no-data" }, a(o, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
|
|
59
59
|
const r = this.isChartDataValid(), i = this.getChartTypeText();
|
|
60
|
-
if (!r) return a("div", { class: "gids-activity-gauge__no-data" }, a(o, { title:
|
|
61
|
-
const e =
|
|
60
|
+
if (!r) return a("div", { class: "gids-activity-gauge__no-data" }, a(o, { title: T, supportingText: C(i) }));
|
|
61
|
+
const e = L(), t = this.chartType, s = this.barChartProps, h = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
|
|
62
62
|
return a("div", { class: e }, t === "line-chart" ? a("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? a("gids-bar-chart", { ...s, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? a("gids-pie-chart", { ...h, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? a("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? a("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? a("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? a("div", { class: "gids-chart__no-data" }, a(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() {
|
|
@@ -78,19 +78,19 @@ function g() {
|
|
|
78
78
|
customElements.get(n(r)) || v();
|
|
79
79
|
break;
|
|
80
80
|
case "gids-bar-chart":
|
|
81
|
-
customElements.get(n(r)) ||
|
|
81
|
+
customElements.get(n(r)) || f();
|
|
82
82
|
break;
|
|
83
83
|
case "gids-chart-legend":
|
|
84
|
-
customElements.get(n(r)) ||
|
|
84
|
+
customElements.get(n(r)) || k();
|
|
85
85
|
break;
|
|
86
86
|
case "gids-chart-legend-item":
|
|
87
|
-
customElements.get(n(r)) ||
|
|
87
|
+
customElements.get(n(r)) || _();
|
|
88
88
|
break;
|
|
89
89
|
case "gids-level-gauge":
|
|
90
|
-
customElements.get(n(r)) ||
|
|
90
|
+
customElements.get(n(r)) || A();
|
|
91
91
|
break;
|
|
92
92
|
case "gids-line-chart":
|
|
93
|
-
customElements.get(n(r)) ||
|
|
93
|
+
customElements.get(n(r)) || P();
|
|
94
94
|
break;
|
|
95
95
|
case "gids-pie-chart":
|
|
96
96
|
customElements.get(n(r)) || E();
|
|
@@ -101,8 +101,8 @@ function g() {
|
|
|
101
101
|
}));
|
|
102
102
|
}
|
|
103
103
|
g();
|
|
104
|
-
const
|
|
104
|
+
const q = c, z = g;
|
|
105
105
|
export {
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
q as GidsChart,
|
|
107
|
+
z as defineCustomElement
|
|
108
108
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
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
|
-
import { d as h } from "./p-
|
|
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 b = ({ 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), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
11
11
|
__proto__: null,
|
|
12
|
-
getGidsChevronButtonClassNames:
|
|
13
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } =
|
|
12
|
+
getGidsChevronButtonClassNames: b
|
|
13
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } = u, 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 u = ({ 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: "fbf4cca7180faabe095dadf14a9b0d2a032d3221", 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: "f4b5b4ddee310e1a17ce82b5db26c76bff100201", class: "gids-button__content" }, s(h, { key: "d88b104d7baffc178c620f7d48b3bf1c83377cc1", 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 m = i,
|
|
52
|
+
const m = i, z = n;
|
|
53
53
|
export {
|
|
54
54
|
m as GidsChevronButton,
|
|
55
|
-
|
|
55
|
+
z as defineCustomElement
|
|
56
56
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { a as r } from "./p-
|
|
3
|
-
import { l } from "./p-
|
|
4
|
-
import { h } from "./p-
|
|
5
|
-
import { r as
|
|
6
|
-
import { g as
|
|
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-xITwQAMz-BMXjOAAQ.js";
|
|
4
|
+
import { h } from "./p-C7ifjRCE-CRlorwoN.js";
|
|
5
|
+
import { r as c } from "./p-Doi8Yizl-BszWK5Dq.js";
|
|
6
|
+
import { g as u } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
7
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 d {
|
|
|
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: "fb0965fc37a06b9937a6806516c7cddedadfe125", 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: "8ccb36c6505cd9363f1f4334bc2a2be7e7045f52", 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: "21bb6152c67fd767f8a55b7134d1eced8ae0516f", name: "leadingIconDropdown" }), s("slot", { key: "8b06bf5e9ac9f787b74ed6603a37c953fae67fe0", name: "leadingAccessoryDropdown" }), s("slot", { key: "9d653e38ecebdc233614f00a03fdaead3cf17fc7" })));
|
|
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 { c as o, l as e } from "./p-
|
|
2
|
-
const
|
|
1
|
+
import { c as o, l as e } from "./p-xITwQAMz-BMXjOAAQ.js";
|
|
2
|
+
const s = o, t = e;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as GidsDropdown,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|