@ganpatiinfo/gids-core-web 10.3.0 → 12.0.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 +259 -3
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.d.ts +1 -1
- package/dist/gids-action-bar.js +1 -1
- 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-expansion-body-list-item.d.ts +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.d.ts +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.d.ts +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.d.ts +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.d.ts +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.d.ts +1 -1
- package/dist/gids-filter.js +1 -1
- 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-line-chart.d.ts +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +11 -0
- package/dist/gids-md-table.js +1 -0
- package/dist/gids-notification.d.ts +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-scrim.d.ts +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-snackbar.d.ts +1 -1
- package/dist/gids-tab-item.d.ts +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.d.ts +1 -1
- package/dist/gids-tab.js +1 -1
- 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/{p-CD_BHkBE.js → p-6APCjBEI.js} +1 -1
- package/dist/p-BCVFQSjK.js +1 -0
- package/dist/{p-DfrYaprq.js → p-BSbOhfLZ.js} +1 -1
- package/dist/{p-DA_atCAU.js → p-BVAtja26.js} +1 -1
- package/dist/{p-BeP2XcqY.js → p-C2O_pGky.js} +1 -1
- package/dist/{p-3Ni1-UuQ.js → p-C3We7Q8Q.js} +1 -1
- package/dist/{p-C4yEV6pT.js → p-C3w3wdCt.js} +1 -1
- package/dist/{p-BQCMjWpK.js → p-C3xv7tfs.js} +1 -1
- package/dist/{p-Ditd1zV7.js → p-C56G7JRy.js} +1 -1
- package/dist/p-CI-sN9Lr.js +1 -0
- package/dist/{p-WHI6NO_h.js → p-COHuQEfZ.js} +1 -1
- package/dist/{p-CkydANOS.js → p-Chqeexny.js} +1 -1
- package/dist/{p-C2PfO9h9.js → p-DO0MyFf4.js} +1 -1
- package/dist/p-DUojHltk.js +1 -0
- package/dist/{p-DlI2raNo.js → p-VJAcf53T.js} +1 -1
- package/dist/p-_SIWct9h.js +1 -0
- package/dist/{p-qIkbfIF3.js → p-pSb81aE0.js} +1 -1
- package/dist/{p-BE2G21MT.js → p-ub0GuVHb.js} +1 -1
- package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +6 -0
- package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +4 -0
- package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +11 -0
- package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +4 -0
- package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +4 -0
- package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +11 -0
- package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts +15 -2
- package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +5 -4
- package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts +5 -0
- package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +40 -0
- package/dist/types/components.d.ts +183 -12
- package/dist-bundled/es/gids-action-bar.js +168 -126
- package/dist-bundled/es/gids-activity-gauge.js +4 -4
- package/dist-bundled/es/gids-bar-chart.js +1 -1
- 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 +4 -4
- 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 +4 -4
- package/dist-bundled/es/gids-chart.js +18 -18
- package/dist-bundled/es/gids-chevron-button.js +1 -1
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +4 -4
- 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 +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +35 -35
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- package/dist-bundled/es/gids-expansion.js +3 -3
- package/dist-bundled/es/gids-field.js +1 -1
- package/dist-bundled/es/gids-filter.js +2 -2
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +165 -0
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +22 -22
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-scrim.js +6 -6
- package/dist-bundled/es/gids-tab-item.js +6 -6
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +14 -14
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/{p-CD_BHkBE-DX2546yK.js → p-6APCjBEI-roDSyEYu.js} +5 -5
- package/dist-bundled/es/{p-Cn-t3SGc-CwvvOdlK.js → p-BCVFQSjK-CKrYrI4b.js} +15 -15
- package/dist-bundled/es/{p-DfrYaprq-CeZqb0rn.js → p-BSbOhfLZ-ByjjVMqG.js} +2 -2
- package/dist-bundled/es/{p-DA_atCAU-KdxJYYDE.js → p-BVAtja26-Xjd4_b4e.js} +7 -7
- package/dist-bundled/es/{p-BeP2XcqY-DMXmX4Mc.js → p-C2O_pGky-C_30AJ3m.js} +9 -9
- package/dist-bundled/es/{p-3Ni1-UuQ-CPn15cat.js → p-C3We7Q8Q-DT_NDg87.js} +2 -2
- package/dist-bundled/es/{p-C4yEV6pT-8IjLINXB.js → p-C3w3wdCt-I6zwuecb.js} +5 -5
- package/dist-bundled/es/{p-BQCMjWpK-CLxPNItn.js → p-C3xv7tfs-RodXvmql.js} +3 -3
- package/dist-bundled/es/{p-Ditd1zV7-DdQjXthS.js → p-C56G7JRy-B3HO4aVF.js} +2 -2
- package/dist-bundled/es/{p-DVVJrKxO-Bdl0HX_u.js → p-CI-sN9Lr-DHC9DyS8.js} +19 -18
- package/dist-bundled/es/{p-WHI6NO_h-DHNy0JzV.js → p-COHuQEfZ-C_POuXNC.js} +10 -10
- package/dist-bundled/es/{p-CkydANOS-CzTX9wng.js → p-Chqeexny-C4hlPbBP.js} +5 -5
- package/dist-bundled/es/{p-C2PfO9h9-H_toZwKo.js → p-DO0MyFf4-D7XItX1k.js} +5 -5
- package/dist-bundled/es/p-DUojHltk-GyvsWoCM.js +172 -0
- package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-VJAcf53T-2X0vBJ1A.js} +1 -1
- package/dist-bundled/es/{p-KaaOtnwV-D7HTbhvI.js → p-_SIWct9h-jMYFZ-VO.js} +12 -12
- package/dist-bundled/es/{p-qIkbfIF3-B7NovGEi.js → p-pSb81aE0-CNrq7SQW.js} +2 -2
- package/dist-bundled/es/{p-BE2G21MT-WGW-ehxu.js → p-ub0GuVHb-C_PFTi1_.js} +1 -1
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- 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 +1 -1
- 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 +1 -1
- 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 +2 -2
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +3 -3
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-md-table.umd.js +5 -0
- 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 +2 -2
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +1 -1
- 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 +8 -8
- package/package.json +12 -4
- package/dist/p-2wB6zkno.js +0 -1
- package/dist/p-Cn-t3SGc.js +0 -1
- package/dist/p-DVVJrKxO.js +0 -1
- package/dist/p-KaaOtnwV.js +0 -1
- package/dist-bundled/es/p-2wB6zkno-57WAxATm.js +0 -152
|
@@ -1,177 +1,219 @@
|
|
|
1
|
-
import { L as J, q as
|
|
2
|
-
import { p as
|
|
3
|
-
import { o as
|
|
4
|
-
import { d as
|
|
5
|
-
import { a as Q } from "./p-
|
|
6
|
-
import { o as
|
|
7
|
-
import { c as
|
|
8
|
-
const
|
|
1
|
+
import { L as J, q as k, u as K, D as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { p as $, m as E, x as G, N } from "./p-D6lxqcxP-DWrZi1Xi.js";
|
|
3
|
+
import { o as H } from "./p-UVmSPzTd-6vjXok6h.js";
|
|
4
|
+
import { d as L } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
5
|
+
import { a as Q } from "./p-DUojHltk-GyvsWoCM.js";
|
|
6
|
+
import { o as U } from "./p-_SIWct9h-jMYFZ-VO.js";
|
|
7
|
+
import { c as X } from "./clsx-OuTLNxxd.js";
|
|
8
|
+
const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
9
9
|
__proto__: null,
|
|
10
|
-
getGidsActionBarClassNames:
|
|
11
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames:
|
|
12
|
-
constructor(
|
|
13
|
-
super(),
|
|
14
|
-
const { id: l, filterId:
|
|
15
|
-
this.applyAllToggleSelection({ title:
|
|
16
|
-
}, this.handleSecondaryFilterClick = (
|
|
17
|
-
const { id: l, filterId:
|
|
18
|
-
this.applySecondaryFilterToggleSelection({ title:
|
|
19
|
-
}, this.applySecondaryFilterToggleSelection = (
|
|
20
|
-
this.setFilterPickerExpandedState(
|
|
21
|
-
}, this.
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}, this.
|
|
27
|
-
this.
|
|
28
|
-
}, this.
|
|
29
|
-
const
|
|
10
|
+
getGidsActionBarClassNames: Y
|
|
11
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames: ee } = Z, j = J(class extends K {
|
|
12
|
+
constructor(t) {
|
|
13
|
+
super(), t !== !1 && this.__registerHost(), this.actionGroup = !1, this.allFiltersTabVisible = !1, this.moreFiltersTabVisible = !1, this.clearAllFiltersVisible = !0, this.filterAllIsDefaultSelected = !0, this.clearAllFiltersButtonAppearance = "primary", this.primaryFilters = [], this.secondaryFilters = [], this.filterSize = "xs", this.disabled = !1, this.activeExpandedFilterId = void 0, this.tempFilterAll = [], this.handleAllFilterClick = (e) => {
|
|
14
|
+
const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
|
|
15
|
+
this.applyAllToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: !(!F && !this.filterAllIsDefaultSelected) || m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: !(!F && !this.filterAllIsDefaultSelected), selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
|
|
16
|
+
}, this.handleSecondaryFilterClick = (e) => {
|
|
17
|
+
const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
|
|
18
|
+
this.applySecondaryFilterToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
|
|
19
|
+
}, this.applySecondaryFilterToggleSelection = (e) => {
|
|
20
|
+
this.setFilterPickerExpandedState(e?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(e), this.onToggleActionBarNoneFilter && this.onToggleActionBarNoneFilter({ ...e, selectedFilters: this?.selectedFilters ?? [] });
|
|
21
|
+
}, this.calculateWhenNormalFilterFound = (e, l) => {
|
|
22
|
+
const i = e[l];
|
|
23
|
+
return this.filterAllCanBeRemove() ? (e.splice(l, 1), this.selectedFiltersHasFilterAll() || e.length !== 0 || e.push({ ...this.tempFilterAll[0] }), { calculatedSelectedFilters: e, returnIt: !1 }) : (this.selectedFilters = e = [], setTimeout((() => {
|
|
24
|
+
e = [{ ...i }], this.selectedFilters = e;
|
|
25
|
+
}), 200), { calculatedSelectedFilters: e, returnIt: !0 });
|
|
26
|
+
}, this.toggleDropdownFilter = ({ detail: e, filterId: l, pickerData: i }) => {
|
|
27
|
+
this.setFilterPickerExpandedState(l, e), this.onToggleActionBarDropdownFilter && this.onToggleActionBarDropdownFilter({ filterId: l, pickerData: i, ...e });
|
|
28
|
+
}, this.handleDropdownFilterMenuItemClick = ({ event: e, filterItemType: l, filterType: i, filterIndex: a, filterId: f, filterMenuSectionIndex: p }) => {
|
|
29
|
+
const u = e.detail, { id: S, defaultSelected: A, disabled: g, isPlaceholderItem: n, selectedIndex: m, title: F, value: d } = u;
|
|
30
|
+
this.applyDropdownFilterMenuItemSelection({ title: F, value: d, selectedFilterMenuIndex: m, filterType: i, filterItemType: l, filterTitle: F, filterIndex: a, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: S, filterDisabled: g, filterDefaultSelected: A || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
|
|
31
|
+
}, this.applyDropdownFilterMenuItemSelection = (e) => {
|
|
32
|
+
this.applyDropdownFiltersSelectedStateChange(e), this.onDropdownSelectionActionBarFilterChange && this.onDropdownSelectionActionBarFilterChange({ ...e, selectedFilters: this?.selectedFilters ?? [] });
|
|
33
|
+
}, this.applyDropdownFiltersSelectedStateChange = (e) => {
|
|
34
|
+
let l = this?.selectedFilters ? [...this.selectedFilters] : [];
|
|
30
35
|
if (l.length > 0) {
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
} else
|
|
34
|
-
this.selectedFilters = l;
|
|
35
|
-
}, this.
|
|
36
|
-
this.selectedFilters =
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
36
|
+
const i = l.findIndex(((a) => a.filterId === e?.filterId));
|
|
37
|
+
i != null && i !== -1 ? e?.isPlaceholderItem ? (l.splice(i, 1), !this.selectedFiltersHasLastFilterAll() && l.length <= 0 && this.filterAllIsDefaultSelected && (l = [...this.tempFilterAll])) : (l[i] = { ...e, filterPickerData: { ...e.filterPickerData } }, this.selectedFiltersHasFilterAll() && this.filterAllIsDefaultSelected && (l = [...this.removeFilterAll(l)])) : e?.isPlaceholderItem || (l.push({ ...e, filterPickerData: { ...e.filterPickerData } }), this.selectedFiltersHasFilterAll() && this.filterAllIsDefaultSelected && (l = [...this.removeFilterAll(l)]));
|
|
38
|
+
} else e?.isPlaceholderItem || (l.push({ ...e, filterPickerData: { ...e.filterPickerData } }), this.selectedFiltersHasFilterAll() && this.filterAllIsDefaultSelected && (l = [...this.removeFilterAll(l)]));
|
|
39
|
+
this.selectedFilters = [...l];
|
|
40
|
+
}, this.clearingFilters = () => {
|
|
41
|
+
this.selectedFilters = this.isAllFilterVisible() && this.filterAllIsDefaultSelected ? [{ ...this.tempFilterAll[0] }] : [];
|
|
42
|
+
}, this.handleClearAllFiltersClick = (e) => {
|
|
43
|
+
this.clearingFilters(), this.onClearAllFiltersButton && this.onClearAllFiltersButton({ selectedFilters: this?.selectedFilters ?? [], originalEvent: e });
|
|
44
|
+
}, this.selectedFiltersHasFilterAll = () => !!(this?.selectedFilters ?? []).find(((e) => e.filterId === this.getAllFilterId())), this.filterAllCanBeRemove = () => {
|
|
45
|
+
const e = this?.selectedFilters ?? [];
|
|
46
|
+
return !(this.filterAllIsDefaultSelected && this.selectedFiltersHasFilterAll() && e.length <= 1);
|
|
47
|
+
}, this.removeFilterAll = (e) => {
|
|
48
|
+
if (e.length > 0) {
|
|
49
|
+
const l = e.findIndex(((i) => i.filterId === this.getAllFilterId()));
|
|
50
|
+
if (l != null && l !== -1) {
|
|
51
|
+
const i = e[l];
|
|
52
|
+
i && (this.tempFilterAll = [{ ...i }]), e.splice(l, 1);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return e;
|
|
56
|
+
}, this.selectedFiltersStateStatus = () => {
|
|
57
|
+
const e = this?.selectedFilters ?? [];
|
|
58
|
+
return e.length <= 0 ? "none" : e.length === 1 ? "one-filter" : "more-than-one";
|
|
59
|
+
}, this.selectedFiltersHasLastFilterAll = () => this.selectedFiltersStateStatus() === "one-filter" && !!(this?.selectedFilters ?? []).find(((e) => e.filterId === this.getAllFilterId()));
|
|
60
|
+
}
|
|
61
|
+
handleFilterSizeChange(t) {
|
|
62
|
+
this.filterSize = t;
|
|
63
|
+
}
|
|
64
|
+
handleDropdownDividerVisibilityChange(t) {
|
|
65
|
+
this.dropdownDividerVisible = t;
|
|
66
|
+
}
|
|
67
|
+
handlePrimaryFiltersChange(t) {
|
|
68
|
+
this.primaryFilters = t;
|
|
69
|
+
}
|
|
70
|
+
handleSecondaryFiltersChange(t) {
|
|
71
|
+
this.secondaryFilters = t;
|
|
72
|
+
}
|
|
73
|
+
handleAllFiltersDataChange(t) {
|
|
74
|
+
this.allFiltersData = t;
|
|
75
|
+
}
|
|
76
|
+
handleMoreFiltersValueChange(t) {
|
|
77
|
+
this.moreFiltersData = t;
|
|
78
|
+
}
|
|
79
|
+
handleDisabilityChange(t) {
|
|
80
|
+
this.disabled = t;
|
|
81
|
+
}
|
|
82
|
+
handleActionGroupChange(t) {
|
|
83
|
+
this.actionGroup = t;
|
|
84
|
+
}
|
|
85
|
+
handleFilterAllIsDefaultSelectedChange(t) {
|
|
86
|
+
this.filterAllIsDefaultSelected = t;
|
|
87
|
+
}
|
|
88
|
+
handleClearAllFiltersButtonAppearanceChange(t) {
|
|
89
|
+
this.clearAllFiltersButtonAppearance = t;
|
|
65
90
|
}
|
|
66
91
|
connectedCallback() {
|
|
67
92
|
this.createAllFiltersData();
|
|
68
93
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
94
|
+
componentDidLoad() {
|
|
95
|
+
}
|
|
96
|
+
applyAllToggleSelection(t) {
|
|
97
|
+
this.setFilterPickerExpandedState(t?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(t), setTimeout((() => {
|
|
98
|
+
this.onToggleActionBarAllFilter && (this.tempFilterAll = [{ ...t, selectedFilters: this?.selectedFilters ?? [] }], this.onToggleActionBarAllFilter({ ...t, selectedFilters: this?.selectedFilters ?? [] }));
|
|
99
|
+
}), 200);
|
|
100
|
+
}
|
|
101
|
+
applyNormalFiltersSelectedStateChange(t) {
|
|
102
|
+
let e = this?.selectedFilters ? [...this.selectedFilters] : [];
|
|
103
|
+
if (e && e.length > 0) {
|
|
104
|
+
const l = e.findIndex(((i) => i.filterId === t?.filterId));
|
|
105
|
+
if (l != null && l !== -1) {
|
|
106
|
+
const { calculatedSelectedFilters: i, returnIt: a } = this.calculateWhenNormalFilterFound(e, l);
|
|
107
|
+
if (a) return;
|
|
108
|
+
e = [...i];
|
|
109
|
+
} else t?.filterSelected && (t?.filterId !== this.getAllFilterId() ? (e = [...this.removeFilterAll(e)], e.push({ ...t })) : t?.filterId === this.getAllFilterId() ? (e = [], e = [{ ...t }]) : e.push({ ...t }));
|
|
110
|
+
} else t?.filterSelected && e.push({ ...t });
|
|
111
|
+
this.selectedFilters = e;
|
|
79
112
|
}
|
|
80
113
|
isMoreFilterVisible() {
|
|
81
|
-
const
|
|
82
|
-
return !!(this.moreFiltersTabVisible &&
|
|
114
|
+
const t = this.moreFiltersData;
|
|
115
|
+
return !!(this.moreFiltersTabVisible && t && Object.keys(t).length > 0 && t?.filterPickerData && t.filterPickerData.length > 0);
|
|
83
116
|
}
|
|
84
117
|
isAllFilterVisible() {
|
|
85
118
|
return !!this.allFiltersTabVisible;
|
|
86
119
|
}
|
|
87
120
|
isAllFiltersTabDisabled() {
|
|
88
|
-
const
|
|
89
|
-
return !(!this.disabled && !
|
|
121
|
+
const t = this?.allFiltersData?.disabled;
|
|
122
|
+
return !(!this.disabled && !t);
|
|
90
123
|
}
|
|
91
124
|
isMoreFiltersTabDisabled() {
|
|
92
|
-
const
|
|
93
|
-
return !(!this.disabled && !
|
|
125
|
+
const t = this?.moreFiltersData?.disabled;
|
|
126
|
+
return !(!this.disabled && !t);
|
|
94
127
|
}
|
|
95
128
|
isActionGroup() {
|
|
96
|
-
const
|
|
97
|
-
return !(!
|
|
129
|
+
const t = this.isMoreFilterVisible(), e = this?.secondaryFilters && this.secondaryFilters.length > 0, l = this?.actionGroup;
|
|
130
|
+
return !(!t && !e || !l);
|
|
98
131
|
}
|
|
99
132
|
createAllFiltersData() {
|
|
100
|
-
const
|
|
101
|
-
|
|
133
|
+
const t = this.allFiltersData;
|
|
134
|
+
t?.label && t.label !== "" || (this.allFiltersData = { ...this.allFiltersData, label: "All" });
|
|
102
135
|
}
|
|
103
136
|
getAllFiltersValue() {
|
|
104
137
|
return this.allFiltersData?.label ?? "All";
|
|
105
138
|
}
|
|
106
|
-
getSelectedFilter(
|
|
107
|
-
return (this?.selectedFilters ?? []).find(((
|
|
139
|
+
getSelectedFilter(t) {
|
|
140
|
+
return (this?.selectedFilters ?? []).find(((e) => e.filterId === t));
|
|
108
141
|
}
|
|
109
|
-
getSelectedDropdownFilterTitle(
|
|
110
|
-
const
|
|
111
|
-
if (
|
|
112
|
-
const l = (this?.primaryFilters ?? []).find(((p) => p?.filterId ===
|
|
142
|
+
getSelectedDropdownFilterTitle(t) {
|
|
143
|
+
const e = this.getSelectedFilter(t);
|
|
144
|
+
if (e?.filterTitle) return e.filterTitle;
|
|
145
|
+
const l = (this?.primaryFilters ?? []).find(((p) => p?.filterId === t)), i = l?.filterPickerData ?? [], a = i?.[0]?.items?.[0];
|
|
113
146
|
let f = "";
|
|
114
|
-
return
|
|
147
|
+
return a?.isPlaceholderItem && a?.title && (f = a.title), f;
|
|
115
148
|
}
|
|
116
|
-
isNormalFilterSelected(
|
|
117
|
-
return !!this.getSelectedFilter(
|
|
149
|
+
isNormalFilterSelected(t) {
|
|
150
|
+
return !!this.getSelectedFilter(t);
|
|
118
151
|
}
|
|
119
|
-
isDropdownFilterSelected(
|
|
120
|
-
const
|
|
152
|
+
isDropdownFilterSelected(t) {
|
|
153
|
+
const e = this.getSelectedFilter(t), l = e?.filterPickerData;
|
|
121
154
|
return !(!l?.title && !l?.value || l?.isPlaceholderItem);
|
|
122
155
|
}
|
|
123
|
-
getSelectedFilterPickerData(
|
|
124
|
-
return this.getSelectedFilter(
|
|
156
|
+
getSelectedFilterPickerData(t) {
|
|
157
|
+
return this.getSelectedFilter(t)?.filterPickerData;
|
|
158
|
+
}
|
|
159
|
+
setFilterPickerExpandedState(t, e) {
|
|
160
|
+
this.activeExpandedFilterId = e?.expanded ? t : void 0;
|
|
161
|
+
}
|
|
162
|
+
getAllFilterId() {
|
|
163
|
+
return this?.allFiltersData?.filterId && this.allFiltersData.filterId !== "" ? this.allFiltersData.filterId : `1_${this.getAllFiltersValue()}_primary`;
|
|
125
164
|
}
|
|
126
|
-
|
|
127
|
-
|
|
165
|
+
getMoreFilterId() {
|
|
166
|
+
const t = this?.secondaryFilters ?? [];
|
|
167
|
+
return this?.moreFiltersData?.filterId && this.moreFiltersData.filterId !== "" ? this.moreFiltersData.filterId : t.length + 1 + "_more_secondary";
|
|
128
168
|
}
|
|
129
169
|
render() {
|
|
130
|
-
const
|
|
131
|
-
return
|
|
132
|
-
const
|
|
133
|
-
return
|
|
134
|
-
const
|
|
135
|
-
return
|
|
136
|
-
const
|
|
137
|
-
|
|
170
|
+
const t = ee(), e = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], i = this.isMoreFilterVisible(), a = this.moreFiltersData, f = a?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), S = this.getAllFiltersValue(), A = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, g = this.dropdownDividerVisible, n = this.filterSize, m = this.isActionGroup(), F = this.getAllFilterId(), d = this.getMoreFilterId(), y = "secondary", B = "more", V = l.length + 1, q = this.getSelectedDropdownFilterTitle(d), _ = this.isDropdownFilterSelected(d);
|
|
171
|
+
return s("div", { key: "c1adf48c5fe64a7607e919b10436edf6a5ad80bd", class: t }, s("div", { key: "a2efc43b15b9b97b85a12932f468d2627e574b13", class: "gids-action-bar__primary-filters" }, s($, { key: "ab2c8be633cf3e9465594a3211cc83dff1598695", layout: "wrap" }, u ? s("gids-filter", { type: "all", filterId: F, filterDefaultSelected: this.filterAllIsDefaultSelected, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: S, ...A, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, e.map(((r, o) => {
|
|
172
|
+
const b = r?.filterPickerData ?? [], c = r?.filterId && r.filterId !== "" ? r.filterId : o + 1 + "_primary", h = "primary", C = "none", x = this.getSelectedDropdownFilterTitle(c), v = this.isDropdownFilterSelected(c);
|
|
173
|
+
return s("gids-filter", { key: `${c}_${x}`, ...r, filterIndex: o + 1, filterId: c, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.filterDefaultSelected, filterSelected: v, type: C, filterItemType: h, title: x, value: x, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: b }) }, s(E, { type: "default" }, b.map(((I, T) => {
|
|
174
|
+
const R = I?.sectionLabel;
|
|
175
|
+
return s(G, { sectionLabel: R, key: "" + T }, (I?.items ?? []).map(((D, P) => {
|
|
176
|
+
const W = D?.isPlaceholderItem ?? !1, w = D?.id && D.id !== "" ? D.id : `${c}_s${T}_i${P}`;
|
|
177
|
+
let M = !1;
|
|
178
|
+
return v ? M = this.getSelectedFilterPickerData(c)?.id === w : M = P === 0, s(N, { key: w, id: w, index: P, title: D?.title, value: D?.value, disabled: D?.disabled, defaultSelected: D?.defaultSelected, isPlaceholderItem: W, selected: M, divider: g, onPressDropdownItem: (z) => this.handleDropdownFilterMenuItemClick({ event: z, filterItemType: h, filterType: C, filterIndex: o, filterId: c, filterMenuSectionIndex: T }) });
|
|
138
179
|
})));
|
|
139
180
|
}))));
|
|
140
|
-
})), this.clearAllFiltersVisible && !
|
|
141
|
-
const
|
|
142
|
-
return
|
|
143
|
-
})),
|
|
144
|
-
const
|
|
145
|
-
return
|
|
146
|
-
const
|
|
147
|
-
|
|
181
|
+
})), this.clearAllFiltersVisible && !m ? s(H, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: s(L, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)), m ? s("div", { class: "gids-action-bar__secondary-filters" }, s($, { layout: "wrap" }, l.map(((r, o) => {
|
|
182
|
+
const b = r?.filterId && r.filterId !== "" ? r.filterId : `${o + 1}_${r?.label}_secondary`;
|
|
183
|
+
return s("gids-filter", { key: "" + (e.length + o + 1), ...r, filterIndex: o, filterId: b, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.defaultSelected, type: "none", filterItemType: "secondary", value: r?.label, size: n, filterSelected: this.isNormalFilterSelected(b), onFilterMenuItemChange: this.handleSecondaryFilterClick });
|
|
184
|
+
})), i ? s("gids-filter", { key: `${d}_${q}`, type: B, filterItemType: y, filterIndex: V, filterId: d, ...p, disabled: this.isMoreFiltersTabDisabled(), filterSelected: _, size: n, expanded: this.activeExpandedFilterId === d }, s(E, { type: "default" }, f.map(((r, o) => {
|
|
185
|
+
const b = r?.items ?? [], c = r?.sectionLabel;
|
|
186
|
+
return s(G, { sectionLabel: c, key: "" + o }, b.map(((h, C) => {
|
|
187
|
+
const x = h?.isPlaceholderItem ?? !1, v = h?.id && h.id !== "" ? h.id : `${d}_s${o}_i${C}`;
|
|
188
|
+
let I = !1;
|
|
189
|
+
return _ ? I = this.getSelectedFilterPickerData(d)?.id === v : I = C === 0, s(N, { key: v, id: v, index: C, title: h?.title, value: h?.value, disabled: h?.disabled, isPlaceholderItem: x, selected: I, defaultSelected: h?.defaultSelected, divider: g, onPressDropdownItem: (T) => this.handleDropdownFilterMenuItemClick({ event: T, filterItemType: y, filterType: B, filterIndex: V, filterId: d, filterMenuSectionIndex: o }) });
|
|
148
190
|
})));
|
|
149
|
-
})))) : void 0, this.clearAllFiltersVisible ?
|
|
191
|
+
})))) : void 0, this.clearAllFiltersVisible ? s(H, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: s(L, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)) : void 0);
|
|
150
192
|
}
|
|
151
193
|
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 }] };
|
|
194
|
+
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 }], filterAllIsDefaultSelected: [{ handleFilterAllIsDefaultSelectedChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] };
|
|
153
195
|
}
|
|
154
196
|
static get style() {
|
|
155
197
|
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
198
|
}
|
|
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
|
|
159
|
-
typeof customElements < "u" && ["gids-action-bar", "gids-filter", "gids-toggle-button"].forEach(((
|
|
160
|
-
switch (
|
|
199
|
+
}, [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"], filterAllIsDefaultSelected: [4, "filter-all-is-default-selected"], 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], tempFilterAll: [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 }], filterAllIsDefaultSelected: [{ handleFilterAllIsDefaultSelectedChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] }]);
|
|
200
|
+
function O() {
|
|
201
|
+
typeof customElements < "u" && ["gids-action-bar", "gids-filter", "gids-toggle-button"].forEach(((t) => {
|
|
202
|
+
switch (t) {
|
|
161
203
|
case "gids-action-bar":
|
|
162
|
-
customElements.get(
|
|
204
|
+
customElements.get(k(t)) || customElements.define(k(t), j);
|
|
163
205
|
break;
|
|
164
206
|
case "gids-filter":
|
|
165
|
-
customElements.get(
|
|
207
|
+
customElements.get(k(t)) || Q();
|
|
166
208
|
break;
|
|
167
209
|
case "gids-toggle-button":
|
|
168
|
-
customElements.get(
|
|
210
|
+
customElements.get(k(t)) || U();
|
|
169
211
|
}
|
|
170
212
|
}));
|
|
171
213
|
}
|
|
172
|
-
|
|
173
|
-
const
|
|
214
|
+
O();
|
|
215
|
+
const ne = j, oe = O;
|
|
174
216
|
export {
|
|
175
|
-
|
|
176
|
-
|
|
217
|
+
ne as GidsActionBar,
|
|
218
|
+
oe as defineCustomElement
|
|
177
219
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { o as t, d as e } from "./p-
|
|
2
|
-
const
|
|
1
|
+
import { o as t, d as e } from "./p-pSb81aE0-CNrq7SQW.js";
|
|
2
|
+
const s = t, i = e;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as GidsActivityGauge,
|
|
5
|
+
i as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { m as e, u as a } from "./p-
|
|
2
|
-
const
|
|
1
|
+
import { m as e, u as a } from "./p-C3w3wdCt-I6zwuecb.js";
|
|
2
|
+
const m = e, n = a;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
m as GidsCalendarHeaderPanel,
|
|
5
|
+
n as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { l as e, u as
|
|
2
|
-
const
|
|
1
|
+
import { l as e, u as s } from "./p-Chqeexny-C4hlPbBP.js";
|
|
2
|
+
const a = e, o = s;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
a as GidsCalendarYearList,
|
|
5
|
+
o as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { L as P, u as D, D as d, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
-
import {
|
|
3
|
-
import { l as N } from "./p-
|
|
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-
|
|
2
|
+
import { n as S, u as M } from "./p-C3w3wdCt-I6zwuecb.js";
|
|
3
|
+
import { l as N } from "./p-COHuQEfZ-C_POuXNC.js";
|
|
4
|
+
import { u as Y } from "./p-Chqeexny-C4hlPbBP.js";
|
|
5
|
+
import { g as k } from "./p-6APCjBEI-roDSyEYu.js";
|
|
6
|
+
import { h as w } from "./p-BSbOhfLZ-ByjjVMqG.js";
|
|
7
|
+
import { d as x } from "./p-C2O_pGky-C_30AJ3m.js";
|
|
8
8
|
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
9
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,
|
|
@@ -107,7 +107,7 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => p(
|
|
|
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: "0d9882d5c7092deb0946d8166ffee5b147c310a2", class: a }, d("gids-calendar-header-panel", { key: "5660438a77b8654f2930b43db0168def0832fa95", 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: "cdebd2df932049c713392821d17fd1ac9e3b24c9", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "403d260cfe11dfa837ae87e9557c74f2f43a4ab0", 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
|
}))));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { l as e, d as t } from "./p-C3xv7tfs-RodXvmql.js";
|
|
2
|
+
const o = e, s = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
o as GidsChartLegendItem,
|
|
5
|
+
s as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as e,
|
|
2
|
-
const
|
|
1
|
+
import { r as e, o as r } from "./p-BCVFQSjK-CKrYrI4b.js";
|
|
2
|
+
const s = e, t = r;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as GidsChartLegend,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { L as u, u as m, D as
|
|
2
|
-
import { r as
|
|
3
|
-
import { d as v } from "./p-
|
|
4
|
-
import { g as f } from "./p-
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { L as u, u as m, D as s, q as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
|
+
import { r as h, c as y, b, a as T, C } from "./p-CaauwQNd-D6_PbcRr.js";
|
|
3
|
+
import { d as v } from "./p-pSb81aE0-CNrq7SQW.js";
|
|
4
|
+
import { g as f } from "./p-DO0MyFf4-D7XItX1k.js";
|
|
5
|
+
import { o as k } from "./p-BCVFQSjK-CKrYrI4b.js";
|
|
6
|
+
import { d as _ } from "./p-C3xv7tfs-RodXvmql.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-C56G7JRy-B3HO4aVF.js";
|
|
9
|
+
import { c as E } from "./p-C3We7Q8Q-DT_NDg87.js";
|
|
10
10
|
import { d as D } from "./p-CoS0NuDU-CqmDcRWj.js";
|
|
11
11
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
12
12
|
const G = (e) => x("gids-chart", e), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -20,12 +20,12 @@ const G = (e) => x("gids-chart", e), I = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
20
20
|
}, this.isChartDataValid = () => {
|
|
21
21
|
const r = this.chartType;
|
|
22
22
|
if (r === "line-chart") {
|
|
23
|
-
const a = this.lineChartProps, t = a?.chartData ?? [],
|
|
24
|
-
return Array.isArray(t) && t.length > 0 && Array.isArray(
|
|
23
|
+
const a = this.lineChartProps, t = a?.chartData ?? [], i = t?.[0]?.data ?? [];
|
|
24
|
+
return Array.isArray(t) && t.length > 0 && Array.isArray(i) && i.length > 0;
|
|
25
25
|
}
|
|
26
26
|
if (r === "bar-chart") {
|
|
27
|
-
const a = this.barChartProps, t = a?.chartData ?? [],
|
|
28
|
-
return Array.isArray(t) && t.length > 0 && Array.isArray(
|
|
27
|
+
const a = this.barChartProps, t = a?.chartData ?? [], i = t?.[0]?.data ?? [];
|
|
28
|
+
return Array.isArray(t) && t.length > 0 && Array.isArray(i) && i.length > 0;
|
|
29
29
|
}
|
|
30
30
|
if (r === "pie-chart") {
|
|
31
31
|
const a = this.pieChartProps, t = a?.chartData ?? [];
|
|
@@ -41,8 +41,8 @@ const G = (e) => x("gids-chart", e), I = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
41
41
|
if (r) {
|
|
42
42
|
const a = r.split("-");
|
|
43
43
|
let t = "";
|
|
44
|
-
return a.map(((
|
|
45
|
-
t =
|
|
44
|
+
return a.map(((i, o) => {
|
|
45
|
+
t = o === 0 ? "" + i : `${t} ${i}`;
|
|
46
46
|
})), t;
|
|
47
47
|
}
|
|
48
48
|
return "";
|
|
@@ -55,11 +55,11 @@ const G = (e) => x("gids-chart", e), I = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
55
55
|
this.chartType = e;
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
if (!this.isChartTypeValid()) return
|
|
58
|
+
if (!this.isChartTypeValid()) return s("div", { class: "gids-chart__no-data" }, s(h, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
|
|
59
59
|
const e = this.isChartDataValid(), r = this.getChartTypeText();
|
|
60
|
-
if (!e) return
|
|
61
|
-
const a = L(), t = this.chartType,
|
|
62
|
-
return
|
|
60
|
+
if (!e) return s("div", { class: "gids-activity-gauge__no-data" }, s(h, { title: T, supportingText: C(r) }));
|
|
61
|
+
const a = L(), t = this.chartType, i = this.barChartProps, o = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
|
|
62
|
+
return s("div", { class: a }, t === "line-chart" ? s("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? s("gids-bar-chart", { ...i, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? s("gids-pie-chart", { ...o, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? s("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? s("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? s("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? s("div", { class: "gids-chart__no-data" }, s(h, { 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 }] };
|
|
@@ -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: "b56342a076de4718a3f441cb9f71ab2390230f8e", 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: "a3519d694e1d8608a0138084343d55489804dca3", class: "gids-button__content" }, s(h, { key: "720f3b9c0f0dfb59bbccb77029c5a79b4b775a97", name: "chevron-vertical", alt: "" })));
|
|
35
35
|
}
|
|
36
36
|
get _el() {
|
|
37
37
|
return this;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { L as n, u as d, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
|
|
2
2
|
import { a as r } from "./p-Dg2yoUxw-Cca8ROd_.js";
|
|
3
|
-
import { l } from "./p-
|
|
4
|
-
import { h } from "./p-
|
|
5
|
-
import { r as c } from "./p-
|
|
3
|
+
import { l } from "./p-CI-sN9Lr-DHC9DyS8.js";
|
|
4
|
+
import { h } from "./p-ub0GuVHb-C_PFTi1_.js";
|
|
5
|
+
import { r as c } from "./p-BVAtja26-Xjd4_b4e.js";
|
|
6
6
|
import { g as u } from "./p-D4Pimu_8-DfEGRQGf.js";
|
|
7
7
|
const i = n(class extends d {
|
|
8
8
|
constructor(e) {
|
|
@@ -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: "20c1747dfcab7f178de45a4046a53f0147425bde", 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: "83ff5c4adf7d7c6b4f65d55332c1ef33cf86dd02", 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: "009165e31cfb3e4d7f2acc9ff2d2b77a0a3c9231", name: "leadingIconDropdown" }), s("slot", { key: "cf07e7454439b586c2dacdd69eebc71d0c99fb59", name: "leadingAccessoryDropdown" }), s("slot", { key: "bdb9dc44043a1b99c9e6cab5069420803c3bb834" })));
|
|
55
55
|
}
|
|
56
56
|
static get formAssociated() {
|
|
57
57
|
return !0;
|