@ganpatiinfo/gids-core-web 22.0.0 → 23.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 +83 -34
- 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-62akP0Ad.js +1 -0
- package/dist/{p-B_FEFM5I.js → p-B18yNcA0.js} +1 -1
- package/dist/p-B2YjHZsu.js +1 -0
- package/dist/{p-DLRj-mUX.js → p-B3AB3GQ0.js} +1 -1
- package/dist/{p-Ds5IzXj3.js → p-B4d07GWP.js} +1 -1
- package/dist/p-BBlUduEr.js +1 -0
- package/dist/{p-BAqWcL0K.js → p-BNW2xgxF.js} +1 -1
- package/dist/p-BcXumkjZ.js +1 -0
- package/dist/{p-DKSnGphd.js → p-C88Z_F_m.js} +1 -1
- package/dist/{p-bfWlRsx_.js → p-CKj2Ru6e.js} +1 -1
- package/dist/{p-B_St7yaX.js → p-COsSHfdc.js} +1 -1
- package/dist/{p-DrxfD2yZ.js → p-CSXuAs_X.js} +1 -1
- package/dist/{p-DzOOjiNH.js → p-CZgH5rZs.js} +1 -1
- package/dist/{p-BIxBMTG9.js → p-CueywyHC.js} +1 -1
- package/dist/p-CxfmNDsm.js +1 -0
- package/dist/{p-CV1-78HB.js → p-D2VR17v2.js} +1 -1
- package/dist/{p-DMxvWIj1.js → p-DKe6orSY.js} +1 -1
- package/dist/{p-D0RJMGGj.js → p-DLX-l0-L.js} +1 -1
- package/dist/p-DOiDD7cS.js +1 -0
- package/dist/{p-B2flLE0s.js → p-DXlBK8TS.js} +1 -1
- package/dist/{p-E13ycS5K.js → p-DYKcsBzA.js} +1 -1
- package/dist/{p--kh67-_Z.js → p-D_mszaeq.js} +1 -1
- package/dist/p-DdJKIFk0.js +1 -0
- package/dist/p-DiX4HaE6.js +1 -0
- package/dist/{p-DQQhGF5N.js → p-DjnREsH0.js} +1 -1
- package/dist/{p-CIjK3iHM.js → p-FSv82P6v.js} +1 -1
- package/dist/p-MaJDBE6u.js +1 -0
- package/dist/p-XVlT5H5q.js +1 -0
- package/dist/p-fE-MdTCH.js +1 -0
- package/dist/{p-mv_7K1EM.js → p-gK9DvcL8.js} +1 -1
- package/dist/{p-_W77iniK.js → p-iEUyQs9t.js} +1 -1
- package/dist/{p-BCbovLBE.js → p-jtpLLxuw.js} +1 -1
- package/dist/p-lvArnlBV.js +1 -0
- package/dist/{p-TfH966_e.js → p-vz4tzbld.js} +1 -1
- package/dist/{p-DnRuhvRw.js → p-x1tVOUSt.js} +1 -1
- 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/GidsMonthDropdownPicker/GidsMonthDropdownPicker.d.ts +40 -0
- package/dist/types/components/webComponents/GidsYearDropdownPicker/GidsYearDropdownPicker.d.ts +40 -0
- package/dist/types/components.d.ts +877 -70
- package/dist-bundled/es/GidsDatePickerSharedUtils-Dh5qFlYA.js +105 -0
- package/dist-bundled/es/gids-action-bar.js +28 -28
- 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 +1 -1
- 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 +1 -1
- package/dist-bundled/es/gids-calendar.js +4 -151
- package/dist-bundled/es/gids-chart-legend-item.js +1 -1
- package/dist-bundled/es/gids-chart-legend.js +4 -4
- package/dist-bundled/es/gids-chart.js +7 -7
- package/dist-bundled/es/gids-chevron-button.js +7 -7
- 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 +28 -18
- package/dist-bundled/es/gids-dropdown-picker.js +2 -2
- package/dist-bundled/es/gids-dropdown.js +4 -4
- package/dist-bundled/es/gids-expansion-body-list-item.js +1 -1
- package/dist-bundled/es/gids-expansion-body-list.js +2 -2
- package/dist-bundled/es/gids-expansion-group.js +5 -5
- 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 +3 -3
- 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 +2 -2
- 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 +3 -3
- package/dist-bundled/es/gids-md-table.js +1 -1
- package/dist-bundled/es/gids-month-dropdown-picker.js +6 -0
- package/dist-bundled/es/gids-overflow-container.js +9 -9
- package/dist-bundled/es/gids-overlay-provider.js +2 -2
- package/dist-bundled/es/gids-password-field.js +20 -20
- 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 +4 -4
- package/dist-bundled/es/gids-profile.js +10 -10
- package/dist-bundled/es/gids-scrim.js +3 -3
- 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 +12 -12
- package/dist-bundled/es/gids-skeleton.js +8 -8
- package/dist-bundled/es/gids-tab-item.js +6 -6
- package/dist-bundled/es/gids-tab.js +7 -7
- package/dist-bundled/es/gids-text-field.js +10 -10
- 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-62akP0Ad-D4pJ0a_I.js +86 -0
- package/dist-bundled/es/{p-B_FEFM5I-JoBieRfG.js → p-B18yNcA0-BaaXQYM_.js} +2 -2
- package/dist-bundled/es/{p-kWyyLyT3-VhX9LNzT.js → p-B2YjHZsu-DxdrSYcE.js} +28 -28
- package/dist-bundled/es/{p-DLRj-mUX-BapdQYpI.js → p-B3AB3GQ0-DdgNC9FJ.js} +5 -5
- package/dist-bundled/es/{p-Ds5IzXj3-B2o0ML2C.js → p-B4d07GWP-DLyo7HQ9.js} +3 -3
- package/dist-bundled/es/{p-CAjDiWIc-C9dOa7FT.js → p-BBlUduEr-CWdvgBS6.js} +7 -7
- package/dist-bundled/es/{p-BAqWcL0K-DNkV1R_C.js → p-BNW2xgxF-DWKLliyn.js} +5 -5
- package/dist-bundled/es/p-BcXumkjZ-zNpzLmjI.js +240 -0
- package/dist-bundled/es/{p-DKSnGphd-CZSPfB-N.js → p-C88Z_F_m-wMA27lx_.js} +3 -3
- package/dist-bundled/es/{p-bfWlRsx_-CNZjBYOE.js → p-CKj2Ru6e-B-Nk5B_P.js} +3 -3
- package/dist-bundled/es/{p-B_St7yaX-Da4DWjGh.js → p-COsSHfdc-DfDYoLSS.js} +3 -3
- package/dist-bundled/es/{p-DrxfD2yZ-Cetyr3S9.js → p-CSXuAs_X-Hw6bT-8r.js} +11 -11
- package/dist-bundled/es/{p-DzOOjiNH-CqI4E-mj.js → p-CZgH5rZs-Clk0qfHN.js} +3 -3
- package/dist-bundled/es/{p-BIxBMTG9-Ctr342ff.js → p-CueywyHC-CsEetdha.js} +3 -3
- package/dist-bundled/es/{p-DpvdbdZ--C7QlXxK2.js → p-CxfmNDsm-JHseL2it.js} +30 -18
- package/dist-bundled/es/{p-DMxvWIj1-BxbvrlFL.js → p-DKe6orSY-D1kYOeuX.js} +6 -6
- package/dist-bundled/es/{p-D0RJMGGj-BflZ9l8y.js → p-DLX-l0-L-gumz4bOG.js} +1 -1
- package/dist-bundled/es/{p-BQT5yy5L-C1C_zTi-.js → p-DOiDD7cS-j1RR9K9r.js} +8 -4
- package/dist-bundled/es/{p-B2flLE0s-SMg7vg1a.js → p-DXlBK8TS-DazOvEm2.js} +2 -2
- package/dist-bundled/es/{p-E13ycS5K-BBDydae3.js → p-DYKcsBzA-BcupA9sw.js} +6 -6
- package/dist-bundled/es/{p--kh67-_Z-B-vf_gng.js → p-D_mszaeq-ndcXN34-.js} +4 -4
- package/dist-bundled/es/{p-Do_VlNHg-Ck03dQOR.js → p-DdJKIFk0-Co3FvR3K.js} +1 -1
- package/dist-bundled/es/p-DiX4HaE6-C35K492C.js +86 -0
- package/dist-bundled/es/{p-DQQhGF5N-mCqb5VTE.js → p-DjnREsH0-Cm8vBvIX.js} +7 -7
- package/dist-bundled/es/{p-CIjK3iHM-DEW8PRM5.js → p-FSv82P6v-C6jFH7Zo.js} +1 -1
- package/dist-bundled/es/p-MaJDBE6u-DjtEX6-I.js +157 -0
- package/dist-bundled/es/p-XVlT5H5q-CFIMyrM3.js +148 -0
- package/dist-bundled/es/p-fE-MdTCH-CDvG1Xn1.js +122 -0
- package/dist-bundled/es/{p-mv_7K1EM-U3yKC45e.js → p-gK9DvcL8-Chw-ya2Q.js} +1 -1
- package/dist-bundled/es/{p-_W77iniK-ChKfEOp3.js → p-iEUyQs9t-BUXXVuwz.js} +2 -2
- package/dist-bundled/es/{p-BCbovLBE-CDxKiOtS.js → p-jtpLLxuw-BlEPhjmU.js} +1 -1
- package/dist-bundled/es/p-lvArnlBV-BxkIAxHG.js +86 -0
- package/dist-bundled/es/{p-TfH966_e-BzZRV8Rj.js → p-vz4tzbld-BYJRjHJw.js} +5 -5
- package/dist-bundled/es/{p-DnRuhvRw-Beh0bANh.js → p-x1tVOUSt-CdB8Szfe.js} +6 -6
- package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
- 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 +1 -1
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +1 -1
- package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
- package/dist-bundled/umd/gids-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 +1 -1
- package/dist-bundled/umd/gids-icon.umd.js +1 -1
- package/dist-bundled/umd/gids-input.umd.js +1 -1
- package/dist-bundled/umd/gids-line-chart.umd.js +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 +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 +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 +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 +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 +4 -4
- package/package.json +55 -7
- package/dist/p-BQT5yy5L.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-tEbUT3n3-Byef6fQN.js +0 -244
- /package/dist-bundled/es/{p-CV1-78HB-C0k_l_CT.js → p-D2VR17v2-C0k_l_CT.js} +0 -0
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { L as m, u as p, D as l, q as t } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
+
import { s as g } from "./p-BkxmRN-4-DSiXCW8b.js";
|
|
3
|
+
import { D as C } from "./p-MaJDBE6u-DjtEX6-I.js";
|
|
4
|
+
import { u as y } from "./p-vz4tzbld-BYJRjHJw.js";
|
|
5
|
+
import { c as P } from "./p-CSXuAs_X-Hw6bT-8r.js";
|
|
6
|
+
import { P as k } from "./p-fE-MdTCH-CDvG1Xn1.js";
|
|
7
|
+
import { m as D } from "./p-B4d07GWP-DLyo7HQ9.js";
|
|
8
|
+
import { w as V } from "./p-XVlT5H5q-CFIMyrM3.js";
|
|
9
|
+
import { f as b } from "./p-lvArnlBV-BxkIAxHG.js";
|
|
10
|
+
import { g as f } from "./p-B18yNcA0-BaaXQYM_.js";
|
|
11
|
+
import { m as v } from "./p-BcXumkjZ-zNpzLmjI.js";
|
|
12
|
+
import { a as E } from "./p-DOiDD7cS-j1RR9K9r.js";
|
|
13
|
+
import { h as I } from "./p-gK9DvcL8-Chw-ya2Q.js";
|
|
14
|
+
import { h as x } from "./p-CxfmNDsm-JHseL2it.js";
|
|
15
|
+
import { a as w } from "./p-DKe6orSY-D1kYOeuX.js";
|
|
16
|
+
import { r as F } from "./p-CZgH5rZs-Clk0qfHN.js";
|
|
17
|
+
import { f as A } from "./p-62akP0Ad-D4pJ0a_I.js";
|
|
18
|
+
import { f as $ } from "./p-DiX4HaE6-C35K492C.js";
|
|
19
|
+
import { g as i } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
20
|
+
const d = m(class extends p {
|
|
21
|
+
constructor(e) {
|
|
22
|
+
super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.marginDays = 0, this.type = "menu", this.panelActionsAppearance = "default", this.#e = i(), this.#a = i(), this.#t = i(), this.#n = i(), this.handleDateChange = (a) => {
|
|
23
|
+
const n = a?.year ? a.year + "" : void 0, s = a?.year ? (a.year + "").padStart(2, "0") : void 0, r = a?.year ? (a.year + "").padStart(2, "0") : void 0;
|
|
24
|
+
this.yearValue = n, this.monthValue = s, this.dateValue = r, this.syncFormValue(), this.onDateChange?.(a);
|
|
25
|
+
}, this.handleCalendarDateChange = (a) => {
|
|
26
|
+
this.calendarPickerValue = a?.fullDate, this.syncFormValue(), this.onCalendarDateChange && this.onCalendarDateChange(a);
|
|
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.handleDatePickerFocusAndBlur = (a) => {
|
|
36
|
+
this.hostElement.dispatchEvent(new FocusEvent(a.type, { relatedTarget: a.relatedTarget }));
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
#e;
|
|
40
|
+
#a;
|
|
41
|
+
#t;
|
|
42
|
+
#n;
|
|
43
|
+
handleInteractivityChange(e) {
|
|
44
|
+
this.disabled = e, this.readOnly = e;
|
|
45
|
+
}
|
|
46
|
+
menuPlacementChanged(e) {
|
|
47
|
+
this.menuPlacement = e;
|
|
48
|
+
}
|
|
49
|
+
menuConstrainPlacementsChanged(e) {
|
|
50
|
+
this.menuConstrainPlacements = e;
|
|
51
|
+
}
|
|
52
|
+
typeChanged(e) {
|
|
53
|
+
this.type = e;
|
|
54
|
+
}
|
|
55
|
+
startDateChanged(e) {
|
|
56
|
+
this.startDate = e;
|
|
57
|
+
}
|
|
58
|
+
endDateChanged(e) {
|
|
59
|
+
this.endDate = e;
|
|
60
|
+
}
|
|
61
|
+
marginDaysChanged(e) {
|
|
62
|
+
this.marginDays = e;
|
|
63
|
+
}
|
|
64
|
+
handleValueChange() {
|
|
65
|
+
this.syncFormValue();
|
|
66
|
+
}
|
|
67
|
+
connectedCallback() {
|
|
68
|
+
}
|
|
69
|
+
componentWillLoad() {
|
|
70
|
+
this.syncFormValue();
|
|
71
|
+
}
|
|
72
|
+
syncFormValue() {
|
|
73
|
+
if (this.type === "menu") {
|
|
74
|
+
const e = this.yearValue, a = this.monthValue, n = this.dateValue ?? this.calendarPickerValue;
|
|
75
|
+
if (e == null || a == null || n == null) return void this.internals.setFormValue(null);
|
|
76
|
+
this.internals.setFormValue([e, (a + "").padStart(2, "0"), (n + "").padStart(2, "0")].join("-"));
|
|
77
|
+
} else this.internals.setFormValue(this?.calendarPickerValue ?? "");
|
|
78
|
+
}
|
|
79
|
+
getDatePickerControl() {
|
|
80
|
+
return this.hostElement.querySelector("gids-date-picker");
|
|
81
|
+
}
|
|
82
|
+
get form() {
|
|
83
|
+
return this.getDatePickerControl()?.form ?? null;
|
|
84
|
+
}
|
|
85
|
+
get validity() {
|
|
86
|
+
return this.getDatePickerControl()?.validity ?? {};
|
|
87
|
+
}
|
|
88
|
+
get validationMessage() {
|
|
89
|
+
return this.getDatePickerControl()?.validationMessage ?? "";
|
|
90
|
+
}
|
|
91
|
+
get willValidate() {
|
|
92
|
+
return this.getDatePickerControl()?.willValidate ?? !1;
|
|
93
|
+
}
|
|
94
|
+
async checkValidity() {
|
|
95
|
+
const e = this.getDatePickerControl();
|
|
96
|
+
return !e?.checkValidity || await e.checkValidity();
|
|
97
|
+
}
|
|
98
|
+
async reportValidity() {
|
|
99
|
+
const e = this.getDatePickerControl();
|
|
100
|
+
return !e?.reportValidity || await e.reportValidity();
|
|
101
|
+
}
|
|
102
|
+
async setCustomValidity(e) {
|
|
103
|
+
const a = this.getDatePickerControl();
|
|
104
|
+
if (a?.setCustomValidity) return await a.setCustomValidity(e);
|
|
105
|
+
}
|
|
106
|
+
render() {
|
|
107
|
+
const e = this.yearInputProps?.id ?? this.#e, a = this.monthInputProps?.id ?? this.#a, n = this.dateInputProps?.id ?? this.#t, s = this.calendarPickerInputProps?.id ?? this.#n, r = { ...this.yearInputProps, id: e, placeholder: this.yearInputProps?.placeholder ?? "Year" }, h = { ...this.monthInputProps, id: a, placeholder: this.monthInputProps?.placeholder ?? "Month" }, c = { ...this.dateInputProps, id: n, placeholder: this.dateInputProps?.placeholder ?? "Day" }, u = { ...this.calendarPickerInputProps, id: s, placeholder: this.calendarPickerInputProps?.placeholder ?? "Select a date" };
|
|
108
|
+
return l("gids-field", { key: "868a82574645bb3d55605f90a2006ea9c89cd0dd", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? l(g, { slot: "label", disabled: this.disabled, htmlFor: this.type === "menu" ? `${e}-${a}-${n}` : "" + s, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, l("gids-date-picker", { key: "a64c6775a4af0866107f92ec1a40e440025bce6f", appearance: this.appearance, yearInputProps: r, monthInputProps: h, dateInputProps: c, calendarPickerInputProps: u, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, yearValue: this.yearValue, monthValue: this.monthValue, dateValue: this.dateValue, calendarPickerValue: this.calendarPickerValue, name: this.name, onDateChange: this.handleDateChange, onCalendarDateChange: this.handleCalendarDateChange, onFocus: this.handleDatePickerFocusAndBlur, onBlur: this.handleDatePickerFocusAndBlur, required: this.required, 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, type: this?.type ?? "menu" }));
|
|
109
|
+
}
|
|
110
|
+
static get formAssociated() {
|
|
111
|
+
return !0;
|
|
112
|
+
}
|
|
113
|
+
get hostElement() {
|
|
114
|
+
return this;
|
|
115
|
+
}
|
|
116
|
+
static get watchers() {
|
|
117
|
+
return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], type: [{ typeChanged: 0 }], startDate: [{ startDateChanged: 0 }], endDate: [{ endDateChanged: 0 }], marginDays: [{ marginDaysChanged: 0 }], yearValue: [{ handleValueChange: 0 }], monthValue: [{ handleValueChange: 0 }], dateValue: [{ handleValueChange: 0 }], calendarPickerValue: [{ handleValueChange: 0 }] };
|
|
118
|
+
}
|
|
119
|
+
}, [64, "gids-date-picker-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], readOnly: [516, "readonly"], disabled: [516], loading: [516], name: [513], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], required: [516], yearInputProps: [16], monthInputProps: [16], dateInputProps: [16], calendarPickerInputProps: [16], yearValue: [1025, "year-value"], monthValue: [1025, "month-value"], dateValue: [1025, "date-value"], calendarPickerValue: [1025, "calendar-picker-value"], startDate: [1, "start-date"], endDate: [1, "end-date"], marginDays: [2, "margin-days"], type: [1], 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], onDateChange: [16], onCalendarDateChange: [16], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], type: [{ typeChanged: 0 }], startDate: [{ startDateChanged: 0 }], endDate: [{ endDateChanged: 0 }], marginDays: [{ marginDaysChanged: 0 }], yearValue: [{ handleValueChange: 0 }], monthValue: [{ handleValueChange: 0 }], dateValue: [{ handleValueChange: 0 }], calendarPickerValue: [{ handleValueChange: 0 }] }]);
|
|
120
|
+
function o() {
|
|
121
|
+
typeof customElements < "u" && ["gids-date-picker-field", "gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-picker", "gids-calendar-year-list", "gids-date-picker", "gids-day-dropdown-picker", "gids-dot", "gids-dropdown", "gids-dropdown-picker", "gids-field", "gids-flyout-panel", "gids-icon", "gids-input", "gids-month-dropdown-picker", "gids-year-dropdown-picker"].forEach(((e) => {
|
|
122
|
+
switch (e) {
|
|
123
|
+
case "gids-date-picker-field":
|
|
124
|
+
customElements.get(t(e)) || customElements.define(t(e), d);
|
|
125
|
+
break;
|
|
126
|
+
case "gids-calendar":
|
|
127
|
+
customElements.get(t(e)) || C();
|
|
128
|
+
break;
|
|
129
|
+
case "gids-calendar-header-panel":
|
|
130
|
+
customElements.get(t(e)) || y();
|
|
131
|
+
break;
|
|
132
|
+
case "gids-calendar-month-list":
|
|
133
|
+
customElements.get(t(e)) || P();
|
|
134
|
+
break;
|
|
135
|
+
case "gids-calendar-picker":
|
|
136
|
+
customElements.get(t(e)) || k();
|
|
137
|
+
break;
|
|
138
|
+
case "gids-calendar-year-list":
|
|
139
|
+
customElements.get(t(e)) || D();
|
|
140
|
+
break;
|
|
141
|
+
case "gids-date-picker":
|
|
142
|
+
customElements.get(t(e)) || V();
|
|
143
|
+
break;
|
|
144
|
+
case "gids-day-dropdown-picker":
|
|
145
|
+
customElements.get(t(e)) || b();
|
|
146
|
+
break;
|
|
147
|
+
case "gids-dot":
|
|
148
|
+
customElements.get(t(e)) || f();
|
|
149
|
+
break;
|
|
150
|
+
case "gids-dropdown":
|
|
151
|
+
customElements.get(t(e)) || v();
|
|
152
|
+
break;
|
|
153
|
+
case "gids-dropdown-picker":
|
|
154
|
+
customElements.get(t(e)) || E();
|
|
155
|
+
break;
|
|
156
|
+
case "gids-field":
|
|
157
|
+
customElements.get(t(e)) || I();
|
|
158
|
+
break;
|
|
159
|
+
case "gids-flyout-panel":
|
|
160
|
+
customElements.get(t(e)) || x();
|
|
161
|
+
break;
|
|
162
|
+
case "gids-icon":
|
|
163
|
+
customElements.get(t(e)) || w();
|
|
164
|
+
break;
|
|
165
|
+
case "gids-input":
|
|
166
|
+
customElements.get(t(e)) || F();
|
|
167
|
+
break;
|
|
168
|
+
case "gids-month-dropdown-picker":
|
|
169
|
+
customElements.get(t(e)) || A();
|
|
170
|
+
break;
|
|
171
|
+
case "gids-year-dropdown-picker":
|
|
172
|
+
customElements.get(t(e)) || $();
|
|
173
|
+
}
|
|
174
|
+
}));
|
|
175
|
+
}
|
|
176
|
+
o();
|
|
177
|
+
const U = d, X = o;
|
|
178
|
+
export {
|
|
179
|
+
U as GidsDatePickerField,
|
|
180
|
+
X as defineCustomElement
|
|
181
|
+
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { L as
|
|
1
|
+
import { L as o, u as l, D as n, q as a } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { s as r } from "./p-BkxmRN-4-DSiXCW8b.js";
|
|
3
|
-
import {
|
|
4
|
-
import { h } from "./p-
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
3
|
+
import { m as d } from "./p-BcXumkjZ-zNpzLmjI.js";
|
|
4
|
+
import { h as u } from "./p-gK9DvcL8-Chw-ya2Q.js";
|
|
5
|
+
import { h } from "./p-CxfmNDsm-JHseL2it.js";
|
|
6
|
+
import { r as c } from "./p-CZgH5rZs-Clk0qfHN.js";
|
|
7
|
+
import { g as m } from "./p-iQRr_fAH-Dvv1n8QD.js";
|
|
8
|
+
const s = o(class extends l {
|
|
8
9
|
constructor(e) {
|
|
9
|
-
super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.#e =
|
|
10
|
+
super(), e !== !1 && this.__registerHost(), this.internals = this.attachInternals(), this.appearance = "default", this.expanded = !1, this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.#e = m(), this.handleSelectionChange = (t) => {
|
|
10
11
|
this.value = t.value, this.syncFormValue(t.value), this.onSelectionChange?.(t);
|
|
11
12
|
}, this.handleDropdownFocusAndBlur = (t) => {
|
|
12
13
|
this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
|
|
@@ -19,6 +20,12 @@ const i = n(class extends d {
|
|
|
19
20
|
handleValueChange(e) {
|
|
20
21
|
this.syncFormValue(e);
|
|
21
22
|
}
|
|
23
|
+
menuPlacementChanged(e) {
|
|
24
|
+
this.menuPlacement = e;
|
|
25
|
+
}
|
|
26
|
+
menuConstrainPlacementsChanged(e) {
|
|
27
|
+
this.menuConstrainPlacements = e;
|
|
28
|
+
}
|
|
22
29
|
syncFormValue(e) {
|
|
23
30
|
this.internals.setFormValue(e ?? "");
|
|
24
31
|
}
|
|
@@ -51,7 +58,7 @@ const i = n(class extends d {
|
|
|
51
58
|
}
|
|
52
59
|
render() {
|
|
53
60
|
const e = this.inputProps?.id ?? this.#e, t = { ...this.inputProps, id: e, placeholder: this.inputProps?.placeholder ?? "Please select an option" };
|
|
54
|
-
return
|
|
61
|
+
return n("gids-field", { key: "f7d4873eeec8389e2c6fd554a60013da4d344af2", disabled: this.disabled, helperText: this.helperText, statusText: this.statusText, status: this.status }, this.label !== void 0 ? n(r, { slot: "label", disabled: this.disabled, htmlFor: e, fieldRequirement: this.required ? "required" : void 0 }, this.label) : null, n("gids-dropdown", { key: "50d59a64fd23ac3b71fabaa84fbd28747b9d98d0", appearance: this.appearance, inputProps: t, disabled: this.disabled, readOnly: this.readOnly, loading: this.loading, value: this.value, name: this.name, onSelectionChange: this.handleSelectionChange, onFocus: this.handleDropdownFocusAndBlur, onBlur: this.handleDropdownFocusAndBlur, required: this.required }, n("slot", { key: "73b0330a170340eb08a1bcf84c7ff05ea92d9a4b", name: "leadingIconDropdown" }), n("slot", { key: "78c00cc003f01461be180ac445822efc245391ae", name: "leadingAccessoryDropdown" }), n("slot", { key: "6f0b42bc3ee7bd7e5176910bae328a258e1de12f" })));
|
|
55
62
|
}
|
|
56
63
|
static get formAssociated() {
|
|
57
64
|
return !0;
|
|
@@ -60,29 +67,32 @@ const i = n(class extends d {
|
|
|
60
67
|
return this;
|
|
61
68
|
}
|
|
62
69
|
static get watchers() {
|
|
63
|
-
return { value: [{ handleValueChange: 0 }] };
|
|
70
|
+
return { value: [{ handleValueChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }] };
|
|
64
71
|
}
|
|
65
|
-
}, [324, "gids-dropdown-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], expanded: [516], readOnly: [516, "readonly"], disabled: [516], loading: [516], inputProps: [16], value: [1025], name: [513], onSelectionChange: [16], required: [516], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { value: [{ handleValueChange: 0 }] }]);
|
|
66
|
-
function
|
|
67
|
-
typeof customElements < "u" && ["gids-dropdown-field", "gids-dropdown", "gids-field", "gids-input"].forEach(((e) => {
|
|
72
|
+
}, [324, "gids-dropdown-field", { label: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], appearance: [513], expanded: [516], readOnly: [516, "readonly"], disabled: [516], loading: [516], inputProps: [16], value: [1025], name: [513], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], onSelectionChange: [16], required: [516], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { value: [{ handleValueChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }] }]);
|
|
73
|
+
function i() {
|
|
74
|
+
typeof customElements < "u" && ["gids-dropdown-field", "gids-dropdown", "gids-field", "gids-flyout-panel", "gids-input"].forEach(((e) => {
|
|
68
75
|
switch (e) {
|
|
69
76
|
case "gids-dropdown-field":
|
|
70
|
-
customElements.get(a(e)) || customElements.define(a(e),
|
|
77
|
+
customElements.get(a(e)) || customElements.define(a(e), s);
|
|
71
78
|
break;
|
|
72
79
|
case "gids-dropdown":
|
|
73
|
-
customElements.get(a(e)) ||
|
|
80
|
+
customElements.get(a(e)) || d();
|
|
74
81
|
break;
|
|
75
82
|
case "gids-field":
|
|
83
|
+
customElements.get(a(e)) || u();
|
|
84
|
+
break;
|
|
85
|
+
case "gids-flyout-panel":
|
|
76
86
|
customElements.get(a(e)) || h();
|
|
77
87
|
break;
|
|
78
88
|
case "gids-input":
|
|
79
|
-
customElements.get(a(e)) ||
|
|
89
|
+
customElements.get(a(e)) || c();
|
|
80
90
|
}
|
|
81
91
|
}));
|
|
82
92
|
}
|
|
83
|
-
|
|
84
|
-
const
|
|
93
|
+
i();
|
|
94
|
+
const P = s, V = i;
|
|
85
95
|
export {
|
|
86
|
-
|
|
96
|
+
P as GidsDropdownField,
|
|
87
97
|
V as defineCustomElement
|
|
88
98
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
1
|
+
import { l as m, m as o } from "./p-BcXumkjZ-zNpzLmjI.js";
|
|
2
|
+
const e = m, t = o;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
e as GidsDropdown,
|
|
5
|
+
t as defineCustomElement
|
|
6
6
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { L as r, u as L, D as d, P as y, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
|
-
import { d as h } from "./p-
|
|
2
|
+
import { d as h } from "./p-FSv82P6v-C6jFH7Zo.js";
|
|
3
3
|
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
5
|
__proto__: null,
|
|
@@ -47,7 +47,7 @@ const u = (e) => m("gids-expansion-body-list", e), E = /* @__PURE__ */ Object.fr
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const e = B();
|
|
50
|
-
return d(y, { key: "
|
|
50
|
+
return d(y, { key: "4b1baa59ce523161a7f36ceefde4766135c54676", class: e }, (this?.expansionBodyListItems ?? []).map(((t, s) => d("gids-expansion-body-list-item", { key: "" + (s + 1), ...t, onSubtitlePress: (i) => this.handleExpansionBodyListSubtitleClick({ detail: i, expansionBodyListItem: t }), onSupportingTextPress: (i) => this.handleExpansionBodyListSupportingTextClick({ detail: i, expansionBodyListItem: t }) }))));
|
|
51
51
|
}
|
|
52
52
|
get hostElement() {
|
|
53
53
|
return this;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { L as r, u as i, D as s, P as a, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
|
|
2
2
|
import { c } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
const
|
|
3
|
+
const p = (e) => c("gids-expansion-group", e), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
|
-
getGidsExpansionGroupClassNames:
|
|
6
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames:
|
|
5
|
+
getGidsExpansionGroupClassNames: p
|
|
6
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: d } = u, t = r(class extends i {
|
|
7
7
|
constructor(e) {
|
|
8
8
|
super(), e !== !1 && this.__registerHost();
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
const e =
|
|
12
|
-
return s(a, { key: "
|
|
11
|
+
const e = d();
|
|
12
|
+
return s(a, { key: "bfdb6c689fcfe4928c4b604a0b4807e6468e3eba", class: e }, s("slot", { key: "98c70742691eaeae8cbe8e62f3497695ae7fd648" }));
|
|
13
13
|
}
|
|
14
14
|
static get style() {
|
|
15
15
|
return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";
|
|
@@ -7,7 +7,7 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
7
7
|
}, n), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
8
8
|
__proto__: null,
|
|
9
9
|
getGidsExpansionClassNames: c
|
|
10
|
-
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames:
|
|
10
|
+
}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionClassNames: b } = x, s = o(class extends r {
|
|
11
11
|
constructor(e) {
|
|
12
12
|
super(), e !== !1 && this.__registerHost(), this.labelLevel = "h1", this.hasContent = !1, this.handleExpansionClick = () => {
|
|
13
13
|
if (this.isInteractive()) {
|
|
@@ -31,8 +31,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
31
31
|
checkSlotContent() {
|
|
32
32
|
const e = this.hostElement.querySelector(".gids-expansion__content");
|
|
33
33
|
if (e) {
|
|
34
|
-
const n = e.children.length > 0,
|
|
35
|
-
this.hasContent = n ||
|
|
34
|
+
const n = e.children.length > 0, t = !!e.textContent && e.textContent.trim().length > 0;
|
|
35
|
+
this.hasContent = n || t;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
isInteractive() {
|
|
@@ -64,8 +64,8 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
const e =
|
|
68
|
-
return i(l, { key: "
|
|
67
|
+
const e = b({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
|
|
68
|
+
return i(l, { key: "6388bf4efec2b8e23b2431762208239ac25caf0f", class: e }, i("button", { key: "7f89ab417fbc61397b2ca4755ffcada0433a77cb", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "f491176d36db63e2ba0b4f39a6da44fa6fa6c9fd", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "a41397d0a77702ceb95206e8f2f15d4c1ec2b263", class: "gids-expansion__content" }, i("slot", { key: "9d2296d966aa7d2b0b5b0624b0935ab7e4fb1b1c" }))));
|
|
69
69
|
}
|
|
70
70
|
get hostElement() {
|
|
71
71
|
return this;
|
|
@@ -77,13 +77,13 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
|
|
|
77
77
|
return '.gids-expansion{display:flex;align-items:center;position:relative;padding:var(--gids-padding-vertical-edge-to-element-300) 0}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded])::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled)::before{opacity:1}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h1{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h2{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-expansion__level-h3{color:var(--gids-color-background-brand-bold-default)}.gids-expansion:not(.gids-expansion--expanded):not([expanded]):has(.gids-expansion__container:hover):not([disabled=true]):not([disabled]):not(.gids-expansion__disabled) .gids-icon{--gidsIcon-color:var(--gids-color-background-brand-bold-default)}.gids-expansion__container{margin:0;padding:0;appearance:none;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:var(--gids-gap-050);white-space:nowrap;color:var(--gids-color-text-default)}.gids-expansion__container gids-icon,.gids-expansion__container .gids-icon,.gids-expansion__container GidsIcon,.gids-expansion__container svg{display:inline-block;transform:rotate3d(0, 0, 1, 0deg);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center center;backface-visibility:hidden}.gids-expansion__level-h1{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-expansion__level-h2{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-expansion__level-h3{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit)}.gids-expansion__body{position:absolute;top:100%;left:0;width:100%;z-index:10;transform:scaleY(0);transform-origin:top center;opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, visibility 0.4s;overflow:hidden}.gids-expansion--expanded{position:relative;display:block}.gids-expansion--expanded .gids-expansion__container gids-icon,.gids-expansion--expanded .gids-expansion__container .gids-icon,.gids-expansion--expanded .gids-expansion__container GidsIcon,.gids-expansion--expanded .gids-expansion__container svg{transform:rotate3d(0, 0, 1, -180deg)}.gids-expansion--expanded .gids-expansion__body{position:relative;top:auto;transform:scaleY(1);opacity:1;visibility:visible}.gids-expansion__content{min-height:0;padding:var(--gids-padding-vertical-edge-to-element-500) 0 var(--gids-padding-horizontal-edge-to-element-500)}.gids-expansion__disabled{color:var(--gids-color-text-disabled);cursor:not-allowed}.gids-expansion__disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}';
|
|
78
78
|
}
|
|
79
79
|
}, [260, "gids-expansion", { expansionId: [1, "expansion-id"], label: [1], labelLevel: [1, "label-level"], expanded: [516], disabled: [516], onExpand: [16], hasContent: [32] }, void 0, { disabled: [{ handleDisabledChange: 0 }], expanded: [{ handleExpandedChange: 0 }], labelLevel: [{ handleLabelLevelChange: 0 }] }]);
|
|
80
|
-
function
|
|
80
|
+
function d() {
|
|
81
81
|
typeof customElements < "u" && ["gids-expansion"].forEach(((e) => {
|
|
82
82
|
e === "gids-expansion" && (customElements.get(a(e)) || customElements.define(a(e), s));
|
|
83
83
|
}));
|
|
84
84
|
}
|
|
85
|
-
|
|
86
|
-
const u = s, y =
|
|
85
|
+
d();
|
|
86
|
+
const u = s, y = d;
|
|
87
87
|
export {
|
|
88
88
|
u as GidsExpansion,
|
|
89
89
|
y as defineCustomElement
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { d as e, h as
|
|
2
|
-
const
|
|
1
|
+
import { d as e, h as o } from "./p-gK9DvcL8-Chw-ya2Q.js";
|
|
2
|
+
const t = e, d = o;
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
t as GidsField,
|
|
5
|
+
d as defineCustomElement
|
|
6
6
|
};
|