@ganpatiinfo/gids-core-web 20.0.0 → 22.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.d.ts +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.d.ts +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.d.ts +1 -1
- package/dist/gids-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.d.ts +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-bento-card.d.ts +1 -1
- package/dist/gids-bento-card.js +1 -1
- package/dist/gids-calendar-header-panel.d.ts +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.d.ts +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-year-list.d.ts +1 -1
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.d.ts +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-carousel.d.ts +1 -1
- package/dist/gids-chart-legend-item.d.ts +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.d.ts +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.d.ts +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.d.ts +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-dot.d.ts +1 -1
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.d.ts +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.d.ts +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.d.ts +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.d.ts +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.d.ts +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.d.ts +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.d.ts +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.d.ts +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.d.ts +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-flyout-panel.d.ts +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.d.ts +1 -1
- package/dist/gids-header-navigation-item.js +1 -1
- package/dist/gids-header-navigation.d.ts +1 -1
- package/dist/gids-header-navigation.js +1 -1
- package/dist/gids-icon.d.ts +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-level-gauge.d.ts +1 -1
- package/dist/gids-line-chart.d.ts +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.d.ts +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-notification.d.ts +1 -1
- package/dist/gids-overflow-container.d.ts +1 -1
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.d.ts +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.d.ts +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.d.ts +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.d.ts +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-profile-menu-header.d.ts +1 -1
- package/dist/gids-profile-menu-header.js +1 -1
- package/dist/gids-profile-menu.d.ts +1 -1
- package/dist/gids-profile-menu.js +1 -1
- package/dist/gids-profile.d.ts +1 -1
- package/dist/gids-profile.js +1 -1
- package/dist/gids-progress-circle.d.ts +1 -1
- package/dist/gids-scrim.d.ts +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-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.d.ts +1 -1
- package/dist/gids-skeleton.js +1 -1
- package/dist/gids-snackbar.d.ts +1 -1
- package/dist/gids-tab-item.d.ts +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.d.ts +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.d.ts +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.d.ts +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.d.ts +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.d.ts +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 +7 -7
- 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-carousel.js +1 -1
- 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 +4 -4
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +5 -5
- 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 +7 -7
- 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 +49 -62
- 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 +54 -54
- package/dist-bundled/es/gids-overflow-container.js +4 -4
- package/dist-bundled/es/gids-overlay-provider.js +2 -2
- package/dist-bundled/es/gids-password-field.js +12 -12
- 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 +13 -13
- 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 +5 -5
- 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-B-vf_gng.js} +12 -11
- package/dist-bundled/es/{p-DrDadv7P-D4rbSYTr.js → p-B2flLE0s-SMg7vg1a.js} +2 -2
- package/dist-bundled/es/{p-jGho9nbS-BDiBvsn2.js → p-BAqWcL0K-DNkV1R_C.js} +9 -9
- package/dist-bundled/es/p-BCbovLBE-CDxKiOtS.js +102 -0
- package/dist-bundled/es/{p-PcSMc4jQ-CzYLaIZr.js → p-BIxBMTG9-Ctr342ff.js} +12 -12
- package/dist-bundled/es/{p-DgKrPmDn-C2CSKicX.js → p-BQT5yy5L-C1C_zTi-.js} +4 -4
- package/dist-bundled/es/p-BRNvHMdK-CqGtfAsn.js +11 -0
- package/dist-bundled/es/{p-CBiu-Vh3-r-McGzCb.js → p-B_FEFM5I-JoBieRfG.js} +5 -5
- package/dist-bundled/es/{p-Dw_kb9MC-BTd0lrGA.js → p-B_St7yaX-Da4DWjGh.js} +4 -4
- package/dist-bundled/es/{p-D0coZTd2-KhJZ57gK.js → p-CAjDiWIc-C9dOa7FT.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-C0k_l_CT.js} +18 -23
- package/dist-bundled/es/{p-BdsUwTgh-Cc7AQBsx.js → p-D0RJMGGj-BflZ9l8y.js} +4 -4
- package/dist-bundled/es/{p-CH4nrjpL-CrEJXTn0.js → p-DKSnGphd-CZSPfB-N.js} +8 -8
- package/dist-bundled/es/{p-CIxuyUAl-B2DxRM64.js → p-DLRj-mUX-BapdQYpI.js} +6 -6
- package/dist-bundled/es/{p-DKOr5iAk-DA3Kc4Cn.js → p-DMxvWIj1-BxbvrlFL.js} +11 -11
- package/dist-bundled/es/{p-GcC8pCKF-CZJFTFeN.js → p-DQQhGF5N-mCqb5VTE.js} +8 -8
- package/dist-bundled/es/p-DZ1ZcTMe-W8kofPko.js +10 -0
- package/dist-bundled/es/{p-BthkC6NU-F03MhDw7.js → p-DnRuhvRw-Beh0bANh.js} +2 -2
- package/dist-bundled/es/{p-Do_VlNHg-_g7lcvwR.js → p-Do_VlNHg-Ck03dQOR.js} +1 -1
- package/dist-bundled/es/p-DpvdbdZ--C7QlXxK2.js +118 -0
- package/dist-bundled/es/{p-DZ6xQXis-XT86MMis.js → p-DrxfD2yZ-Cetyr3S9.js} +9 -9
- package/dist-bundled/es/{p-C6GHG170-Di8lwQkY.js → p-Ds5IzXj3-B2o0ML2C.js} +13 -13
- package/dist-bundled/es/{p-j2_DKwBz-CqyuxxnN.js → p-DzOOjiNH-CqI4E-mj.js} +6 -6
- package/dist-bundled/es/{p-Cacy0Dji-D-D254kT.js → p-E13ycS5K-BBDydae3.js} +2 -2
- package/dist-bundled/es/{p-Cz9nwmgK-BO8HUAvD.js → p-TfH966_e-BzZRV8Rj.js} +8 -8
- package/dist-bundled/es/{p-CMW3SjbP-ZYYIF_i6.js → p-_W77iniK-ChKfEOp3.js} +2 -2
- package/dist-bundled/es/p-bfWlRsx_-CNZjBYOE.js +110 -0
- package/dist-bundled/es/p-iQRr_fAH-Dvv1n8QD.js +1650 -0
- package/dist-bundled/es/p-kWyyLyT3-VhX9LNzT.js +267 -0
- package/dist-bundled/es/{p-CrqHKmjy-DwSsCofb.js → p-mv_7K1EM-U3yKC45e.js} +2 -2
- package/dist-bundled/es/{p-xbqOQZl9-BK9vjfj7.js → p-tEbUT3n3-Byef6fQN.js} +11 -11
- 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 +8 -8
- package/dist-bundled/umd/gids-bento-card.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +2 -2
- package/dist-bundled/umd/gids-carousel.umd.js +2 -2
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +2 -2
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +5 -5
- package/dist-bundled/umd/gids-chevron-button.umd.js +2 -2
- package/dist-bundled/umd/gids-dot.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
- package/dist-bundled/umd/gids-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 +2 -2
- 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 +2 -2
- package/dist-bundled/umd/gids-icon.umd.js +2 -2
- package/dist-bundled/umd/gids-input.umd.js +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-md-table.umd.js +2 -2
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +2 -2
- package/dist-bundled/umd/gids-password-field.umd.js +2 -2
- package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-popover.umd.js +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 +39 -7
- 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
- package/dist-bundled/es/p-iQRr_fAH-ClfWEu03.js +0 -198
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { L as O, u as G, D as a, P as j, q as r } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { p as q } from "./p-CcKHKwS0-Bw63tTOA.js";
|
|
3
|
+
import { o as X } from "./p-BsC3-MVH-j4fPhip5.js";
|
|
4
|
+
import { d as S } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
5
|
+
import { A as B, S as F, y as J, P as K } from "./p-kWyyLyT3-VhX9LNzT.js";
|
|
6
|
+
import { r as p } from "./p-BRNvHMdK-CqGtfAsn.js";
|
|
7
|
+
import { h as Q } from "./p-DpvdbdZ--C7QlXxK2.js";
|
|
8
|
+
import { g as R } from "./p-bfWlRsx_-CNZjBYOE.js";
|
|
9
|
+
import { c as U } from "./clsx-OuTLNxxd.js";
|
|
10
|
+
const V = ({ appearance: e, height: i }, t) => U("gids-sidebar", {
|
|
11
|
+
// Appearances
|
|
12
|
+
// 'gids-sidebar--appearance-default': appearance === 'default', // By default so not needed
|
|
13
|
+
"gids-sidebar--appearance-subtle": e === "subtle",
|
|
14
|
+
"gids-sidebar--appearance-primary": e === "primary",
|
|
15
|
+
// Heights
|
|
16
|
+
// 'gids-sidebar--height-intrinsic': height === 'intrinsic', // By default so not needed
|
|
17
|
+
"gids-sidebar--height-full": i === "full"
|
|
18
|
+
}, t), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
19
|
+
__proto__: null,
|
|
20
|
+
getGidsSidebarClassNames: V
|
|
21
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsSidebarClassNames: Y } = W, C = O(class extends G {
|
|
22
|
+
constructor(e) {
|
|
23
|
+
super(), e !== !1 && this.__registerHost(), this.id = "sidebar", this.appearance = "default", this.sidebarItemAppearance = "subtle", this.sidebarItemSelectionAppearance = "default", this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.height = "intrinsic", this.sectionDividers = !0, this.itemDividers = !1, this.headerDivider = !0, this.menuPlacement = "right-end", this.menuConstrainPlacements = ["right-end", "left-end", "left", "right", "right-start", "left-start"], this.listData = [], this.selectedMenuItemSectionIdState = void 0, this.selectedMenuItemIdState = void 0, this.selectedSectionIdState = void 0, this.selectedItemIdState = void 0, this.hasHeaderContent = !1, this.onSidebarItemPress = ({ event: i, sectionId: t, sectionIndex: s, itemIndex: n }) => {
|
|
24
|
+
this.selectedSectionIdState = t, this.selectedItemIdState = i?.sidebarItemId ?? void 0, this.selectedMenuItemSectionIdState = i?.sidebarMenuItemSectionId ?? void 0, this.selectedMenuItemIdState = i?.sidebarMenuItemId ?? void 0, this.onSidebarChange && this.onSidebarChange({ ...i, originalEvent: i?.originalEvent, sidebarSectionId: t, sidebarSectionIndex: s, sidebarItemIndex: n });
|
|
25
|
+
}, this.hasMenu = (i) => {
|
|
26
|
+
const t = i?.menuData ?? [];
|
|
27
|
+
if (t.length <= 0) return !1;
|
|
28
|
+
const s = t[0]?.menuItems ?? [];
|
|
29
|
+
return s.length <= 0 ? !1 : !!s[0]?.id;
|
|
30
|
+
}, this.sidebarMenuItemSelected = ({ listItem: i, listItemSectionId: t }) => {
|
|
31
|
+
if (t === this.selectedSectionIdState && i.id === this.selectedItemIdState) {
|
|
32
|
+
const s = (i?.menuData ?? []).find(((n) => n?.sectionId === this?.selectedMenuItemSectionIdState));
|
|
33
|
+
if (s) {
|
|
34
|
+
const n = s?.menuItems ?? [];
|
|
35
|
+
return !!(n.length > 0 && n.find(((l) => l.id === this?.selectedMenuItemIdState)));
|
|
36
|
+
}
|
|
37
|
+
return !1;
|
|
38
|
+
}
|
|
39
|
+
return !1;
|
|
40
|
+
}, this.sidebarItemSelected = ({ listItem: i, listItemSectionId: t }) => this.hasMenu(i) ? this.sidebarMenuItemSelected({ listItem: i, listItemSectionId: t }) : t === this.selectedSectionIdState && i.id === this.selectedItemIdState, this.renderAccessory = ({ accessoryType: i, accessory: t, slotName: s }) => {
|
|
41
|
+
switch (i) {
|
|
42
|
+
case "badge":
|
|
43
|
+
return a(q, { ...t?.badgeProps, slot: s });
|
|
44
|
+
case "display-tag":
|
|
45
|
+
return a(X, { ...t?.displayTagProps, label: t?.displayTagProps?.label ?? "", color: t?.displayTagProps?.color ?? "accent-1", slot: s, icon: t?.displayTagProps?.iconName ? a(S, { name: t.displayTagProps.iconName, appearance: t?.displayTagProps?.iconAppearance ?? "regular", size: t?.displayTagProps?.iconSize ?? "md", alt: t?.displayTagProps?.iconAlt }) : void 0 });
|
|
46
|
+
case "status-tag":
|
|
47
|
+
return a(J, { ...t?.statusTagProps, slot: s });
|
|
48
|
+
case "checkbox":
|
|
49
|
+
return a(F, { checked: t?.checkboxProps?.checked, disabled: t?.checkboxProps?.disabled, indeterminate: t?.checkboxProps?.indeterminate, slot: s }, t?.checkboxProps?.label);
|
|
50
|
+
case "radio":
|
|
51
|
+
return a(B, { checked: t?.radioProps?.checked, disabled: t?.radioProps?.disabled, slot: s }, t?.radioProps?.label);
|
|
52
|
+
default:
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
}, this.renderIcon = (i) => i?.name ? a(S, { name: i.name, appearance: i?.appearance ?? "regular", size: i?.size ?? "md", alt: i?.alt, slot: "sidebarItemLeadingIcon" }) : void 0;
|
|
56
|
+
}
|
|
57
|
+
idChanged(e) {
|
|
58
|
+
this.id = e;
|
|
59
|
+
}
|
|
60
|
+
appearanceChanged(e) {
|
|
61
|
+
this.appearance = e;
|
|
62
|
+
}
|
|
63
|
+
sidebarItemAppearanceChanged(e) {
|
|
64
|
+
this.sidebarItemAppearance = e;
|
|
65
|
+
}
|
|
66
|
+
sidebarItemSelectionAppearanceChanged(e) {
|
|
67
|
+
this.sidebarItemSelectionAppearance = e;
|
|
68
|
+
}
|
|
69
|
+
sidebarMenuItemAppearanceChanged(e) {
|
|
70
|
+
this.sidebarMenuItemAppearance = e;
|
|
71
|
+
}
|
|
72
|
+
sidebarMenuItemSelectionAppearanceChanged(e) {
|
|
73
|
+
this.sidebarMenuItemSelectionAppearance = e;
|
|
74
|
+
}
|
|
75
|
+
selectedSectionIdChanged(e) {
|
|
76
|
+
this.selectedSectionId = e, this.selectedSectionIdState = e;
|
|
77
|
+
}
|
|
78
|
+
selectedItemIdChanged(e) {
|
|
79
|
+
this.selectedItemId = e, this.selectedItemIdState = e;
|
|
80
|
+
}
|
|
81
|
+
selectedMenuItemSectionIdChanged(e) {
|
|
82
|
+
this.selectedMenuItemSectionId = e, this.selectedMenuItemSectionIdState = e;
|
|
83
|
+
}
|
|
84
|
+
selectedMenuItemIdChanged(e) {
|
|
85
|
+
this.selectedMenuItemId = e, this.selectedMenuItemIdState = e;
|
|
86
|
+
}
|
|
87
|
+
heightChanged(e) {
|
|
88
|
+
this.height = e;
|
|
89
|
+
}
|
|
90
|
+
sectionDividersChanged(e) {
|
|
91
|
+
this.sectionDividers = e;
|
|
92
|
+
}
|
|
93
|
+
itemDividersChanged(e) {
|
|
94
|
+
this.itemDividers = e;
|
|
95
|
+
}
|
|
96
|
+
menuPlacementChanged(e) {
|
|
97
|
+
this.menuPlacement = e;
|
|
98
|
+
}
|
|
99
|
+
menuConstrainPlacementsChanged(e) {
|
|
100
|
+
this.menuConstrainPlacements = e;
|
|
101
|
+
}
|
|
102
|
+
listDataChanged(e) {
|
|
103
|
+
this.listData = e;
|
|
104
|
+
}
|
|
105
|
+
connectedCallback() {
|
|
106
|
+
this.selectedMenuItemSectionIdState = this.selectedMenuItemSectionId, this.selectedMenuItemIdState = this.selectedMenuItemId, this.selectedSectionIdState = this.selectedSectionId, this.selectedItemIdState = this.selectedItemId, this.hasHeaderContent = Array.from(this.hostElement.childNodes).some(((e) => e.nodeType === Node.ELEMENT_NODE || e.nodeType === Node.TEXT_NODE && (e.textContent?.trim().length ?? 0) > 0));
|
|
107
|
+
}
|
|
108
|
+
render() {
|
|
109
|
+
const e = this.id, i = this?.appearance ?? "default", t = this?.sidebarItemAppearance ?? "subtle", s = this?.sidebarItemSelectionAppearance ?? "default", n = this?.sidebarMenuItemAppearance ?? "subtle", l = this?.sidebarMenuItemSelectionAppearance ?? "default", f = this?.height ?? "intrinsic", M = this?.menuPlacement ?? "right-end", y = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["right-end", "left-end", "left", "right", "right-start", "left-start"], I = this?.listData ?? [], A = this?.sectionDividers ?? !0, P = this?.itemDividers ?? !1, D = this?.headerDivider ?? !0, x = this?.selectedMenuItemSectionIdState ?? void 0, _ = this?.selectedMenuItemIdState ?? void 0, g = this.hasHeaderContent, T = Y({ appearance: i, height: f });
|
|
110
|
+
return a(j, { key: "0b48c64fd20c4197854d539e83fead2de42b2817", class: T, id: e, "data-appearance": i }, g ? a("div", { class: "gids-sidebar__header-container" }, a("slot", null), g && D ? a(p, null) : void 0) : void 0, I.map(((o, c) => {
|
|
111
|
+
const u = o?.lisItems ?? [], b = o?.listSectionLabel, m = o?.listSectionId;
|
|
112
|
+
return a("div", { key: `${c + 1}-${m}`, class: "gids-sidebar__list-section-container" }, b ? a("h4", null, b) : void 0, u.map(((d, h) => {
|
|
113
|
+
const k = `${h + 1}-${c + 1}-${d.id}`, { leadingAccessoryType: E, leadingAccessory: N, trailingAccessoryType: L, trailingAccessory: w, leadingIconProps: $, ...z } = d;
|
|
114
|
+
return a("div", { class: "gids-sidebar__item-container" }, a("gids-sidebar-item", { ...z, key: k, id: d.id, appearance: t, selectionAppearance: s, sidebarMenuItemAppearance: n, sidebarMenuItemSelectionAppearance: l, menuPlacement: M, menuConstrainPlacements: y, menuData: d?.menuData ?? [], menuId: d?.menuId, leadingLabel: d?.leadingLabel, leadingSupportingText: d?.leadingSupportingText, trailingLabel: d?.trailingLabel, trailingSupportingText: d?.trailingSupportingText, disabled: d?.disabled, selectedMenuItemSectionId: x, selectedMenuItemId: _, selected: this.sidebarItemSelected({ listItem: d, listItemSectionId: m }), onPressSidebarItem: (H) => this.onSidebarItemPress({ event: H, sectionId: m, sectionIndex: c, itemIndex: h }) }, this.renderAccessory({ accessoryType: E, accessory: N, slotName: "sidebarItemLeadingAccessory" }), this.renderIcon($), this.renderAccessory({ accessoryType: L, accessory: w, slotName: "sidebarItemTrailingAccessory" })), P && h < u.length - 1 ? a(p, null) : void 0);
|
|
115
|
+
})), A && c < I.length - 1 ? a("div", { class: "gids-sidebar__section-divider-container" }, a(p, null)) : void 0);
|
|
116
|
+
})));
|
|
117
|
+
}
|
|
118
|
+
get hostElement() {
|
|
119
|
+
return this;
|
|
120
|
+
}
|
|
121
|
+
static get watchers() {
|
|
122
|
+
return { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], sidebarItemAppearance: [{ sidebarItemAppearanceChanged: 0 }], sidebarItemSelectionAppearance: [{ sidebarItemSelectionAppearanceChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }], height: [{ heightChanged: 0 }], sectionDividers: [{ sectionDividersChanged: 0 }], itemDividers: [{ itemDividersChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], listData: [{ listDataChanged: 0 }] };
|
|
123
|
+
}
|
|
124
|
+
static get style() {
|
|
125
|
+
return ".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}";
|
|
126
|
+
}
|
|
127
|
+
}, [260, "gids-sidebar", { id: [1], appearance: [1], sidebarItemAppearance: [1, "sidebar-item-appearance"], sidebarItemSelectionAppearance: [1, "sidebar-item-selection-appearance"], sidebarMenuItemAppearance: [1, "sidebar-menu-item-appearance"], sidebarMenuItemSelectionAppearance: [1, "sidebar-menu-item-selection-appearance"], selectedSectionId: [1, "selected-section-id"], selectedItemId: [1, "selected-item-id"], selectedMenuItemId: [1, "selected-menu-item-id"], selectedMenuItemSectionId: [1, "selected-menu-item-section-id"], height: [1], sectionDividers: [4, "section-dividers"], itemDividers: [4, "item-dividers"], headerDivider: [4, "header-divider"], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], listData: [16], onSidebarChange: [16], selectedMenuItemSectionIdState: [32], selectedMenuItemIdState: [32], selectedSectionIdState: [32], selectedItemIdState: [32], hasHeaderContent: [32] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], sidebarItemAppearance: [{ sidebarItemAppearanceChanged: 0 }], sidebarItemSelectionAppearance: [{ sidebarItemSelectionAppearanceChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }], height: [{ heightChanged: 0 }], sectionDividers: [{ sectionDividersChanged: 0 }], itemDividers: [{ itemDividersChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], listData: [{ listDataChanged: 0 }] }]);
|
|
128
|
+
function v() {
|
|
129
|
+
typeof customElements < "u" && ["gids-sidebar", "gids-flyout-panel", "gids-sidebar-item", "gids-sidebar-menu"].forEach(((e) => {
|
|
130
|
+
switch (e) {
|
|
131
|
+
case "gids-sidebar":
|
|
132
|
+
customElements.get(r(e)) || customElements.define(r(e), C);
|
|
133
|
+
break;
|
|
134
|
+
case "gids-flyout-panel":
|
|
135
|
+
customElements.get(r(e)) || Q();
|
|
136
|
+
break;
|
|
137
|
+
case "gids-sidebar-item":
|
|
138
|
+
customElements.get(r(e)) || R();
|
|
139
|
+
break;
|
|
140
|
+
case "gids-sidebar-menu":
|
|
141
|
+
customElements.get(r(e)) || K();
|
|
142
|
+
}
|
|
143
|
+
}));
|
|
144
|
+
}
|
|
145
|
+
v();
|
|
146
|
+
const ce = C, le = v;
|
|
147
|
+
export {
|
|
148
|
+
ce as GidsSidebar,
|
|
149
|
+
le as defineCustomElement
|
|
150
|
+
};
|
|
@@ -22,7 +22,7 @@ const u = ({ variant: e, animation: t }) => g("gids-skeleton", {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const e = m({ variant: this.variant ?? "text", animation: this.animation ?? "none" });
|
|
25
|
-
return d(l, { key: "
|
|
25
|
+
return d(l, { key: "91812440e5f71f20d59cf03b8b18f3aabaf96960", class: e, style: this.getStyle(), "aria-hidden": "true" });
|
|
26
26
|
}
|
|
27
27
|
static get style() {
|
|
28
28
|
return 'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var( --gids-color-background-accent-9-subtle-default );--gidsSkeleton-wave-background:linear-gradient( 90deg, transparent 0%, var(--gids-color-background-accent-9-subtler-default) 50%, transparent 100% );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { L as n, u as l, D as r, P as g, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { p as b } from "./p-CcKHKwS0-Bw63tTOA.js";
|
|
3
3
|
import { c as v } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
const h = ({ appearance: e, width: t = "intrinsic", active:
|
|
4
|
+
const h = ({ appearance: e, width: t = "intrinsic", active: a }, d) => v("gids-tab-item", {
|
|
5
5
|
// Widths
|
|
6
6
|
// 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
|
|
7
7
|
"gids-tab-item--full": t === "full",
|
|
8
8
|
// Apperances on active
|
|
9
|
-
"gids-tab-item--active-default": e === "default" &&
|
|
10
|
-
"gids-tab-item--active-primary": e === "primary" &&
|
|
11
|
-
"gids-tab-item--active-bordered": e === "bordered" &&
|
|
12
|
-
"gids-tab-item--active-underlined": e === "underlined" &&
|
|
13
|
-
"gids-tab-item--active-subtle": e === "subtle" &&
|
|
9
|
+
"gids-tab-item--active-default": e === "default" && a,
|
|
10
|
+
"gids-tab-item--active-primary": e === "primary" && a,
|
|
11
|
+
"gids-tab-item--active-bordered": e === "bordered" && a,
|
|
12
|
+
"gids-tab-item--active-underlined": e === "underlined" && a,
|
|
13
|
+
"gids-tab-item--active-subtle": e === "subtle" && a,
|
|
14
14
|
// Apperances on inactive
|
|
15
|
-
"gids-tab-item--default": e === "default" && !
|
|
16
|
-
"gids-tab-item--primary": e === "primary" && !
|
|
17
|
-
"gids-tab-item--bordered": e === "bordered" && !
|
|
18
|
-
"gids-tab-item--underlined": e === "underlined" && !
|
|
19
|
-
"gids-tab-item--subtle": e === "subtle" && !
|
|
15
|
+
"gids-tab-item--default": e === "default" && !a,
|
|
16
|
+
"gids-tab-item--primary": e === "primary" && !a,
|
|
17
|
+
"gids-tab-item--bordered": e === "bordered" && !a,
|
|
18
|
+
"gids-tab-item--underlined": e === "underlined" && !a,
|
|
19
|
+
"gids-tab-item--subtle": e === "subtle" && !a
|
|
20
20
|
}, d), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
21
21
|
__proto__: null,
|
|
22
22
|
getGidsTabItemClassNames: h
|
|
@@ -54,8 +54,8 @@ const h = ({ appearance: e, width: t = "intrinsic", active: i }, d) => v("gids-t
|
|
|
54
54
|
this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconTabItem"]'), this.hasTrailingIcon = !!this.hostElement.querySelector('[slot="trailingIconTabItem"]');
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon,
|
|
58
|
-
return r(g, { key: "
|
|
57
|
+
const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon, a = this.badgeVisible, d = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", i = this.label;
|
|
58
|
+
return r(g, { key: "f01d0f860f09aca20e77876af6c87e1db7de26b3", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, i && i !== "" ? r("span", { class: "gids-tab-item__label" }, i && i !== "" ? i : void 0, a ? r(b, { appearance: d, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, t ? r("slot", { name: "trailingIconTabItem" }) : void 0);
|
|
59
59
|
}
|
|
60
60
|
get hostElement() {
|
|
61
61
|
return this;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { L as r, u as h, D as a, P as
|
|
2
|
-
import { c
|
|
3
|
-
const o = ({ width: e, appearance: t }, d) =>
|
|
1
|
+
import { L as r, u as h, D as a, P as l, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { c } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
const o = ({ width: e, appearance: t }, d) => c("gids-tab", {
|
|
4
4
|
"gids-tab--full": e === "full",
|
|
5
5
|
"gids-tab--item-subtle": t === "subtle",
|
|
6
6
|
"gids-tab--item-underlined": t === "underlined"
|
|
7
|
-
}, d),
|
|
7
|
+
}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsTabClassNames: o
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = r(class extends h {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
|
|
13
13
|
}
|
|
@@ -37,8 +37,8 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
|
|
|
37
37
|
return e === this.activeTabId;
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
const e =
|
|
41
|
-
return a(
|
|
40
|
+
const e = p({ width: this.width, appearance: this.appearance });
|
|
41
|
+
return a(l, { key: "e14e48333e00d0f7affd751a6619a6bd27bc3a63", class: e }, a("slot", { key: "3bb067962a39430b5a4086dcda98ef3ab31906d3" }));
|
|
42
42
|
}
|
|
43
43
|
get hostElement() {
|
|
44
44
|
return this;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
|
|
3
3
|
import { s as m } from "./p-BkxmRN-4-DSiXCW8b.js";
|
|
4
|
-
import { r as p } from "./p-Do_VlNHg-
|
|
5
|
-
import { h as g } from "./p-
|
|
6
|
-
import { r as x } from "./p-
|
|
7
|
-
import { g as _ } from "./p-iQRr_fAH-
|
|
4
|
+
import { r as p } from "./p-Do_VlNHg-Ck03dQOR.js";
|
|
5
|
+
import { h as g } from "./p-mv_7K1EM-U3yKC45e.js";
|
|
6
|
+
import { r as x } from "./p-DzOOjiNH-CqI4E-mj.js";
|
|
7
|
+
import { g as _ } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
8
8
|
const v = (e, t) => {
|
|
9
9
|
if (!(e === void 0 || t === void 0))
|
|
10
10
|
return `${e} / ${Math.max(t, 0)}`;
|
|
@@ -51,7 +51,7 @@ const v = (e, t) => {
|
|
|
51
51
|
#t;
|
|
52
52
|
render() {
|
|
53
53
|
const { id: e, ...t } = this.inputProps ?? {}, a = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
|
|
54
|
-
return i("gids-field", { key: "
|
|
54
|
+
return i("gids-field", { key: "0be5fe0d5797adb9acc0714f0a9ca145ff03e08c", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "33d4e619b09aa4b4697afc67c7ed3d561978f420", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: a }, this.label), i("gids-input", { key: "90ee368d1942d160bfaee79b40b4c66a711085c6", ref: (o) => this.#t = o, appearance: this.appearance, status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: a, maxLength: this.maxLength } }, i("slot", { key: "a6cff00a73a40d857fef4dae4ddae57e85a3f787", name: "leadingIcon" }), i("slot", { key: "798617cc2c6c7c0da2f0eafd12d68861918e3b84", name: "leadingAccessory" }), d && i(p, { key: "fd22a8ba9bcbe21bd19471830a3b2f88a0dff767", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6054492bcc2a0a98d0f5e91a22bdcbd097f3fce6", name: "trailingIcon" })));
|
|
55
55
|
}
|
|
56
56
|
get _el() {
|
|
57
57
|
return this;
|
|
@@ -38,7 +38,7 @@ const o = n(class extends l {
|
|
|
38
38
|
t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return e(s, { key: "
|
|
41
|
+
return e(s, { key: "63a9538c744df31313d565a43be58265727b82c4" }, e("slot", { key: "b0dde46d056180195e88ddada52f8a17acea240f" }), e("span", { key: "38a92b280905177d3fa03edf406d7d1a88edb425", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "2c84d414edd57bb4799a3def4987d98aa4e9de93", id: "arrow" }), this.tooltipText));
|
|
42
42
|
}
|
|
43
43
|
disconnectedCallback() {
|
|
44
44
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|
|
@@ -59,8 +59,8 @@ function a() {
|
|
|
59
59
|
}));
|
|
60
60
|
}
|
|
61
61
|
a();
|
|
62
|
-
const
|
|
62
|
+
const v = o, f = a;
|
|
63
63
|
export {
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
v as GidsTooltip,
|
|
65
|
+
f as defineCustomElement
|
|
66
66
|
};
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
import { L as
|
|
1
|
+
import { L as y, u as _, D as a, P as b, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { p as T } from "./p-C-Lpfqcg-DIuBhXzX.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), M = ({ type: t }, e) => f("gids-menu-group", {
|
|
3
|
+
import { b as L, _ as x } from "./p-CV1-78HB-C0k_l_CT.js";
|
|
4
|
+
import { r as C } from "./p-BRNvHMdK-CqGtfAsn.js";
|
|
5
|
+
import { i as f } from "./p-DZ1ZcTMe-W8kofPko.js";
|
|
6
|
+
import { o as d } from "./p-Dg_WeHpV-DehzGL6g.js";
|
|
7
|
+
import { d as g } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
8
|
+
import { c } from "./clsx-OuTLNxxd.js";
|
|
9
|
+
const H = ({ type: t }, e) => c("gids-menu-group", {
|
|
11
10
|
"gids-menu-group--default": t === "default",
|
|
12
11
|
// by default so no need to have this class
|
|
13
12
|
"gids-menu-group--no-options": t === "no-options",
|
|
14
13
|
"gids-menu-group--loading": t === "loading"
|
|
15
|
-
}, e),
|
|
14
|
+
}, e), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
16
15
|
__proto__: null,
|
|
17
|
-
getGidsMenuGroupClassNames:
|
|
18
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
16
|
+
getGidsMenuGroupClassNames: H
|
|
17
|
+
}, Symbol.toStringTag, { value: "Module" })), M = (t) => c("gids-menu", t), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
19
18
|
__proto__: null,
|
|
20
|
-
getGidsMenuClassNames:
|
|
21
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
19
|
+
getGidsMenuClassNames: M
|
|
20
|
+
}, Symbol.toStringTag, { value: "Module" })), k = (t) => c("gids-transfer-list", t), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
22
21
|
__proto__: null,
|
|
23
|
-
getGidsTransferListClassNames:
|
|
24
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames:
|
|
22
|
+
getGidsTransferListClassNames: k
|
|
23
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: O } = A, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: O({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: z } = R, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: z(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(x, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsTransferListClassNames: D } = w, u = y(class extends _ {
|
|
25
24
|
constructor(t) {
|
|
26
25
|
super(), t !== !1 && this.__registerHost(), this.leftListHeading = "Choices", this.rightListHeading = "Choosen", this.moveAllVisible = !1, this.transferListType = "basic", this.leftListItems = [], this.rightListItems = [], this.listsMaxHeight = "200px", this.leftListItemsState = [], this.rightListItemsState = [], this.tempLeftListItemsState = [], this.tempRightListItemsState = [];
|
|
27
26
|
}
|
|
@@ -70,7 +69,7 @@ const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freez
|
|
|
70
69
|
renderListHeading(t) {
|
|
71
70
|
if ((this?.transferListType ?? "basic") !== "basic") {
|
|
72
71
|
const e = this.isAllItemsSelectedInList({ listSide: t }), s = this.isAtleastOneItemSelectedInList({ listSide: t });
|
|
73
|
-
return a("div", { class: "gids-transfer-list__menu-heading-container" }, a(
|
|
72
|
+
return a("div", { class: "gids-transfer-list__menu-heading-container" }, a(f, { checked: e || s, onChange: (n) => this.selectUnselectAllItems({ event: n, listSide: t }), indeterminate: s }), a("div", { class: "gids-transfer-list__menu-heading-text-content-container" }, a("span", { class: "gids-transfer-list__heading-text" }, this.getListHeading(t)), a("span", { class: "gids-transfer-list__heading-support-text" }, this.getListSupportingText(t))));
|
|
74
73
|
}
|
|
75
74
|
}
|
|
76
75
|
listItemSelection({ event: t, pressedIndex: e, listSide: s }) {
|
|
@@ -164,13 +163,13 @@ const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freez
|
|
|
164
163
|
this.moveListItems({ event: t, listSide: e, movementType: s });
|
|
165
164
|
}
|
|
166
165
|
render() {
|
|
167
|
-
const t =
|
|
168
|
-
return a(
|
|
169
|
-
const h = i?.id ? i.id : "" + (r + 1),
|
|
170
|
-
return a(L, { id: "" + h, index: r, leadingAccessory: a(
|
|
171
|
-
}))))), a("div", { key: "
|
|
172
|
-
const h = i?.id ? i.id : "" + (r + 1),
|
|
173
|
-
return a(L, { id: "" + h, index: r, selected:
|
|
166
|
+
const t = D(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
|
|
167
|
+
return a(b, { key: "8e423fc11b33c0221541fcdd160550523d0d09f6", class: t }, a("div", { key: "221d92966d78f1e2f4efb9b36366d7002ef53061", class: "gids-transfer-list__left-container" }, a(I, { key: "9dc87d0694bcf93f262a0a474c1c021b12fc90f6", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "6f682bf9f733e11028cb2baa106b1609d01123c3", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
|
|
168
|
+
const h = i?.id ? i.id : "" + (r + 1), m = this.isItemSelected({ id: h, listSide: "left" });
|
|
169
|
+
return a(L, { id: "" + h, index: r, leadingAccessory: a(f, { checked: m }), selected: m, onPressListItem: (o) => this.onPressingListItem({ event: o, pressedIndex: r, listSide: "left" }) }, i?.listLabel);
|
|
170
|
+
}))))), a("div", { key: "55f4165f5e9ccf1f1e9255061beb9712945187f5", class: "gids-transfer-list__middle-container" }, a(d, { key: "02a0d11e2810aeab2753504944d68fdf51a0be5c", leadingIcon: a(g, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(d, { key: "849d07570396824492897c3dbd347bb8fb2c353d", leadingIcon: a(g, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(d, { key: "9eb9747b5764a75bf7c4433c89fcc6b2dc31870d", leadingIcon: a(g, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(d, { key: "6558100625834f9936aaba67be1c554f53f5fcb3", leadingIcon: a(g, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "838f2a0f22827f350fc383ffd246ed25fe880cc9", class: "gids-transfer-list__right-container" }, a(I, { key: "39597530e1dcd657dfcfbe8677d346099f8fcfae", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "25ac5e481024b4a8fd34b6e6a017e1c5eca25b34", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
|
|
171
|
+
const h = i?.id ? i.id : "" + (r + 1), m = this.isItemSelected({ id: h, listSide: "right" });
|
|
172
|
+
return a(L, { id: "" + h, index: r, selected: m, leadingAccessory: a(f, { checked: m }), onPressListItem: (o) => this.onPressingListItem({ event: o, pressedIndex: r, listSide: "right" }) }, i?.listLabel);
|
|
174
173
|
}))))));
|
|
175
174
|
}
|
|
176
175
|
get hostElement() {
|
|
@@ -189,8 +188,8 @@ function v() {
|
|
|
189
188
|
}));
|
|
190
189
|
}
|
|
191
190
|
v();
|
|
192
|
-
const U = u,
|
|
191
|
+
const U = u, $ = v;
|
|
193
192
|
export {
|
|
194
193
|
U as GidsTransferList,
|
|
195
|
-
|
|
194
|
+
$ as defineCustomElement
|
|
196
195
|
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { q as h, L as f, u as p, D as d, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
-
import { b as
|
|
3
|
-
import { i as
|
|
4
|
-
import {
|
|
2
|
+
import { b as P } from "./p-CV1-78HB-C0k_l_CT.js";
|
|
3
|
+
import { i as M, a as b } from "./p-CAjDiWIc-C9dOa7FT.js";
|
|
4
|
+
import { r as u } from "./p-BRNvHMdK-CqGtfAsn.js";
|
|
5
|
+
import { y as v } from "./p-BCbovLBE-CDxKiOtS.js";
|
|
5
6
|
import { c as x } from "./clsx-OuTLNxxd.js";
|
|
6
7
|
const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
7
8
|
__proto__: null,
|
|
8
9
|
getGidsProfileMenuClassNames: S
|
|
9
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileMenuClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileMenuClassNames: y } = V, C = f(class extends p {
|
|
10
11
|
constructor(i) {
|
|
11
12
|
super(), i !== !1 && this.__registerHost(), this.headerVisible = !1, this.listSectionDividerVisible = !1, this.headerDividerVisible = !0, this.profileMenuItems = [], this.selectedProfileMenuItem = void 0, this.onListItemPress = ({ event: e, sectionIndex: n, itemIndex: o, item: t }) => {
|
|
12
13
|
const r = { ...t, sectionIndex: n, itemIndex: o };
|
|
@@ -48,8 +49,8 @@ const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/*
|
|
|
48
49
|
this.defaultSelectedProfileMenuItem();
|
|
49
50
|
}
|
|
50
51
|
render() {
|
|
51
|
-
const i = this?.headerItem, e = this?.headerVisible, n = this?.headerDividerVisible, o = this?.listSectionDividerVisible, t = this?.profileMenuItems ?? [], r =
|
|
52
|
-
return d(g, { key: "
|
|
52
|
+
const i = this?.headerItem, e = this?.headerVisible, n = this?.headerDividerVisible, o = this?.listSectionDividerVisible, t = this?.profileMenuItems ?? [], r = y();
|
|
53
|
+
return d(g, { key: "866336e6c629f77b95aa04809e6e8e2b9cdb7b3a", class: r }, d(M, { key: "fe52b727ce65e54cf2808d608c136698fea7d7c7", type: this.hasProfileMenuItems() ? "default" : "no-options" }, e ? d("div", { class: "gids-profile-menu__header-container" }, d("gids-profile-menu-header", { ...i, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress })) : void 0, n && this.hasHeaderItem() ? d("div", { class: "gids-profile-menu__header-divider-container" }, d(u, null)) : void 0, t.map(((l, s) => d(b, { key: `${s + 1}`, sectionLabel: l?.sectionLabel ?? "" }, (l?.items ?? []).map(((a, m) => {
|
|
53
54
|
const c = this.isThisItemSelected({ ...a, sectionIndex: s, itemIndex: m });
|
|
54
55
|
return console.log("_thisItemSelected", c), d(P, { ...a, key: `${m + 1}`, id: a.id, index: m, onPressListItem: (I) => this.onListItemPress({ event: I, sectionIndex: s, itemIndex: m, item: a }), selected: c }, a?.leadingLabel);
|
|
55
56
|
})), s < t.length - 1 && o ? d(u, null) : void 0)))));
|
|
@@ -64,19 +65,19 @@ const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/*
|
|
|
64
65
|
return ".gids-profile-menu .gids-divider{width:100%}.gids-profile-menu__header-divider-container{width:100%;padding-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-profile-menu__header-container{display:flex;width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) 0px}";
|
|
65
66
|
}
|
|
66
67
|
}, [0, "gids-profile-menu", { headerItem: [16], selectedProfileMenuItemId: [1, "selected-profile-menu-item-id"], headerVisible: [4, "header-visible"], listSectionDividerVisible: [4, "list-section-divider-visible"], headerDividerVisible: [4, "header-divider-visible"], profileMenuItems: [16], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], selectedProfileMenuItem: [32] }, void 0, { headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], selectedProfileMenuItemId: [{ selectedProfileMenuItemIdChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
|
|
67
|
-
function
|
|
68
|
+
function _() {
|
|
68
69
|
typeof customElements < "u" && ["gids-profile-menu", "gids-profile-menu-header"].forEach(((i) => {
|
|
69
70
|
switch (i) {
|
|
70
71
|
case "gids-profile-menu":
|
|
71
|
-
customElements.get(h(i)) || customElements.define(h(i),
|
|
72
|
+
customElements.get(h(i)) || customElements.define(h(i), C);
|
|
72
73
|
break;
|
|
73
74
|
case "gids-profile-menu-header":
|
|
74
75
|
customElements.get(h(i)) || v();
|
|
75
76
|
}
|
|
76
77
|
}));
|
|
77
78
|
}
|
|
78
|
-
|
|
79
|
+
_();
|
|
79
80
|
export {
|
|
80
|
-
|
|
81
|
-
|
|
81
|
+
C as c,
|
|
82
|
+
_ as p
|
|
82
83
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { q as a, L as _, u as m, D as t } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { p as b } from "./p-C-Lpfqcg-DIuBhXzX.js";
|
|
3
|
-
import {
|
|
4
|
-
import { l as v } from "./p-
|
|
3
|
+
import { o as u } from "./p-DnRuhvRw-Beh0bANh.js";
|
|
4
|
+
import { l as v } from "./p-E13ycS5K-BBDydae3.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,6 +1,6 @@
|
|
|
1
1
|
import { q as f, L as g, u as v, D as c } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
-
import { d as p } from "./p-iQRr_fAH-
|
|
3
|
-
import { o as I } from "./p-
|
|
2
|
+
import { d as p } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
3
|
+
import { o as I } from "./p-DQQhGF5N-mCqb5VTE.js";
|
|
4
4
|
import { c as y } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const S = ({ expanded: h }, e) => y("gids-filter", {
|
|
6
6
|
"gids-filter--expanded": h
|
|
@@ -9,7 +9,7 @@ const S = ({ expanded: h }, e) => y("gids-filter", {
|
|
|
9
9
|
getGidsFilterClassNames: S
|
|
10
10
|
}, Symbol.toStringTag, { value: "Module" })), { getGidsFilterClassNames: E } = x;
|
|
11
11
|
var s;
|
|
12
|
-
const
|
|
12
|
+
const F = g((s = class extends v {
|
|
13
13
|
constructor(e) {
|
|
14
14
|
super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.type = "none", this.filterItemType = "primary", this.filterSelected = !1, this.filterDefaultSelected = !1, this.disabled = !1, this.size = "sm", this.loading = !1, this.filterIndex = 0, this.hasSlottedMenu = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.setupDefaultSelctedFilterEmission = () => {
|
|
15
15
|
this.setupDefaultSelectedNoneAllFilterEmission();
|
|
@@ -142,7 +142,7 @@ const b = g((s = class extends v {
|
|
|
142
142
|
}
|
|
143
143
|
render() {
|
|
144
144
|
const e = this.expanded && this.isInteractive(), t = E({ expanded: e }), l = this.isMenuToggler(), i = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, n = i ? `${i}__menu` : void 0, r = this.selectedItemTitle ?? this.value ?? "", d = this.type === "more", a = this.type === "all", o = this.type === "none";
|
|
145
|
-
return c("div", { key: "
|
|
145
|
+
return c("div", { key: "585c3018b1f5e50fe268648883fba7bda102b5ab", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "21524dd8e6327022b17a91f41abdf7e1db7a0295", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "3cb8fe6ed4e06a8c0c64d1e753040c1dd61b14dd", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "28fa646b9f75307b046372d602238e96121dbd14", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
|
|
146
146
|
}
|
|
147
147
|
get hostElement() {
|
|
148
148
|
return this;
|
|
@@ -154,19 +154,19 @@ const b = g((s = class extends v {
|
|
|
154
154
|
return ".gids-filter{position:relative}.gids-filter__menu{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);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}";
|
|
155
155
|
}
|
|
156
156
|
}, s.emittedValuesTracker = /* @__PURE__ */ new Set(), s), [260, "gids-filter", { name: [1], filterId: [1025, "filter-id"], filterPickerId: [1, "filter-picker-id"], expanded: [4], type: [1], filterItemType: [1, "filter-item-type"], value: [1], filterSelected: [1540, "filter-selected"], filterDefaultSelected: [4, "filter-default-selected"], disabled: [4], size: [1], loading: [4], filterIndex: [2, "filter-index"], onFilterMenuItemChange: [16], onToggle: [16], selectedItemTitle: [32], hasSlottedMenu: [32] }, [[8, "click", "handleWindowClick"]], { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterId: [{ handleFilterIdArrival: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }], filterDefaultSelected: [{ handleFilterDefaultSelectedChange: 0 }] }]);
|
|
157
|
-
function
|
|
157
|
+
function b() {
|
|
158
158
|
typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((h) => {
|
|
159
159
|
switch (h) {
|
|
160
160
|
case "gids-filter":
|
|
161
|
-
customElements.get(f(h)) || customElements.define(f(h),
|
|
161
|
+
customElements.get(f(h)) || customElements.define(f(h), F);
|
|
162
162
|
break;
|
|
163
163
|
case "gids-toggle-button":
|
|
164
164
|
customElements.get(f(h)) || I();
|
|
165
165
|
}
|
|
166
166
|
}));
|
|
167
167
|
}
|
|
168
|
-
|
|
168
|
+
b();
|
|
169
169
|
export {
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
b as a,
|
|
171
|
+
F as r
|
|
172
172
|
};
|