@ganpatiinfo/gids-core-web 19.0.0 → 21.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 +607 -59
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-bento-card.js +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-flyout-panel.js +1 -1
- package/dist/gids-form.d.ts +11 -0
- package/dist/gids-form.js +1 -0
- package/dist/gids-header-navigation-item.js +1 -1
- package/dist/gids-header-navigation.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-profile-menu-header.js +1 -1
- package/dist/gids-profile-menu.js +1 -1
- package/dist/gids-profile.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-sidebar-item.d.ts +11 -0
- package/dist/gids-sidebar-item.js +1 -0
- package/dist/gids-sidebar-menu.d.ts +11 -0
- package/dist/gids-sidebar-menu.js +1 -0
- package/dist/gids-sidebar.d.ts +11 -0
- package/dist/gids-sidebar.js +1 -0
- package/dist/gids-skeleton.js +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.js +1 -1
- package/dist/p--kh67-_Z.js +1 -0
- package/dist/{p-DrDadv7P.js → p-B2flLE0s.js} +1 -1
- package/dist/{p-jGho9nbS.js → p-BAqWcL0K.js} +1 -1
- package/dist/p-BCbovLBE.js +1 -0
- package/dist/{p-PcSMc4jQ.js → p-BIxBMTG9.js} +1 -1
- package/dist/{p-DgKrPmDn.js → p-BQT5yy5L.js} +1 -1
- package/dist/p-BRNvHMdK.js +1 -0
- package/dist/{p-CBiu-Vh3.js → p-B_FEFM5I.js} +1 -1
- package/dist/{p-Dw_kb9MC.js → p-B_St7yaX.js} +1 -1
- package/dist/{p-D0coZTd2.js → p-CAjDiWIc.js} +1 -1
- package/dist/{p-DYjV5XrH.js → p-CIjK3iHM.js} +1 -1
- package/dist/p-CV1-78HB.js +1 -0
- package/dist/{p-BdsUwTgh.js → p-D0RJMGGj.js} +1 -1
- package/dist/{p-CH4nrjpL.js → p-DKSnGphd.js} +1 -1
- package/dist/{p-CIxuyUAl.js → p-DLRj-mUX.js} +1 -1
- package/dist/{p-DKOr5iAk.js → p-DMxvWIj1.js} +1 -1
- package/dist/p-DQQhGF5N.js +1 -0
- package/dist/p-DZ1ZcTMe.js +1 -0
- package/dist/{p-BthkC6NU.js → p-DnRuhvRw.js} +1 -1
- package/dist/p-DpvdbdZ-.js +1 -0
- package/dist/{p-DZ6xQXis.js → p-DrxfD2yZ.js} +1 -1
- package/dist/{p-C6GHG170.js → p-Ds5IzXj3.js} +1 -1
- package/dist/{p-j2_DKwBz.js → p-DzOOjiNH.js} +1 -1
- package/dist/{p-Cacy0Dji.js → p-E13ycS5K.js} +1 -1
- package/dist/{p-Cz9nwmgK.js → p-TfH966_e.js} +1 -1
- package/dist/{p-CMW3SjbP.js → p-_W77iniK.js} +1 -1
- package/dist/p-bfWlRsx_.js +1 -0
- package/dist/p-kWyyLyT3.js +1 -0
- package/dist/{p-CrqHKmjy.js → p-mv_7K1EM.js} +1 -1
- package/dist/{p-xbqOQZl9.js → p-tEbUT3n3.js} +1 -1
- package/dist/types/components/html/GidsSidebarMenuItem/GidsSidebarMenuItem.d.ts +6 -0
- package/dist/types/components/shared/GidsFloatingElementManager.d.ts +1 -1
- package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +4 -0
- package/dist/types/components/webComponents/GidsForm/GidsForm.d.ts +32 -0
- package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts +2 -0
- package/dist/types/components/webComponents/GidsSidebar/GidsSidebar.d.ts +55 -0
- package/dist/types/components/webComponents/GidsSidebarItem/GidsSidebarItem.d.ts +56 -0
- package/dist/types/components/webComponents/GidsSidebarMenu/GidsSidebarMenu.d.ts +38 -0
- package/dist/types/components.d.ts +462 -2
- package/dist-bundled/es/gids-action-bar.js +6 -6
- package/dist-bundled/es/gids-activity-gauge.js +3 -3
- package/dist-bundled/es/gids-advanced-tooltip.js +1 -1
- package/dist-bundled/es/gids-bar-chart.js +3 -3
- package/dist-bundled/es/gids-bento-card.js +1 -1
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- package/dist-bundled/es/gids-calendar-month-list.js +3 -3
- package/dist-bundled/es/gids-calendar-year-list.js +1 -1
- package/dist-bundled/es/gids-calendar.js +23 -23
- 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 +21 -21
- package/dist-bundled/es/gids-chevron-button.js +3 -3
- 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 +4 -4
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +4 -4
- package/dist-bundled/es/gids-expansion.js +6 -6
- package/dist-bundled/es/gids-field.js +3 -3
- package/dist-bundled/es/gids-filter.js +1 -1
- package/dist-bundled/es/gids-flyout-panel.js +4 -108
- package/dist-bundled/es/gids-form.js +92 -0
- package/dist-bundled/es/gids-header-navigation-item.js +3 -3
- package/dist-bundled/es/gids-header-navigation.js +3 -3
- package/dist-bundled/es/gids-icon.js +3 -3
- package/dist-bundled/es/gids-input.js +1 -1
- package/dist-bundled/es/gids-line-chart.js +1 -1
- package/dist-bundled/es/gids-md-table.js +53 -53
- package/dist-bundled/es/gids-overflow-container.js +4 -4
- package/dist-bundled/es/gids-overlay-provider.js +1 -1
- package/dist-bundled/es/gids-password-field.js +10 -10
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-profile-menu-header.js +1 -1
- package/dist-bundled/es/gids-profile-menu.js +4 -4
- package/dist-bundled/es/gids-profile.js +12 -12
- package/dist-bundled/es/gids-scrim.js +1 -1
- package/dist-bundled/es/gids-sidebar-item.js +6 -0
- package/dist-bundled/es/gids-sidebar-menu.js +6 -0
- package/dist-bundled/es/gids-sidebar.js +150 -0
- package/dist-bundled/es/gids-skeleton.js +1 -1
- package/dist-bundled/es/gids-tab-item.js +13 -13
- package/dist-bundled/es/gids-tab.js +7 -7
- package/dist-bundled/es/gids-text-field.js +3 -3
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +4 -4
- package/dist-bundled/es/gids-transfer-list.js +25 -26
- package/dist-bundled/es/{p-Cf3Ny79u-VGT_IyGI.js → p--kh67-_Z-BBhYy4ZX.js} +12 -11
- package/dist-bundled/es/{p-DrDadv7P-D4rbSYTr.js → p-B2flLE0s-UXdlvRVr.js} +2 -2
- package/dist-bundled/es/{p-jGho9nbS-BDiBvsn2.js → p-BAqWcL0K-DRjKDzoa.js} +8 -8
- package/dist-bundled/es/p-BCbovLBE-DfkhIEts.js +102 -0
- package/dist-bundled/es/{p-PcSMc4jQ-CzYLaIZr.js → p-BIxBMTG9-Bs6G0Wvv.js} +12 -12
- package/dist-bundled/es/{p-DgKrPmDn-C2CSKicX.js → p-BQT5yy5L-DhdgFXTM.js} +3 -3
- package/dist-bundled/es/p-BRNvHMdK-CqGtfAsn.js +11 -0
- package/dist-bundled/es/{p-CBiu-Vh3-r-McGzCb.js → p-B_FEFM5I-WvEFe7I_.js} +5 -5
- package/dist-bundled/es/{p-Dw_kb9MC-BTd0lrGA.js → p-B_St7yaX-Dq9UwiaA.js} +3 -3
- package/dist-bundled/es/{p-D0coZTd2-KhJZ57gK.js → p-CAjDiWIc-BieYBjHk.js} +1 -1
- package/dist-bundled/es/{p-DYjV5XrH-CI9LfBFx.js → p-CIjK3iHM-DEW8PRM5.js} +7 -7
- package/dist-bundled/es/{p-KQxuw_F--BTSoDfF9.js → p-CV1-78HB-DGkn3SPO.js} +18 -23
- package/dist-bundled/es/{p-BdsUwTgh-Cc7AQBsx.js → p-D0RJMGGj-DSjGfUhB.js} +3 -3
- package/dist-bundled/es/{p-CH4nrjpL-CrEJXTn0.js → p-DKSnGphd-EpxzqjUA.js} +7 -7
- package/dist-bundled/es/{p-CIxuyUAl-B2DxRM64.js → p-DLRj-mUX-B_ACFGx6.js} +6 -6
- package/dist-bundled/es/{p-DKOr5iAk-DA3Kc4Cn.js → p-DMxvWIj1-DPw-ITMY.js} +11 -11
- package/dist-bundled/es/{p-GcC8pCKF-CZJFTFeN.js → p-DQQhGF5N-mCqb5VTE.js} +8 -8
- package/dist-bundled/es/p-DZ1ZcTMe-tnPOECry.js +10 -0
- package/dist-bundled/es/{p-BthkC6NU-F03MhDw7.js → p-DnRuhvRw-Beh0bANh.js} +2 -2
- package/dist-bundled/es/p-DpvdbdZ--C7QlXxK2.js +118 -0
- package/dist-bundled/es/{p-DZ6xQXis-XT86MMis.js → p-DrxfD2yZ-Juydw__6.js} +9 -9
- package/dist-bundled/es/{p-C6GHG170-Di8lwQkY.js → p-Ds5IzXj3-BC_F0-JJ.js} +13 -13
- package/dist-bundled/es/{p-j2_DKwBz-CqyuxxnN.js → p-DzOOjiNH-Wm7KbI3O.js} +5 -5
- package/dist-bundled/es/{p-Cacy0Dji-D-D254kT.js → p-E13ycS5K-D-yK6pqz.js} +1 -1
- package/dist-bundled/es/{p-Cz9nwmgK-BO8HUAvD.js → p-TfH966_e-tyxLyzL3.js} +7 -7
- package/dist-bundled/es/{p-CMW3SjbP-ZYYIF_i6.js → p-_W77iniK-DZ9pVDuI.js} +2 -2
- package/dist-bundled/es/p-bfWlRsx_-B9hzkHIt.js +110 -0
- package/dist-bundled/es/p-kWyyLyT3-DhHcKhR9.js +267 -0
- package/dist-bundled/es/{p-CrqHKmjy-DwSsCofb.js → p-mv_7K1EM-lPgJqpPI.js} +1 -1
- package/dist-bundled/es/{p-xbqOQZl9-BK9vjfj7.js → p-tEbUT3n3-CWq8ErgN.js} +10 -10
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-bento-card.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +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 +1 -1
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion.umd.js +1 -1
- package/dist-bundled/umd/gids-field.umd.js +2 -2
- package/dist-bundled/umd/gids-filter.umd.js +3 -3
- package/dist-bundled/umd/gids-flyout-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-form.umd.js +5 -0
- package/dist-bundled/umd/gids-header-navigation-item.umd.js +2 -2
- package/dist-bundled/umd/gids-header-navigation.umd.js +1 -1
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-md-table.umd.js +1 -1
- 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 +1 -1
- 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-profile-menu-header.umd.js +2 -2
- package/dist-bundled/umd/gids-profile-menu.umd.js +2 -2
- package/dist-bundled/umd/gids-profile.umd.js +2 -2
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar-item.umd.js +5 -0
- package/dist-bundled/umd/gids-sidebar-menu.umd.js +5 -0
- package/dist-bundled/umd/gids-sidebar.umd.js +5 -0
- package/dist-bundled/umd/gids-skeleton.umd.js +1 -1
- package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
- package/dist-bundled/umd/gids-tab.umd.js +1 -1
- package/dist-bundled/umd/gids-text-field.umd.js +2 -2
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-transfer-list.umd.js +2 -2
- package/dist-bundled/umd-complete/gids-core-web.umd.js +4 -4
- package/package.json +36 -4
- package/dist/p-B0hLXifA.js +0 -1
- package/dist/p-Cf3Ny79u.js +0 -1
- package/dist/p-GcC8pCKF.js +0 -1
- package/dist/p-KQxuw_F-.js +0 -1
- package/dist-bundled/es/p-B0hLXifA-CoImnX3T.js +0 -99
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { L as J, q as x, u as K, D as s } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
-
import { r as $ } from "./p-
|
|
3
|
-
import { i as E, a as G } from "./p-
|
|
4
|
-
import { i as N } from "./p-
|
|
2
|
+
import { r as $ } from "./p-CV1-78HB-DGkn3SPO.js";
|
|
3
|
+
import { i as E, a as G } from "./p-CAjDiWIc-BieYBjHk.js";
|
|
4
|
+
import { i as N } from "./p-DLRj-mUX-B_ACFGx6.js";
|
|
5
5
|
import { o as H } from "./p-Dg_WeHpV-DehzGL6g.js";
|
|
6
6
|
import { d as L } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
7
|
-
import { a as Q } from "./p-
|
|
8
|
-
import { o as U } from "./p-
|
|
7
|
+
import { a as Q } from "./p-BAqWcL0K-DRjKDzoa.js";
|
|
8
|
+
import { o as U } from "./p-DQQhGF5N-mCqb5VTE.js";
|
|
9
9
|
import { c as X } from "./clsx-OuTLNxxd.js";
|
|
10
10
|
const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
11
11
|
__proto__: null,
|
|
@@ -170,7 +170,7 @@ const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @
|
|
|
170
170
|
}
|
|
171
171
|
render() {
|
|
172
172
|
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);
|
|
173
|
-
return s("div", { key: "
|
|
173
|
+
return s("div", { key: "bfb7c8bfdd5f4b8bb00c9d3f0c6824caaeb22956", class: t }, s("div", { key: "271e8c92d21a2d6655762a6ad162edd9b890e640", class: "gids-action-bar__primary-filters" }, s($, { key: "485bdd2ec77b5ccb9ac46365a18160379f85cef5", 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) => {
|
|
174
174
|
const b = r?.filterPickerData ?? [], c = r?.filterId && r.filterId !== "" ? r.filterId : o + 1 + "_primary", h = "primary", C = "none", k = this.getSelectedDropdownFilterTitle(c), v = this.isDropdownFilterSelected(c);
|
|
175
175
|
return s("gids-filter", { key: `${c}_${k}`, ...r, filterIndex: o + 1, filterId: c, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.filterDefaultSelected, filterSelected: v, type: C, filterItemType: h, title: k, value: k, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: b }) }, s(E, { type: "default" }, b.map(((I, T) => {
|
|
176
176
|
const R = I?.sectionLabel;
|
|
@@ -64,7 +64,7 @@ const x = ({ appearance: e, hasAccessorySlot: r }, o) => u("gids-bento-card", {
|
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
const e = this?.heading && this.heading !== "" ? this.heading : void 0, r = this?.label && this.label !== "" ? this.label : void 0, o = this?.supportingText && this.supportingText !== "" ? this.supportingText : void 0, a = this?.description && this.description !== "" ? this.description : void 0, h = e || r || o || a, n = this?.appearance ?? "default", d = this?.hasDefaultSlot ?? !1, g = this?.hasIconSlot ?? !1, s = this?.hasAccessorySlot ?? !1, b = C({ appearance: n, hasAccessorySlot: s });
|
|
67
|
-
return t(_, { key: "
|
|
67
|
+
return t(_, { key: "c28c9d09fa92e8f19772c08ff8bf5d8931dd5e9e", class: `${b} ${g ? "has-icon" : ""} ${s ? "has-accessory" : ""} ${d ? "has-image" : ""}`, style: { "--gidsBentoCard-bg-gradient": this?.bgGradient ?? "", "--gidsBentoCardText-color-primary": this?.primaryTextColor ?? "", "--gidsBentoCardText-color-secondary": this?.secondaryTextColor ?? "", "--gidsBentoCardText-color-tertiary": this?.tertiaryTextColor ?? "" }, "data-appearance": n }, t("div", { key: "d4b774cfb9c11f792d7f564050764cdd7c34df76", class: d ? "gids-bento-card__content gids-bento-card__default-slot-gapping" : "gids-bento-card__content" }, t("header", { key: "022b7615d1fa6cc3ab39ae1ef8bb00107d3d79ff", class: m("gids-bento-card__header", { "gids-bento-card__header-row": (this?.iconDirection ?? "column") === "row" }) }, t("div", { key: "a35302750fd2309c850687038ebb9fb658b507f0", class: g ? "gids-bento-card__icon" : "" }, t("slot", { key: "37423611609238afbd9ab5796f45665922892146", name: "bentoCardIcon", ref: (i) => this.iconSlotRef = i, onSlotchange: () => this.updateSlotStates() })), h ? t("div", { class: "gids-bento-card__texts-wrapper" }, e && t("span", { class: "gids-bento-card__heading" }, e), r && t("h3", { class: "gids-bento-card__title" }, r), o && t("span", { class: "gids-bento-card__supporting" }, o), a && t("p", { class: "gids-bento-card__description" }, a)) : void 0), t("div", { key: "57706544b01294e63e5579337392241012c733e1", class: d ? "gids-bento-card__image-wrapper" : "" }, t("slot", { key: "6550a126bd77ec947d89dba12bf7c791fde387a4", ref: (i) => this.defaultSlotRef = i, onSlotchange: () => this.updateSlotStates() }))), t("footer", { key: "1e13b363093624b945d26a543e7e0c716b10618d", class: s ? "gids-bento-card__footer" : "" }, t("slot", { key: "8163dfa16d9e3dbe229ead90ebf44bfb693d945a", name: "bentoCardAccessory", ref: (i) => this.accessorySlotRef = i, onSlotchange: () => this.updateSlotStates() })));
|
|
68
68
|
}
|
|
69
69
|
get hostElement() {
|
|
70
70
|
return this;
|
|
@@ -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-TfH966_e-tyxLyzL3.js";
|
|
2
|
+
const m = e, n = a;
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
m as GidsCalendarHeaderPanel,
|
|
5
5
|
n as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
const
|
|
1
|
+
import { c as s, l as t } from "./p-DrxfD2yZ-Juydw__6.js";
|
|
2
|
+
const o = s, n = t;
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
o as GidsCalendarMonthList,
|
|
5
5
|
n as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { L as P, u as D, D as d, q as
|
|
2
|
-
import { r as S, u as M } from "./p-
|
|
3
|
-
import { l as N } from "./p-
|
|
4
|
-
import { m 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-
|
|
1
|
+
import { L as P, u as D, D as d, q as c } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { r as S, u as M } from "./p-TfH966_e-tyxLyzL3.js";
|
|
3
|
+
import { l as N } from "./p-DrxfD2yZ-Juydw__6.js";
|
|
4
|
+
import { m as Y } from "./p-Ds5IzXj3-BC_F0-JJ.js";
|
|
5
|
+
import { g as k } from "./p-B_FEFM5I-WvEFe7I_.js";
|
|
6
|
+
import { h as w } from "./p-BQT5yy5L-DhdgFXTM.js";
|
|
7
|
+
import { d as x } from "./p-DMxvWIj1-DPw-ITMY.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,
|
|
@@ -31,10 +31,10 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => p(
|
|
|
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(), o = [], 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
|
+
o.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) => p(
|
|
|
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
|
+
o.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 - o.length;
|
|
54
54
|
for (let s = 1; s <= m; s++) {
|
|
55
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
|
-
|
|
56
|
+
o.push({
|
|
57
57
|
day: s,
|
|
58
58
|
isCurrentMonth: !1,
|
|
59
59
|
dateString: b,
|
|
60
60
|
isToday: h === b
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
|
-
return
|
|
63
|
+
return o;
|
|
64
64
|
}, H = () => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
65
65
|
__proto__: null,
|
|
66
66
|
generateCalendarDays: T,
|
|
67
67
|
generateCalendarWeekdays: H,
|
|
68
68
|
getGidsCalendarClassNames: $
|
|
69
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: V } = E, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role:
|
|
69
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: V } = E, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role: o = "gridcell", cellType: h = "effective", ...m }) => {
|
|
70
70
|
const s = !a && h === "effective";
|
|
71
|
-
return d("button", { class: V({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role:
|
|
71
|
+
return d("button", { class: V({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role: o, "aria-selected": n ? "true" : "false", disabled: a, onClick: (i) => {
|
|
72
72
|
if (i.defaultPrevented || a || !s) return;
|
|
73
73
|
const u = new CustomEvent("onPressCalendarCell", { bubbles: !0, composed: !0, detail: { cellValue: e, selected: n, disabled: a, dot: t, today: r } });
|
|
74
74
|
l && l(u);
|
|
@@ -107,7 +107,7 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => 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: "c57570feec4f1d3e83b09b5b7fdc7c1af432be7d", class: a }, d("gids-calendar-header-panel", { key: "ab954114ccb6bcbecd74b1e5c7639cf9157f1fa2", 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: "fbed15a446ac2b7c82e7b6cf9ab6ef64138609d2", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "a959e40d31da27633397de46557a7fa0793cecc8", 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(c(e)) || customElements.define(c(e), v);
|
|
127
127
|
break;
|
|
128
128
|
case "gids-calendar-header-panel":
|
|
129
|
-
customElements.get(
|
|
129
|
+
customElements.get(c(e)) || M();
|
|
130
130
|
break;
|
|
131
131
|
case "gids-calendar-month-list":
|
|
132
|
-
customElements.get(
|
|
132
|
+
customElements.get(c(e)) || N();
|
|
133
133
|
break;
|
|
134
134
|
case "gids-calendar-year-list":
|
|
135
|
-
customElements.get(
|
|
135
|
+
customElements.get(c(e)) || Y();
|
|
136
136
|
break;
|
|
137
137
|
case "gids-dot":
|
|
138
|
-
customElements.get(
|
|
138
|
+
customElements.get(c(e)) || k();
|
|
139
139
|
break;
|
|
140
140
|
case "gids-dropdown-picker":
|
|
141
|
-
customElements.get(
|
|
141
|
+
customElements.get(c(e)) || w();
|
|
142
142
|
break;
|
|
143
143
|
case "gids-icon":
|
|
144
|
-
customElements.get(
|
|
144
|
+
customElements.get(c(e)) || x();
|
|
145
145
|
}
|
|
146
146
|
}));
|
|
147
147
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as e,
|
|
2
|
-
const
|
|
1
|
+
import { r as e, o as r } from "./p-DnRuhvRw-Beh0bANh.js";
|
|
2
|
+
const s = e, t = r;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as GidsChartLegend,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { L as u, u as m, D as
|
|
1
|
+
import { L as u, u as m, D as i, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { r as h, c as y, b, a as T, C } from "./p-CZ_9Mt3B-BIYkPAXM.js";
|
|
3
|
-
import { d as v } from "./p-
|
|
4
|
-
import {
|
|
5
|
-
import { h as k } from "./p-
|
|
6
|
-
import {
|
|
7
|
-
import { l as A } from "./p-
|
|
3
|
+
import { d as v } from "./p-_W77iniK-DZ9pVDuI.js";
|
|
4
|
+
import { _ as f } from "./p-D0RJMGGj-DSjGfUhB.js";
|
|
5
|
+
import { h as k } from "./p-BIxBMTG9-Bs6G0Wvv.js";
|
|
6
|
+
import { o as _ } from "./p-DnRuhvRw-Beh0bANh.js";
|
|
7
|
+
import { l as A } from "./p-E13ycS5K-D-yK6pqz.js";
|
|
8
8
|
import { h as E } from "./p-83YZrIJw-Cu-e6WD3.js";
|
|
9
|
-
import { c as P } from "./p-
|
|
10
|
-
import { c as D } from "./p-
|
|
9
|
+
import { c as P } from "./p-DKSnGphd-EpxzqjUA.js";
|
|
10
|
+
import { c as D } from "./p-B2flLE0s-UXdlvRVr.js";
|
|
11
11
|
import { d as x } from "./p-4zKS6zkg-CujzUjb6.js";
|
|
12
12
|
import { c as G } from "./clsx-OuTLNxxd.js";
|
|
13
13
|
const I = (e) => G("gids-chart", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -56,11 +56,11 @@ const I = (e) => G("gids-chart", e), L = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
56
56
|
this.chartType = e;
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
if (!this.isChartTypeValid()) return
|
|
59
|
+
if (!this.isChartTypeValid()) return i("div", { class: "gids-chart__no-data" }, i(h, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
|
|
60
60
|
const e = this.isChartDataValid(), r = this.getChartTypeText();
|
|
61
|
-
if (!e) return
|
|
61
|
+
if (!e) return i("div", { class: "gids-activity-gauge__no-data" }, i(h, { title: T, supportingText: C(r) }));
|
|
62
62
|
const a = N(), t = this.chartType, o = this.barChartProps, n = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
|
|
63
|
-
return
|
|
63
|
+
return i("div", { class: a }, t === "line-chart" ? i("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? i("gids-bar-chart", { ...o, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? i("gids-pie-chart", { ...n, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? i("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? i("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? i("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? i("div", { class: "gids-chart__no-data" }, i(h, { title: "Coming Soon!", supportingText: "Radar chart is under progress. This will be available in next major version of GIDS." })) : null);
|
|
64
64
|
}
|
|
65
65
|
static get watchers() {
|
|
66
66
|
return { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] };
|
|
@@ -73,34 +73,34 @@ function g() {
|
|
|
73
73
|
typeof customElements < "u" && ["gids-chart", "gids-activity-gauge", "gids-advanced-tooltip", "gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item", "gids-level-gauge", "gids-line-chart", "gids-pie-chart", "gids-progress-circle"].forEach(((e) => {
|
|
74
74
|
switch (e) {
|
|
75
75
|
case "gids-chart":
|
|
76
|
-
customElements.get(
|
|
76
|
+
customElements.get(s(e)) || customElements.define(s(e), c);
|
|
77
77
|
break;
|
|
78
78
|
case "gids-activity-gauge":
|
|
79
|
-
customElements.get(
|
|
79
|
+
customElements.get(s(e)) || v();
|
|
80
80
|
break;
|
|
81
81
|
case "gids-advanced-tooltip":
|
|
82
|
-
customElements.get(
|
|
82
|
+
customElements.get(s(e)) || f();
|
|
83
83
|
break;
|
|
84
84
|
case "gids-bar-chart":
|
|
85
|
-
customElements.get(
|
|
85
|
+
customElements.get(s(e)) || k();
|
|
86
86
|
break;
|
|
87
87
|
case "gids-chart-legend":
|
|
88
|
-
customElements.get(
|
|
88
|
+
customElements.get(s(e)) || _();
|
|
89
89
|
break;
|
|
90
90
|
case "gids-chart-legend-item":
|
|
91
|
-
customElements.get(
|
|
91
|
+
customElements.get(s(e)) || A();
|
|
92
92
|
break;
|
|
93
93
|
case "gids-level-gauge":
|
|
94
|
-
customElements.get(
|
|
94
|
+
customElements.get(s(e)) || E();
|
|
95
95
|
break;
|
|
96
96
|
case "gids-line-chart":
|
|
97
|
-
customElements.get(
|
|
97
|
+
customElements.get(s(e)) || P();
|
|
98
98
|
break;
|
|
99
99
|
case "gids-pie-chart":
|
|
100
|
-
customElements.get(
|
|
100
|
+
customElements.get(s(e)) || D();
|
|
101
101
|
break;
|
|
102
102
|
case "gids-progress-circle":
|
|
103
|
-
customElements.get(
|
|
103
|
+
customElements.get(s(e)) || x();
|
|
104
104
|
}
|
|
105
105
|
}));
|
|
106
106
|
}
|
|
@@ -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: "b1b210c68865fc9de80f1e4537c6d9d820d9ec92", 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: "af7481501b3195fa6a9f9270baf20f1dd2f1b7c4", class: "gids-button__content" }, s(h, { key: "9f3cad913697fc353c8f03b7058deabd7704091e", name: "chevron-vertical", alt: "" })));
|
|
35
35
|
}
|
|
36
36
|
get _el() {
|
|
37
37
|
return this;
|
|
@@ -49,8 +49,8 @@ function n() {
|
|
|
49
49
|
}));
|
|
50
50
|
}
|
|
51
51
|
n();
|
|
52
|
-
const
|
|
52
|
+
const m = i, z = n;
|
|
53
53
|
export {
|
|
54
|
-
|
|
54
|
+
m as GidsChevronButton,
|
|
55
55
|
z as defineCustomElement
|
|
56
56
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { L as n, u as d, D as s, q as a } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { s as r } from "./p-BkxmRN-4-DSiXCW8b.js";
|
|
3
|
-
import { l } from "./p-
|
|
4
|
-
import { h } from "./p-
|
|
5
|
-
import { r as u } from "./p-
|
|
3
|
+
import { l } from "./p-tEbUT3n3-CWq8ErgN.js";
|
|
4
|
+
import { h } from "./p-mv_7K1EM-lPgJqpPI.js";
|
|
5
|
+
import { r as u } from "./p-DzOOjiNH-Wm7KbI3O.js";
|
|
6
6
|
import { g as c } from "./p-iQRr_fAH-ClfWEu03.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: "2b1c115bfc0d826fff61b1a6af00e670c06faffc", 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: "ad124b57aed7f03b844a75f2fcf043cb87195792", 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: "be64253e8780c045b16ee268bc2a9032259fdfad", name: "leadingIconDropdown" }), s("slot", { key: "281185f172cccae8a87fba6d62db56a5e95f8796", name: "leadingAccessoryDropdown" }), s("slot", { key: "c3f6ff2bb50363e0d5d165d41f9280b862dbc892" })));
|
|
55
55
|
}
|
|
56
56
|
static get formAssociated() {
|
|
57
57
|
return !0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { r, h as o } from "./p-BQT5yy5L-DhdgFXTM.js";
|
|
2
|
+
const s = r, t = o;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as GidsDropdownPicker,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as s, d as o } from "./p-
|
|
2
|
-
const e = s,
|
|
1
|
+
import { r as s, d as o } from "./p-CIjK3iHM-DEW8PRM5.js";
|
|
2
|
+
const e = s, r = o;
|
|
3
3
|
export {
|
|
4
4
|
e as GidsExpansionBodyListItem,
|
|
5
|
-
|
|
5
|
+
r as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { L as r, u as L, D as d, P as y, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
-
import { d as h } from "./p-
|
|
2
|
+
import { d as h } from "./p-CIjK3iHM-DEW8PRM5.js";
|
|
3
3
|
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
@@ -47,7 +47,7 @@ const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.fr
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const e = B();
|
|
50
|
-
return d(y, { key: "
|
|
50
|
+
return d(y, { key: "8c95ded7b64c791bdb7543582116f2f3ae1bb457", class: e }, (this?.expansionBodyListItems ?? []).map(((t, s) => d("gids-expansion-body-list-item", { key: "" + (s + 1), ...t, onSubtitlePress: (i) => this.handleExpansionBodyListSubtitleClick({ detail: i, expansionBodyListItem: t }), onSupportingTextPress: (i) => this.handleExpansionBodyListSupportingTextClick({ detail: i, expansionBodyListItem: t }) }))));
|
|
51
51
|
}
|
|
52
52
|
get hostElement() {
|
|
53
53
|
return this;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { L as r, u as i, D as s, P as a, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
-
import { c
|
|
3
|
-
const
|
|
2
|
+
import { c } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
const d = (e) => c("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
|
-
getGidsExpansionGroupClassNames:
|
|
5
|
+
getGidsExpansionGroupClassNames: d
|
|
6
6
|
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = r(class extends i {
|
|
7
7
|
constructor(e) {
|
|
8
8
|
super(), e !== !1 && this.__registerHost();
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
const e = u();
|
|
12
|
-
return s(a, { key: "
|
|
12
|
+
return s(a, { key: "bd9ab34b85c72d3eb25e12219e8391fb0b14fb8f", class: e }, s("slot", { key: "2bb1df42f132e294678dc6fb5c61f48d7886b8a7" }));
|
|
13
13
|
}
|
|
14
14
|
static get style() {
|
|
15
15
|
return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";
|
|
@@ -31,8 +31,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
31
31
|
checkSlotContent() {
|
|
32
32
|
const e = this.hostElement.querySelector(".gids-expansion__content");
|
|
33
33
|
if (e) {
|
|
34
|
-
const n = e.children.length > 0,
|
|
35
|
-
this.hasContent = n ||
|
|
34
|
+
const n = e.children.length > 0, d = !!e.textContent && e.textContent.trim().length > 0;
|
|
35
|
+
this.hasContent = n || d;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
isInteractive() {
|
|
@@ -65,7 +65,7 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
67
|
const e = _({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
|
|
68
|
-
return i(l, { key: "
|
|
68
|
+
return i(l, { key: "ec044548a6049de30e8f3eee1924f7327377836c", class: e }, i("button", { key: "44d9b4c26f944efc59a099f58c1e3e04afac06ff", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "f18f30b0f5d12c43c0a61b9e8da3b70c0f398983", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "01b2e0dce79f7ea9307a85911a1e202d8b6d8bc1", class: "gids-expansion__content" }, i("slot", { key: "2bf8f08b26fa388c112e4c3f2f714c604fba307d" }))));
|
|
69
69
|
}
|
|
70
70
|
get hostElement() {
|
|
71
71
|
return this;
|
|
@@ -77,13 +77,13 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
77
77
|
return '.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}';
|
|
78
78
|
}
|
|
79
79
|
}, [260, "gids-expansion", { expansionId: [1, "expansion-id"], label: [1], labelLevel: [1, "label-level"], expanded: [516], disabled: [516], onExpand: [16], hasContent: [32] }, void 0, { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] }]);
|
|
80
|
-
function
|
|
80
|
+
function t() {
|
|
81
81
|
typeof customElements < "u" && ["gids-expansion"].forEach(((e) => {
|
|
82
82
|
e === "gids-expansion" && (customElements.get(a(e)) || customElements.define(a(e), s));
|
|
83
83
|
}));
|
|
84
84
|
}
|
|
85
|
-
|
|
86
|
-
const u = s, y =
|
|
85
|
+
t();
|
|
86
|
+
const u = s, y = t;
|
|
87
87
|
export {
|
|
88
88
|
u as GidsExpansion,
|
|
89
89
|
y as defineCustomElement
|