@ganpatiinfo/gids-core-web 22.0.0 → 24.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 +111 -64
- package/dist/css/index.css.map +1 -1
- package/dist/gids-action-bar.js +1 -1
- package/dist/gids-activity-gauge.js +1 -1
- package/dist/gids-advanced-tooltip.js +1 -1
- package/dist/gids-bar-chart.js +1 -1
- package/dist/gids-bento-card.js +1 -1
- package/dist/gids-calendar-header-panel.js +1 -1
- package/dist/gids-calendar-month-list.js +1 -1
- package/dist/gids-calendar-picker.d.ts +11 -0
- package/dist/gids-calendar-picker.js +1 -0
- package/dist/gids-calendar-year-list.js +1 -1
- package/dist/gids-calendar.js +1 -1
- package/dist/gids-chart-legend-item.js +1 -1
- package/dist/gids-chart-legend.js +1 -1
- package/dist/gids-chart.js +1 -1
- package/dist/gids-chevron-button.js +1 -1
- package/dist/gids-date-picker-field.d.ts +11 -0
- package/dist/gids-date-picker-field.js +1 -0
- package/dist/gids-date-picker.d.ts +11 -0
- package/dist/gids-date-picker.js +1 -0
- package/dist/gids-day-dropdown-picker.d.ts +11 -0
- package/dist/gids-day-dropdown-picker.js +1 -0
- package/dist/gids-dot.js +1 -1
- package/dist/gids-dropdown-field.js +1 -1
- package/dist/gids-dropdown-picker.js +1 -1
- package/dist/gids-dropdown.js +1 -1
- package/dist/gids-expansion-body-list-item.js +1 -1
- package/dist/gids-expansion-body-list.js +1 -1
- package/dist/gids-expansion-group.js +1 -1
- package/dist/gids-expansion.js +1 -1
- package/dist/gids-field.js +1 -1
- package/dist/gids-filter.js +1 -1
- package/dist/gids-flyout-panel.js +1 -1
- package/dist/gids-form.js +1 -1
- package/dist/gids-header-navigation-item.js +1 -1
- package/dist/gids-header-navigation.js +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.js +1 -1
- package/dist/gids-line-chart.js +1 -1
- package/dist/gids-md-table.js +1 -1
- package/dist/gids-month-dropdown-picker.d.ts +11 -0
- package/dist/gids-month-dropdown-picker.js +1 -0
- package/dist/gids-overflow-container.js +1 -1
- package/dist/gids-overlay-provider.js +1 -1
- package/dist/gids-password-field.js +1 -1
- package/dist/gids-pie-chart.js +1 -1
- package/dist/gids-popover.js +1 -1
- package/dist/gids-profile-menu-header.js +1 -1
- package/dist/gids-profile-menu.js +1 -1
- package/dist/gids-profile.js +1 -1
- package/dist/gids-scrim.js +1 -1
- package/dist/gids-sidebar-item.js +1 -1
- package/dist/gids-sidebar-menu.js +1 -1
- package/dist/gids-sidebar.js +1 -1
- package/dist/gids-skeleton.js +1 -1
- package/dist/gids-tab-item.js +1 -1
- package/dist/gids-tab.js +1 -1
- package/dist/gids-text-field.js +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/gids-tooltip.js +1 -1
- package/dist/gids-transfer-list.js +1 -1
- package/dist/gids-year-dropdown-picker.d.ts +11 -0
- package/dist/gids-year-dropdown-picker.js +1 -0
- package/dist/{p-TfH966_e.js → p-3H10HA8U.js} +1 -1
- package/dist/{p-_W77iniK.js → p-5SNf54JN.js} +1 -1
- package/dist/p-69VXkSHc.js +1 -0
- package/dist/{p-B_FEFM5I.js → p-B2CvDGSE.js} +1 -1
- package/dist/{p-DLRj-mUX.js → p-B3AB3GQ0.js} +1 -1
- package/dist/p-BBlUduEr.js +1 -0
- package/dist/p-BGBsQSqM.js +1 -0
- package/dist/{p-BIxBMTG9.js → p-BWrCtA6O.js} +1 -1
- package/dist/{p-D0RJMGGj.js → p-BZdaC92p.js} +1 -1
- package/dist/p-Bbw1WCO7.js +1 -0
- package/dist/{p-CIjK3iHM.js → p-Bi-yBBYT.js} +1 -1
- package/dist/{p-DQQhGF5N.js → p-BwDi-0yS.js} +1 -1
- package/dist/{p-DKSnGphd.js → p-By0R-oJV.js} +1 -1
- package/dist/p-CCX8DA2Z.js +1 -0
- package/dist/{p-Ds5IzXj3.js → p-CJ1tQlEt.js} +1 -1
- package/dist/{p-DnRuhvRw.js → p-CL9pZVrx.js} +1 -1
- package/dist/p-CS2U2Mro.js +1 -0
- package/dist/p-Cf9ipNLT.js +1 -0
- package/dist/{p-B2flLE0s.js → p-Cs-QTqUM.js} +1 -1
- package/dist/{p-E13ycS5K.js → p-CytAVtIP.js} +1 -1
- package/dist/{p-CV1-78HB.js → p-D2VR17v2.js} +1 -1
- package/dist/p-D8vooi3L.js +1 -0
- package/dist/{p-DMxvWIj1.js → p-DB0ZJi5J.js} +1 -1
- package/dist/{p-BAqWcL0K.js → p-DHOvFnv4.js} +1 -1
- package/dist/{p--kh67-_Z.js → p-DIrAYgqX.js} +1 -1
- package/dist/p-DJH7wtiu.js +1 -0
- package/dist/{p-bfWlRsx_.js → p-DMN5PI18.js} +1 -1
- package/dist/p-DdJKIFk0.js +1 -0
- package/dist/{p-BCbovLBE.js → p-Dt270JVs.js} +1 -1
- package/dist/p-DuonIHDh.js +1 -0
- package/dist/{p-DzOOjiNH.js → p-_OVEnTXa.js} +1 -1
- package/dist/{p-DrxfD2yZ.js → p-cXOH6OAQ.js} +1 -1
- package/dist/p-lVcUFx2e.js +1 -0
- package/dist/{p-mv_7K1EM.js → p-peMqbYbz.js} +1 -1
- package/dist/p-piTNUZit.js +1 -0
- package/dist/types/components/webComponents/GidsCalendar/GidsCalendar.d.ts +4 -2
- package/dist/types/components/webComponents/GidsCalendarPicker/GidsCalendarPicker.d.ts +55 -0
- package/dist/types/components/webComponents/GidsDatePicker/GidsDatePicker.d.ts +74 -0
- package/dist/types/components/webComponents/GidsDatePickerField/GidsDatePickerField.d.ts +75 -0
- package/dist/types/components/webComponents/GidsDayDropdownPicker/GidsDayDropdownPicker.d.ts +40 -0
- package/dist/types/components/webComponents/GidsDropdown/GidsDropdown.d.ts +10 -8
- package/dist/types/components/webComponents/GidsDropdownField/GidsDropdownField.d.ts +5 -1
- package/dist/types/components/webComponents/GidsDropdownPicker/GidsDropdownPicker.d.ts +1 -0
- package/dist/types/components/webComponents/GidsFlyoutPanel/GidsFlyoutPanel.d.ts +7 -2
- package/dist/types/components/webComponents/GidsForm/GidsForm.d.ts +8 -0
- package/dist/types/components/webComponents/GidsHeaderNavigation/GidsHeaderNavigation.d.ts +0 -1
- package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +4 -6
- package/dist/types/components/webComponents/GidsMonthDropdownPicker/GidsMonthDropdownPicker.d.ts +40 -0
- package/dist/types/components/webComponents/GidsYearDropdownPicker/GidsYearDropdownPicker.d.ts +40 -0
- package/dist/types/components.d.ts +894 -70
- package/dist-bundled/es/GidsDatePickerSharedUtils-Dh5qFlYA.js +105 -0
- package/dist-bundled/es/gids-action-bar.js +17 -17
- package/dist-bundled/es/gids-activity-gauge.js +3 -3
- package/dist-bundled/es/gids-advanced-tooltip.js +4 -4
- 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 +1 -1
- package/dist-bundled/es/gids-calendar-month-list.js +3 -3
- package/dist-bundled/es/gids-calendar-picker.js +6 -0
- package/dist-bundled/es/gids-calendar-year-list.js +4 -4
- package/dist-bundled/es/gids-calendar.js +4 -151
- package/dist-bundled/es/gids-chart-legend-item.js +4 -4
- package/dist-bundled/es/gids-chart-legend.js +3 -3
- package/dist-bundled/es/gids-chart.js +21 -21
- package/dist-bundled/es/gids-chevron-button.js +3 -3
- package/dist-bundled/es/gids-date-picker-field.js +181 -0
- package/dist-bundled/es/gids-date-picker.js +6 -0
- package/dist-bundled/es/gids-day-dropdown-picker.js +6 -0
- package/dist-bundled/es/gids-dot.js +1 -1
- package/dist-bundled/es/gids-dropdown-field.js +29 -19
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +3 -3
- package/dist-bundled/es/gids-expansion-body-list-item.js +1 -1
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +1 -1
- package/dist-bundled/es/gids-expansion.js +8 -8
- package/dist-bundled/es/gids-field.js +4 -4
- package/dist-bundled/es/gids-filter.js +1 -1
- package/dist-bundled/es/gids-flyout-panel.js +1 -1
- package/dist-bundled/es/gids-form.js +65 -49
- package/dist-bundled/es/gids-header-navigation-item.js +3 -3
- package/dist-bundled/es/gids-header-navigation.js +59 -60
- package/dist-bundled/es/gids-icon.js +1 -1
- package/dist-bundled/es/gids-input.js +4 -4
- package/dist-bundled/es/gids-line-chart.js +4 -4
- package/dist-bundled/es/gids-md-table.js +60 -60
- package/dist-bundled/es/gids-month-dropdown-picker.js +6 -0
- package/dist-bundled/es/gids-overflow-container.js +1 -1
- package/dist-bundled/es/gids-overlay-provider.js +2 -2
- package/dist-bundled/es/gids-password-field.js +25 -25
- package/dist-bundled/es/gids-pie-chart.js +1 -1
- package/dist-bundled/es/gids-popover.js +1 -1
- package/dist-bundled/es/gids-profile-menu-header.js +4 -4
- package/dist-bundled/es/gids-profile-menu.js +3 -3
- package/dist-bundled/es/gids-profile.js +10 -10
- package/dist-bundled/es/gids-scrim.js +1 -1
- package/dist-bundled/es/gids-sidebar-item.js +1 -1
- package/dist-bundled/es/gids-sidebar-menu.js +1 -1
- package/dist-bundled/es/gids-sidebar.js +7 -7
- package/dist-bundled/es/gids-skeleton.js +1 -1
- package/dist-bundled/es/gids-tab-item.js +1 -1
- package/dist-bundled/es/gids-tab.js +4 -4
- package/dist-bundled/es/gids-text-field.js +12 -12
- 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 +8 -8
- package/dist-bundled/es/gids-year-dropdown-picker.js +6 -0
- package/dist-bundled/es/{p-TfH966_e-BzZRV8Rj.js → p-3H10HA8U-DWG31yfh.js} +9 -9
- package/dist-bundled/es/{p-_W77iniK-ChKfEOp3.js → p-5SNf54JN-Dke4QoYK.js} +2 -2
- package/dist-bundled/es/{p-kWyyLyT3-VhX9LNzT.js → p-69VXkSHc-vZd5gQWS.js} +28 -28
- package/dist-bundled/es/{p-B_FEFM5I-JoBieRfG.js → p-B2CvDGSE-B-50q6JD.js} +5 -5
- package/dist-bundled/es/{p-DLRj-mUX-BapdQYpI.js → p-B3AB3GQ0-DdgNC9FJ.js} +5 -5
- package/dist-bundled/es/{p-CAjDiWIc-C9dOa7FT.js → p-BBlUduEr-CWdvgBS6.js} +7 -7
- package/dist-bundled/es/{p-BQT5yy5L-C1C_zTi-.js → p-BGBsQSqM-DtooH-AA.js} +8 -4
- package/dist-bundled/es/{p-BIxBMTG9-Ctr342ff.js → p-BWrCtA6O-DHaJx1bg.js} +3 -3
- package/dist-bundled/es/{p-D0RJMGGj-BflZ9l8y.js → p-BZdaC92p-DjVPKyfk.js} +5 -5
- package/dist-bundled/es/p-Bbw1WCO7-CJU0y0iF.js +240 -0
- package/dist-bundled/es/{p-CIjK3iHM-DEW8PRM5.js → p-Bi-yBBYT-CC0Ktxng.js} +1 -1
- package/dist-bundled/es/{p-DQQhGF5N-mCqb5VTE.js → p-BwDi-0yS-vyn3pUko.js} +8 -8
- package/dist-bundled/es/{p-DKSnGphd-CZSPfB-N.js → p-By0R-oJV-DkI-JpEG.js} +3 -3
- package/dist-bundled/es/p-CCX8DA2Z-D0OkaCKx.js +157 -0
- package/dist-bundled/es/{p-Ds5IzXj3-B2o0ML2C.js → p-CJ1tQlEt-B8GYL1we.js} +13 -13
- package/dist-bundled/es/{p-DnRuhvRw-Beh0bANh.js → p-CL9pZVrx-BYVOaGDA.js} +8 -8
- package/dist-bundled/es/{p-DpvdbdZ--C7QlXxK2.js → p-CS2U2Mro-6wGJ-t9P.js} +31 -19
- package/dist-bundled/es/p-Cf9ipNLT-HF4MWnLF.js +86 -0
- package/dist-bundled/es/{p-B2flLE0s-SMg7vg1a.js → p-Cs-QTqUM-CcvsSUzr.js} +2 -2
- package/dist-bundled/es/{p-E13ycS5K-BBDydae3.js → p-CytAVtIP-IZSm6SZx.js} +1 -1
- package/dist-bundled/es/p-D8vooi3L-C5jeoC6H.js +122 -0
- package/dist-bundled/es/{p-DMxvWIj1-BxbvrlFL.js → p-DB0ZJi5J-BEYBVVuq.js} +9 -9
- package/dist-bundled/es/{p-BAqWcL0K-DNkV1R_C.js → p-DHOvFnv4-DZQmbUn3.js} +2 -2
- package/dist-bundled/es/{p--kh67-_Z-B-vf_gng.js → p-DIrAYgqX-BoR42JaL.js} +4 -4
- package/dist-bundled/es/p-DJH7wtiu-BDWtYcRw.js +148 -0
- package/dist-bundled/es/{p-bfWlRsx_-CNZjBYOE.js → p-DMN5PI18-CiBpBUeE.js} +3 -3
- package/dist-bundled/es/{p-Do_VlNHg-Ck03dQOR.js → p-DdJKIFk0-Co3FvR3K.js} +1 -1
- package/dist-bundled/es/{p-BCbovLBE-CDxKiOtS.js → p-Dt270JVs-DJODMRWa.js} +1 -1
- package/dist-bundled/es/p-DuonIHDh-B6YKWTfP.js +86 -0
- package/dist-bundled/es/{p-DzOOjiNH-CqI4E-mj.js → p-_OVEnTXa-q7qjnzI3.js} +2 -2
- package/dist-bundled/es/{p-DrxfD2yZ-Cetyr3S9.js → p-cXOH6OAQ-BRmZ0lXm.js} +10 -10
- package/dist-bundled/es/p-lVcUFx2e-D6N6qefs.js +86 -0
- package/dist-bundled/es/{p-mv_7K1EM-U3yKC45e.js → p-peMqbYbz-BnWVSfKD.js} +1 -1
- package/dist-bundled/es/p-piTNUZit-Jq4qQLgn.js +137 -0
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +1 -1
- package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-bento-card.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-picker.umd.js +5 -0
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar.umd.js +2 -2
- 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-date-picker-field.umd.js +5 -0
- package/dist-bundled/umd/gids-date-picker.umd.js +5 -0
- package/dist-bundled/umd/gids-day-dropdown-picker.umd.js +5 -0
- package/dist-bundled/umd/gids-dot.umd.js +1 -1
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +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 +1 -1
- package/dist-bundled/umd/gids-field.umd.js +1 -1
- package/dist-bundled/umd/gids-filter.umd.js +2 -2
- package/dist-bundled/umd/gids-flyout-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-form.umd.js +2 -2
- 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 +1 -1
- 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-month-dropdown-picker.umd.js +5 -0
- package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
- package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
- package/dist-bundled/umd/gids-password-field.umd.js +1 -1
- 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 +1 -1
- package/dist-bundled/umd/gids-profile-menu.umd.js +1 -1
- package/dist-bundled/umd/gids-profile.umd.js +1 -1
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar-item.umd.js +2 -2
- package/dist-bundled/umd/gids-sidebar-menu.umd.js +2 -2
- package/dist-bundled/umd/gids-sidebar.umd.js +2 -2
- package/dist-bundled/umd/gids-skeleton.umd.js +2 -2
- 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 +1 -1
- 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 +1 -1
- package/dist-bundled/umd/gids-year-dropdown-picker.umd.js +5 -0
- package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
- package/package.json +55 -7
- package/dist/p-BQT5yy5L.js +0 -1
- package/dist/p-B_St7yaX.js +0 -1
- package/dist/p-CAjDiWIc.js +0 -1
- package/dist/p-Do_VlNHg.js +0 -1
- package/dist/p-DpvdbdZ-.js +0 -1
- package/dist/p-kWyyLyT3.js +0 -1
- package/dist/p-tEbUT3n3.js +0 -1
- package/dist-bundled/es/p-B_St7yaX-Da4DWjGh.js +0 -151
- package/dist-bundled/es/p-tEbUT3n3-Byef6fQN.js +0 -244
- /package/dist-bundled/es/{p-CV1-78HB-C0k_l_CT.js → p-D2VR17v2-C0k_l_CT.js} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { q as h, L as v, u as f, D as e } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { p as u } from "./p-C-Lpfqcg-DIuBhXzX.js";
|
|
3
3
|
import { d as w } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
4
|
-
import { _ as k } from "./p-
|
|
5
|
-
import { o as z } from "./p-
|
|
6
|
-
import { l as C } from "./p-
|
|
4
|
+
import { _ as k } from "./p-BZdaC92p-DjVPKyfk.js";
|
|
5
|
+
import { o as z } from "./p-CL9pZVrx-BYVOaGDA.js";
|
|
6
|
+
import { l as C } from "./p-CytAVtIP-IZSm6SZx.js";
|
|
7
7
|
import { c as L } from "./clsx-OuTLNxxd.js";
|
|
8
8
|
const D = ({ breakpoint: i }, r) => L("gids-line-chart", {
|
|
9
9
|
"gids-line-chart--breakpoint-mobile": i === "mobile"
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { q as c, L as v, u as y, D as d } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { u as P, r as D } from "./p-3H10HA8U-DWG31yfh.js";
|
|
3
|
+
import { l as S } from "./p-cXOH6OAQ-BRmZ0lXm.js";
|
|
4
|
+
import { m as M } from "./p-CJ1tQlEt-B8GYL1we.js";
|
|
5
|
+
import { g as N } from "./p-B2CvDGSE-B-50q6JD.js";
|
|
6
|
+
import { h as Y } from "./p-BGBsQSqM-DtooH-AA.js";
|
|
7
|
+
import { n as k } from "./p-DB0ZJi5J-BEYBVVuq.js";
|
|
8
|
+
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
9
|
+
const w = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => p("gids-calendar-cell", {
|
|
10
|
+
"gids-calendar-cell--selected": t && !e && !a,
|
|
11
|
+
"gids-calendar-cell--today": a && !e && !r,
|
|
12
|
+
"gids-calendar-cell--label-non-effective": n === "non-effective",
|
|
13
|
+
"gids-calendar-cell--default-effective": n === "effective" && !e && !a && !t,
|
|
14
|
+
"gids-calendar-cell--selected-effective": t && n === "effective" && !e && !a,
|
|
15
|
+
"gids-calendar-cell--today-effective": a && n === "effective" && !e && !r,
|
|
16
|
+
"gids-calendar-cell--default-disabled": e && !a && !t,
|
|
17
|
+
"gids-calendar-cell--selected-disabled": e && t && !a,
|
|
18
|
+
"gids-calendar-cell--today-disabled": e && a && !r,
|
|
19
|
+
"gids-calendar-cell--today-dot": a && !e && r,
|
|
20
|
+
"gids-calendar-cell--today-dot-effective": a && n === "effective" && !e && r,
|
|
21
|
+
"gids-calendar-cell--today-dot-disabled": e && a && r
|
|
22
|
+
}, l), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
23
|
+
__proto__: null,
|
|
24
|
+
getGidsCalendarCellClassNames: w
|
|
25
|
+
}, Symbol.toStringTag, { value: "Module" })), _ = (e) => p("gids-calendar-day-cell", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
26
|
+
__proto__: null,
|
|
27
|
+
getGidsCalendarDayCellClassNames: _
|
|
28
|
+
}, Symbol.toStringTag, { value: "Module" })), A = ({ width: e }, t) => p("gids-calendar", {
|
|
29
|
+
"gids-calendar--width-fixed": e === "fixed",
|
|
30
|
+
"gids-calendar--width-intrinsic": e === "intrinsic"
|
|
31
|
+
}, t), O = ({ currentMonth: e, currentYear: t }) => {
|
|
32
|
+
if (!t || !e)
|
|
33
|
+
return [];
|
|
34
|
+
const a = t, n = e - 1, r = new Date(a, n, 1).getDay(), l = new Date(a, n + 1, 0).getDate(), g = new Date(a, n, 0).getDate(), o = [], h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
|
|
35
|
+
for (let s = r - 1; s >= 0; s--) {
|
|
36
|
+
const i = g - s, u = n === 0 ? 12 : n, f = `${n === 0 ? a - 1 : a}-${String(u).padStart(2, "0")}-${String(i).padStart(2, "0")}`;
|
|
37
|
+
o.push({
|
|
38
|
+
day: i,
|
|
39
|
+
isCurrentMonth: !1,
|
|
40
|
+
dateString: f,
|
|
41
|
+
isToday: h === f
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
for (let s = 1; s <= l; s++) {
|
|
45
|
+
const i = `${a}-${String(e).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
|
|
46
|
+
o.push({
|
|
47
|
+
day: s,
|
|
48
|
+
isCurrentMonth: !0,
|
|
49
|
+
dateString: i,
|
|
50
|
+
isToday: h === i
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
const m = 42 - o.length;
|
|
54
|
+
for (let s = 1; s <= m; s++) {
|
|
55
|
+
const i = n === 11 ? 1 : n + 2, b = `${n === 11 ? a + 1 : a}-${String(i).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
|
|
56
|
+
o.push({
|
|
57
|
+
day: s,
|
|
58
|
+
isCurrentMonth: !1,
|
|
59
|
+
dateString: b,
|
|
60
|
+
isToday: h === b
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
return o;
|
|
64
|
+
}, $ = () => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
65
|
+
__proto__: null,
|
|
66
|
+
generateCalendarDays: O,
|
|
67
|
+
generateCalendarWeekdays: $,
|
|
68
|
+
getGidsCalendarClassNames: A
|
|
69
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: H } = x, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role: o = "gridcell", cellType: h = "effective", ...m }) => {
|
|
70
|
+
const s = !a && h === "effective";
|
|
71
|
+
return d("button", { class: H({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role: o, "aria-selected": n ? "true" : "false", disabled: a, onClick: (i) => {
|
|
72
|
+
if (i.defaultPrevented || a || !s) return;
|
|
73
|
+
const u = new CustomEvent("onPressCalendarCell", { bubbles: !0, composed: !0, detail: { cellValue: e, selected: n, disabled: a, dot: t, today: r } });
|
|
74
|
+
l && l(u);
|
|
75
|
+
}, ...m }, e ? d("span", null, e) : null, t ? d("gids-dot", { appearance: (() => {
|
|
76
|
+
let i = "subtle";
|
|
77
|
+
return n && !a && (i = "static-inverse"), i;
|
|
78
|
+
})(), disabled: a, size: "xs" }) : null);
|
|
79
|
+
}, { getGidsCalendarDayCellClassNames: L } = E, V = ({ id: e, label: t, class: a, ...n }) => d(C, { ...n, id: e, label: t, name: t, dot: !1, disabled: !1, selected: !1, today: !1, cellType: "non-effective", class: L(a) }), { getGidsCalendarClassNames: j, generateCalendarDays: z, generateCalendarWeekdays: G } = T, { getCalendarMonthNameViaMonthNumber: I } = D, W = v(class extends y {
|
|
80
|
+
constructor(e) {
|
|
81
|
+
super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.panelActionsAppearance = "primary", this.dotVisibleDates = [], this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.panelDisabled = !1, this.currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this.handleCHPOnPreviousActionEvent = (t) => {
|
|
82
|
+
t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPreviousChange && this.onPreviousChange(t));
|
|
83
|
+
}, this.handleCHPOnNextActionEvent = (t) => {
|
|
84
|
+
t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onNextChange && this.onNextChange(t));
|
|
85
|
+
}, this.handleCHPOnPanelMonthChangeEvent = (t) => {
|
|
86
|
+
t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPanelMonthChange && this.onPanelMonthChange(t));
|
|
87
|
+
}, this.handleCHPOnPanelYearChangeEvent = (t) => {
|
|
88
|
+
t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPanelYearChange && this.onPanelYearChange(t));
|
|
89
|
+
}, this.setLocalStates = (t) => {
|
|
90
|
+
const { monthNumber: a, year: n } = t;
|
|
91
|
+
a && (this.currentMonth = Number(a)), n && (this.currentYear = Number(n));
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
handleActiveMonthPropChange(e) {
|
|
95
|
+
e != null && (this.currentMonth = Number(e));
|
|
96
|
+
}
|
|
97
|
+
handleActiveYearPropChange(e) {
|
|
98
|
+
e != null && (this.currentYear = Number(e));
|
|
99
|
+
}
|
|
100
|
+
connectedCallback() {
|
|
101
|
+
}
|
|
102
|
+
componentWillLoad() {
|
|
103
|
+
this.activeMonthNumber != null && (this.currentMonth = Number(this.activeMonthNumber)), this.activeYear != null && (this.currentYear = Number(this.activeYear));
|
|
104
|
+
}
|
|
105
|
+
handleDateCellClick({ event: e, dateStr: t, isCurrentMonth: a }) {
|
|
106
|
+
if (e?.detail?.disabled) return;
|
|
107
|
+
const r = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], l = I(this.currentMonth);
|
|
108
|
+
this.onSelectionCalendarCell && this.onSelectionCalendarCell({ currentActivePanelState: { monthNumber: this.currentMonth, year: this.currentYear, month: l, panelValue: `${l} ${this.currentYear}` }, date: t, isCurrentMonth: a, selected: !0, today: r === t, dotVisibleDates: this.dotVisibleDates ?? [] });
|
|
109
|
+
}
|
|
110
|
+
render() {
|
|
111
|
+
const e = z({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = G(), a = j({ width: this.width });
|
|
112
|
+
return d("div", { key: "d066718a9751bbe89e7af0219dee6f6279a50ffb", class: a }, d("gids-calendar-header-panel", { key: "a072a8c22f770a9907219673a874a37fde9bc2e1", appearance: this.panelActionsAppearance, startYear: this.startYear, endYear: this.endYear, monthPickerDisabled: this.monthPickerDisabled, yearPickerDisabled: this.yearPickerDisabled, previousDisabled: this.previousDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, selectedMonthNumber: this.currentMonth, selectedYear: this.currentYear, onPanelMonthChange: this.handleCHPOnPanelMonthChangeEvent, onPanelYearChange: this.handleCHPOnPanelYearChangeEvent, onNextChange: this.handleCHPOnNextActionEvent, onPreviousChange: this.handleCHPOnPreviousActionEvent }), d("div", { key: "6b287edcc7894805d89f3266d6c21d724e196153", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(V, { label: n })))), d("div", { key: "c6e54c3acef5564679d4f29b0c91aba1087cb705", class: "gids-calendar__days-grid" }, e.map(((n) => {
|
|
113
|
+
const r = this.selectedDate === n.dateString, l = this.dotVisibleDates?.includes(n.dateString);
|
|
114
|
+
return d(C, { label: String(n.day), today: n.isToday, selected: r, dot: l, cellType: "effective", disabled: !n.isCurrentMonth, onPressCalendarCell: (g) => this.handleDateCellClick({ event: g, dateStr: n.dateString, isCurrentMonth: n.isCurrentMonth }) });
|
|
115
|
+
}))));
|
|
116
|
+
}
|
|
117
|
+
get hostElement() {
|
|
118
|
+
return this;
|
|
119
|
+
}
|
|
120
|
+
static get watchers() {
|
|
121
|
+
return { activeMonthNumber: [{ handleActiveMonthPropChange: 0 }], activeYear: [{ handleActiveYearPropChange: 0 }] };
|
|
122
|
+
}
|
|
123
|
+
static get style() {
|
|
124
|
+
return ".gids-calendar{display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-300);gap:var(--gids-gap-200)}.gids-calendar--width-fixed{width:100%;max-width:var(--gids-width-xs)}.gids-calendar--width-intrinsic{width:100%;max-width:100%}.gids-calendar--width-intrinsic .gids-calendar-cell{--cell-width:100%;--cell-aspect-ratio:1 / 1}.gids-calendar__weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;align-items:center;width:100%}.gids-calendar__days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--gids-gap-050);justify-items:center;align-items:center;width:100%}";
|
|
125
|
+
}
|
|
126
|
+
}, [0, "gids-calendar", { width: [1], panelActionsAppearance: [1, "panel-actions-appearance"], selectedDate: [1, "selected-date"], dotVisibleDates: [16], startYear: [2, "start-year"], endYear: [2, "end-year"], monthPickerDisabled: [4, "month-picker-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], previousDisabled: [4, "previous-disabled"], nextDisabled: [4, "next-disabled"], panelDisabled: [4, "panel-disabled"], activeMonthNumber: [2, "active-month-number"], activeYear: [2, "active-year"], onNextChange: [16], onPreviousChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], onSelectionCalendarCell: [16], currentMonth: [32], currentYear: [32] }, void 0, { activeMonthNumber: [{ handleActiveMonthPropChange: 0 }], activeYear: [{ handleActiveYearPropChange: 0 }] }]);
|
|
127
|
+
function q() {
|
|
128
|
+
typeof customElements < "u" && ["gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dot", "gids-dropdown-picker", "gids-icon"].forEach(((e) => {
|
|
129
|
+
switch (e) {
|
|
130
|
+
case "gids-calendar":
|
|
131
|
+
customElements.get(c(e)) || customElements.define(c(e), W);
|
|
132
|
+
break;
|
|
133
|
+
case "gids-calendar-header-panel":
|
|
134
|
+
customElements.get(c(e)) || P();
|
|
135
|
+
break;
|
|
136
|
+
case "gids-calendar-month-list":
|
|
137
|
+
customElements.get(c(e)) || S();
|
|
138
|
+
break;
|
|
139
|
+
case "gids-calendar-year-list":
|
|
140
|
+
customElements.get(c(e)) || M();
|
|
141
|
+
break;
|
|
142
|
+
case "gids-dot":
|
|
143
|
+
customElements.get(c(e)) || N();
|
|
144
|
+
break;
|
|
145
|
+
case "gids-dropdown-picker":
|
|
146
|
+
customElements.get(c(e)) || Y();
|
|
147
|
+
break;
|
|
148
|
+
case "gids-icon":
|
|
149
|
+
customElements.get(c(e)) || k();
|
|
150
|
+
}
|
|
151
|
+
}));
|
|
152
|
+
}
|
|
153
|
+
q();
|
|
154
|
+
export {
|
|
155
|
+
q as N,
|
|
156
|
+
W as w
|
|
157
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { q as d, L as
|
|
2
|
-
import { i as u,
|
|
3
|
-
import { i as Y } from "./p-
|
|
1
|
+
import { q as d, L as o, u as h, D as i } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { i as u, t as m } from "./p-BBlUduEr-CWdvgBS6.js";
|
|
3
|
+
import { i as Y } from "./p-B3AB3GQ0-DdgNC9FJ.js";
|
|
4
4
|
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
|
|
6
6
|
const t = e.toString().trim();
|
|
@@ -25,18 +25,18 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
|
|
|
25
25
|
getGidsCalendarYearListClassNames: f,
|
|
26
26
|
getGidsCalendarYearListYears: I,
|
|
27
27
|
isValidFourDigitYear: g
|
|
28
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears:
|
|
28
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: w, isValidFourDigitYear: l } = S, E = o(class extends h {
|
|
29
29
|
constructor(e) {
|
|
30
30
|
super(), e !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.newStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.newEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (t) => {
|
|
31
|
-
const { title: s, value: a, selectedIndex: r, disabled: n, id:
|
|
31
|
+
const { title: s, value: a, selectedIndex: r, disabled: n, id: c } = t.detail;
|
|
32
32
|
n || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
|
|
33
33
|
this.suppressNextMenuClickSelection = !1;
|
|
34
|
-
})), this.applySelection({ id:
|
|
34
|
+
})), this.applySelection({ id: c, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
|
|
35
35
|
}, this.handleMenuClick = (t) => {
|
|
36
36
|
if (this.suppressNextMenuClickSelection) return;
|
|
37
37
|
const s = t?.detail;
|
|
38
38
|
this.applySelection({ id: s.id, year: Number(s.value), disabled: !1, selectedIndex: s.selectedIndex, startYear: this.newStartYear, endYear: this.newEndYear });
|
|
39
|
-
}, this.yearsList = () =>
|
|
39
|
+
}, this.yearsList = () => w({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
|
|
40
40
|
const t = this.selectedYear, s = this.yearsList(), a = s.findIndex(((n) => n.value === t));
|
|
41
41
|
let r;
|
|
42
42
|
return a != null && a !== -1 && (r = s[a]), { foundItem: r, foundIndex: a };
|
|
@@ -72,7 +72,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
|
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
74
|
const e = y();
|
|
75
|
-
return i("div", { key: "
|
|
75
|
+
return i("div", { key: "48c4e3c34155cfa977ca17be4392c125fa711e4f", class: e }, i(u, { key: "ee137b54297b6380052c70a7aa731a1f0f0cd82c", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "03f2408864d7b22d3fbec98d86a3d723d16544cb", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
|
|
76
76
|
const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
|
|
77
77
|
return i(Y, { title: t.title, value: `${t.value}`, key: `${s.toString()}`, index: s, id: a, selected: this.isItemSelected(s), onPressDropdownItem: this.handleMenuClick, disabled: r, divider: this.divider, isPlaceholderItem: !1 });
|
|
78
78
|
})))));
|
|
@@ -81,13 +81,13 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
|
|
|
81
81
|
return this;
|
|
82
82
|
}
|
|
83
83
|
}, [0, "gids-calendar-year-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedYear: [2, "selected-year"], startYear: [2, "start-year"], endYear: [2, "end-year"], onSelectionYearChange: [16], newStartYear: [32], newEndYear: [32] }]);
|
|
84
|
-
function
|
|
84
|
+
function b() {
|
|
85
85
|
typeof customElements < "u" && ["gids-calendar-year-list"].forEach(((e) => {
|
|
86
|
-
e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e),
|
|
86
|
+
e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), E));
|
|
87
87
|
}));
|
|
88
88
|
}
|
|
89
|
-
|
|
89
|
+
b();
|
|
90
90
|
export {
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
E as l,
|
|
92
|
+
b as m
|
|
93
93
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { q as t, L as
|
|
1
|
+
import { q as t, L as i, u as r, D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
const o = ({ orientation: e },
|
|
3
|
+
const o = ({ orientation: e }, a) => s("gids-chart-legend", {
|
|
4
4
|
// 'gids-chart-legend--orientation-horizontal':
|
|
5
5
|
// orientation === 'horizontal', // not needed as by default
|
|
6
6
|
"gids-chart-legend--orientation-vertical": e === "vertical"
|
|
7
|
-
},
|
|
7
|
+
}, a), l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsChartLegendClassNames: o
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: c } = l, d = i(class extends r {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
|
|
13
13
|
}
|
|
@@ -15,8 +15,8 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
|
|
|
15
15
|
this.orientation = e;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
const e =
|
|
19
|
-
return n("div", { key: "
|
|
18
|
+
const e = c({ orientation: this.orientation });
|
|
19
|
+
return n("div", { key: "ae0a1015050988035f78aa266c0415172f5f01fe", class: e }, n("slot", { key: "1022fa0d2ad3c67a68bb6e73c6768f9876180cba" }));
|
|
20
20
|
}
|
|
21
21
|
static get watchers() {
|
|
22
22
|
return { orientation: [{ handleOrientationChange: 0 }] };
|
|
@@ -27,11 +27,11 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
|
|
|
27
27
|
}, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
|
|
28
28
|
function g() {
|
|
29
29
|
typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
|
|
30
|
-
e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e),
|
|
30
|
+
e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), d));
|
|
31
31
|
}));
|
|
32
32
|
}
|
|
33
33
|
g();
|
|
34
34
|
export {
|
|
35
35
|
g as o,
|
|
36
|
-
|
|
36
|
+
d as r
|
|
37
37
|
};
|
|
@@ -3,7 +3,7 @@ import { c as p } from "./p-CTri3IsV-B1u0rrXF.js";
|
|
|
3
3
|
import { o as y } from "./p-CPgZgSBN-DsTNcUR7.js";
|
|
4
4
|
const E = m(class extends h {
|
|
5
5
|
constructor(e) {
|
|
6
|
-
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.constrainPlacements = ["bottom", "top"], this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
|
|
6
|
+
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.constrainPlacements = ["bottom", "top"], this.matchReferenceWidth = !0, this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
|
|
7
7
|
t.stopPropagation();
|
|
8
8
|
const l = this.floatingElementManager.isVisible();
|
|
9
9
|
this.floatingElementManager.toggle(), !l && this.floatingElementManager.isVisible() ? this.onFlyoutPanelShow() : l && !this.floatingElementManager.isVisible() && this.onFlyoutPanelHide();
|
|
@@ -14,7 +14,7 @@ const E = m(class extends h {
|
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
16
|
componentDidLoad() {
|
|
17
|
-
this.floatingElementManager = new p(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: y.FLYOUT_PANEL, constrainPlacements: this?.constrainPlacements ?? ["bottom", "top"], constrainToViewportHeight: !0, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
|
|
17
|
+
this.floatingElementManager = new p(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: y.FLYOUT_PANEL, constrainPlacements: this?.constrainPlacements ?? ["bottom", "top"], constrainToViewportHeight: !0, matchReferenceWidth: this?.matchReferenceWidth ?? !0, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
|
|
18
18
|
}
|
|
19
19
|
setupEventListeners() {
|
|
20
20
|
const e = this.floatingElementManager.getAnchorElement();
|
|
@@ -31,14 +31,14 @@ const E = m(class extends h {
|
|
|
31
31
|
updateFocusableElements() {
|
|
32
32
|
const e = this._el.shadowRoot?.querySelector("#flyout-panel");
|
|
33
33
|
if (!e) return;
|
|
34
|
-
const t = [], l =
|
|
34
|
+
const t = [], l = d(e);
|
|
35
35
|
t.push(...l);
|
|
36
36
|
const n = this._el.shadowRoot?.querySelector("slot:not([name])");
|
|
37
37
|
n && n.assignedElements({ flatten: !0 }).forEach(((a) => {
|
|
38
|
-
const
|
|
39
|
-
t.push(...
|
|
40
|
-
})), this.focusableElements = t.sort(((a,
|
|
41
|
-
const
|
|
38
|
+
const i = d(a);
|
|
39
|
+
t.push(...i);
|
|
40
|
+
})), this.focusableElements = t.sort(((a, i) => {
|
|
41
|
+
const o = a.compareDocumentPosition(i), u = !!(o & Node.DOCUMENT_POSITION_FOLLOWING), g = !!(o & Node.DOCUMENT_POSITION_PRECEDING);
|
|
42
42
|
return u ? -1 : g ? 1 : 0;
|
|
43
43
|
}));
|
|
44
44
|
}
|
|
@@ -47,8 +47,8 @@ const E = m(class extends h {
|
|
|
47
47
|
const t = this.focusableElements[0], l = this.focusableElements[this.focusableElements.length - 1];
|
|
48
48
|
let n = document.activeElement;
|
|
49
49
|
if (n === this._el) {
|
|
50
|
-
const
|
|
51
|
-
|
|
50
|
+
const i = this._el.shadowRoot?.activeElement;
|
|
51
|
+
i !== null && (n = i);
|
|
52
52
|
}
|
|
53
53
|
const a = this.focusableElements.indexOf(n) !== -1;
|
|
54
54
|
e.shiftKey ? n !== t && a || (e.preventDefault(), l && l.focus()) : n !== l && a || (e.preventDefault(), t && t.focus());
|
|
@@ -66,14 +66,26 @@ const E = m(class extends h {
|
|
|
66
66
|
const e = this.floatingElementManager?.getAnchorElement();
|
|
67
67
|
e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
|
|
68
68
|
}
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
flyoutPanelVisible() {
|
|
70
|
+
return !!this.floatingElementManager.isVisible();
|
|
71
71
|
}
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
openPanel(e) {
|
|
73
|
+
this.floatingElementManager.isVisible() || this.handleToggleEvent(e);
|
|
74
|
+
}
|
|
75
|
+
closePanel(e) {
|
|
76
|
+
this.floatingElementManager.isVisible() && this.handleToggleEvent(e);
|
|
77
|
+
}
|
|
78
|
+
async isFlyoutPanelVisible() {
|
|
79
|
+
return this.flyoutPanelVisible();
|
|
80
|
+
}
|
|
81
|
+
async openFlyoutPanel(e) {
|
|
82
|
+
this.openPanel(e);
|
|
83
|
+
}
|
|
84
|
+
async closeFlyoutPanel(e) {
|
|
85
|
+
this.closePanel(e);
|
|
74
86
|
}
|
|
75
87
|
render() {
|
|
76
|
-
return s(f, { key: "
|
|
88
|
+
return s(f, { key: "4f711c96e1936b3c8d3df3104ff9e68a808fa408" }, s("slot", { key: "5dc834a55ca7751741965b3e68eb9a8747c00120", name: "anchor" }), s("div", { key: "91b24cf0544a267569762ff9a3d7b8c83faa9d20", id: "flyout-panel", part: "flyout-panel", role: "dialog", "aria-modal": "true", tabindex: "-1" }, s("div", { key: "4d4d5b25c4a191f862ad226d7c1c7d8c7c21d006" }, s("slot", { key: "5fcf60039e76fa3b2c4fca9b2769f24ff8878102" }))));
|
|
77
89
|
}
|
|
78
90
|
disconnectedCallback() {
|
|
79
91
|
this.cleanupEventListeners(), this.floatingElementManager?.destroy();
|
|
@@ -87,7 +99,7 @@ const E = m(class extends h {
|
|
|
87
99
|
static get style() {
|
|
88
100
|
return "gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;background-color:var(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}";
|
|
89
101
|
}
|
|
90
|
-
}, [257, "gids-flyout-panel", { htmlFor: [513, "for"], placement: [513], constrainPlacements: [16], openFlyoutPanel: [64], closeFlyoutPanel: [64] }, void 0, { placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]),
|
|
102
|
+
}, [257, "gids-flyout-panel", { htmlFor: [513, "for"], placement: [513], constrainPlacements: [16], matchReferenceWidth: [516, "match-reference-width"], isFlyoutPanelVisible: [64], openFlyoutPanel: [64], closeFlyoutPanel: [64] }, void 0, { placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), c = (e) => {
|
|
91
103
|
if (!(e instanceof h) || e.tabIndex === -1 || e.hasAttribute("disabled")) return !1;
|
|
92
104
|
const t = getComputedStyle(e);
|
|
93
105
|
if (t.display === "none" || t.visibility === "hidden" || e.hidden) return !1;
|
|
@@ -99,9 +111,9 @@ const E = m(class extends h {
|
|
|
99
111
|
} catch {
|
|
100
112
|
return !1;
|
|
101
113
|
}
|
|
102
|
-
},
|
|
103
|
-
const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) =>
|
|
104
|
-
|
|
114
|
+
}, d = (e) => {
|
|
115
|
+
const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => c(a) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = [];
|
|
116
|
+
c(e) && l.push(e);
|
|
105
117
|
let n = t.nextNode();
|
|
106
118
|
for (; n !== null; ) l.push(n), n = t.nextNode();
|
|
107
119
|
return l;
|
|
@@ -113,6 +125,6 @@ function b() {
|
|
|
113
125
|
}
|
|
114
126
|
b();
|
|
115
127
|
export {
|
|
116
|
-
b as
|
|
128
|
+
b as c,
|
|
117
129
|
E as l
|
|
118
130
|
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { q as o, L as u, u as p, D as n, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { i as D, t as b } from "./p-BBlUduEr-CWdvgBS6.js";
|
|
3
|
+
import { i as f } from "./p-B3AB3GQ0-DdgNC9FJ.js";
|
|
4
|
+
import { u as C } from "./p-Bbw1WCO7-CJU0y0iF.js";
|
|
5
|
+
import { c as P } from "./p-CS2U2Mro-6wGJ-t9P.js";
|
|
6
|
+
import { r as I } from "./p-_OVEnTXa-q7qjnzI3.js";
|
|
7
|
+
import { c, d as m, j as k } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
|
|
8
|
+
import { c as v } from "./clsx-OuTLNxxd.js";
|
|
9
|
+
const w = (e) => v("gids-day-dropdown-picker", e), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
10
|
+
__proto__: null,
|
|
11
|
+
getGidsDayDropdownPickerClassNames: w
|
|
12
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsDayDropdownPickerClassNames: O } = S, x = u(class extends p {
|
|
13
|
+
constructor(e) {
|
|
14
|
+
super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.startDay = Number(c), this.endDay = Number(m), this.hasLeadingIcon = !1, this.daysMenuData = [], this.selectedDayObj = void 0, this.handleDaySelectionChange = ({ event: t, sectionIndex: s, itemIndex: r }) => {
|
|
15
|
+
const a = t?.detail, i = { originalEvent: t, id: a.id, dayInNumber: a?.title ? Number(a.title) : void 0, sectionIndex: s, itemIndex: r, selected: !0 };
|
|
16
|
+
this.selectedDayObj = i, this.onDayChange && this.onDayChange(i);
|
|
17
|
+
}, this.feedDaysDataState = () => {
|
|
18
|
+
const t = this?.startDay ?? c, s = this?.endDay ?? m;
|
|
19
|
+
this.daysMenuData = k({ startDay: String(t), endDay: String(s) });
|
|
20
|
+
}, this.isDaySelected = (t) => t?.id === this?.selectedDayObj?.id, this.syncDayDropdownPickerValue = () => this?.selectedDayObj?.dayInNumber ? String(this.selectedDayObj.dayInNumber) : this?.value;
|
|
21
|
+
}
|
|
22
|
+
handleInteractivityChange(e) {
|
|
23
|
+
this.disabled = e, this.readOnly = e;
|
|
24
|
+
}
|
|
25
|
+
menuPlacementChanged(e) {
|
|
26
|
+
this.menuPlacement = e;
|
|
27
|
+
}
|
|
28
|
+
menuConstrainPlacementsChanged(e) {
|
|
29
|
+
this.menuConstrainPlacements = e;
|
|
30
|
+
}
|
|
31
|
+
startDayChanged(e) {
|
|
32
|
+
this.startDay = e, this.feedDaysDataState();
|
|
33
|
+
}
|
|
34
|
+
endDayChanged(e) {
|
|
35
|
+
this.endDay = e, this.feedDaysDataState();
|
|
36
|
+
}
|
|
37
|
+
connectedCallback() {
|
|
38
|
+
}
|
|
39
|
+
componentWillLoad() {
|
|
40
|
+
this.checkSlots(), this.feedDaysDataState();
|
|
41
|
+
}
|
|
42
|
+
componentWillUpdate() {
|
|
43
|
+
this.checkSlots();
|
|
44
|
+
}
|
|
45
|
+
checkSlots() {
|
|
46
|
+
this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
|
|
47
|
+
}
|
|
48
|
+
render() {
|
|
49
|
+
const e = O(), t = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "day-input", s = { id: t, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncDayDropdownPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: t } }, r = this?.daysMenuData ?? [];
|
|
50
|
+
return n(g, { key: "bc2828d2c27fa8208f21634a348e5a362a3967eb", class: e }, n("gids-dropdown", { key: "ea6b4f2d827013b3039f2a88b5b29f7dfec6ea95", ...s, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && n("slot", { key: "ea111771b2eee432a62faf2e67920a8aad892eaf", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), n(D, { key: "993c4b5d5f8daee77c636d6af4d45d3b8a83d047", type: this.loading ? "loading" : "default" }, r.map(((a, i) => {
|
|
51
|
+
const h = a?.menuItems ?? [];
|
|
52
|
+
return n(b, { key: `${a.sectionId}_${i}`, sectionLabel: a?.sectionLabel }, h.map(((d, l) => n(f, { id: d.id, title: d?.title, value: d?.value, index: l, disabled: d?.disabled, selected: this.isDaySelected(d), onPressDropdownItem: (y) => this.handleDaySelectionChange({ event: y, sectionIndex: i, itemIndex: l }) }))));
|
|
53
|
+
})))));
|
|
54
|
+
}
|
|
55
|
+
get hostElement() {
|
|
56
|
+
return this;
|
|
57
|
+
}
|
|
58
|
+
static get watchers() {
|
|
59
|
+
return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startDay: [{ startDayChanged: 0 }], endDay: [{ endDayChanged: 0 }] };
|
|
60
|
+
}
|
|
61
|
+
static get style() {
|
|
62
|
+
return ".gids-day-dropdown-picker{position:relative;display:flex;flex-direction:column}";
|
|
63
|
+
}
|
|
64
|
+
}, [260, "gids-day-dropdown-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onDayChange: [16], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startDay: [2, "start-day"], endDay: [2, "end-day"], hasLeadingIcon: [32], daysMenuData: [32], selectedDayObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startDay: [{ startDayChanged: 0 }], endDay: [{ endDayChanged: 0 }] }]);
|
|
65
|
+
function E() {
|
|
66
|
+
typeof customElements < "u" && ["gids-day-dropdown-picker", "gids-dropdown", "gids-flyout-panel", "gids-input"].forEach(((e) => {
|
|
67
|
+
switch (e) {
|
|
68
|
+
case "gids-day-dropdown-picker":
|
|
69
|
+
customElements.get(o(e)) || customElements.define(o(e), x);
|
|
70
|
+
break;
|
|
71
|
+
case "gids-dropdown":
|
|
72
|
+
customElements.get(o(e)) || C();
|
|
73
|
+
break;
|
|
74
|
+
case "gids-flyout-panel":
|
|
75
|
+
customElements.get(o(e)) || P();
|
|
76
|
+
break;
|
|
77
|
+
case "gids-input":
|
|
78
|
+
customElements.get(o(e)) || I();
|
|
79
|
+
}
|
|
80
|
+
}));
|
|
81
|
+
}
|
|
82
|
+
E();
|
|
83
|
+
export {
|
|
84
|
+
E as f,
|
|
85
|
+
x as y
|
|
86
|
+
};
|
|
@@ -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 { o as u } from "./p-
|
|
4
|
-
import { l as v } from "./p-
|
|
3
|
+
import { o as u } from "./p-CL9pZVrx-BYVOaGDA.js";
|
|
4
|
+
import { l as v } from "./p-CytAVtIP-IZSm6SZx.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"
|
|
@@ -29,7 +29,7 @@ const d = ({ seriesType: e, orientation: i }, r) => l("gids-chart-legend-item",
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
const e = this.seriesColor, i = e && e !== "", r = c({ seriesType: i ? "none" : this.seriesType, orientation: this.orientation });
|
|
32
|
-
return t("div", { key: "
|
|
32
|
+
return t("div", { key: "55b9ccf3e1256ef3bda1d5561b885c8d3623afad", class: r }, t("div", { key: "0e71efab50ba42a16497c40c97c84369cc50c4bb", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(o, { key: "abc605bf8700bac02c8c0cbf310cdece844fb824", name: "new", alt: "new_icon", appearance: "filled", style: i ? { "--gidsIcon-color": e } : {} })), t("span", { key: "fa506ed235dab55a849a41e2ccf91c366a321667", class: "gids-chart-legend-item__label" }, t("slot", { key: "8d2e5c48b44340f5db11310d5e2ff25045ba5f2b" })));
|
|
33
33
|
}
|
|
34
34
|
static get watchers() {
|
|
35
35
|
return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }], seriesColor: [{ handleSeriesColorChange: 0 }] };
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { q as n, L as o, u as c, D as s, P as h } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { N as m } from "./p-CCX8DA2Z-D0OkaCKx.js";
|
|
3
|
+
import { u as g } from "./p-3H10HA8U-DWG31yfh.js";
|
|
4
|
+
import { l as u } from "./p-cXOH6OAQ-BRmZ0lXm.js";
|
|
5
|
+
import { m as p } from "./p-CJ1tQlEt-B8GYL1we.js";
|
|
6
|
+
import { g as C } from "./p-B2CvDGSE-B-50q6JD.js";
|
|
7
|
+
import { u as P } from "./p-Bbw1WCO7-CJU0y0iF.js";
|
|
8
|
+
import { h as b } from "./p-BGBsQSqM-DtooH-AA.js";
|
|
9
|
+
import { c as f } from "./p-CS2U2Mro-6wGJ-t9P.js";
|
|
10
|
+
import { n as k } from "./p-DB0ZJi5J-BEYBVVuq.js";
|
|
11
|
+
import { r as y } from "./p-_OVEnTXa-q7qjnzI3.js";
|
|
12
|
+
import { f as v, b as Y } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
|
|
13
|
+
import { c as D } from "./clsx-OuTLNxxd.js";
|
|
14
|
+
const E = (e) => D("gids-calendar-picker", e), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
15
|
+
__proto__: null,
|
|
16
|
+
getGidsCalendarPickerClassNames: E
|
|
17
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarPickerClassNames: O } = S, x = o(class extends c {
|
|
18
|
+
constructor(e) {
|
|
19
|
+
super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.panelActionsAppearance = "default", this.hasLeadingIcon = !1, this.selectedCalendarPickerObj = void 0, this.handleCalendarDateSelectionChange = (a) => {
|
|
20
|
+
if (this.selectedCalendarPickerObj = a, this.onSelectionCalendarCell) {
|
|
21
|
+
this.onSelectionCalendarCell(a);
|
|
22
|
+
const t = new CustomEvent("gidsCalendarPickerChange", { bubbles: !0, composed: !0, detail: a });
|
|
23
|
+
this.hostElement.dispatchEvent(t), this.disabled || this.readOnly || this.flyoutPanelElement?.isFlyoutPanelVisible().then(((i) => {
|
|
24
|
+
i ? this.flyoutPanelElement?.closeFlyoutPanel(t) : this.flyoutPanelElement?.openFlyoutPanel(t);
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
}, this.handleCalendarNextChange = (a) => {
|
|
28
|
+
this.onNextChange && this.onNextChange(a);
|
|
29
|
+
}, this.handleCalendarPanelMonthChange = (a) => {
|
|
30
|
+
this.onPanelMonthChange && this.onPanelMonthChange(a);
|
|
31
|
+
}, this.handleCalendarPanelYearChange = (a) => {
|
|
32
|
+
this.onPanelYearChange && this.onPanelYearChange(a);
|
|
33
|
+
}, this.handleCalendarPreviousChange = (a) => {
|
|
34
|
+
this.onPreviousChange && this.onPreviousChange(a);
|
|
35
|
+
}, this.syncCalendarPickerValue = () => this?.selectedCalendarPickerObj?.date ? this.selectedCalendarPickerObj.date : this?.value, this.getSelectedDate = () => this?.selectedCalendarPickerObj?.date, this.getActiveMonthNumber = () => this?.selectedCalendarPickerObj?.currentActivePanelState?.monthNumber, this.getActiveYear = () => this?.selectedCalendarPickerObj?.currentActivePanelState?.year;
|
|
36
|
+
}
|
|
37
|
+
handleInteractivityChange(e) {
|
|
38
|
+
this.disabled = e, this.readOnly = e;
|
|
39
|
+
}
|
|
40
|
+
menuPlacementChanged(e) {
|
|
41
|
+
this.menuPlacement = e;
|
|
42
|
+
}
|
|
43
|
+
menuConstrainPlacementsChanged(e) {
|
|
44
|
+
this.menuConstrainPlacements = e;
|
|
45
|
+
}
|
|
46
|
+
startYearChanged(e) {
|
|
47
|
+
this.startYear = e;
|
|
48
|
+
}
|
|
49
|
+
endYearChanged(e) {
|
|
50
|
+
this.endYear = e;
|
|
51
|
+
}
|
|
52
|
+
connectedCallback() {
|
|
53
|
+
}
|
|
54
|
+
componentWillLoad() {
|
|
55
|
+
this.checkSlots();
|
|
56
|
+
}
|
|
57
|
+
componentWillUpdate() {
|
|
58
|
+
this.checkSlots();
|
|
59
|
+
}
|
|
60
|
+
componentDidRender() {
|
|
61
|
+
this.flyoutPanelElement = this.hostElement.querySelector("gids-flyout-panel") ?? void 0;
|
|
62
|
+
}
|
|
63
|
+
checkSlots() {
|
|
64
|
+
this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
|
|
65
|
+
}
|
|
66
|
+
render() {
|
|
67
|
+
const e = O(), a = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "calendar-picker-input", t = { id: a, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncCalendarPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: a } }, i = this?.startYear ?? v, r = this?.endYear ?? Y, l = Number(i), d = Number(r);
|
|
68
|
+
return s(h, { key: "e6d401da7242a3244d549c8c75816cdff0903416", class: e }, s("gids-dropdown", { key: "dcbab5412c161277ade41d085efe2b09675a9d7c", ...t, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && s("slot", { key: "a4bbecc7519484113afe2f2c5cf031e82fb9167d", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), s("gids-calendar", { key: "ef8c4d83725ce1434381a2b9dae7bf19036fcb56", onSelectionCalendarCell: this.handleCalendarDateSelectionChange, startYear: l, endYear: d, panelActionsAppearance: this?.panelActionsAppearance ?? "default", monthPickerDisabled: this.monthPickerDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, previousDisabled: this.previousDisabled, yearPickerDisabled: this.yearPickerDisabled, onNextChange: this.handleCalendarNextChange, onPanelMonthChange: this.handleCalendarPanelMonthChange, onPanelYearChange: this.handleCalendarPanelYearChange, onPreviousChange: this.handleCalendarPreviousChange, selectedDate: this.getSelectedDate(), activeMonthNumber: this.getActiveMonthNumber(), activeYear: this.getActiveYear() })));
|
|
69
|
+
}
|
|
70
|
+
get hostElement() {
|
|
71
|
+
return this;
|
|
72
|
+
}
|
|
73
|
+
static get watchers() {
|
|
74
|
+
return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startYear: [{ startYearChanged: 0 }], endYear: [{ endYearChanged: 0 }] };
|
|
75
|
+
}
|
|
76
|
+
static get style() {
|
|
77
|
+
return ".gids-calendar-picker{position:relative;display:flex;flex-direction:column}";
|
|
78
|
+
}
|
|
79
|
+
}, [260, "gids-calendar-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startYear: [2, "start-year"], endYear: [2, "end-year"], monthPickerDisabled: [4, "month-picker-disabled"], nextDisabled: [4, "next-disabled"], panelDisabled: [4, "panel-disabled"], previousDisabled: [4, "previous-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], panelActionsAppearance: [1, "panel-actions-appearance"], onNextChange: [16], onPreviousChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], onSelectionCalendarCell: [16], hasLeadingIcon: [32], selectedCalendarPickerObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startYear: [{ startYearChanged: 0 }], endYear: [{ endYearChanged: 0 }] }]);
|
|
80
|
+
function N() {
|
|
81
|
+
typeof customElements < "u" && ["gids-calendar-picker", "gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dot", "gids-dropdown", "gids-dropdown-picker", "gids-flyout-panel", "gids-icon", "gids-input"].forEach(((e) => {
|
|
82
|
+
switch (e) {
|
|
83
|
+
case "gids-calendar-picker":
|
|
84
|
+
customElements.get(n(e)) || customElements.define(n(e), x);
|
|
85
|
+
break;
|
|
86
|
+
case "gids-calendar":
|
|
87
|
+
customElements.get(n(e)) || m();
|
|
88
|
+
break;
|
|
89
|
+
case "gids-calendar-header-panel":
|
|
90
|
+
customElements.get(n(e)) || g();
|
|
91
|
+
break;
|
|
92
|
+
case "gids-calendar-month-list":
|
|
93
|
+
customElements.get(n(e)) || u();
|
|
94
|
+
break;
|
|
95
|
+
case "gids-calendar-year-list":
|
|
96
|
+
customElements.get(n(e)) || p();
|
|
97
|
+
break;
|
|
98
|
+
case "gids-dot":
|
|
99
|
+
customElements.get(n(e)) || C();
|
|
100
|
+
break;
|
|
101
|
+
case "gids-dropdown":
|
|
102
|
+
customElements.get(n(e)) || P();
|
|
103
|
+
break;
|
|
104
|
+
case "gids-dropdown-picker":
|
|
105
|
+
customElements.get(n(e)) || b();
|
|
106
|
+
break;
|
|
107
|
+
case "gids-flyout-panel":
|
|
108
|
+
customElements.get(n(e)) || f();
|
|
109
|
+
break;
|
|
110
|
+
case "gids-icon":
|
|
111
|
+
customElements.get(n(e)) || k();
|
|
112
|
+
break;
|
|
113
|
+
case "gids-input":
|
|
114
|
+
customElements.get(n(e)) || y();
|
|
115
|
+
}
|
|
116
|
+
}));
|
|
117
|
+
}
|
|
118
|
+
N();
|
|
119
|
+
export {
|
|
120
|
+
N as P,
|
|
121
|
+
x as k
|
|
122
|
+
};
|