@ganpatiinfo/gids-core-web 16.0.0 → 18.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/elements.css +4 -0
- package/dist/css/elements.css.map +1 -1
- package/dist/css/index.css +701 -4
- package/dist/css/index.css.map +1 -1
- package/dist/custom-elements.json +7 -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.d.ts +11 -0
- package/dist/gids-bento-card.js +1 -0
- 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-carousel.d.ts +11 -0
- package/dist/gids-carousel.js +1 -0
- 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.d.ts +11 -0
- package/dist/gids-flyout-panel.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-level-gauge.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-notification.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-progress-circle.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-skeleton.js +1 -1
- package/dist/gids-snackbar.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/index.js +1 -1
- package/dist/{p-CoS0NuDU.js → p-4zKS6zkg.js} +1 -1
- package/dist/{p-Degg_WJz.js → p-83YZrIJw.js} +1 -1
- package/dist/{p-oJFgjzK5.js → p-B0hLXifA.js} +1 -1
- package/dist/{p-Bf3p-DY2.js → p-B4hcsDH0.js} +1 -1
- package/dist/{p-Dd-ec-e0.js → p-BdsUwTgh.js} +1 -1
- package/dist/p-BkxmRN-4.js +1 -0
- package/dist/p-BsC3-MVH.js +1 -0
- package/dist/{p-CiWZdp48.js → p-BthkC6NU.js} +1 -1
- package/dist/p-C-Lpfqcg.js +1 -0
- package/dist/{p-pVSQxFDF.js → p-C6GHG170.js} +1 -1
- package/dist/{p-DGXqnrKo.js → p-CBiu-Vh3.js} +1 -1
- package/dist/{p-Co23kQaH.js → p-CH4nrjpL.js} +1 -1
- package/dist/p-CIxuyUAl.js +1 -0
- package/dist/{p-DiTjFG30.js → p-CMW3SjbP.js} +1 -1
- package/dist/p-CPgZgSBN.js +1 -0
- package/dist/p-CTri3IsV.js +1 -0
- package/dist/{p-CaauwQNd.js → p-CZ_9Mt3B.js} +1 -1
- package/dist/{p-DAuO4g6g.js → p-Cacy0Dji.js} +1 -1
- package/dist/p-CcKHKwS0.js +1 -0
- package/dist/p-Cf3Ny79u.js +1 -0
- package/dist/{p-DbaNvRpS.js → p-CrqHKmjy.js} +1 -1
- package/dist/{p-UDG6tkD1.js → p-Cz9nwmgK.js} +1 -1
- package/dist/{p-Bs8TP3Rb.js → p-D0coZTd2.js} +1 -1
- package/dist/{p-CCpxJ8wu.js → p-DKOr5iAk.js} +1 -1
- package/dist/{p-Chb2OeFe.js → p-DYjV5XrH.js} +1 -1
- package/dist/{p-C-HyXFGR.js → p-DZ6xQXis.js} +1 -1
- package/dist/{p-CHGTBObD.js → p-DaB_FzcG.js} +1 -1
- package/dist/{p-DxX3B1f0.js → p-DgKrPmDn.js} +1 -1
- package/dist/p-Dg_WeHpV.js +1 -0
- package/dist/p-Do_VlNHg.js +1 -0
- package/dist/{p-DELTZ9Fh.js → p-DrDadv7P.js} +1 -1
- package/dist/p-Dw_kb9MC.js +1 -0
- package/dist/p-GcC8pCKF.js +1 -0
- package/dist/{p-BrYLEey4.js → p-KQxuw_F-.js} +1 -1
- package/dist/{p-d-t7__OQ.js → p-PcSMc4jQ.js} +1 -1
- package/dist/p-iQRr_fAH.js +1 -0
- package/dist/{p-u06XOrpj.js → p-j2_DKwBz.js} +1 -1
- package/dist/p-jGho9nbS.js +1 -0
- package/dist/{p-Bzjuvoza.js → p-xbqOQZl9.js} +1 -1
- package/dist/types/components/html/_GidsCarouselControl/GidsCarouselControl.d.ts +6 -0
- package/dist/types/components/html/_GidsCarouselPagination/GidsCarouselPagination.d.ts +5 -0
- package/dist/types/components/html/_GidsCarouselPaginationItem/GidsCarouselPaginationItem.d.ts +5 -0
- package/dist/types/components/shared/GidsFloatingElementManager.d.ts +6 -1
- package/dist/types/components/shared/GidsFloatingElementTypes.d.ts +2 -1
- package/dist/types/components/webComponents/GidsBentoCard/GidsBentoCard.d.ts +34 -0
- package/dist/types/components/webComponents/GidsCarousel/GidsCarousel.d.ts +49 -0
- package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +24 -0
- package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +2 -0
- package/dist/types/components/webComponents/GidsProfile/GidsProfile.d.ts +4 -0
- package/dist/types/components/webComponents/GidsProfileMenu/GidsProfileMenu.d.ts +4 -0
- package/dist/types/components.d.ts +168 -2
- package/dist-bundled/es/gids-action-bar.js +9 -9
- package/dist-bundled/es/gids-activity-gauge.js +1 -1
- package/dist-bundled/es/gids-advanced-tooltip.js +2 -2
- package/dist-bundled/es/gids-bar-chart.js +1 -1
- package/dist-bundled/es/gids-bento-card.js +84 -0
- package/dist-bundled/es/gids-calendar-header-panel.js +3 -3
- package/dist-bundled/es/gids-calendar-month-list.js +1 -1
- package/dist-bundled/es/gids-calendar-year-list.js +2 -2
- package/dist-bundled/es/gids-calendar.js +24 -24
- package/dist-bundled/es/gids-carousel.js +179 -0
- 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 +11 -11
- package/dist-bundled/es/gids-chevron-button.js +3 -3
- package/dist-bundled/es/gids-dot.js +3 -3
- package/dist-bundled/es/gids-dropdown-field.js +9 -9
- package/dist-bundled/es/gids-dropdown-picker.js +4 -4
- 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 +3 -3
- package/dist-bundled/es/gids-expansion-group.js +4 -4
- package/dist-bundled/es/gids-expansion.js +3 -3
- package/dist-bundled/es/gids-field.js +4 -4
- package/dist-bundled/es/gids-filter.js +2 -2
- package/dist-bundled/es/gids-flyout-panel.js +110 -0
- package/dist-bundled/es/gids-header-navigation-item.js +1 -1
- package/dist-bundled/es/gids-header-navigation.js +5 -5
- package/dist-bundled/es/gids-icon.js +4 -4
- package/dist-bundled/es/gids-input.js +2 -2
- package/dist-bundled/es/gids-level-gauge.js +2 -2
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +5 -5
- package/dist-bundled/es/gids-notification.js +1 -1
- package/dist-bundled/es/gids-overflow-container.js +5 -5
- package/dist-bundled/es/gids-overlay-provider.js +4 -4
- package/dist-bundled/es/gids-password-field.js +15 -15
- package/dist-bundled/es/gids-pie-chart.js +4 -4
- package/dist-bundled/es/gids-popover.js +4 -4
- package/dist-bundled/es/gids-profile-menu-header.js +1 -1
- package/dist-bundled/es/gids-profile-menu.js +3 -3
- package/dist-bundled/es/gids-profile.js +40 -34
- package/dist-bundled/es/gids-progress-circle.js +1 -1
- package/dist-bundled/es/gids-scrim.js +2 -2
- package/dist-bundled/es/gids-skeleton.js +9 -9
- package/dist-bundled/es/gids-snackbar.js +1 -1
- package/dist-bundled/es/gids-tab-item.js +7 -7
- package/dist-bundled/es/gids-tab.js +2 -2
- package/dist-bundled/es/gids-text-field.js +16 -16
- package/dist-bundled/es/gids-toggle-button.js +1 -1
- package/dist-bundled/es/gids-tooltip.js +7 -7
- package/dist-bundled/es/gids-transfer-list.js +7 -7
- package/dist-bundled/es/index.js +2 -2
- package/dist-bundled/es/{p-CoS0NuDU-ByDvQAzA.js → p-4zKS6zkg-CujzUjb6.js} +3 -3
- package/dist-bundled/es/{p-Degg_WJz-ORZcjc8G.js → p-83YZrIJw-Cu-e6WD3.js} +3 -3
- package/dist-bundled/es/{p-oJFgjzK5-CzagP1qD.js → p-B0hLXifA-CoImnX3T.js} +4 -4
- package/dist-bundled/es/p-BKcvOO8o-DcnO39au.js +1065 -0
- package/dist-bundled/es/{p-Dd-ec-e0-BqX_F6y0.js → p-BdsUwTgh-Cc7AQBsx.js} +9 -9
- package/dist-bundled/es/{p-Dg2yoUxw-DliMstZy.js → p-BkxmRN-4-DSiXCW8b.js} +5 -5
- package/dist-bundled/es/{p-C2POfZhu-DzG_JxV6.js → p-BsC3-MVH-j4fPhip5.js} +1 -1
- package/dist-bundled/es/{p-CiWZdp48-1vf7Xh2R.js → p-BthkC6NU-F03MhDw7.js} +7 -7
- package/dist-bundled/es/{p-DMNS1d8v-BX8e_AsY.js → p-C-Lpfqcg-DIuBhXzX.js} +5 -5
- package/dist-bundled/es/{p-pVSQxFDF-CsWxUaZX.js → p-C6GHG170-Di8lwQkY.js} +4 -4
- package/dist-bundled/es/{p-DGXqnrKo-C7feKS94.js → p-CBiu-Vh3-r-McGzCb.js} +9 -9
- package/dist-bundled/es/{p-Co23kQaH-QJyKkzgc.js → p-CH4nrjpL-CrEJXTn0.js} +9 -9
- package/dist-bundled/es/{p-DObJEzlz-tt9h5cuI.js → p-CIxuyUAl-B2DxRM64.js} +4 -4
- package/dist-bundled/es/{p-DiTjFG30-CQkxfu2K.js → p-CMW3SjbP-ZYYIF_i6.js} +4 -4
- package/dist-bundled/es/p-CPgZgSBN-DsTNcUR7.js +7 -0
- package/dist-bundled/es/p-CTri3IsV-B1u0rrXF.js +122 -0
- package/dist-bundled/es/{p-CaauwQNd-D6_PbcRr.js → p-CZ_9Mt3B-BIYkPAXM.js} +1 -1
- package/dist-bundled/es/{p-DAuO4g6g-C8miaL-N.js → p-Cacy0Dji-D-D254kT.js} +7 -7
- package/dist-bundled/es/{p-CXFvqDBs-offadaUn.js → p-CcKHKwS0-Bw63tTOA.js} +1 -1
- package/dist-bundled/es/p-Cf3Ny79u-VGT_IyGI.js +82 -0
- package/dist-bundled/es/{p-DbaNvRpS-r7kCW1TY.js → p-CrqHKmjy-DwSsCofb.js} +10 -10
- package/dist-bundled/es/{p-UDG6tkD1-JTLPxkEn.js → p-Cz9nwmgK-BO8HUAvD.js} +10 -10
- package/dist-bundled/es/{p-Bs8TP3Rb-BdcS7d5q.js → p-D0coZTd2-KhJZ57gK.js} +3 -3
- package/dist-bundled/es/{p-CCpxJ8wu-CMYQqNoP.js → p-DKOr5iAk-DA3Kc4Cn.js} +9 -9
- package/dist-bundled/es/{p-Chb2OeFe-DDv_WPhe.js → p-DYjV5XrH-CI9LfBFx.js} +3 -3
- package/dist-bundled/es/{p-C-HyXFGR-UnFcWLOQ.js → p-DZ6xQXis-XT86MMis.js} +7 -7
- package/dist-bundled/es/{p-CHGTBObD-D_K9_Tmh.js → p-DaB_FzcG-DnRTURxL.js} +1 -1
- package/dist-bundled/es/{p-DxX3B1f0-D1URliVh.js → p-DgKrPmDn-C2CSKicX.js} +6 -6
- package/dist-bundled/es/{p-UVmSPzTd-CR1higgJ.js → p-Dg_WeHpV-DehzGL6g.js} +9 -9
- package/dist-bundled/es/{p-UxDcM-C5-BJO4X0jM.js → p-Do_VlNHg-_g7lcvwR.js} +2 -2
- package/dist-bundled/es/{p-DELTZ9Fh-Byr0nLtY.js → p-DrDadv7P-D4rbSYTr.js} +4 -4
- package/dist-bundled/es/{p-bhEHIxPv-ujyxL30O.js → p-Dw_kb9MC-BTd0lrGA.js} +36 -21
- package/dist-bundled/es/{p-CZBiavxU-CIstIm2b.js → p-GcC8pCKF-CZJFTFeN.js} +10 -10
- package/dist-bundled/es/{p-BrYLEey4-DuajY4uD.js → p-KQxuw_F--BTSoDfF9.js} +9 -9
- package/dist-bundled/es/{p-d-t7__OQ-CKPQZt2t.js → p-PcSMc4jQ-CzYLaIZr.js} +14 -14
- package/dist-bundled/es/{p-D4Pimu_8-ARSuGBs4.js → p-iQRr_fAH-ClfWEu03.js} +13 -13
- package/dist-bundled/es/{p-u06XOrpj-C1tNznDd.js → p-j2_DKwBz-CqyuxxnN.js} +8 -8
- package/dist-bundled/es/{p-Bw2pVReY-K9pdG-hw.js → p-jGho9nbS-BDiBvsn2.js} +10 -10
- package/dist-bundled/es/{p-Bzjuvoza-CzNs69NV.js → p-xbqOQZl9-BK9vjfj7.js} +15 -15
- 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 +5 -0
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +1 -1
- 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-carousel.umd.js +5 -0
- 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 +2 -2
- 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 +1 -1
- 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 +5 -0
- package/dist-bundled/umd/gids-header-navigation-item.umd.js +2 -2
- package/dist-bundled/umd/gids-header-navigation.umd.js +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +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 +2 -2
- package/dist-bundled/umd/gids-profile-menu-header.umd.js +1 -1
- 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-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 +3 -3
- package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-transfer-list.umd.js +1 -1
- package/dist-bundled/umd/index.umd.js +2 -2
- package/dist-bundled/umd-complete/gids-core-web.umd.js +4 -4
- package/package.json +29 -5
- package/dist/p-B8kX8Vqv.js +0 -1
- package/dist/p-BBszCFSA.js +0 -1
- package/dist/p-Bw2pVReY.js +0 -1
- package/dist/p-C2POfZhu.js +0 -1
- package/dist/p-CXFvqDBs.js +0 -1
- package/dist/p-CZBiavxU.js +0 -1
- package/dist/p-CcpdJCql.js +0 -1
- package/dist/p-D4Pimu_8.js +0 -1
- package/dist/p-DMNS1d8v.js +0 -1
- package/dist/p-DObJEzlz.js +0 -1
- package/dist/p-Dg2yoUxw.js +0 -1
- package/dist/p-UVmSPzTd.js +0 -1
- package/dist/p-UxDcM-C5.js +0 -1
- package/dist/p-bhEHIxPv.js +0 -1
- package/dist-bundled/es/p-B8kX8Vqv-trBz4jdS.js +0 -7
- package/dist-bundled/es/p-BBszCFSA-BN0-eWJX.js +0 -115
- package/dist-bundled/es/p-BKcvOO8o-L5KtCP_k.js +0 -1024
- package/dist-bundled/es/p-CcpdJCql-CkEW2RAp.js +0 -64
- /package/dist-bundled/es/{p-Bf3p-DY2-CPqEc-vc.js → p-B4hcsDH0-CPqEc-vc.js} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { q as l, L as n, u as r, D as
|
|
2
|
-
import { d as h } from "./p-
|
|
1
|
+
import { q as l, L as n, u as r, D as o, P as d } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { d as h } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
3
3
|
import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
4
4
|
import { c as _ } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -53,10 +53,10 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
53
53
|
render() {
|
|
54
54
|
const t = this._hasStatusText(), e = this._controlValidationMessage !== void 0 ? this._controlValidationMessage : this._shouldRenderExplicitStatusText() ? this.statusText : void 0, s = this._getCurrentStatus(), i = ["gids-field__status-text"];
|
|
55
55
|
if (t) {
|
|
56
|
-
const
|
|
57
|
-
|
|
56
|
+
const a = this._getStatusModifierClass(s, "gids-field__status-text");
|
|
57
|
+
a != null && i.push(a);
|
|
58
58
|
}
|
|
59
|
-
return
|
|
59
|
+
return o(d, { key: "b296d1365e6b518d7aafb6af439c73a01ee05973" }, o("div", { key: "0713bc4c4e6d2d78f41e7383e03a5a2e670f374d", class: p() }, o("div", { key: "060131205bf2563cc9a73cadc1bfa0aaa2782dc4", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "24d91f471b0d18a286352aeddd1f6f621ee18c96", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "82395d9990fbb76ff2036f326a825ded78e74ae8", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "6240db77a53290a25b0cdba34cdb37615956b9d7", class: "gids-field__control" }, o("slot", { key: "975c677a1f88761e3841e4027fdb65e3c711016b", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "404f4c44b9b32209ccdcde586bd688693b2d6022", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
|
|
60
60
|
}
|
|
61
61
|
_hasLabelContent() {
|
|
62
62
|
return this._hasLabel;
|
|
@@ -79,8 +79,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
79
79
|
if (e === void 0) return;
|
|
80
80
|
const s = ["gids-field__status-icon"], i = this._getStatusModifierClass(t, "gids-field__status-icon");
|
|
81
81
|
i != null && s.push(i);
|
|
82
|
-
let
|
|
83
|
-
return t === "error" && (
|
|
82
|
+
let a = t;
|
|
83
|
+
return t === "error" && (a = "danger"), t === "success" && (a = "positive"), o(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${a})` } });
|
|
84
84
|
}
|
|
85
85
|
_getCurrentStatus() {
|
|
86
86
|
return this._isImplicitStatus() && this._controlValidationMessage != null ? "error" : this.status ?? "implicit";
|
|
@@ -120,7 +120,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
120
120
|
if (e && t.name != null) {
|
|
121
121
|
const s = e.elements.namedItem(t.name);
|
|
122
122
|
if (s instanceof RadioNodeList) {
|
|
123
|
-
const i = Array.from(s).filter(((
|
|
123
|
+
const i = Array.from(s).filter(((a) => a instanceof HTMLInputElement && a.type === "radio" && this._el.contains(a)));
|
|
124
124
|
if (i.length > 0) return i;
|
|
125
125
|
}
|
|
126
126
|
}
|
|
@@ -141,8 +141,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
|
|
|
141
141
|
if (e.nodeType !== Node.ELEMENT_NODE) continue;
|
|
142
142
|
const s = e, i = this._asTextControl(s);
|
|
143
143
|
if (i !== null) return i;
|
|
144
|
-
const
|
|
145
|
-
if (
|
|
144
|
+
const a = s.querySelector("input, textarea");
|
|
145
|
+
if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement) return a;
|
|
146
146
|
}
|
|
147
147
|
return null;
|
|
148
148
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { q as l, L as d, u as o, D as n } from "./p-
|
|
2
|
-
import { o as h } from "./p-
|
|
3
|
-
import { d as c } from "./p-
|
|
1
|
+
import { q as l, L as d, u as o, D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { o as h } from "./p-Dg_WeHpV-DehzGL6g.js";
|
|
3
|
+
import { d as c } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
4
4
|
import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
|
|
5
|
-
import {
|
|
6
|
-
import { m as b } from "./p-
|
|
7
|
-
import { h as m } from "./p-
|
|
5
|
+
import { l as u } from "./p-DZ6xQXis-XT86MMis.js";
|
|
6
|
+
import { m as b } from "./p-C6GHG170-Di8lwQkY.js";
|
|
7
|
+
import { h as m } from "./p-DgKrPmDn-C2CSKicX.js";
|
|
8
8
|
import { c as k } from "./clsx-OuTLNxxd.js";
|
|
9
|
-
const
|
|
9
|
+
const f = (e) => k("gids-calendar-header-panel", e), g = (e, a = "en-US") => {
|
|
10
10
|
const t = new Date(2e3, e - 1, 1);
|
|
11
11
|
return new Intl.DateTimeFormat(a, { month: "long" }).format(t);
|
|
12
12
|
}, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
13
13
|
__proto__: null,
|
|
14
|
-
getCalendarMonthNameViaMonthNumber:
|
|
15
|
-
getGidsCalendarHeaderPanelClassNames:
|
|
14
|
+
getCalendarMonthNameViaMonthNumber: g,
|
|
15
|
+
getGidsCalendarHeaderPanelClassNames: f
|
|
16
16
|
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarHeaderPanelClassNames: M, getCalendarMonthNameViaMonthNumber: r } = P, v = d(class extends o {
|
|
17
17
|
constructor(e) {
|
|
18
18
|
super(), e !== !1 && this.__registerHost(), this.appearance = "primary", this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.panelDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.expandedMonthPicker = !1, this.expandedYearPicker = !1, this.internalPreviousDisabled = !1, this.internalNextDisabled = !1, this.suppressNextMenuClickSelection = !1, this.suppressNextActionClickSelection = !1, this.fallbackYear = (/* @__PURE__ */ new Date()).getFullYear(), this.fallbackMonth = 1, this.fallbackStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.fallbackEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.handleMonthPickerMenuClick = (a) => {
|
|
@@ -130,7 +130,7 @@ const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
|
|
|
130
130
|
}
|
|
131
131
|
render() {
|
|
132
132
|
const e = M(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, i = this.internalPreviousDisabled || this.previousDisabled, s = this.internalNextDisabled || this.nextDisabled;
|
|
133
|
-
return n("div", { key: "
|
|
133
|
+
return n("div", { key: "3353a6720343f4996dd9ed9ae3555151c86a5d83", class: e }, n(h, { key: "693b2411f8c5ebb57241d047f6f835492688845d", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "513e7e8d1b17776bf32c06b32deaeb831e13bb77", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "20315f018f4acbf024750a237bac8f6595af0974", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "582c9dccf9e7391f219aa6fd736bb28c58bcc386", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "22e490f7affc2cc817fef3c9887b3777f2db53e4", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "2179b6d64b2575d4b6dd3b56bd2cdf8035486cad", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "9a84cc1f2fabfbbd5e1f5bbcbe59418c63c42257", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "cf8dc25acfbba53f9baeb40d71144af9df6c0546", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
|
|
134
134
|
}
|
|
135
135
|
get hostElement() {
|
|
136
136
|
return this;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { D as n } from "./p-
|
|
2
|
-
import { p as d } from "./p-
|
|
3
|
-
import { _ as u } from "./p-
|
|
1
|
+
import { D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { p as d } from "./p-C-Lpfqcg-DIuBhXzX.js";
|
|
3
|
+
import { _ as u } from "./p-KQxuw_F--BTSoDfF9.js";
|
|
4
4
|
import { c as t } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const p = ({ type: o }, e) => t("gids-dropdown-menu-group", {
|
|
6
6
|
"gids-dropdown-menu-group--default": o === "default",
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { q as
|
|
2
|
-
import { i as
|
|
3
|
-
import { d } from "./p-
|
|
4
|
-
const c =
|
|
1
|
+
import { q as t, L as e, u as s, D as o } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
|
+
import { d as a } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
4
|
+
const c = e(class extends s {
|
|
5
5
|
constructor(i) {
|
|
6
6
|
super(), i !== !1 && this.__registerHost(), this.__attachShadow();
|
|
7
7
|
}
|
|
8
8
|
connectedCallback() {
|
|
9
|
-
const i =
|
|
9
|
+
const i = d();
|
|
10
10
|
i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return o(
|
|
13
|
+
return o(a, { key: "fa62d0348525269257a5bc8f896f4639fc78c206", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
|
|
14
14
|
}
|
|
15
15
|
get _el() {
|
|
16
16
|
return this;
|
|
@@ -21,11 +21,11 @@ const c = t(class extends s {
|
|
|
21
21
|
}, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
|
|
22
22
|
function n() {
|
|
23
23
|
typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
|
|
24
|
-
i === "gids-icon" && (customElements.get(
|
|
24
|
+
i === "gids-icon" && (customElements.get(t(i)) || customElements.define(t(i), c));
|
|
25
25
|
}));
|
|
26
26
|
}
|
|
27
27
|
n();
|
|
28
28
|
export {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
n as d,
|
|
30
|
+
c as n
|
|
31
31
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { q as n, L as g, u as h, D as e, P as c } from "./p-
|
|
2
|
-
import { o as b } from "./p-
|
|
1
|
+
import { q as n, L as g, u as h, D as e, P as c } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { o as b } from "./p-BsC3-MVH-j4fPhip5.js";
|
|
3
3
|
import { c as y } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
@@ -65,7 +65,7 @@ const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Obje
|
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
67
|
const t = x(), i = this?.label, o = this?.subtitle, r = this?.supportingText, s = this.isValidLabel(), l = this.isValidSubtitle(), p = this.isValidSupportingText(), a = this.isDisplayTagVisible(), d = this?.displayTagLabel ?? "";
|
|
68
|
-
return e(c, { key: "
|
|
68
|
+
return e(c, { key: "bfe69722ce1b8b0f7f2d935131009ba755bd25cb", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
|
|
69
69
|
}
|
|
70
70
|
get hostElement() {
|
|
71
71
|
return this;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { q as d, L as r, u as
|
|
2
|
-
import { i as
|
|
3
|
-
import { i as u } from "./p-
|
|
1
|
+
import { q as d, L as r, u as c, D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { i as h, a as m } from "./p-D0coZTd2-KhJZ57gK.js";
|
|
3
|
+
import { i as u } from "./p-CIxuyUAl-B2DxRM64.js";
|
|
4
4
|
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const f = (t) => p("gids-calendar-month-list", t), I = () => {
|
|
6
6
|
const t = [], s = new Intl.DateTimeFormat("en-US", { month: "long" });
|
|
@@ -17,7 +17,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
|
|
|
17
17
|
__proto__: null,
|
|
18
18
|
getGidsCalendarMonthListClassNames: f,
|
|
19
19
|
getGidsCalendarMonthListMonths: I
|
|
20
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends
|
|
20
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends c {
|
|
21
21
|
constructor(t) {
|
|
22
22
|
super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
|
|
23
23
|
const { title: e, value: n, selectedIndex: i, disabled: o, id: a } = s.detail;
|
|
@@ -60,7 +60,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
|
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
62
|
const t = g();
|
|
63
|
-
return l("div", { key: "
|
|
63
|
+
return l("div", { key: "c9728a8b9ac112198332bf5d4b5acaa4f21f0497", class: t }, l(h, { key: "a592fe89ec9c3fe411d251e93a611968b37ad8e5", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "37d1b2a2bdeb733f7f845538cc2d2e3556dbc252", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
|
|
64
64
|
const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
|
|
65
65
|
return l(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
|
|
66
66
|
})))));
|
|
@@ -76,6 +76,6 @@ function L() {
|
|
|
76
76
|
}
|
|
77
77
|
L();
|
|
78
78
|
export {
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
C as c,
|
|
80
|
+
L as l
|
|
81
81
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as l } from "./p-
|
|
1
|
+
import { D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
3
3
|
const c = 64, g = 10, u = c / 2 - g / 2, f = c / 2, a = 2 * Math.PI * u, h = `0 0 ${c} ${c}`, _ = (e = 0, t) => {
|
|
4
4
|
const n = typeof t == "number" && t > 0 ? t : 1, i = Math.max(0, Math.min(n, e)) / n * 100, o = (a * i / 100).toFixed(2), m = (a - parseFloat(o)).toFixed(2);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { q as r, L as l, u as h, D as n } from "./p-
|
|
2
|
-
import { o as c } from "./p-
|
|
3
|
-
import { d as p } from "./p-
|
|
1
|
+
import { q as r, L as l, u as h, D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { o as c } from "./p-Dg_WeHpV-DehzGL6g.js";
|
|
3
|
+
import { d as p } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
4
4
|
import { c as u } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
|
|
6
6
|
"gids-dropdown-picker--expanded": e
|
|
@@ -111,7 +111,7 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
|
|
|
111
111
|
}
|
|
112
112
|
render() {
|
|
113
113
|
const e = this.expanded && this.isInteractive(), t = f({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
|
|
114
|
-
return n("div", { key: "
|
|
114
|
+
return n("div", { key: "71d81b97fa9194702f5ecab842e09d741be8ef15", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "81175ae046e5686ccf116ce2967f4a437db4193d", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "74a5c6fde8cf21cf08478a7d888922a263003802", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "dbf8ed799e1d586b73e7cd2f949e73330c067557" })));
|
|
115
115
|
}
|
|
116
116
|
get hostElement() {
|
|
117
117
|
return this;
|
|
@@ -130,6 +130,6 @@ function E() {
|
|
|
130
130
|
}
|
|
131
131
|
E();
|
|
132
132
|
export {
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
v as a,
|
|
134
|
+
E as h
|
|
135
135
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { D as a } from "./p-
|
|
2
|
-
import { l as
|
|
1
|
+
import { D as a } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { l as _ } from "./p-DaB_FzcG-DnRTURxL.js";
|
|
3
3
|
import { n as b } from "./nonEmpty-B284_5ai.js";
|
|
4
|
-
import { c as
|
|
5
|
-
const
|
|
4
|
+
import { c as h } from "./clsx-OuTLNxxd.js";
|
|
5
|
+
const v = ({ appearance: o, size: t, width: d, destructive: s, positive: n, loading: l }, i, e) => h("gids-button", {
|
|
6
6
|
"gids-button--primary": o === "primary",
|
|
7
7
|
"gids-button--subtle": o === "subtle",
|
|
8
8
|
"gids-button--xs": t === "xs",
|
|
@@ -16,11 +16,11 @@ const h = ({ appearance: o, size: t, width: d, destructive: s, positive: n, load
|
|
|
16
16
|
"gids-button--loading": l
|
|
17
17
|
}, e), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
18
18
|
__proto__: null,
|
|
19
|
-
getGidsButtonClassNames:
|
|
20
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonClassNames: w } = x,
|
|
21
|
-
const r = c || "button",
|
|
22
|
-
return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: w({ appearance: o, size: t, destructive: d, loading: n, width: l, positive: s },
|
|
19
|
+
getGidsButtonClassNames: v
|
|
20
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonClassNames: w } = x, B = ({ appearance: o, size: t, destructive: d, positive: s, loading: n, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: m, class: p, forceIconOnly: f = !1, ...u }, g) => {
|
|
21
|
+
const r = c || "button", y = t === "lg" || t === void 0 ? "md" : t;
|
|
22
|
+
return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: w({ appearance: o, size: t, destructive: d, loading: n, width: l, positive: s }, f || g.length === 0 && b(i) && !b(e), p), disabled: r === "button" ? m : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), n && a(_, { size: y, indeterminate: !0 }), e);
|
|
23
23
|
};
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
B as o
|
|
26
26
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as t } from "./p-
|
|
2
|
-
import { d } from "./p-
|
|
1
|
+
import { D as t } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { d } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
3
3
|
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
const n = ({ appearance: e, size: s }, i) => m("gids-dismiss-button", {
|
|
5
5
|
"gids-dismiss-button--sm": s === "sm",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { q as a, L as _, u as m, D as t } from "./p-
|
|
2
|
-
import { p as b } from "./p-
|
|
3
|
-
import {
|
|
4
|
-
import { l as v } from "./p-
|
|
1
|
+
import { q as a, L as _, u as m, D as t } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { p as b } from "./p-C-Lpfqcg-DIuBhXzX.js";
|
|
3
|
+
import { d as u } from "./p-BthkC6NU-F03MhDw7.js";
|
|
4
|
+
import { l as v } from "./p-Cacy0Dji-D-D254kT.js";
|
|
5
5
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
6
6
|
const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
|
|
7
7
|
"gids-pie-chart--breakpoint-mobile": e === "mobile"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { q as
|
|
2
|
-
import { d as M } from "./p-
|
|
3
|
-
import { i as C, a as S } from "./p-
|
|
4
|
-
import { i as z } from "./p-
|
|
1
|
+
import { q as b, L as x, u as _, D as d, P as w } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { d as M } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
3
|
+
import { i as C, a as S } from "./p-D0coZTd2-KhJZ57gK.js";
|
|
4
|
+
import { i as z } from "./p-CIxuyUAl-B2DxRM64.js";
|
|
5
5
|
import { c as E } from "./clsx-OuTLNxxd.js";
|
|
6
|
-
const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expanded: o, borderRadius: t, applyShadow:
|
|
6
|
+
const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expanded: o, borderRadius: t, applyShadow: r }, g) => E("gids-header-navigation-item", {
|
|
7
7
|
// Appearances
|
|
8
8
|
// 'gids-header-navigation-item--appearance-default':
|
|
9
9
|
// appearance === 'default' && !selected, // Default so not needed
|
|
@@ -29,7 +29,7 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
|
|
|
29
29
|
// Menu expansion
|
|
30
30
|
"gids-header-navigation-item--expanded": o,
|
|
31
31
|
// Shadow
|
|
32
|
-
"gids-header-navigation-item--shadow":
|
|
32
|
+
"gids-header-navigation-item--shadow": r && i !== "subtle" && a !== "subtle",
|
|
33
33
|
// Border Radius
|
|
34
34
|
"gids-header-navigation-item--border-radius-sm": t === "sm" && i !== "subtle" && a !== "subtle",
|
|
35
35
|
"gids-header-navigation-item--border-radius-md": t === "md" && i !== "subtle" && a !== "subtle",
|
|
@@ -38,7 +38,7 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
|
|
|
38
38
|
}, g), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
39
39
|
__proto__: null,
|
|
40
40
|
getGidsHeaderNavigationItemClassNames: T
|
|
41
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationItemClassNames:
|
|
41
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationItemClassNames: R } = N, H = x(class extends _ {
|
|
42
42
|
constructor(e) {
|
|
43
43
|
super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.borderRadius = "none", this.applyShadow = !1, this.appearance = "default", this.selectionAppearance = "default", this.selected = !1, this.size = "sm", this.selectionType = "single-deselection-allowed", this.menuItems = [], this.isSelected = !1, this.isMenuExpanded = !1, this.selectedMenuItems = [], this.onItemClick = (i) => {
|
|
44
44
|
if (this.hasMenu()) this.isMenuExpanded = !this.isMenuExpanded;
|
|
@@ -59,8 +59,8 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
|
|
|
59
59
|
for (let n = 0; n < a.length; n++) {
|
|
60
60
|
const o = a[n]?.data ?? [];
|
|
61
61
|
for (let t = 0; t < o.length; t++) {
|
|
62
|
-
const
|
|
63
|
-
if (
|
|
62
|
+
const r = o[t];
|
|
63
|
+
if (r?.id === i) return this.selectedMenuItems = [{ menuItemTitle: r.title, menuItemValue: r.value, menuItemId: r.id, menuItemSectionIndex: n, menuItemIndex: t, menuItemSelected: !0, menuId: this.menuId }], void (this.isSelected = !0);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
this.selectedMenuItems = [];
|
|
@@ -69,6 +69,16 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
|
|
|
69
69
|
if (!a || a.length <= 0) return !1;
|
|
70
70
|
const n = a.findIndex(((o) => o.menuItemId === i));
|
|
71
71
|
return n != null && n !== -1;
|
|
72
|
+
}, this.positionHeaderNavigationItemMenu = () => {
|
|
73
|
+
const i = this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");
|
|
74
|
+
if (!i) return;
|
|
75
|
+
const a = this.hostElement.getBoundingClientRect(), n = window.innerWidth, o = window.innerHeight;
|
|
76
|
+
i.style.maxHeight = "none";
|
|
77
|
+
const t = i.getBoundingClientRect(), r = o - a.bottom - 8, g = a.top - 4, c = t.height > r && g > r, m = c ? g : r;
|
|
78
|
+
i.style.maxHeight = t.height > m ? `${m}px` : "none";
|
|
79
|
+
const h = i.getBoundingClientRect();
|
|
80
|
+
let s = a.left;
|
|
81
|
+
s + h.width > n - 4 && (s = n - h.width - 4), s < 4 && (s = 4), i.style.left = s - a.left + "px", i.style.top = c ? -h.height - 4 + "px" : `${a.height + 4}px`;
|
|
72
82
|
};
|
|
73
83
|
}
|
|
74
84
|
appearanceChanged(e) {
|
|
@@ -104,13 +114,18 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
|
|
|
104
114
|
connectedCallback() {
|
|
105
115
|
this.isSelected = this.selected, this.isMenuExpanded = this.expanded, this.defaultSelectedMenuItems(this.selectedMenuItemId);
|
|
106
116
|
}
|
|
117
|
+
componentDidRender() {
|
|
118
|
+
this.isMenuExpanded && this.hasMenu() && requestAnimationFrame((() => {
|
|
119
|
+
this.positionHeaderNavigationItemMenu();
|
|
120
|
+
}));
|
|
121
|
+
}
|
|
107
122
|
render() {
|
|
108
|
-
const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", n = this.label, o = this?.size ?? "sm", t = this.id,
|
|
109
|
-
return
|
|
110
|
-
const I =
|
|
111
|
-
return
|
|
112
|
-
const y = this.isMenuItemSelected(
|
|
113
|
-
return
|
|
123
|
+
const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", n = this.label, o = this?.size ?? "sm", t = this.id, r = this.menuId, g = this?.menuItems ?? [], c = this?.isMenuExpanded ?? !1, m = this?.borderRadius ?? "none", h = this?.applyShadow ?? !1, s = this.hasMenu(), f = R({ selected: e, appearance: i, selectionAppearance: a, size: o, expanded: c && s, applyShadow: h, borderRadius: m });
|
|
124
|
+
return d(w, { key: "fe595c3ec2f1c2a756cc0d12a5191312d6c5dbdb", id: t, "header-nav-item-appearance": i, "header-nav-item-size": o, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick, "header-nav-item-expanded": c }, d("slot", { key: "4456f748ee740b0d35a47bd79ee95db4536a0cdf", name: "headerNavItemLeadingIcon" }), n && n !== "" ? d("div", { class: "gids-header-navigation-item__label" }, d("span", null, n)) : void 0, s ? d("div", { class: "gids-header-navigation-item__chevron" }, d(M, { name: "chevron-down", size: o !== "xl" ? o : "lg" })) : void 0, s && c ? d("div", { class: "gids-header-navigation-item__dropdown-menu-container", id: r, role: "headerNavigationPickerbox", onClick: (u) => u.stopPropagation() }, d(C, { type: "default" }, g.map(((u, p) => {
|
|
125
|
+
const I = u?.data ?? [];
|
|
126
|
+
return d(S, { key: `${p + 1}`, sectionLabel: u?.sectionLabel ?? "" }, I.map(((l, v) => {
|
|
127
|
+
const y = this.isMenuItemSelected(l.id);
|
|
128
|
+
return d(z, { key: `${v}`, id: l.id, title: l?.title, value: l?.value, disabled: l?.disabled, index: v, selected: y, onPressDropdownItem: (k) => this.onMenuItemClick({ event: k, selectedItem: { ...l, id: l.id }, sectionIndex: p, itemIndex: v }) });
|
|
114
129
|
})));
|
|
115
130
|
})))) : void 0);
|
|
116
131
|
}
|
|
@@ -121,16 +136,16 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
|
|
|
121
136
|
return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] };
|
|
122
137
|
}
|
|
123
138
|
static get style() {
|
|
124
|
-
return ".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{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-header-navigation-item--size-xl{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-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}";
|
|
139
|
+
return ".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{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-header-navigation-item--size-xl{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-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}";
|
|
125
140
|
}
|
|
126
141
|
}, [260, "gids-header-navigation-item", { id: [1], menuId: [1, "menu-id"], expanded: [4], borderRadius: [1, "border-radius"], applyShadow: [4, "apply-shadow"], appearance: [1], selectionAppearance: [1, "selection-appearance"], selected: [4], selectedMenuItemId: [1, "selected-menu-item-id"], label: [1], size: [1], selectionType: [1, "selection-type"], menuItems: [16], onPressNavigationItem: [16], onMenuItemChange: [16], isSelected: [32], isMenuExpanded: [32], selectedMenuItems: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] }]);
|
|
127
|
-
function
|
|
142
|
+
function P() {
|
|
128
143
|
typeof customElements < "u" && ["gids-header-navigation-item"].forEach(((e) => {
|
|
129
|
-
e === "gids-header-navigation-item" && (customElements.get(
|
|
144
|
+
e === "gids-header-navigation-item" && (customElements.get(b(e)) || customElements.define(b(e), H));
|
|
130
145
|
}));
|
|
131
146
|
}
|
|
132
|
-
|
|
147
|
+
P();
|
|
133
148
|
export {
|
|
134
|
-
|
|
135
|
-
|
|
149
|
+
P as h,
|
|
150
|
+
H as l
|
|
136
151
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { q as s, L as l, u as i, z as
|
|
2
|
-
import { o } from "./p-
|
|
3
|
-
import { i as
|
|
4
|
-
const
|
|
1
|
+
import { q as s, L as l, u as i, z as c, D as t, P as d } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { o as n } from "./p-Dg_WeHpV-DehzGL6g.js";
|
|
3
|
+
import { i as o } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
4
|
+
const a = l(class extends i {
|
|
5
5
|
constructor(e) {
|
|
6
|
-
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select =
|
|
6
|
+
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = c(this, "select"), this._toggle = this._toggle.bind(this);
|
|
7
7
|
}
|
|
8
8
|
handleSelctedChange(e) {
|
|
9
9
|
this.selected !== e && (this.selected = e);
|
|
10
10
|
}
|
|
11
11
|
connectedCallback() {
|
|
12
|
-
const e =
|
|
12
|
+
const e = o();
|
|
13
13
|
e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
|
|
14
14
|
}
|
|
15
15
|
_toggle() {
|
|
@@ -17,9 +17,9 @@ const c = l(class extends i {
|
|
|
17
17
|
this._el.selected = e, this.select?.emit(e), this.selected = e;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return t(
|
|
20
|
+
return t(d, { key: "330cebe4e29e06299465abf676035ac3f2268d47" }, t("style", { key: "416c5a345c486676384e859125ccc493c5be5020" }, `:host {
|
|
21
21
|
display: ${this.width === "full" ? "block" : "inline-block"}
|
|
22
|
-
}`), t(
|
|
22
|
+
}`), t(n, { key: "c073ff03d8910844a6f7dbb86d6c1141a9dd1c2e", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "9d49f9106e4f3313363e878364d1261ba9ebd7c1" })));
|
|
23
23
|
}
|
|
24
24
|
_onlyHasLeadingIcon() {
|
|
25
25
|
const e = this._el.childNodes;
|
|
@@ -34,11 +34,11 @@ const c = l(class extends i {
|
|
|
34
34
|
}, [257, "gids-toggle-button", { disabled: [516], appearance: [513], size: [513], width: [513], defaultSelected: [516, "default-selected"], selected: [1540] }, void 0, { selected: [{ handleSelctedChange: 0 }] }]);
|
|
35
35
|
function h() {
|
|
36
36
|
typeof customElements < "u" && ["gids-toggle-button"].forEach(((e) => {
|
|
37
|
-
e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e),
|
|
37
|
+
e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), a));
|
|
38
38
|
}));
|
|
39
39
|
}
|
|
40
40
|
h();
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
a as l,
|
|
43
43
|
h as o
|
|
44
44
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { D as t, F as S } from "./p-
|
|
2
|
-
import { d as v } from "./p-
|
|
1
|
+
import { D as t, F as S } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { d as v } from "./p-iQRr_fAH-ClfWEu03.js";
|
|
3
3
|
import { c } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
const
|
|
4
|
+
const O = ({ layout: e }, i) => c("gids-button-group", {
|
|
5
5
|
"gids-button-group--scroll": e === "scroll"
|
|
6
|
-
}, i),
|
|
6
|
+
}, i), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
7
7
|
__proto__: null,
|
|
8
|
-
getGidsButtonGroupClassNames:
|
|
8
|
+
getGidsButtonGroupClassNames: O
|
|
9
9
|
}, Symbol.toStringTag, { value: "Module" })), E = ({ orientation: e }, i) => c("gids-divider", {
|
|
10
10
|
"gids-divider--vertical": e === "vertical"
|
|
11
11
|
}, i), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -31,7 +31,7 @@ const T = ({ layout: e }, i) => c("gids-button-group", {
|
|
|
31
31
|
}, n), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
32
32
|
__proto__: null,
|
|
33
33
|
getGidsListItemClassNames: D
|
|
34
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonGroupClassNames: w } =
|
|
34
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonGroupClassNames: w } = T, F = ({ layout: e, class: i }, n) => t("span", { class: w({ layout: e }, i) }, n), { getGidsHeadingClassNames: q, getGidsHeadingSupportingTextTypographyClass: J } = L, Z = ({ heading: e, supportingText: i, level: n = "section", children: d, supportingTextTypography: s, class: o }) => t("div", { class: q(o) }, t("div", { class: "gids-heading__content-container" }, e != null && e !== "" ? typeof e == "string" ? e !== "" ? t("span", { class: n === "section" ? "gids-heading__heading-text-section" : "gids-heading__heading-text-group" }, e) : null : e : null, i != null && i !== "" ? typeof i == "string" ? i !== "" ? t("span", { class: `${n === "section" ? "gids-heading__supporting-text-section" : "gids-heading__supporting-text-group"} ${J(s)}` }, i) : null : i : null), d ? t(F, { layout: "wrap" }, d) : null), { getGidsEditButtonClassNames: K } = k, Q = ({ disabled: e, children: i, size: n = "md", editButtonType: d = "add", onPressEditButton: s, class: o, ...r }) => t("button", { class: K({ size: n }, o), ...r, onClick: s, disabled: e }, d === "custom" && i ? t("div", null, i) : d === "add" ? t("div", { class: e ? "gids-edit-button__add gids-edit-button__disabled" : "gids-edit-button__add" }, t(v, { name: "add", appearance: "filled", size: n })) : d === "remove" ? t("div", { class: e ? "gids-edit-button__remove gids-edit-button__disabled" : "gids-edit-button__remove" }, t(v, { appearance: "filled", name: "remove", size: n })) : void 0), { getGidsDividerClassNames: R } = I, U = ({ orientation: e }) => t("hr", { class: R({ orientation: e }) }), { getGidsListItemClassNames: V } = $, tt = ({ id: e, value: i, index: n, defaultSelected: d, disabled: s, selected: o, editButton: r, onPressEditButton: C, onPressListItem: P, leadingAccessory: f, leadingSupport: u, leadingParagraph: _, trailingContent: m, trailingAccessory: x, trailingSupport: p, trailingParagraph: b, divider: G, role: j = "list-item-option", isPlaceholderItem: h, class: z, ...B }, y) => {
|
|
35
35
|
const g = o || d;
|
|
36
36
|
return t("button", { type: "button", id: e, class: V({ selected: g, disabled: s }, z), role: j, "aria-selected": g ? "true" : "false", disabled: s, value: (() => {
|
|
37
37
|
if (typeof i == "string" && i.trim() !== "") return i;
|
|
@@ -40,9 +40,9 @@ const T = ({ layout: e }, i) => c("gids-button-group", {
|
|
|
40
40
|
})(), tabIndex: n, onClick: (a) => {
|
|
41
41
|
const l = a.currentTarget;
|
|
42
42
|
if (!l || a.defaultPrevented || l.disabled) return;
|
|
43
|
-
const
|
|
44
|
-
P?.(
|
|
45
|
-
}, "is-placeholder-item": h ? "true" : "false", ...
|
|
43
|
+
const N = new CustomEvent("onPressListItem", { bubbles: !0, composed: !0, detail: { selectedIndex: n, defaultSelected: d, isPlaceholderItem: h } });
|
|
44
|
+
P?.(N);
|
|
45
|
+
}, "is-placeholder-item": h ? "true" : "false", ...B }, t("div", { class: "gids-list-item__main-container" }, r == null || r === "none" || s ? null : t(Q, { size: "md", editButtonType: r, onPressEditButton: C }), f != null ? t("div", { class: s ? "gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__leading-accessory-container" }, f) : null, t("div", { class: "gids-list-item__middle-content-container" }, t("div", { class: "gids-list-item__leading-content-container" }, t(S, null, y != null ? t("span", { class: s ? "gids-list-item__leading-content-label gids-list-item__text-content-disabled" : "gids-list-item__leading-content-label" }, y) : null, t("div", { class: "gids-list-item__leading-support-content" }, u != null ? typeof u == "string" ? t("p", { class: s ? "gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-supporting-text" }, u) : u : null, _ != null ? typeof _ == "string" ? t("p", { class: s ? "gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-paragraph-text" }, _) : _ : null))), t("div", { class: "gids-list-item__trailing-content-container" }, t(S, null, m != null ? typeof m == "string" ? t("span", { class: s ? "gids-list-item__trailing-content-label gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-label" }, m) : m : null, t("div", { class: "gids-list-item__trailing-support-content" }, p != null ? typeof p == "string" ? t("p", { class: s ? "gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-supporting-text" }, p) : p : null, b != null ? typeof b == "string" ? t("p", { class: s ? "gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-paragraph-text" }, b) : b : null)))), g ? t("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, t(v, { name: "checkmark", size: "md", appearance: "regular" })) : null, g || x == null ? null : t("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, x)), G && !g ? t("div", { class: "gids-list-item__divider" }, t(U, { orientation: "horizontal" })) : null);
|
|
46
46
|
};
|
|
47
47
|
export {
|
|
48
48
|
Z as _,
|