@ganpatiinfo/gids-core-web 21.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 +29 -29
- 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-carousel.js +1 -1
- 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 +8 -8
- 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 +9 -9
- 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 +48 -61
- 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 +2 -2
- 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 +3 -3
- package/dist-bundled/es/gids-password-field.js +21 -21
- 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 +11 -11
- 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 +13 -13
- 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 +11 -11
- 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 +10 -10
- 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-WvEFe7I_.js → p-B18yNcA0-BaaXQYM_.js} +2 -2
- package/dist-bundled/es/{p-kWyyLyT3-DhHcKhR9.js → p-B2YjHZsu-DxdrSYcE.js} +30 -30
- package/dist-bundled/es/{p-DLRj-mUX-B_ACFGx6.js → p-B3AB3GQ0-DdgNC9FJ.js} +5 -5
- package/dist-bundled/es/{p-Ds5IzXj3-BC_F0-JJ.js → p-B4d07GWP-DLyo7HQ9.js} +3 -3
- package/dist-bundled/es/{p-CAjDiWIc-BieYBjHk.js → p-BBlUduEr-CWdvgBS6.js} +7 -7
- package/dist-bundled/es/{p-BAqWcL0K-DRjKDzoa.js → p-BNW2xgxF-DWKLliyn.js} +6 -6
- package/dist-bundled/es/p-BcXumkjZ-zNpzLmjI.js +240 -0
- package/dist-bundled/es/{p-DKSnGphd-EpxzqjUA.js → p-C88Z_F_m-wMA27lx_.js} +4 -4
- package/dist-bundled/es/{p-bfWlRsx_-B9hzkHIt.js → p-CKj2Ru6e-B-Nk5B_P.js} +4 -4
- package/dist-bundled/es/{p-B_St7yaX-Dq9UwiaA.js → p-COsSHfdc-DfDYoLSS.js} +4 -4
- package/dist-bundled/es/{p-DrxfD2yZ-Juydw__6.js → p-CSXuAs_X-Hw6bT-8r.js} +11 -11
- package/dist-bundled/es/{p-DzOOjiNH-Wm7KbI3O.js → p-CZgH5rZs-Clk0qfHN.js} +4 -4
- package/dist-bundled/es/{p-BIxBMTG9-Bs6G0Wvv.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-CV1-78HB-DGkn3SPO.js → p-D2VR17v2-C0k_l_CT.js} +1 -1
- package/dist-bundled/es/{p-DMxvWIj1-DPw-ITMY.js → p-DKe6orSY-D1kYOeuX.js} +6 -6
- package/dist-bundled/es/{p-D0RJMGGj-DSjGfUhB.js → p-DLX-l0-L-gumz4bOG.js} +2 -2
- package/dist-bundled/es/{p-BQT5yy5L-DhdgFXTM.js → p-DOiDD7cS-j1RR9K9r.js} +9 -5
- package/dist-bundled/es/{p-B2flLE0s-UXdlvRVr.js → p-DXlBK8TS-DazOvEm2.js} +2 -2
- package/dist-bundled/es/{p-E13ycS5K-D-yK6pqz.js → p-DYKcsBzA-BcupA9sw.js} +7 -7
- package/dist-bundled/es/{p-DZ1ZcTMe-tnPOECry.js → p-DZ1ZcTMe-W8kofPko.js} +1 -1
- package/dist-bundled/es/{p--kh67-_Z-BBhYy4ZX.js → p-D_mszaeq-ndcXN34-.js} +4 -4
- package/dist-bundled/es/{p-Do_VlNHg-_g7lcvwR.js → p-DdJKIFk0-Co3FvR3K.js} +2 -2
- 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-lPgJqpPI.js → p-gK9DvcL8-Chw-ya2Q.js} +2 -2
- package/dist-bundled/es/{p-_W77iniK-DZ9pVDuI.js → p-iEUyQs9t-BUXXVuwz.js} +2 -2
- package/dist-bundled/es/p-iQRr_fAH-Dvv1n8QD.js +1650 -0
- package/dist-bundled/es/{p-BCbovLBE-DfkhIEts.js → p-jtpLLxuw-BlEPhjmU.js} +2 -2
- package/dist-bundled/es/p-lvArnlBV-BxkIAxHG.js +86 -0
- package/dist-bundled/es/{p-TfH966_e-tyxLyzL3.js → p-vz4tzbld-BYJRjHJw.js} +6 -6
- package/dist-bundled/es/{p-DnRuhvRw-Beh0bANh.js → p-x1tVOUSt-CdB8Szfe.js} +6 -6
- package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
- package/dist-bundled/umd/gids-activity-gauge.umd.js +2 -2
- package/dist-bundled/umd/gids-advanced-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-bar-chart.umd.js +8 -8
- package/dist-bundled/umd/gids-bento-card.umd.js +1 -1
- package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar-picker.umd.js +5 -0
- package/dist-bundled/umd/gids-calendar-year-list.umd.js +2 -2
- package/dist-bundled/umd/gids-calendar.umd.js +2 -2
- package/dist-bundled/umd/gids-carousel.umd.js +2 -2
- package/dist-bundled/umd/gids-chart-legend-item.umd.js +2 -2
- package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
- package/dist-bundled/umd/gids-chart.umd.js +5 -5
- package/dist-bundled/umd/gids-chevron-button.umd.js +2 -2
- package/dist-bundled/umd/gids-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 +2 -2
- package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown-picker.umd.js +2 -2
- package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
- package/dist-bundled/umd/gids-expansion-group.umd.js +2 -2
- package/dist-bundled/umd/gids-expansion.umd.js +2 -2
- package/dist-bundled/umd/gids-field.umd.js +2 -2
- package/dist-bundled/umd/gids-filter.umd.js +3 -3
- package/dist-bundled/umd/gids-flyout-panel.umd.js +2 -2
- package/dist-bundled/umd/gids-form.umd.js +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 +2 -2
- package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-md-table.umd.js +2 -2
- package/dist-bundled/umd/gids-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 +2 -2
- package/dist-bundled/umd/gids-password-field.umd.js +2 -2
- package/dist-bundled/umd/gids-pie-chart.umd.js +2 -2
- package/dist-bundled/umd/gids-popover.umd.js +1 -1
- package/dist-bundled/umd/gids-profile-menu-header.umd.js +2 -2
- package/dist-bundled/umd/gids-profile-menu.umd.js +2 -2
- package/dist-bundled/umd/gids-profile.umd.js +2 -2
- package/dist-bundled/umd/gids-scrim.umd.js +1 -1
- package/dist-bundled/umd/gids-sidebar-item.umd.js +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 +2 -2
- package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
- package/dist-bundled/umd/gids-tooltip.umd.js +2 -2
- package/dist-bundled/umd/gids-transfer-list.umd.js +2 -2
- package/dist-bundled/umd/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-iQRr_fAH-ClfWEu03.js +0 -198
- package/dist-bundled/es/p-tEbUT3n3-CWq8ErgN.js +0 -244
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e,t,p as a,H as i,c as s}from"./p-B4hcsDH0.js";import{GidsStatusTagWebUtils as n,generateId as d,GidsCheckboxWebUtils as c,GidsRadioControlWebUtils as r,GidsRadioWebUtils as l,GidsSidebarMenuItemWebUtils as o,GidsSidebarMenuWebUtils as m}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-CcKHKwS0.js";import{G as u}from"./p-BsC3-MVH.js";import{G as p}from"./p-iQRr_fAH.js";import{G as g}from"./p-DZ1ZcTMe.js";import{G as b}from"./p-BkxmRN-4.js";import{d as I}from"./p-CxfmNDsm.js";const{getGidsStatusTagClassNames:f,getStatusTagIconName:C,getStatusTagText:v}=n,y=({type:t="new",appearance:a="subtlest",size:i="sm",class:s})=>e("div",{class:f({type:t,size:i,appearance:a},s)},e(p,{name:C(t),appearance:"filled"}),e("label",null,v(t))),{getGidsCheckboxClassNames:_}=c,S=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:m,name:h,value:u,required:p,onChange:I,class:f,...C},v)=>{const y=m??d();return e("div",{class:_(f),...C},e(g,{checked:c,defaultChecked:r,disabled:l,indeterminate:o,inputId:y,name:h,value:u,required:p,onChange:I}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:y,info:s},v))},{getGidsRadioControlClassNames:x}=r,M=({checked:t,defaultChecked:a,disabled:i,inputId:s,name:n,value:d,onChange:c,class:r,...l})=>e("span",{class:x(r),...l},e("input",{class:"gids-radio-control__input",type:"radio",disabled:i,checked:t,defaultChecked:a,value:d,id:s,name:n,onChange:c}),e("span",{class:"gids-radio-control__check"})),{getGidsRadioClassNames:k}=l,A=({fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,info:s,labelId:n,checked:c,defaultChecked:r,disabled:l,inputId:o,name:m,value:h,onChange:u,class:p,...g},I)=>{const f=o??d();return e("div",{class:k(p),...g},e(M,{checked:c,defaultChecked:r,disabled:l,inputId:f,name:m,value:h,onChange:u}),e(b,{disabled:l,fieldRequirement:t,fieldRequirementOptionalText:a,fieldRequirementRequiredText:i,labelId:n,htmlFor:f,info:s},I))},{getGidsSidebarMenuItemClassNames:R}=o,T=({id:t="sidebar-menu-item",appearance:a="default",selectionAppearance:i="subtle",leadingLabel:s,leadingSupportingText:n,trailingLabel:d,trailingSupportingText:c,leadingIcon:r,trailingIcon:l,leadingAccessory:o,trailingAccessory:m,selected:h,disabled:u,onPressSidebarMenuItem:p,class:g})=>{const b=s&&""!==s,I=n&&""!==n,f=d&&""!==d,C=c&&""!==c,v=b||I,y=f||C,_=v||y;return e("button",{type:"button",id:t,"data-appearance":a,"data-selected":h?"true":"false",disabled:u,class:R({selected:h,appearance:a,selectionAppearance:i},g),onClick:e=>{p&&p({originalEvent:e,sidebarMenuItemId:t,selected:!h})}},r||o?e("div",{class:"gids-sidebar-menu-item__leading-accessory-content"},r,o):void 0,_?e("div",{class:"gids-sidebar-menu-item__content"},v?e("div",{class:"gids-sidebar-menu-item__leading-content"},b?e("span",{class:"gids-sidebar-menu-item__label-content"},s):void 0,I?e("p",{class:"gids-sidebar-menu-item__support-content"},n):void 0):void 0,y?e("div",{class:"gids-sidebar-menu-item__trailing-content"},f?e("span",{class:"gids-sidebar-menu-item__label-content"},d):void 0,C?e("p",{class:"gids-sidebar-menu-item__support-content"},c):void 0):void 0):void 0,l||m?e("div",{class:"gids-sidebar-menu-item__trailing-accessory-content"},m,l):void 0)},{getGidsSidebarMenuClassNames:q}=m,G=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.id="sidebar-menu",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.placement="right-end",this.constrainPlacements=["bottom","left","right","left-start","left-end","right-start","right-end","top"],this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.onSidebarMenuItemPress=({menuItem:e,itemIndex:t,sectionIndex:a,event:i})=>{if(e){const s=(this?.menuData??[])[a];(s?.menuItems??[]).length>0&&!this.isMenuItemSelected({sectionId:s?.sectionId,itemId:e.id})&&(this.selectedSectionIdState=s?.sectionId,this.selectedItemIdState=e.id,this.onSidebarMenuChange&&this.onSidebarMenuChange({originalEvent:i?.originalEvent,sidebarMenuItemId:i.sidebarMenuItemId,selected:i?.selected,sidebarMenuItemSectionId:s?.sectionId??"",sidebarMenuItemSectionIndex:a,sidebarMenuItemIndex:t,sidebarMenuId:this.id}))}i?.originalEvent&&this.flyoutPanelElement?.closeFlyoutPanel(i.originalEvent)},this.isMenuItemSelected=({sectionId:e,itemId:t})=>{const a=this?.selectedSectionIdState,i=this?.selectedItemIdState;return a===e&&i===t},this.isValidMenu=()=>!!(this?.menuData&&this.menuData.length>0&&this.menuData[0]?.menuItems&&this.menuData[0].menuItems.length>0),this.renderAccessory=({accessoryType:t,accessory:a})=>{switch(t){case"badge":return e(h,{...a?.badgeProps});case"display-tag":return e(u,{...a?.displayTagProps,label:a?.displayTagProps?.label??"",color:a?.displayTagProps?.color??"accent-1",icon:a?.displayTagProps?.iconName?e(p,{name:a.displayTagProps.iconName,appearance:a?.displayTagProps?.iconAppearance??"regular",size:a?.displayTagProps?.iconSize??"md",alt:a?.displayTagProps?.iconAlt}):void 0});case"status-tag":return e(y,{...a?.statusTagProps});case"checkbox":return e(S,{checked:a?.checkboxProps?.checked,disabled:a?.checkboxProps?.disabled,indeterminate:a?.checkboxProps?.indeterminate},a?.checkboxProps?.label);case"radio":return e(A,{checked:a?.radioProps?.checked,disabled:a?.radioProps?.disabled},a?.radioProps?.label);default:return}},this.renderIcon=t=>t?.name?e(p,{name:t.name,appearance:t?.appearance??"regular",size:t?.size??"md",alt:t?.alt}):void 0}idChanged(e){this.id=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedSectionIdChanged(e){this.selectedSectionId=e,this.selectedSectionIdState=e}selectedItemIdChanged(e){this.selectedItemId=e,this.selectedItemIdState=e}placementChanged(e){this.placement=e}constrainPlacementsChanged(e){this.constrainPlacements=e}htmlForChanged(e){this.htmlFor=e}menuDataChanged(e){this.menuData=e}connectedCallback(){this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId}componentDidRender(){this.flyoutPanelElement=this.hostElement.querySelector("gids-flyout-panel")??void 0}render(){const t=this.id,a=this?.sidebarMenuItemAppearance??"subtle",i=this?.sidebarMenuItemSelectionAppearance??"default",n=this?.placement??"right",d=this?.constrainPlacements&&this.constrainPlacements.length>0?this.constrainPlacements:["bottom","left","right","top","left-start","left-end","right-start","right-end"],c=this.htmlFor,r=this?.menuData??[],l=this.isValidMenu(),o=q();return e(s,{key:"89a5fa60f0dd73c8fdc55153a9d392ecd4cdb39a",id:t,class:o},l?e("gids-flyout-panel",{htmlFor:c,constrainPlacements:d,placement:n,matchReferenceWidth:!1},r.map(((t,s)=>{const n=t?.sectionLabel,d=t?.menuItems??[];return e("div",{key:`${s+1}`,class:"gids-sidebar-menu__container"},n&&""!==n?e("h3",null,n):void 0,e("div",{class:"gids-sidebar-menu__item-container"},d.map(((n,d)=>{const{leadingAccessoryType:c,leadingAccessory:r,trailingAccessoryType:l,trailingAccessory:o,leadingIconProps:m,trailingIconProps:h,...u}=n;return e(T,{key:`${d+1}`,...u,id:n.id,appearance:a,selectionAppearance:i,selected:this.isMenuItemSelected({sectionId:t?.sectionId,itemId:n.id}),leadingAccessory:this.renderAccessory({accessoryType:c,accessory:r}),trailingAccessory:this.renderAccessory({accessoryType:l,accessory:o}),leadingIcon:this.renderIcon(m),trailingIcon:this.renderIcon(h),onPressSidebarMenuItem:e=>this.onSidebarMenuItemPress({menuItem:n,sectionIndex:s,itemIndex:d,event:e})})}))))}))):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}}static get style(){return".gids-sidebar-menu__container{display:flex;flex-direction:column;gap:var(--gids-gap-200);width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200)}.gids-sidebar-menu__item-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}"}},[0,"gids-sidebar-menu",{id:[1],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],placement:[1],constrainPlacements:[16],htmlFor:[1,"html-for"],menuData:[16],onSidebarMenuChange:[16],selectedSectionIdState:[32],selectedItemIdState:[32]},void 0,{id:[{idChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}],menuData:[{menuDataChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["gids-sidebar-menu","gids-flyout-panel"].forEach((e=>{switch(e){case"gids-sidebar-menu":customElements.get(t(e))||customElements.define(t(e),G);break;case"gids-flyout-panel":customElements.get(t(e))||I()}}))}P();export{A as G,S as a,y as b,T as c,P as d,G as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e}from"./p-B4hcsDH0.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{
|
|
1
|
+
import{h as e}from"./p-B4hcsDH0.js";import{GidsDropdownItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{b as t}from"./p-D2VR17v2.js";const{getGidsDropdownItemClassNames:d}=s,i=({id:s,title:i,class:o,selected:l=!1,disabled:r=!1,role:a="list-item-option",value:n,name:c,onPressDropdownItem:m,index:p,defaultSelected:u,leadingAccessory:f,divider:b,isPlaceholderItem:v,...I})=>{const g=d("string"==typeof o?o:void 0);return e(t,{id:s,index:p??0,defaultSelected:u,selected:l,disabled:r,role:a,value:n,name:c,leadingAccessory:f,class:g,onPressListItem:e=>{if(e.defaultPrevented)return;const t=new CustomEvent("onPressDropdownItem",{bubbles:!0,composed:!0,detail:{id:s,title:i,value:n,disabled:r,selectedIndex:p,defaultSelected:u,isPlaceholderItem:v}});m?.(t)},divider:b,isPlaceholderItem:v,...I},i)};export{i as G}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarYearListWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as r,a as n}from"./p-
|
|
1
|
+
import{t as e,p as t,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarYearListWebUtils as a}from"@ganpatiinfo/gids-web-shared";import{G as r,a as n}from"./p-BBlUduEr.js";import{G as d}from"./p-B3AB3GQ0.js";const{getGidsCalendarYearListClassNames:h,getGidsCalendarYearListYears:o,isValidFourDigitYear:l}=a,c=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.newStartYear=(new Date).getFullYear(),this.newEndYear=(new Date).getFullYear()+100,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=e=>{const{title:t,value:s,selectedIndex:i,disabled:a,id:r}=e.detail;a||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:r,year:Number(s),disabled:!1,selectedIndex:i,startYear:this.newStartYear,endYear:this.newEndYear}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e?.detail;this.applySelection({id:t.id,year:Number(t.value),disabled:!1,selectedIndex:t.selectedIndex,startYear:this.newStartYear,endYear:this.newEndYear})},this.yearsList=()=>o({startYear:this.newStartYear,endYear:this.newEndYear}),this.getSelectedItem=()=>{const e=this.selectedYear,t=this.yearsList(),s=t.findIndex((t=>t.value===e));let i;return null!=s&&-1!==s&&(i=t[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=e=>{const{foundIndex:t}=this.getSelectedItem();return t===e}}connectedCallback(){this.attachItemListener(),this.handleStartAndEndYear()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}handleStartAndEndYear(){const e=this.startYear,t=this.endYear;return this.newStartYear=e&&e>0&&l(e)?e:(new Date).getFullYear(),this.newEndYear=t&&t>0&&l(t)?t:this.newStartYear+100,{newStartYear:this.newStartYear,newEndYear:this.newEndYear}}applySelection(e){this.clearActive(),this.onSelectionYearChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarYearChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}render(){const e=h();return i("div",{key:"322150db7c7bfbc83015b66ea589e013d36c72c8",class:e},i(r,{key:"17a8a890eeee289869ad5455996265df4cd4efb7",type:this.type,supportingText:this.noOptionsText},i(n,{key:"3b5ec7f3d9943123137433e54febe1f756bfd145",sectionLabel:"Years"},this.yearsList().map(((e,t)=>{const s=`${t+1}`,a=this.disabledIndices?.includes(e.value);return i(d,{title:e.title,value:`${e.value}`,key:`${t.toString()}`,index:t,id:s,selected:this.isItemSelected(t),onPressDropdownItem:this.handleMenuClick,disabled:a,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[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]}]);function m(){"undefined"!=typeof customElements&&["gids-calendar-year-list"].forEach((t=>{"gids-calendar-year-list"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}m();export{c as G,m as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as s}from"./p-B4hcsDH0.js";import{GidsDropdownMenuGroupWebUtils as o,GidsDropdownMenuWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as l}from"./p-C-Lpfqcg.js";import{a as p}from"./p-D2VR17v2.js";const{getGidsDropdownMenuGroupClassNames:e}=o,i=({type:o="no-options",supportingText:n="No options",class:p,...i},a)=>s("div",{class:e({type:o},p),...i},"loading"===o?s(l,{indeterminate:!0,size:"md"}):null,"no-options"===o?s("span",null,n):null,"default"===o&&null!=a?a:null),{getGidsDropdownMenuClassNames:a}=n,t=({sectionLabel:o,class:n,...l},e)=>s("div",{class:a(n),...l},null!=o&&""!==o?s(p,{supportingText:o,supportingTextTypography:"eyebrow-medium"}):null,null!=e?s("div",{class:"gids-dropdown-menu__children"},e):null);export{i as G,t as a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as i,t as s}from"./p-B4hcsDH0.js";import{GidsFilterWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-iQRr_fAH.js";import{d}from"./p-DQQhGF5N.js";const{getGidsFilterClassNames:h}=l,r=e(class e extends t{constructor(t){super(),!1!==t&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.setupDefaultSelctedFilterEmission=()=>{this.setupDefaultSelectedNoneAllFilterEmission()},this.setupDefaultSelectedNoneAllFilterEmission=()=>{const t=`${this.filterId||"default"}_${this.value}`;if(this.filterDefaultSelected&&!e.emittedValuesTracker.has(t)&&("none"===this.type&&"secondary"===this.filterItemType||"all"===this.type)){e.emittedValuesTracker.add(t);const i={id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:void 0,filterSelected:!0,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1};setTimeout((()=>{this.onFilterMenuItemChange?.(i)}),0)}},this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:l,selectedIndex:n,isPlaceholderItem:d,defaultSelected:h}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:l,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:n,defaultSelected:h,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const l=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof l||0===l.length)return;const n=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",h=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),r=h?h.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:l,filterId:this.filterId,value:s,title:r,disabled:!1,selectedFilterMenuIndex:Number(n),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:r,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}static{this.emittedValuesTracker=new Set}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterIdArrival(e){null!=e&&this.setupDefaultSelctedFilterEmission()}handleFilterSelectedChange(e){this.filterSelected=e}handleFilterDefaultSelectedChange(t){const i=`${this.filterId||"default"}_${this.value}`;t?(e.emittedValuesTracker.delete(i),this.setupDefaultSelctedFilterEmission()):e.emittedValuesTracker.delete(i)}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence(),null!=this.filterId&&this.setupDefaultSelctedFilterEmission()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=h({expanded:e}),s=this.isMenuToggler(),l="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=l?`${l}__menu`:void 0,r=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return i("div",{key:"585c3018b1f5e50fe268648883fba7bda102b5ab",class:t,"aria-control":d??""},i("gids-toggle-button",{key:"21524dd8e6327022b17a91f41abdf7e1db7a0295",id:l,name:this.name,expanded:e,value:r,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected,onSelect:this.handleFilterButtonClickToggle},a||o?i(n,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?r:void 0,s&&!a?i(n,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),i("div",{key:"3cb8fe6ed4e06a8c0c64d1e753040c1dd61b14dd",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},i("slot",{key:"28fa646b9f75307b046372d602238e96121dbd14",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1025,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((e=>{switch(e){case"gids-filter":customElements.get(s(e))||customElements.define(s(e),r);break;case"gids-toggle-button":customElements.get(s(e))||d()}}))}a();export{r as G,a as d}
|
|
1
|
+
import{p as e,H as t,h as i,t as s}from"./p-B4hcsDH0.js";import{GidsFilterWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-iQRr_fAH.js";import{d}from"./p-DjnREsH0.js";const{getGidsFilterClassNames:h}=l,r=e(class e extends t{constructor(t){super(),!1!==t&&this.__registerHost(),this.expanded=!1,this.type="none",this.filterItemType="primary",this.filterSelected=!1,this.filterDefaultSelected=!1,this.disabled=!1,this.size="sm",this.loading=!1,this.filterIndex=0,this.hasSlottedMenu=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.setupDefaultSelctedFilterEmission=()=>{this.setupDefaultSelectedNoneAllFilterEmission()},this.setupDefaultSelectedNoneAllFilterEmission=()=>{const t=`${this.filterId||"default"}_${this.value}`;if(this.filterDefaultSelected&&!e.emittedValuesTracker.has(t)&&("none"===this.type&&"secondary"===this.filterItemType||"all"===this.type)){e.emittedValuesTracker.add(t);const i={id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:void 0,filterSelected:!0,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1};setTimeout((()=>{this.onFilterMenuItemChange?.(i)}),0)}},this.handleFilterPickerItemSelect=e=>{const{value:t,title:i,disabled:s,id:l,selectedIndex:n,isPlaceholderItem:d,defaultSelected:h}=e.detail;s||"string"!=typeof t||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:l,filterId:this?.filterId,value:t,title:i,disabled:!1,selectedFilterMenuIndex:n,defaultSelected:h,filterType:this.type,filterItemType:this.filterItemType,filterTitle:i,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!d,isPlaceholderItem:d||!1}))},this.handleMenuClick=e=>{if(this.suppressNextMenuClickSelection)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")??"";if("string"!=typeof s||0===s.length)return;const l=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof l||0===l.length)return;const n=i instanceof HTMLButtonElement?i.tabIndex:i.getAttribute("tabIndex")??"",d=i.getAttribute("is-placeholder-item")??"",h=i.querySelector(".gids-dropdown-item__label")||i.querySelector("span"),r=h?h.textContent?.trim():i.firstChild?.textContent?.trim()||s,a=!(!d||"true"!==d);this.applySelection({id:l,filterId:this.filterId,value:s,title:r,disabled:!1,selectedFilterMenuIndex:Number(n),defaultSelected:this.filterDefaultSelected,filterType:this.type,filterItemType:this.filterItemType,filterTitle:r,filterIndex:this.filterIndex,hasFilterMenu:!0,originalEvent:e,filterSelected:!a,isPlaceholderItem:a})},this.handleTriggerToggle=e=>{this.isInteractive()&&this.setExpandedState(!this.expanded,e)},this.handleFilterButtonClickToggle=e=>{if(!e.defaultPrevented)if(e.stopPropagation(),this.isMenuToggler())this.handleTriggerToggle(e);else{this.filterSelected=e.detail,!1===e?.detail&&this.handleFormReset(),this.applySelection({id:"1",filterId:this.filterId,value:this.value,title:this.value,disabled:this.disabled,selectedFilterMenuIndex:void 0,filterType:this.type,filterItemType:this.filterItemType,filterTitle:this.value,filterIndex:this.filterIndex,originalEvent:e,filterSelected:e.detail,filterDefaultSelected:this.filterDefaultSelected,hasFilterMenu:!1,isPlaceholderItem:!1});const t={expanded:!1,originalEvent:e};this.onToggle?.(t)}},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=this.initialValue,this.filterSelected=!1,this.isMenuToggler()?this.setExpandedState(!1):this.expanded=!1},this.setFilterDropdownPosition=()=>{if(!this.hostElement)return;const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return;const t=window.innerWidth/2,i=this.hostElement.getBoundingClientRect();i.left+i.width/2>t?e.classList.add("gids-filter__menu--align-right"):e.classList.remove("gids-filter__menu--align-right")}}static{this.emittedValuesTracker=new Set}handleExpandedChange(e){e&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}handleFilterTypeChange(e){this.type=e}handleFilterIdArrival(e){null!=e&&this.setupDefaultSelctedFilterEmission()}handleFilterSelectedChange(e){this.filterSelected=e}handleFilterDefaultSelectedChange(t){const i=`${this.filterId||"default"}_${this.value}`;t?(e.emittedValuesTracker.delete(i),this.setupDefaultSelctedFilterEmission()):e.emittedValuesTracker.delete(i)}connectedCallback(){this.attachItemListener(),this.attachFormListener()}componentDidLoad(){this.initialValue=this.value,this.evaluateSlottedMenuExistence(),null!=this.filterId&&this.setupDefaultSelctedFilterEmission()}disconnectedCallback(){this.detachItemListener(),this.detachFormListener()}getFilterButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}evaluateSlottedMenuExistence(){const e=this.hostElement.querySelector(".gids-filter__menu");if(!e)return void(this.hasSlottedMenu=!1);const t=Array.from(e.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE&&!(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())));this.hasSlottedMenu=t.length>0}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleFilterPickerItemSelect),this.hasItemListener=!1)}applySelection(e){this.value=e.value,this.selectedItemTitle="string"==typeof e.title?e.title:void 0,this.clearActive(),this.isMenuToggler()?this.setExpandedState(!1,this.coerceEvent(e.originalEvent)):this.expanded=!1,this.onFilterMenuItemChange?.(e),this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange",{bubbles:!0,composed:!0,detail:e}))}clearActive(){this.getItemElements().forEach((e=>e.classList.remove("gids-dropdown-item--active")))}setExpandedState(e,t){const i=Boolean(e);if(this.setFilterDropdownPosition(),i&&!this.isInteractive())return;if(this.expanded===i)return;this.expanded=i,i||(this.clearActive(),this.syncFilterDisplayValue());const s={expanded:i,originalEvent:t};this.onToggle?.(s)}syncFilterDisplayValue(){const e=this.getFilterButtonControl();e&&e.value!==(this.selectedItemTitle??"")&&(e.value=this.selectedItemTitle??"")}attachFormListener(){const e=this.hostElement.closest("form");this.patternForm!==e&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=e??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(e){if("undefined"!=typeof Event&&null!==e)return e instanceof Event?e:void 0}isMenuToggler(){return("none"===this.type||"more"===this.type)&&this.hasSlottedMenu}handleWindowClick(e){this.expanded&&(e.composedPath().includes(this.hostElement)||this.setExpandedState(!1,e))}render(){const e=this.expanded&&this.isInteractive(),t=h({expanded:e}),s=this.isMenuToggler(),l="string"==typeof this.filterPickerId?this.filterPickerId:void 0,d=l?`${l}__menu`:void 0,r=this.selectedItemTitle??this.value??"",a="more"===this.type,o="all"===this.type,c="none"===this.type;return i("div",{key:"b08dfcb918abf39ea54760453194f008b41c1eca",class:t,"aria-control":d??""},i("gids-toggle-button",{key:"0577901cccbad74ed5d575c3f7a0f815908247bc",id:l,name:this.name,expanded:e,value:r,disabled:this.disabled,size:this.size,loading:this.loading,tabIndex:this.filterIndex,defaultSelected:this.filterDefaultSelected,selected:this.filterSelected,onSelect:this.handleFilterButtonClickToggle},a||o?i(n,{name:a?"options":"filter",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"}):void 0,c||o?r:void 0,s&&!a?i(n,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"trailingIcon"}):void 0),i("div",{key:"874c67d2a3c693324417502e9698a4a5032d0d90",class:"gids-filter__menu",id:d,role:"pickerbox",onClick:this.handleMenuClick},i("slot",{key:"69b06764abd1d91892d23e19b7dfa619c6bd3a95",onSlotchange:()=>this.evaluateSlottedMenuExistence()})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}}static get style(){return".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}"}},[260,"gids-filter",{name:[1],filterId:[1025,"filter-id"],filterPickerId:[1,"filter-picker-id"],expanded:[4],type:[1],filterItemType:[1,"filter-item-type"],value:[1],filterSelected:[1540,"filter-selected"],filterDefaultSelected:[4,"filter-default-selected"],disabled:[4],size:[1],loading:[4],filterIndex:[2,"filter-index"],onFilterMenuItemChange:[16],onToggle:[16],selectedItemTitle:[32],hasSlottedMenu:[32]},[[8,"click","handleWindowClick"]],{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}],type:[{handleFilterTypeChange:0}],filterId:[{handleFilterIdArrival:0}],filterSelected:[{handleFilterSelectedChange:0}],filterDefaultSelected:[{handleFilterDefaultSelectedChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-filter","gids-toggle-button"].forEach((e=>{switch(e){case"gids-filter":customElements.get(s(e))||customElements.define(s(e),r);break;case"gids-toggle-button":customElements.get(s(e))||d()}}))}a();export{r as G,a as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-iQRr_fAH.js";import{d as h}from"./p-CxfmNDsm.js";import{d as a}from"./p-CZgH5rZs.js";const{getGidsDropdownClassNames:d,getGidsChevronButtonControlClassNames:r}=n,c="gids-dropdown-item--active",l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.menuPlacement="bottom",this.menuConstrainPlacements=["bottom","top"],this.filterValue="",this.isFilterEditing=!1,this.hasLeadingIcon=!1,this.hasLeadingAccessory=!1,this.activeIndex=-1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.hasPendingControlRevalidation=!1,this.suppressNextFilterInput=!1,this.handleDropdownItemSelect=t=>{const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";let h=i.textContent?.trim()??"";h.endsWith("checkmark")&&(h=h.slice(0,-9).trim()),this.applySelection({id:n,value:s,title:h.trim(),disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleFilterInput=t=>{if(this.suppressNextFilterInput)return void(this.suppressNextFilterInput=!1);const e=t.target;this.filterValue=e?.value??"",this.isFilterEditing=!0,this.clearActive(),this.applyFilter()},this.handleInputKeyDown=t=>{if(!this.isInteractive())return;const e=t.key,i="ArrowDown"===e;return!i&&"ArrowUp"!==e||t.metaKey||t.ctrlKey?"Home"===e?(t.preventDefault(),void this.setActiveByIndex(0)):"End"===e?(t.preventDefault(),void this.setActiveByIndex(this.getVisibleEnabledItems().length-1)):void("Enter"===e&&this.selectActive()&&t.preventDefault()):(t.preventDefault(),void this.moveActive(i?1:-1))},this.handleInputFocusAndBlur=t=>{this.hostElement.dispatchEvent(new FocusEvent(t.type,{relatedTarget:t.relatedTarget}))},this.handleInputClickToggle=()=>{},this.handleChevronClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.disabled||this.readOnly||this.flyoutPanelElement?.isFlyoutPanelVisible().then((e=>{e?this.flyoutPanelElement?.closeFlyoutPanel(t):this.flyoutPanelElement?.openFlyoutPanel(t)})))},this.handleDocumentPointerDown=t=>{2!==t.button&&!("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)&&this.hostElement.contains(t.target)},this.handleDocumentKeyDown=t=>{const e=t.key;"Escape"!==e&&"Esc"!==e||t.preventDefault()},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.isFilterEditing=!1,this.filterValue=""}}handleInteractivityChange(t){this.disabled=t,this.readOnly=t}menuPlacementChanged(t){this.menuPlacement=t}menuConstrainPlacementsChanged(t){this.menuConstrainPlacements=t}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}componentDidRender(){this.flyoutPanelElement=this.hostElement.querySelector("gids-flyout-panel")??void 0}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdown"]'),this.hasLeadingAccessory=!!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]')}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}getVisibleEnabledItems(){return this.getItemElements().filter((t=>"none"!==t.style.display&&!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.isFilterEditing=!1,this.filterValue="",this.clearActive(),this.emitNativeSelectionEvents(this.selectedItemTitle??""),this.resetItemVisibility(),this.onSelectionChange?.(t);const e=new CustomEvent("gidsDropdownChange",{bubbles:!0,composed:!0,detail:t});this.hostElement.dispatchEvent(e),this.disabled||this.readOnly||this.flyoutPanelElement?.isFlyoutPanelVisible().then((t=>{t?this.flyoutPanelElement?.closeFlyoutPanel(e):this.flyoutPanelElement?.openFlyoutPanel(e)}))}getInputControl(){return this.hostElement.querySelector(".gids-input__control")}emitNativeSelectionEvents(t){const e=this.getInputControl();e&&(e.value=t,this.suppressNextFilterInput=!0,e.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),e.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.suppressNextFilterInput&&(this.suppressNextFilterInput=!1))}clearActive(){this.activeIndex=-1,this.getItemElements().forEach((t=>t.classList.remove(c))),this.setActiveDescendant(void 0)}setActiveByIndex(t){const e=this.getVisibleEnabledItems();if(this.getItemElements().forEach((t=>t.classList.remove(c))),0===e.length)return this.activeIndex=-1,void this.setActiveDescendant(void 0);const i=Math.max(0,Math.min(t,e.length-1)),s=e[i];if(!s)return this.activeIndex=-1,void this.setActiveDescendant(void 0);this.activeIndex=i,s.classList.add(c),s.scrollIntoView({block:"nearest"}),this.setActiveDescendant(s.id||void 0)}moveActive(t){const e=this.getVisibleEnabledItems();0!==e.length?this.setActiveByIndex(-1===this.activeIndex?t>0?0:e.length-1:(this.activeIndex+t+e.length)%e.length):this.clearActive()}selectActive(){const t=this.getVisibleEnabledItems();if(0===t.length)return!1;const e=this.activeIndex>=0?t[this.activeIndex]:t[0];return!!e&&(e.click(),this.getInputControl()?.focus(),!0)}applyFilter(){const t=this.filterValue.trim().toLowerCase();this.getItemElements().forEach((e=>{const i=(e.textContent??"").toLowerCase();0===t.length||i.includes(t)?e.style.removeProperty("display"):e.style.display="none"}))}resetItemVisibility(){this.getItemElements().forEach((t=>{t.style.removeProperty("display")}))}setActiveDescendant(t){const e=this.getInputControl();e&&(t?e.setAttribute("aria-activedescendant",t):e.removeAttribute("aria-activedescendant"))}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}get form(){return this.getInputControl()?.form??this.patternForm??null}get validity(){return this.getInputControl()?.validity??{}}get validationMessage(){return this.getInputControl()?.validationMessage??""}get willValidate(){return this.getInputControl()?.willValidate??!1}async checkValidity(){return this.getInputControl()?.checkValidity()??!0}async reportValidity(){return this.getInputControl()?.reportValidity()??!0}async setCustomValidity(t){return this.getInputControl()?.setCustomValidity(t)}isInteractive(){return!(this.disabled||this.readOnly)}scheduleControlRevalidation(){if(this.hasPendingControlRevalidation)return;this.hasPendingControlRevalidation=!0;const t=()=>{this.hasPendingControlRevalidation=!1,this.checkValidity()};"function"!=typeof requestAnimationFrame?t():requestAnimationFrame(t)}getEnhancedInputProps(){const t={...this.inputProps??{}};"string"==typeof t.autoComplete&&0!==t?.autoComplete?.trim?.()?.length||(t.autoComplete="off");const e=t.onInput;t.onInput=t=>{e?.(t),this.handleFilterInput(t)};const i=t.onBlur;t.onBlur=t=>{i?.(t),this.scheduleControlRevalidation()};const s=t.onKeyDown;return t.onKeyDown=t=>{s?.(t),t.defaultPrevented||this.handleInputKeyDown(t)},t}render(){const t=d(),e=this.getEnhancedInputProps(),i="string"==typeof e.id?e.id:void 0,n=i?`${i}__menu`:void 0,h=this.isFilterEditing?this.filterValue:this.selectedItemTitle??this.value??"",a=this.disabled||this.readOnly?"":`dropdown-${n}`,c=s("button",{key:"7ea973413d842a50076beefa4c7e44e690ce64ca",class:r({size:"lg"}),slot:"trailingAccessory",type:"button",onClick:t=>this.handleChevronClickToggle(t),"aria-haspopup":"listbox","aria-controls":n,disabled:this.disabled||this.readOnly,tabIndex:-1},s("span",{key:"1579fc5f3c7e582619754aef7830ea7079f38963",class:"gids-button__content"},s(o,{key:"e2781f65e2eab2ea398070eca03855d89343870e",name:"chevron-vertical",alt:""})));return s("div",{key:"9c55513535108fb289d6011102ecd7ef9f217c79",class:t},s("gids-input",{key:"5c5be9280f69ef3b031a34f50927e1f649c4911e",appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:h,name:this.name,inputProps:e,onClick:this.handleInputClickToggle,onFocus:this.handleInputFocusAndBlur,onBlur:this.handleInputFocusAndBlur,id:a},this.hasLeadingIcon&&s("slot",{key:"502e234e0fb147df023d1e969975167975b4dd7f",name:"leadingIconDropdown",slot:"leadingIcon"}),this.hasLeadingAccessory&&s("slot",{key:"f447253a177d9a724d4c60f63c30232dc23add11",name:"leadingAccessoryDropdown",slot:"leadingAccessory"}),c),s("gids-flyout-panel",{key:"905193245274409ea826af63a658c98de1e8966d",placement:this?.menuPlacement??"bottom",constrainPlacements:this?.menuConstrainPlacements??["bottom","top"],onClick:this.handleMenuClick,htmlFor:a},s("slot",{key:"b398ffd22d450277271a51fce7f52164b2f76229"})))}get hostElement(){return this}static get watchers(){return{disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}]}}static get style(){return".gids-dropdown{position:relative}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}"}},[260,"gids-dropdown",{appearance:[1],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onSelectionChange:[16],required:[4],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],filterValue:[32],isFilterEditing:[32],selectedItemTitle:[32],hasLeadingIcon:[32],hasLeadingAccessory:[32],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},void 0,{disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["gids-dropdown","gids-flyout-panel","gids-input"].forEach((e=>{switch(e){case"gids-dropdown":customElements.get(t(e))||customElements.define(t(e),l);break;case"gids-flyout-panel":customElements.get(t(e))||h();break;case"gids-input":customElements.get(t(e))||a()}}))}m();export{l as G,m as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as e,h as a}from"./p-B4hcsDH0.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{G as l}from"./p-iQRr_fAH.js";import{d as n}from"./p-D0RJMGGj.js";import{d as o}from"./p-DnRuhvRw.js";import{d}from"./p-E13ycS5K.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
|
|
1
|
+
import{t,p as i,H as e,h as a}from"./p-B4hcsDH0.js";import{GidsLineChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{G as l}from"./p-iQRr_fAH.js";import{d as n}from"./p-DLX-l0-L.js";import{d as o}from"./p-x1tVOUSt.js";import{d}from"./p-DYKcsBzA.js";const{getGidsLineChartClassNames:h}=s,g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((i,e)=>{const a=e.data[t];return a?(i.push({label:e?.label??"",value:String(a.value),seriesIndicatorColor:e?.seriesColor??""}),i):i}),[])}render(){if(this.chartLoading)return a("div",{class:"gids-line-chart__no-data"},a(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this.chartData.flatMap((t=>Array.isArray(t?.data)?t.data.map((t=>t.value)):[])),i=t.length>0?Math.max(...t):10,e=Math.pow(10,Math.floor(Math.log10(i||1)));let s=e;i/e<=2?s=e/5:i/e<=5&&(s=e/2);const n=Math.ceil(i/s)*s;let o=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0)o=[...this.dataPoints].sort(((t,i)=>t-i));else{const t=5,i=n/(t-1);for(let e=0;e<t;e++)o.push(Math.round(0+e*i))}const d=Math.max(...o,n)-0||1,g=this?.chartData?.[0]?.data?.map((t=>t.label))??[],c=g.length,p=h({breakpoint:this.breakpoint});let y=!1,_=!1;return"mobile"===this.breakpoint?"none"!==this.legend&&(y=!0):"top"===this.legend?y=!0:"right"===this.legend&&(_=!0),a("div",{class:p},y?a("div",{class:"gids-line-chart__header"},a("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,a("div",{class:"gids-line-chart__main-container"},a("div",{class:"gids-line-chart__grid-layout"},a("span",{class:"gids-line-chart__y-axis-label"},this.yAxisLabel),a("div",{class:"gids-line-chart__chart-stage-container"},this.yAxisVisible?a("div",{class:"gids-line-chart__y-axis-scale-container"},o.map((t=>a("span",{id:"y-value",class:"gids-line-chart__scale-text gids-line-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/d*100+"%"}},t)))):null,a("div",{class:"gids-line-chart__chart-stage"},a("svg",{viewBox:"0 0 100 100",class:"gids-line-chart__chart-vector",preserveAspectRatio:"none"},a("defs",null,this.chartData.map(((t,i)=>{const e=t?.fillGradientStartColor,s=t?.fillGradientEndColor;return a("linearGradient",{id:`areaGradient-${i}`,x1:"0",y1:"0",x2:"0",y2:"1",key:i},a("stop",{offset:"0%",style:{stopColor:e,stopOpacity:"1"}}),a("stop",{offset:"100%",style:{stopColor:s,stopOpacity:"0"}}))}))),o.map((t=>{const i=100-(t-0)/d*100;return a("line",{x1:"0",y1:i,x2:"100",y2:i,class:"gids-line-chart__grid-line",key:t})})),this.chartData.map(((t,i)=>{if(!Array.isArray(t.data)||t.data.length<2)return null;const e=t.data.map(((t,i)=>`${0===i?"M":"L"} ${i/(c-1)*100} ${100-(t.value-0)/d*100}`)).join(" ");return a("g",{key:t.label||i},a("path",{d:`${e} L 100 100 L 0 100 Z`,fill:`url(#areaGradient-${i})`,opacity:t?.fillOpacity??"0.1",class:"gids-line-chart__chart-area"}),a("path",{d:e,class:"gids-line-chart__chart-line",fill:"none",style:{stroke:t?.seriesColor,strokeWidth:"2px"}}))})),a("rect",{x:"0",y:"0",width:"100",height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{const i=t.currentTarget.getBoundingClientRect(),e=Math.round((t.clientX-i.left)/i.width*(c-1));this.hoveredIndex=e,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}})),null!==this.hoveredIndex&&this.chartData.map(((t,i)=>{if(null===this.hoveredIndex)return;const e=this.hoveredIndex,s=t.data[e];return s?a("div",{id:`chart-dot-${i}`,class:"gids-line-chart__hover-dot",style:{left:e/(c-1)*100+"%",top:100-(s.value-0)/d*100+"%"}},a(l,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesColor}})):null})),a("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),a("div",{class:"gids-line-chart__x-axis-scale-container"},g.map(((t,i)=>a("span",{class:"gids-line-chart__scale-text",key:i},t)))),a("span",{class:"gids-line-chart__x-axis-label"},this.xAxisLabel)),_?a("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>a("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}"}},[0,"gids-line-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-line-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((i=>{switch(i){case"gids-line-chart":customElements.get(t(i))||customElements.define(t(i),g);break;case"gids-advanced-tooltip":customElements.get(t(i))||n();break;case"gids-chart-legend":customElements.get(t(i))||o();break;case"gids-chart-legend-item":customElements.get(t(i))||d()}}))}c();export{g as G,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as n,h as i,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{d,c as r}from"./p-
|
|
1
|
+
import{t as e,p as t,H as n,h as i,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarItemWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{d,c as r}from"./p-B2YjHZsu.js";import{G as l}from"./p-iQRr_fAH.js";import{d as c}from"./p-CxfmNDsm.js";const{getGidsSidebarItemClassNames:h}=s,m=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.appearance="subtle",this.selectionAppearance="default",this.menuId="sidebar-menu-item",this.menuPlacement="right-end",this.menuConstrainPlacements=["bottom","left","right","top","left-start","left-end","right-start","right-end"],this.menuData=[],this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.selectedMenuItemSectionIdState=void 0,this.selectedMenuItemIdState=void 0,this.selectedState=!1,this.onSidebarMenuItemPress=({event:e})=>{if(this.isNavigatable()&&!this.isSidebarItemSelected()){const t=!0;this.selectedState=t,this.firePressEvents({originalEvent:e?.originalEvent,sidebarItemId:this.id,hasMenu:!1,menuLength:0,sidebarMenuItemSectionId:void 0,sidebarMenuItemSectionIndex:void 0,sidebarMenuItemIndex:void 0,sidebarMenuId:void 0,sidebarMenuItemId:void 0,selected:t})}},this.onChangeSidebarMenu=({event:e})=>{e&&e?.originalEvent?.stopPropagation();const t=this?.menuData??[];if(!this.isMenuItemSelected({selectedMenuSectionId:e?.sidebarMenuItemSectionId,selectedMenuItemId:e?.sidebarMenuItemId,selectedMenuId:this?.menuId??void 0})){const n=!0;this.selectedMenuItemSectionIdState=e?.sidebarMenuItemSectionId,this.selectedMenuItemIdState=e?.sidebarMenuItemId,this.selectedState=n,this.firePressEvents({originalEvent:e?.originalEvent,sidebarItemId:this.id,hasMenu:!0,menuLength:t.length,sidebarMenuItemSectionId:e?.sidebarMenuItemSectionId,sidebarMenuItemSectionIndex:e?.sidebarMenuItemSectionIndex,sidebarMenuItemIndex:e?.sidebarMenuItemIndex,sidebarMenuId:e?.sidebarMenuId,sidebarMenuItemId:e?.sidebarMenuItemId,selected:n})}},this.firePressEvents=e=>{this.onPressSidebarItem&&this.onPressSidebarItem(e)},this.isSidebarItemSelected=()=>this?.selectedState??!1,this.isMenuItemSelected=({selectedMenuId:e,selectedMenuSectionId:t,selectedMenuItemId:n})=>(this?.selectedMenuItemSectionIdState??void 0)===t&&(this?.selectedMenuItemIdState??void 0)===n&&(this?.menuId??void 0)===e,this.hasMenu=()=>{const e=this?.menuData??[];return!!(e.length>0&&e[0]?.menuItems&&e[0].menuItems.length>0&&e[0].menuItems[0]?.id)},this.isNavigatable=()=>!this.hasMenu()}idChanged(e){this.id=e}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}leadingLabelChanged(e){this.leadingLabel=e}leadingSupportingTextChanged(e){this.leadingSupportingText=e}trailingLabelChanged(e){this.trailingLabel=e}trailingSupportingTextChanged(e){this.trailingSupportingText=e}selectedChanged(e){this.selected=e,this.selectedState=e}disabledChanged(e){this.disabled=e}menuIdChanged(e){this.menuId=e}menuPlacementChanged(e){this.menuPlacement=e}menuConstrainPlacementsChanged(e){this.menuConstrainPlacements=e}menuDataChanged(e){this.menuData=e}sidebarMenuItemAppearanceChanged(e){this.sidebarMenuItemAppearance=e}sidebarMenuItemSelectionAppearanceChanged(e){this.sidebarMenuItemSelectionAppearance=e}selectedMenuItemSectionIdChanged(e){this.selectedMenuItemSectionId=e,this.selectedMenuItemSectionIdState=e}selectedMenuItemIdChanged(e){this.selectedMenuItemId=e,this.selectedMenuItemIdState=e}connectedCallback(){this.selectedMenuItemSectionIdState=this.selectedMenuItemSectionId,this.selectedMenuItemIdState=this.selectedMenuItemId,this.selectedState=this.selected}render(){const e=this.id,t=this?.appearance??"subtle",n=this?.selectionAppearance??"default",s=this?.leadingLabel,d=this?.leadingSupportingText,c=this?.trailingLabel,m=this?.trailingSupportingText,g=this?.disabled??!1,u=this?.selectedState??!1,o=this?.menuId??"sidebar-menu-item",p=this?.menuPlacement??"right",I=this?.menuConstrainPlacements&&this.menuConstrainPlacements.length>0?this.menuConstrainPlacements:["bottom","left","right","top","left-start","left-end","right-start","right-end"],b=this?.menuData??[],C=this?.sidebarMenuItemAppearance??"subtle",M=this?.sidebarMenuItemSelectionAppearance??"default",S=this?.selectedMenuItemSectionIdState??void 0,f=this?.selectedMenuItemIdState??void 0,x=this.hasMenu(),A=h();return i(a,{key:"9f2148b754560340d15620c92643bd8ef255d9b4",id:e,class:A},i(r,{key:"80ad91175982dc89fb5d4ea22ed22c85b14517e2",id:e,appearance:t,selectionAppearance:n,leadingLabel:s,leadingSupportingText:d,trailingLabel:c,trailingSupportingText:m,selected:u,disabled:g,leadingIcon:i("slot",{name:"sidebarItemLeadingIcon"}),leadingAccessory:i("slot",{name:"sidebarItemLeadingAccessory"}),trailingAccessory:i("slot",{name:"sidebarItemTrailingAccessory"}),trailingIcon:x?i(l,{name:"chevron-right",size:"md",appearance:"regular",alt:""}):void 0,onPressSidebarMenuItem:e=>this.onSidebarMenuItemPress({event:e})}),x?i("div",{class:"gids-sidebar-item__menu-container"},i("gids-sidebar-menu",{htmlFor:e,menuData:b,id:o,placement:p,constrainPlacements:I,sidebarMenuItemAppearance:C,sidebarMenuItemSelectionAppearance:M,selectedSectionId:S,selectedItemId:f,onSidebarMenuChange:e=>this.onChangeSidebarMenu({event:e})})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],leadingLabel:[{leadingLabelChanged:0}],leadingSupportingText:[{leadingSupportingTextChanged:0}],trailingLabel:[{trailingLabelChanged:0}],trailingSupportingText:[{trailingSupportingTextChanged:0}],selected:[{selectedChanged:0}],disabled:[{disabledChanged:0}],menuId:[{menuIdChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],menuData:[{menuDataChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-sidebar-item{display:flex;flex-direction:column;width:100%}.gids-sidebar-item__menu-container{display:flex;flex-direction:column;width:100%}"}},[260,"gids-sidebar-item",{id:[1],appearance:[1],selectionAppearance:[1,"selection-appearance"],leadingLabel:[1,"leading-label"],leadingSupportingText:[1,"leading-supporting-text"],trailingLabel:[1,"trailing-label"],trailingSupportingText:[1,"trailing-supporting-text"],selected:[4],disabled:[4],menuId:[1,"menu-id"],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],menuData:[16],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedMenuItemSectionId:[1,"selected-menu-item-section-id"],selectedMenuItemId:[1,"selected-menu-item-id"],onPressSidebarMenuItem:[16],onPressSidebarItem:[16],selectedMenuItemSectionIdState:[32],selectedMenuItemIdState:[32],selectedState:[32]},void 0,{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],leadingLabel:[{leadingLabelChanged:0}],leadingSupportingText:[{leadingSupportingTextChanged:0}],trailingLabel:[{trailingLabelChanged:0}],trailingSupportingText:[{trailingSupportingTextChanged:0}],selected:[{selectedChanged:0}],disabled:[{disabledChanged:0}],menuId:[{menuIdChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],menuData:[{menuDataChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-sidebar-item","gids-flyout-panel","gids-sidebar-menu"].forEach((t=>{switch(t){case"gids-sidebar-item":customElements.get(e(t))||customElements.define(e(t),m);break;case"gids-flyout-panel":customElements.get(e(t))||c();break;case"gids-sidebar-menu":customElements.get(e(t))||d()}}))}g();export{m as G,g as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as i,h as o,c as r}from"./p-B4hcsDH0.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-iQRr_fAH.js";import{G as d,a as s}from"./p-CAjDiWIc.js";import{G as g}from"./p-DLRj-mUX.js";const{getGidsHeaderNavigationItemClassNames:c}=n,l=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.borderRadius="none",this.applyShadow=!1,this.appearance="default",this.selectionAppearance="default",this.selected=!1,this.size="sm",this.selectionType="single-deselection-allowed",this.menuItems=[],this.isSelected=!1,this.isMenuExpanded=!1,this.selectedMenuItems=[],this.onItemClick=e=>{if(this.hasMenu())this.isMenuExpanded=!this.isMenuExpanded;else{if(this.isSelected&&"single-deselection-not-allowed"===this.selectionType)return;this.isSelected=!this.isSelected}if(this.onPressNavigationItem){const a=this?.selectedMenuItems?this.selectedMenuItems[0]:void 0;this.onPressNavigationItem({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:this.isSelected,hasMenu:this.hasMenu(),menuExpanded:this.isMenuExpanded,menuItemId:a?.menuItemId??"",menuItemTitle:a?.menuItemTitle,menuItemValue:a?.menuItemValue,menuItemSectionIndex:a?.menuItemSectionIndex,menuItemIndex:a?.menuItemIndex,menuItemSelected:!!a?.menuItemId,menuId:this?.menuId,selectionType:this?.selectionType})}},this.onMenuItemClick=({event:e,selectedItem:a,sectionIndex:i,itemIndex:o})=>{const r=this.isMenuItemSelected(a.id);r&&"single-deselection-not-allowed"===this.selectionType||(r?(this.selectedMenuItems=[],this.isSelected=!1):(this.selectedMenuItems=[{menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!0,menuId:this?.menuId}],this.isSelected=!0),this.isMenuExpanded=!1,this.onMenuItemChange&&this.onMenuItemChange({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:!r,menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!r,menuId:this?.menuId,selectionType:this?.selectionType}))},this.defaultSelectedMenuItems=e=>{if(!e)return void(this.selectedMenuItems=[]);const a=this?.menuItems??[];for(let i=0;i<a.length;i++){const o=a[i]?.data??[];for(let a=0;a<o.length;a++){const r=o[a];if(r?.id===e)return this.selectedMenuItems=[{menuItemTitle:r.title,menuItemValue:r.value,menuItemId:r.id,menuItemSectionIndex:i,menuItemIndex:a,menuItemSelected:!0,menuId:this.menuId}],void(this.isSelected=!0)}}this.selectedMenuItems=[]},this.hasMenu=()=>!!(this?.menuItems&&this.menuItems.length>0),this.isMenuItemSelected=e=>{const a=this?.selectedMenuItems??[];if(!a||a.length<=0)return!1;const i=a.findIndex((a=>a.menuItemId===e));return null!=i&&-1!==i},this.positionHeaderNavigationItemMenu=()=>{const e=this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");if(!e)return;const a=this.hostElement.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight;e.style.maxHeight="none";const r=e.getBoundingClientRect(),n=o-a.bottom-8,t=a.top-4,d=r.height>n&&t>n,s=d?t:n;e.style.maxHeight=r.height>s?`${s}px`:"none";const g=e.getBoundingClientRect();let c=a.left;c+g.width>i-4&&(c=i-g.width-4),c<4&&(c=4),e.style.left=c-a.left+"px",e.style.top=d?-g.height-4+"px":`${a.height+4}px`}}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}borderRadiusChanged(e){this.borderRadius=e}shadowChanged(e){this.applyShadow=e}labelChanged(e){this.label=e}sizeChanged(e){this.size=e}menuItemsChanged(e){this.menuItems=e}selectedChanged(e){this.isSelected=e}selectedMenuItemIdChanged(e){this.defaultSelectedMenuItems(e)}connectedCallback(){this.isSelected=this.selected,this.isMenuExpanded=this.expanded,this.defaultSelectedMenuItems(this.selectedMenuItemId)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionHeaderNavigationItemMenu()}))}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,l=this?.size??"sm",h=this.id,v=this.menuId,p=this?.menuItems??[],m=this?.isMenuExpanded??!1,u=this?.borderRadius??"none",b=this?.applyShadow??!1,f=this.hasMenu(),y=c({selected:e,appearance:a,selectionAppearance:i,size:l,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"a4d69317daff54b5abc4ebb64095f208da12ef26",id:h,"header-nav-item-appearance":a,"header-nav-item-size":l,"header-nav-item-selection-appearance":i,"header-nav-item-selected":e?"true":"false",class:y,onClick:this.onItemClick,"header-nav-item-expanded":m},o("slot",{key:"d0ba32dd346cc17b322945454201fff5d7457419",name:"headerNavItemLeadingIcon"}),n&&""!==n?o("div",{class:"gids-header-navigation-item__label"},o("span",null,n)):void 0,f?o("div",{class:"gids-header-navigation-item__chevron"},o(t,{name:"chevron-down",size:"xl"!==l?l:"lg"})):void 0,f&&m?o("div",{class:"gids-header-navigation-item__dropdown-menu-container",id:v,role:"headerNavigationPickerbox",onClick:e=>e.stopPropagation()},o(d,{type:"default"},p.map(((e,a)=>{const i=e?.data??[];return o(s,{key:`${a+1}`,sectionLabel:e?.sectionLabel??""},i.map(((e,i)=>{const r=this.isMenuItemSelected(e.id);return o(g,{key:`${i}`,id:e.id,title:e?.title,value:e?.value,disabled:e?.disabled,index:i,selected:r,onPressDropdownItem:o=>this.onMenuItemClick({event:o,selectedItem:{...e,id:e.id},sectionIndex:a,itemIndex:i})})})))})))):void 0)}get hostElement(){return this}static get watchers(){return{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}"}},[260,"gids-header-navigation-item",{id:[1],menuId:[1,"menu-id"],expanded:[4],borderRadius:[1,"border-radius"],applyShadow:[4,"apply-shadow"],appearance:[1],selectionAppearance:[1,"selection-appearance"],selected:[4],selectedMenuItemId:[1,"selected-menu-item-id"],label:[1],size:[1],selectionType:[1,"selection-type"],menuItems:[16],onPressNavigationItem:[16],onMenuItemChange:[16],isSelected:[32],isMenuExpanded:[32],selectedMenuItems:[32]},void 0,{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-header-navigation-item"].forEach((a=>{"gids-header-navigation-item"===a&&(customElements.get(e(a))||customElements.define(e(a),l))}))}h();export{l as G,h as d}
|
|
1
|
+
import{t as e,p as a,H as i,h as o,c as r}from"./p-B4hcsDH0.js";import{GidsHeaderNavigationItemWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as t}from"./p-iQRr_fAH.js";import{G as d,a as s}from"./p-BBlUduEr.js";import{G as g}from"./p-B3AB3GQ0.js";const{getGidsHeaderNavigationItemClassNames:c}=n,l=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.borderRadius="none",this.applyShadow=!1,this.appearance="default",this.selectionAppearance="default",this.selected=!1,this.size="sm",this.selectionType="single-deselection-allowed",this.menuItems=[],this.isSelected=!1,this.isMenuExpanded=!1,this.selectedMenuItems=[],this.onItemClick=e=>{if(this.hasMenu())this.isMenuExpanded=!this.isMenuExpanded;else{if(this.isSelected&&"single-deselection-not-allowed"===this.selectionType)return;this.isSelected=!this.isSelected}if(this.onPressNavigationItem){const a=this?.selectedMenuItems?this.selectedMenuItems[0]:void 0;this.onPressNavigationItem({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:this.isSelected,hasMenu:this.hasMenu(),menuExpanded:this.isMenuExpanded,menuItemId:a?.menuItemId??"",menuItemTitle:a?.menuItemTitle,menuItemValue:a?.menuItemValue,menuItemSectionIndex:a?.menuItemSectionIndex,menuItemIndex:a?.menuItemIndex,menuItemSelected:!!a?.menuItemId,menuId:this?.menuId,selectionType:this?.selectionType})}},this.onMenuItemClick=({event:e,selectedItem:a,sectionIndex:i,itemIndex:o})=>{const r=this.isMenuItemSelected(a.id);r&&"single-deselection-not-allowed"===this.selectionType||(r?(this.selectedMenuItems=[],this.isSelected=!1):(this.selectedMenuItems=[{menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!0,menuId:this?.menuId}],this.isSelected=!0),this.isMenuExpanded=!1,this.onMenuItemChange&&this.onMenuItemChange({originalEvent:e,itemId:this.id,itemLabel:this?.label,itemSelected:!r,menuItemTitle:a?.title,menuItemValue:a?.value,menuItemId:a.id,menuItemSectionIndex:i,menuItemIndex:o,menuItemSelected:!r,menuId:this?.menuId,selectionType:this?.selectionType}))},this.defaultSelectedMenuItems=e=>{if(!e)return void(this.selectedMenuItems=[]);const a=this?.menuItems??[];for(let i=0;i<a.length;i++){const o=a[i]?.data??[];for(let a=0;a<o.length;a++){const r=o[a];if(r?.id===e)return this.selectedMenuItems=[{menuItemTitle:r.title,menuItemValue:r.value,menuItemId:r.id,menuItemSectionIndex:i,menuItemIndex:a,menuItemSelected:!0,menuId:this.menuId}],void(this.isSelected=!0)}}this.selectedMenuItems=[]},this.hasMenu=()=>!!(this?.menuItems&&this.menuItems.length>0),this.isMenuItemSelected=e=>{const a=this?.selectedMenuItems??[];if(!a||a.length<=0)return!1;const i=a.findIndex((a=>a.menuItemId===e));return null!=i&&-1!==i},this.positionHeaderNavigationItemMenu=()=>{const e=this.hostElement?.querySelector(".gids-header-navigation-item__dropdown-menu-container");if(!e)return;const a=this.hostElement.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight;e.style.maxHeight="none";const r=e.getBoundingClientRect(),n=o-a.bottom-8,t=a.top-4,d=r.height>n&&t>n,s=d?t:n;e.style.maxHeight=r.height>s?`${s}px`:"none";const g=e.getBoundingClientRect();let c=a.left;c+g.width>i-4&&(c=i-g.width-4),c<4&&(c=4),e.style.left=c-a.left+"px",e.style.top=d?-g.height-4+"px":`${a.height+4}px`}}appearanceChanged(e){this.appearance=e}selectionAppearanceChanged(e){this.selectionAppearance=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}borderRadiusChanged(e){this.borderRadius=e}shadowChanged(e){this.applyShadow=e}labelChanged(e){this.label=e}sizeChanged(e){this.size=e}menuItemsChanged(e){this.menuItems=e}selectedChanged(e){this.isSelected=e}selectedMenuItemIdChanged(e){this.defaultSelectedMenuItems(e)}connectedCallback(){this.isSelected=this.selected,this.isMenuExpanded=this.expanded,this.defaultSelectedMenuItems(this.selectedMenuItemId)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionHeaderNavigationItemMenu()}))}render(){const e=this?.isSelected??!1,a=this?.appearance??"default",i=this?.selectionAppearance??"default",n=this.label,l=this?.size??"sm",h=this.id,v=this.menuId,p=this?.menuItems??[],m=this?.isMenuExpanded??!1,u=this?.borderRadius??"none",b=this?.applyShadow??!1,f=this.hasMenu(),y=c({selected:e,appearance:a,selectionAppearance:i,size:l,expanded:m&&f,applyShadow:b,borderRadius:u});return o(r,{key:"23b3e666fbb62f46250e2c47f03873edf5e804cd",id:h,"header-nav-item-appearance":a,"header-nav-item-size":l,"header-nav-item-selection-appearance":i,"header-nav-item-selected":e?"true":"false",class:y,onClick:this.onItemClick,"header-nav-item-expanded":m},o("slot",{key:"e4e8d615a81c80766e6f59e7d61697c3f33c082e",name:"headerNavItemLeadingIcon"}),n&&""!==n?o("div",{class:"gids-header-navigation-item__label"},o("span",null,n)):void 0,f?o("div",{class:"gids-header-navigation-item__chevron"},o(t,{name:"chevron-down",size:"xl"!==l?l:"lg"})):void 0,f&&m?o("div",{class:"gids-header-navigation-item__dropdown-menu-container",id:v,role:"headerNavigationPickerbox",onClick:e=>e.stopPropagation()},o(d,{type:"default"},p.map(((e,a)=>{const i=e?.data??[];return o(s,{key:`${a+1}`,sectionLabel:e?.sectionLabel??""},i.map(((e,i)=>{const r=this.isMenuItemSelected(e.id);return o(g,{key:`${i}`,id:e.id,title:e?.title,value:e?.value,disabled:e?.disabled,index:i,selected:r,onPressDropdownItem:o=>this.onMenuItemClick({event:o,selectedItem:{...e,id:e.id},sectionIndex:a,itemIndex:i})})})))})))):void 0)}get hostElement(){return this}static get watchers(){return{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}}static get style(){return".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}"}},[260,"gids-header-navigation-item",{id:[1],menuId:[1,"menu-id"],expanded:[4],borderRadius:[1,"border-radius"],applyShadow:[4,"apply-shadow"],appearance:[1],selectionAppearance:[1,"selection-appearance"],selected:[4],selectedMenuItemId:[1,"selected-menu-item-id"],label:[1],size:[1],selectionType:[1,"selection-type"],menuItems:[16],onPressNavigationItem:[16],onMenuItemChange:[16],isSelected:[32],isMenuExpanded:[32],selectedMenuItems:[32]},void 0,{appearance:[{appearanceChanged:0}],selectionAppearance:[{selectionAppearanceChanged:0}],expanded:[{expansionChanged:0}],borderRadius:[{borderRadiusChanged:0}],applyShadow:[{shadowChanged:0}],label:[{labelChanged:0}],size:[{sizeChanged:0}],menuItems:[{menuItemsChanged:0}],selected:[{selectedChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-header-navigation-item"].forEach((a=>{"gids-header-navigation-item"===a&&(customElements.get(e(a))||customElements.define(e(a),l))}))}h();export{l as G,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarMonthListWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as d,a as o}from"./p-
|
|
1
|
+
import{t,p as e,H as s,h as i}from"./p-B4hcsDH0.js";import{GidsCalendarMonthListWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as d,a as o}from"./p-BBlUduEr.js";import{G as h}from"./p-B3AB3GQ0.js";const{getGidsCalendarMonthListClassNames:a,getGidsCalendarMonthListMonths:r}=n,l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="default",this.disabledIndices=[],this.divider=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.handleCalendarMenuItemSelect=t=>{const{title:e,value:s,selectedIndex:i,disabled:n,id:d}=t.detail;n||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:d,month:e,monthInNumber:Number(s),disabled:!1,selectedIndex:i}))},this.handleMenuClick=t=>{if(this.suppressNextMenuClickSelection)return;const e=t?.detail;this.applySelection({id:e.id,monthInNumber:Number(e.value),month:e.title,disabled:!1,selectedIndex:e.selectedIndex})},this.monthsList=()=>r(),this.getSelectedItem=()=>{const t=this.selectedMonthNumber,e=this.monthsList(),s=e.findIndex((e=>e.value===t));let i;return null!=s&&-1!==s&&(i=e[s]),{foundItem:i,foundIndex:s}},this.isItemSelected=t=>{const{foundIndex:e}=this.getSelectedItem();return e===t}}connectedCallback(){this.attachItemListener()}disconnectedCallback(){this.detachItemListener()}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleCalendarMenuItemSelect),this.hasItemListener=!1)}applySelection(t){this.clearActive(),this.onSelectionMonthChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarMonthChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}render(){const t=a();return i("div",{key:"59a191fefecff9ac070690ecb243ebd70a306390",class:t},i(d,{key:"a90a1353aa7d094a3ca401e5932ea057d98ca3d8",type:this.type,supportingText:this.noOptionsText},i(o,{key:"0bd03ee45c2392f3bd923d93a7d8119871d22bf9",sectionLabel:"Months"},this.monthsList().map(((t,e)=>{const s=`${e+1}`,n=this.disabledIndices?.includes(e);return i(h,{title:t.title,value:`${t.value}`,key:`${e.toString()}`,index:e,id:s,selected:this.isItemSelected(e),onPressDropdownItem:this.handleMenuClick,disabled:n,divider:this.divider,isPlaceholderItem:!1})})))))}get hostElement(){return this}},[0,"gids-calendar-month-list",{type:[1],noOptionsText:[1,"no-options-text"],disabledIndices:[16],divider:[4],selectedMonthNumber:[2,"selected-month-number"],onSelectionMonthChange:[16]}]);function c(){"undefined"!=typeof customElements&&["gids-calendar-month-list"].forEach((e=>{"gids-calendar-month-list"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}c();export{l as G,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s,F as a}from"./p-B4hcsDH0.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as
|
|
1
|
+
import{t as e,p as t,H as i,h as s,F as a}from"./p-B4hcsDH0.js";import{isInteractiveElement as n}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-iQRr_fAH.js";import{G as l}from"./p-DaB_FzcG.js";const c=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.#e={},this._focusInput=e=>{const t=e.target;t===this.#t||this._isWithinInteractiveElement(t)||this.#t?.focus()},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}get defaultValue(){return this.#t?.defaultValue??this.#e.defaultValue??""}set defaultValue(e){this.#t?this.#t.defaultValue=e:this.#e.defaultValue=e}get value(){return this.#t?.value??this.#e.value??this.#e.defaultValue??""}set value(e){this.#t?this.#t.value=e:this.#e.value=e}#t;#e;_isWithinInteractiveElement(e){if(null===e||e===this._el||!this._el.contains(e))return!1;if(n(e))return!0;{const t=e.parentElement;if(t)return this._isWithinInteractiveElement(t)}return!1}connectedCallback(){this._el.addEventListener("click",this._focusInput)}disconnectedCallback(){this._el.removeEventListener("click",this._focusInput)}render(){return s(a,{key:"571ed3a5815c1cef82a0115634d4d181a73e0515"},s("slot",{key:"50188a10937675d31a93e46070fd2ce7709a0763",name:"leadingIcon"}),this.leadingLabel&&s("span",{key:"37aa8f33f1490ef0ca77f6ae7fabc0abb88ad749",class:"gids-input__label"},this.leadingLabel),s("slot",{key:"d1482ff4d6b9f2a0da0cedc45a738eeae6ee969d",name:"leadingAccessory"}),s("input",{key:"ba004d40d2feee851187e3c7d778b423976817d6",...this.inputProps,ref:e=>{this.#t=e,void 0!==this.#e.value&&(this.#t.value=this.#e.value,delete this.#e.value),void 0!==this.#e.defaultValue&&(this.#t.defaultValue=this.#e.defaultValue,delete this.#e.defaultValue)},class:"gids-input__control",name:this.name,disabled:this.disabled,readOnly:this.readOnly,required:this.required,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur}),s("slot",{key:"b74721099ecf423895c306e63d42d6ae5ddbf8d2",name:"trailingAccessory"}),this.trailingLabel&&s("span",{key:"2ffdc81450931d653f76948961a4f55559df9010",class:"gids-input__label"},this.trailingLabel),s("slot",{key:"806cae677da57a02924ff0d0166a2bf16c5a9e15",name:"trailingIcon"}),"incomplete"===this.status&&s(d,{key:"a238cdac45fc718976cce8ca022e32a946d9fe1a",name:"warning",appearance:"filled",class:"gids-input__warning-icon"}),"complete"===this.status&&s(d,{key:"2ce2f8354b5f1c1d2d2376fae1b672e6361cd504",name:"positive",appearance:"filled",class:"gids-input__positive-icon"}),this.loading&&s(l,{key:"1d93199143a67f7a1a0b1e9a96dc698974248a61",size:"md",indeterminate:!0}))}get _el(){return this}},[260,"gids-input",{appearance:[513],defaultValue:[6657,"default-value"],disabled:[516],inputProps:[16],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],name:[513],readOnly:[516,"readonly"],required:[516],status:[513],value:[6145]}]);function r(){"undefined"!=typeof customElements&&["gids-input"].forEach((t=>{"gids-input"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}r();export{c as G,r as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{d as l}from"./p-D0RJMGGj.js";import{d as n}from"./p-DnRuhvRw.js";import{d as o}from"./p-E13ycS5K.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,y=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-y)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*y,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+y-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+y},${t.crownY} ${i+y},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:y,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
|
|
1
|
+
import{t,p as a,H as i,h as e}from"./p-B4hcsDH0.js";import{GidsBarChartWebUtils as s}from"@ganpatiinfo/gids-web-shared";import{G as r}from"./p-C-Lpfqcg.js";import{d as l}from"./p-DLX-l0-L.js";import{d as n}from"./p-x1tVOUSt.js";import{d as o}from"./p-DYKcsBzA.js";const{getGidsBarChartClassNames:d}=s,g=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.breakpoint="desktop",this.legend="none",this.chartData=[],this.yAxisVisible=!1,this.dataPoints=[],this.chartLoaderSize="lg",this.chartLoading=!1,this.width=0,this.height=0,this.hoveredIndex=null,this.tooltip={visible:!1,x:0,y:0}}chartDataChanged(){this.updateDimensions()}dataPointsChanged(t){this.dataPoints=t}legendChanged(t){this.legend=t}yAxisVisibilityChanged(t){this.yAxisVisible=t}componentDidLoad(){this.updateDimensions(),this.resizeObserver=new ResizeObserver((()=>this.updateDimensions())),this.hostElement.parentElement&&this.resizeObserver.observe(this.hostElement.parentElement)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}updateDimensions(){const t=this.hostElement.getBoundingClientRect();this.width=t.width,this.height=t.height>0?t.height:300}getTooltipItems(t){return this.chartData.reduce(((a,i)=>{const e=i.data[t];return e?(a.push({label:i?.label??"",value:String(e.value),seriesIndicatorColor:i?.seriesColor??""}),a):a}),[])}render(){if(this.chartLoading)return e("div",{class:"gids-bar-chart__no-data"},e(r,{label:this.chartLoadingTitle,supportingText:this.chartLoadingSupportingText,size:this?.chartLoaderSize??"lg"}));const t=this?.chartData?.[0]?.data?.map((t=>t.label))??[],a=t.length,i=Array(a).fill(0);this.chartData.forEach((t=>{Array.isArray(t?.data)&&t.data.forEach(((t,e)=>{e<a&&(i[e]=(i[e]??0)+(t?.value||0))}))}));const s=i.length>0?Math.max(...i):10,l=Math.pow(10,Math.floor(Math.log10(s||1)));let n=l;s/l<=2?n=l/5:s/l<=5&&(n=l/2);const o=Math.ceil(s/n)*n,g=[];if(Array.isArray(this.dataPoints)&&this.dataPoints.length>0){const t=[...this.dataPoints].sort(((t,a)=>t-a)),a=t.length>1?(t[1]??200)-(t[0]??0):200,e=Math.max(...t,o,...i),s=Math.ceil(e/(a||1));for(let t=0;t<=s;t++)g.push(t*a)}else{const t=5,a=o/(t-1);for(let i=0;i<t;i++)g.push(Math.round(0+i*a))}const h=Math.max(...g)-0||1,c=d({breakpoint:this.breakpoint});let p=!1,b=!1;"mobile"===this.breakpoint?"none"!==this.legend&&(p=!0):"top"===this.legend?p=!0:"right"===this.legend&&(b=!0);const m=100/a,x=.4*m;return e("div",{class:c},p?e("div",{class:"gids-bar-chart__header"},e("gids-chart-legend",{orientation:"horizontal"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"horizontal"},t.label))))):null,e("div",{class:"gids-bar-chart__main-container"},e("div",{class:"gids-bar-chart__grid-layout"},e("span",{class:"gids-bar-chart__y-axis-label"},this.yAxisLabel),e("div",{class:"gids-bar-chart__chart-stage-container"},this.yAxisVisible?e("div",{class:"gids-bar-chart__y-axis-scale-container"},g.map((t=>e("span",{class:"gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value",key:t,style:{bottom:(t-0)/h*100+"%"}},t)))):null,e("div",{class:"gids-bar-chart__chart-stage"},e("svg",{viewBox:"0 0 100 100",class:"gids-bar-chart__chart-vector",preserveAspectRatio:"none"},g.map((t=>{const a=100-(t-0)/h*100;return e("line",{x1:"0",y1:a,x2:"100",y2:a,class:"gids-bar-chart__grid-line",key:t})})),t.map(((t,a)=>{const i=a*m+(m-x)/2;let s=0;const r=[...this.chartData.map(((t,i)=>{if(!Array.isArray(t.data))return null;const e=t.data[a];if(!e)return null;const r=(e.value||0)/h*100,l=100-r-s;return s+=r,{seriesIdx:i,crownY:l,height:r,seriesColor:t?.seriesColor}})).filter((t=>null!==t&&t.height>0))].sort(((t,a)=>a.seriesIdx-t.seriesIdx));return e("g",{key:a},r.map((t=>{const a=.3*x,s=`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tM ${i},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i},${t.crownY} ${i+a},${t.crownY}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i+x-a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tQ ${i+x},${t.crownY} ${i+x},${t.crownY+a}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tV 100\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tH ${i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tZ\n\t\t\t\t\t\t\t\t\t\t\t\t\t`.replace(/\s+/g," ").trim();return e("path",{key:t.seriesIdx,d:s,class:"gids-bar-chart__bar",style:{fill:t?.seriesColor}})})),e("rect",{x:i,y:"0",width:x,height:"100",fill:"transparent","pointer-events":"all",onMouseMove:t=>{this.hoveredIndex=a,this.tooltip={visible:!0,x:t.clientX,y:t.clientY}},onMouseLeave:()=>{this.hoveredIndex=null,this.tooltip={...this.tooltip,visible:!1}}}))}))),e("gids-advanced-tooltip",{visible:this.tooltip.visible,x:this.tooltip.x,y:this.tooltip.y,items:null!==this.hoveredIndex?this.getTooltipItems(this.hoveredIndex):[]}))),e("div",{class:"gids-bar-chart__x-axis-scale-container"},t.map(((t,a)=>e("span",{class:"gids-bar-chart__scale-text",key:a},t)))),e("span",{class:"gids-bar-chart__x-axis-label"},this.xAxisLabel)),b?e("gids-chart-legend",{orientation:"vertical"},this.chartData.map((t=>e("gids-chart-legend-item",{key:t.label,seriesColor:t?.seriesColor,orientation:"vertical"},t.label)))):null))}get hostElement(){return this}static get watchers(){return{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}}static get style(){return":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-600);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-200);gap:var(--gids-gap-050);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}"}},[0,"gids-bar-chart",{breakpoint:[1],legend:[1],chartData:[16],yAxisVisible:[4,"y-axis-visible"],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],dataPoints:[16],chartLoaderSize:[1,"chart-loader-size"],chartLoading:[4,"chart-loading"],chartLoadingTitle:[1,"chart-loading-title"],chartLoadingSupportingText:[1,"chart-loading-supporting-text"],width:[32],height:[32],hoveredIndex:[32],tooltip:[32]},void 0,{chartData:[{chartDataChanged:0}],dataPoints:[{dataPointsChanged:0}],legend:[{legendChanged:0}],yAxisVisible:[{yAxisVisibilityChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["gids-bar-chart","gids-advanced-tooltip","gids-chart-legend","gids-chart-legend-item"].forEach((a=>{switch(a){case"gids-bar-chart":customElements.get(t(a))||customElements.define(t(a),g);break;case"gids-advanced-tooltip":customElements.get(t(a))||l();break;case"gids-chart-legend":customElements.get(t(a))||n();break;case"gids-chart-legend-item":customElements.get(t(a))||o()}}))}h();export{g as G,h as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as s,h as n,F as i}from"./p-B4hcsDH0.js";import{G as o}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.constrainPlacements=["bottom","top"],this.matchReferenceWidth=!0,this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onFlyoutPanelShow():e&&!this.floatingElementManager.isVisible()&&this.onFlyoutPanelHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onFlyoutPanelHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onFlyoutPanelHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new o(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#flyout-panel",showArrow:!1,visibilityClass:"gids-flyout-panel--visible",elementType:a.FLYOUT_PANEL,constrainPlacements:this?.constrainPlacements??["bottom","top"],constrainToViewportHeight:!0,matchReferenceWidth:this?.matchReferenceWidth??!0,getAnchorElementFromSlot:t=>{const e=t.querySelector('slot[name="anchor"]');return e?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("click",this.handleToggleEvent),document.addEventListener("click",this.handleDocumentClick),document.addEventListener("keydown",this.handleKeyDown))}onFlyoutPanelShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onFlyoutPanelHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#flyout-panel");if(!t)return;const e=[],s=c(t);e.push(...s);const n=this._el.shadowRoot?.querySelector("slot:not([name])");n&&n.assignedElements({flatten:!0}).forEach((t=>{const s=c(t);e.push(...s)})),this.focusableElements=e.sort(((t,e)=>{const s=t.compareDocumentPosition(e),n=Boolean(s&Node.DOCUMENT_POSITION_FOLLOWING),i=Boolean(s&Node.DOCUMENT_POSITION_PRECEDING);return n?-1:i?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];let n=document.activeElement;if(n===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(n=t)}const i=-1!==this.focusableElements.indexOf(n);t.shiftKey?n!==e&&i||(t.preventDefault(),s&&s.focus()):n!==s&&i||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}constrainPlacementsChanged(t){this.floatingElementManager?.updateConfig({constrainPlacements:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&t.removeEventListener("click",this.handleToggleEvent),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown)}flyoutPanelVisible(){return!!this.floatingElementManager.isVisible()}openPanel(t){this.floatingElementManager.isVisible()||this.handleToggleEvent(t)}closePanel(t){this.floatingElementManager.isVisible()&&this.handleToggleEvent(t)}async isFlyoutPanelVisible(){return this.flyoutPanelVisible()}async openFlyoutPanel(t){this.openPanel(t)}async closeFlyoutPanel(t){this.closePanel(t)}render(){return n(i,{key:"5c1652a168d27045c28c7cae5d56fe3c3b43457f"},n("slot",{key:"dbadbb0e93053a04d647fd7af31c2363813c46c9",name:"anchor"}),n("div",{key:"ca341b9babdf1c8d5862e0517814892743f27a07",id:"flyout-panel",part:"flyout-panel",role:"dialog","aria-modal":"true",tabindex:"-1"},n("div",{key:"b7bd390c78988bd35673c6d7aee4fb122bc0d9e5"},n("slot",{key:"c989d0ac0497f350d2403aa075c6bc46c9821f2a"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],constrainPlacements:[{constrainPlacementsChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){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}"}},[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}]}]),r=t=>{if(!(t instanceof s))return!1;if(-1===t.tabIndex)return!1;if(t.hasAttribute("disabled"))return!1;const e=getComputedStyle(t);if("none"===e.display||"hidden"===e.visibility||t.hidden)return!1;try{const e=t.tabIndex;t.tabIndex=-1,t.focus();const s=document.activeElement===t;return t.tabIndex=e,s&&t.blur(),s}catch{return!1}},c=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>r(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),s=[];r(t)&&s.push(t);let n=e.nextNode();for(;null!==n;)s.push(n),n=e.nextNode();return s};function h(){"undefined"!=typeof customElements&&["gids-flyout-panel"].forEach((e=>{"gids-flyout-panel"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}h();export{l as G,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,F as i}from"./p-B4hcsDH0.js";import{GidsButtonGroupWebUtils as e,GidsHeadingWebUtils as s,GidsEditButtonWebUtils as n,GidsListItemWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-iQRr_fAH.js";import{G as d}from"./p-BRNvHMdK.js";const{getGidsButtonGroupClassNames:o}=e,r=({layout:i,class:e},s)=>t("span",{class:o({layout:i},e)},s),{getGidsHeadingClassNames:c,getGidsHeadingSupportingTextTypographyClass:g}=s,_=({heading:i,supportingText:e,level:s="section",children:n,supportingTextTypography:l,class:a})=>t("div",{class:c(a)},t("div",{class:"gids-heading__content-container"},null!=i&&""!==i?"string"==typeof i?""!==i?t("span",{class:"section"===s?"gids-heading__heading-text-section":"gids-heading__heading-text-group"},i):null:i:null,null!=e&&""!==e?"string"==typeof e?""!==e?t("span",{class:`${"section"===s?"gids-heading__supporting-text-section":"gids-heading__supporting-text-group"} ${g(l)}`},e):null:e:null),n?t(r,{layout:"wrap"},n):null),{getGidsEditButtonClassNames:p}=n,u=({disabled:i,children:e,size:s="md",editButtonType:n="add",onPressEditButton:l,class:d,...o})=>t("button",{class:p({size:s},d),...o,onClick:l,disabled:i},"custom"===n&&e?t("div",null,e):"add"===n?t("div",{class:i?"gids-edit-button__add gids-edit-button__disabled":"gids-edit-button__add"},t(a,{name:"add",appearance:"filled",size:s})):"remove"===n?t("div",{class:i?"gids-edit-button__remove gids-edit-button__disabled":"gids-edit-button__remove"},t(a,{appearance:"filled",name:"remove",size:s})):void 0),{getGidsListItemClassNames:m}=l,b=({id:e,value:s,index:n,defaultSelected:l,disabled:o,selected:r,editButton:c,onPressEditButton:g,onPressListItem:_,leadingAccessory:p,leadingSupport:b,leadingParagraph:y,trailingContent:v,trailingAccessory:f,trailingSupport:x,trailingParagraph:h,divider:B,role:C="list-item-option",isPlaceholderItem:G,class:P,...z},I)=>{const T=r||l;return t("button",{type:"button",id:e,class:m({selected:T,disabled:o},P),role:C,"aria-selected":T?"true":"false",disabled:o,value:(()=>{if("string"==typeof s&&""!==s.trim())return s;const t=I;return t?(Array.isArray(t)?t:[t]).map((t=>"string"==typeof t||"number"==typeof t?String(t):t&&"object"==typeof t&&"text"in t?t.text??"":"")).join("").trim():""})(),tabIndex:n,onClick:t=>{const i=t.currentTarget;if(!i)return;if(t.defaultPrevented||i.disabled)return;const e=new CustomEvent("onPressListItem",{bubbles:!0,composed:!0,detail:{selectedIndex:n,defaultSelected:l,isPlaceholderItem:G}});_?.(e)},"is-placeholder-item":G?"true":"false",...z},t("div",{class:"gids-list-item__main-container"},null==c||"none"===c||o?null:t(u,{size:"md",editButtonType:c,onPressEditButton:g}),null!=p?t("div",{class:o?"gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__leading-accessory-container"},p):null,t("div",{class:"gids-list-item__middle-content-container"},t("div",{class:"gids-list-item__leading-content-container"},t(i,null,null!=I?t("span",{class:o?"gids-list-item__leading-content-label gids-list-item__text-content-disabled":"gids-list-item__leading-content-label"},I):null,t("div",{class:"gids-list-item__leading-support-content"},null!=b?"string"==typeof b?t("p",{class:o?"gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-supporting-text"},b):b:null,null!=y?"string"==typeof y?t("p",{class:o?"gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-paragraph-text"},y):y:null))),t("div",{class:"gids-list-item__trailing-content-container"},t(i,null,null!=v?"string"==typeof v?t("span",{class:o?"gids-list-item__trailing-content-label gids-list-item__text-content-disabled":"gids-list-item__trailing-content-label"},v):v:null,t("div",{class:"gids-list-item__trailing-support-content"},null!=x?"string"==typeof x?t("p",{class:o?"gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-supporting-text"},x):x:null,null!=h?"string"==typeof h?t("p",{class:o?"gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-paragraph-text"},h):h:null)))),T?t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},t(a,{name:"checkmark",size:"md",appearance:"regular"})):null,T||null==f?null:t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},f)),B&&!T?t("div",{class:"gids-list-item__divider"},t(d,{orientation:"horizontal"})):null)};export{r as G,
|
|
1
|
+
import{h as t,F as i}from"./p-B4hcsDH0.js";import{GidsButtonGroupWebUtils as e,GidsHeadingWebUtils as s,GidsEditButtonWebUtils as n,GidsListItemWebUtils as l}from"@ganpatiinfo/gids-web-shared";import{G as a}from"./p-iQRr_fAH.js";import{G as d}from"./p-BRNvHMdK.js";const{getGidsButtonGroupClassNames:o}=e,r=({layout:i,class:e},s)=>t("span",{class:o({layout:i},e)},s),{getGidsHeadingClassNames:c,getGidsHeadingSupportingTextTypographyClass:g}=s,_=({heading:i,supportingText:e,level:s="section",children:n,supportingTextTypography:l,class:a})=>t("div",{class:c(a)},t("div",{class:"gids-heading__content-container"},null!=i&&""!==i?"string"==typeof i?""!==i?t("span",{class:"section"===s?"gids-heading__heading-text-section":"gids-heading__heading-text-group"},i):null:i:null,null!=e&&""!==e?"string"==typeof e?""!==e?t("span",{class:`${"section"===s?"gids-heading__supporting-text-section":"gids-heading__supporting-text-group"} ${g(l)}`},e):null:e:null),n?t(r,{layout:"wrap"},n):null),{getGidsEditButtonClassNames:p}=n,u=({disabled:i,children:e,size:s="md",editButtonType:n="add",onPressEditButton:l,class:d,...o})=>t("button",{class:p({size:s},d),...o,onClick:l,disabled:i},"custom"===n&&e?t("div",null,e):"add"===n?t("div",{class:i?"gids-edit-button__add gids-edit-button__disabled":"gids-edit-button__add"},t(a,{name:"add",appearance:"filled",size:s})):"remove"===n?t("div",{class:i?"gids-edit-button__remove gids-edit-button__disabled":"gids-edit-button__remove"},t(a,{appearance:"filled",name:"remove",size:s})):void 0),{getGidsListItemClassNames:m}=l,b=({id:e,value:s,index:n,defaultSelected:l,disabled:o,selected:r,editButton:c,onPressEditButton:g,onPressListItem:_,leadingAccessory:p,leadingSupport:b,leadingParagraph:y,trailingContent:v,trailingAccessory:f,trailingSupport:x,trailingParagraph:h,divider:B,role:C="list-item-option",isPlaceholderItem:G,class:P,...z},I)=>{const T=r||l;return t("button",{type:"button",id:e,class:m({selected:T,disabled:o},P),role:C,"aria-selected":T?"true":"false",disabled:o,value:(()=>{if("string"==typeof s&&""!==s.trim())return s;const t=I;return t?(Array.isArray(t)?t:[t]).map((t=>"string"==typeof t||"number"==typeof t?String(t):t&&"object"==typeof t&&"text"in t?t.text??"":"")).join("").trim():""})(),tabIndex:n,onClick:t=>{const i=t.currentTarget;if(!i)return;if(t.defaultPrevented||i.disabled)return;const e=new CustomEvent("onPressListItem",{bubbles:!0,composed:!0,detail:{selectedIndex:n,defaultSelected:l,isPlaceholderItem:G}});_?.(e)},"is-placeholder-item":G?"true":"false",...z},t("div",{class:"gids-list-item__main-container"},null==c||"none"===c||o?null:t(u,{size:"md",editButtonType:c,onPressEditButton:g}),null!=p?t("div",{class:o?"gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__leading-accessory-container"},p):null,t("div",{class:"gids-list-item__middle-content-container"},t("div",{class:"gids-list-item__leading-content-container"},t(i,null,null!=I?t("span",{class:o?"gids-list-item__leading-content-label gids-list-item__text-content-disabled":"gids-list-item__leading-content-label"},I):null,t("div",{class:"gids-list-item__leading-support-content"},null!=b?"string"==typeof b?t("p",{class:o?"gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-supporting-text"},b):b:null,null!=y?"string"==typeof y?t("p",{class:o?"gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__leading-content-paragraph-text"},y):y:null))),t("div",{class:"gids-list-item__trailing-content-container"},t(i,null,null!=v?"string"==typeof v?t("span",{class:o?"gids-list-item__trailing-content-label gids-list-item__text-content-disabled":"gids-list-item__trailing-content-label"},v):v:null,t("div",{class:"gids-list-item__trailing-support-content"},null!=x?"string"==typeof x?t("p",{class:o?"gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-supporting-text"},x):x:null,null!=h?"string"==typeof h?t("p",{class:o?"gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled":"gids-list-item__trailing-content-paragraph-text"},h):h:null)))),T?t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},t(a,{name:"checkmark",size:"md",appearance:"regular"})):null,T||null==f?null:t("div",{class:o?"gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled":"gids-list-item__trailing-accessory-container"},f)),B&&!T?t("div",{class:"gids-list-item__divider"},t(d,{orientation:"horizontal"})):null)};export{r as G,_ as a,b}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as s,H as t,h as e}from"./p-B4hcsDH0.js";import{g as o}from"./p-B2zUuNXz.js";import{G as c}from"./p-iQRr_fAH.js";const n=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}connectedCallback(){const i=o();void 0!==i&&this._el.shadowRoot?.adoptedStyleSheets.push(i)}render(){return e(c,{key:"
|
|
1
|
+
import{t as i,p as s,H as t,h as e}from"./p-B4hcsDH0.js";import{g as o}from"./p-B2zUuNXz.js";import{G as c}from"./p-iQRr_fAH.js";const n=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}connectedCallback(){const i=o();void 0!==i&&this._el.shadowRoot?.adoptedStyleSheets.push(i)}render(){return e(c,{key:"c9001181f20d03baa6262bbb947afea2059862e0",name:this.name,size:this.size,appearance:this.appearance,alt:this.alt,titleId:this.titleId})}get _el(){return this}static get style(){return".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}"}},[1,"gids-icon",{name:[1],size:[1],appearance:[1],alt:[1],titleId:[1,"title-id"]}]);function a(){"undefined"!=typeof customElements&&["gids-icon"].forEach((s=>{"gids-icon"===s&&(customElements.get(i(s))||customElements.define(i(s),n))}))}a();export{n as G,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as
|
|
1
|
+
import{t,p as e,H as i,h as a,c as s}from"./p-B4hcsDH0.js";import{autoUpdate as o,offset as l,flip as d,shift as n,arrow as r,computePosition as p,platform as c}from"@floating-ui/dom";import{e as g}from"./p-BKcvOO8o.js";import{GidsAdvancedTooltipWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{g as v}from"./p-B2zUuNXz.js";import{G as m}from"./p-iQRr_fAH.js";const{getGidsAdvancedTooltipClassNames:f}=h,b=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.x=0,this.y=0,this.offset=12,this.placement="top",this.items=[],this.currentPlacement="top"}connectedCallback(){const t=v();t&&this.host.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){const t=this.host.shadowRoot;if(!t)return;const e=t.querySelector(".gids-advanced-tooltip__arrow");e instanceof i&&(this.tooltipElement=this.host,this.arrowElement=e,this.createVirtualReference(),this.startAutoUpdate(),this.updatePosition())}disconnectedCallback(){this.cleanupAutoUpdate?.()}visibleChanged(){this.updatePosition()}positionChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}itemsChanged(){this.updatePosition()}createVirtualReference(){this.virtualReference||(this.virtualReference={getBoundingClientRect:()=>new DOMRect(this.x,this.y,0,0)})}startAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=o(this.virtualReference,this.tooltipElement,(()=>{this.updatePosition()}),{ancestorScroll:!0,ancestorResize:!1,elementResize:!0,layoutShift:!0,animationFrame:!0})}getMiddleware(){return[l(this.offset),d({padding:this.offset}),n({padding:this.offset}),r({element:this.arrowElement,padding:this.offset})]}async updatePosition(){if(this.tooltipElement)try{const{x:t,y:e,placement:i,middlewareData:a}=await p(this.virtualReference,this.tooltipElement,{placement:this.placement,strategy:"fixed",middleware:this.getMiddleware(),platform:{...c,getOffsetParent:t=>c.getOffsetParent(t,g)}});if(this.currentPlacement=i,Object.assign(this.tooltipElement.style,{left:`${t}px`,top:`${e}px`,position:"fixed"}),a.arrow&&this.arrowElement){const{x:t,y:e}=a.arrow;let s;switch(i.split("-")[0]??"top"){case"top":s="bottom";break;case"right":s="left";break;case"bottom":s="top";break;default:s="right"}Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[s]:"-5px",transform:"rotate(45deg)"})}}catch(t){console.error("computePosition failed",t)}}render(){const t=f({visible:this.visible});return a(s,{key:"748ae0c741e6c57c595cdf5cee6823d19b1d842e",class:t,role:"tooltip",part:"tooltip"},a("div",{key:"1de05fb586445bb1e78032a05f79c650296113fe",class:"gids-advanced-tooltip__arrow",part:"arrow"}),a("div",{key:"b040f25e6ab464f8f7fe0e36666c7aedfcbd3003",class:"gids-advanced-tooltip__content"},this.items.map((t=>a("div",{class:"gids-advanced-tooltip__item",key:`${t.label}-${t.value}`},a("div",{class:"gids-advanced-tooltip__left"},a(m,{name:"new",size:"xs",appearance:"filled",style:{"--gidsIcon-color":t.seriesIndicatorColor}}),a("span",{class:"gids-advanced-tooltip__label"},t.label)),a("span",{class:"gids-advanced-tooltip__value"},t.value))))))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var( --gids-color-background-neutral-bold-default );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{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);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{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);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}"}},[1,"gids-advanced-tooltip",{visible:[516],x:[2],y:[2],offset:[2],placement:[1],items:[16],currentPlacement:[32]},void 0,{visible:[{visibleChanged:0}],x:[{positionChanged:0}],y:[{positionChanged:0}],placement:[{placementChanged:0}],items:[{itemsChanged:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-advanced-tooltip"].forEach((e=>{"gids-advanced-tooltip"===e&&(customElements.get(t(e))||customElements.define(t(e),b))}))}_();export{b as G,_ as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,h as s}from"./p-B4hcsDH0.js";import{GidsDropdownPickerWebUtils as n}from"@ganpatiinfo/gids-web-shared";import{G as o}from"./p-Dg_WeHpV.js";import{G as d}from"./p-iQRr_fAH.js";const{getGidsDropdownPickerClassNames:r}=n,h=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="subtle",this.size="sm",this.idPicker="",this.expanded=!1,this.hasLeadingIcon=!1,this.hasItemListener=!1,this.suppressNextMenuClickSelection=!1,this.hasDocumentListeners=!1,this.handleDropdownPickerItemSelect=t=>{if(this.isFromNestedDropdown(t))return;const{value:e,title:i,disabled:s,id:n,isPlaceholderItem:o}=t.detail;s||"string"!=typeof e||(this.suppressNextMenuClickSelection=!0,queueMicrotask((()=>{this.suppressNextMenuClickSelection=!1})),this.applySelection({id:n,value:e,title:i,disabled:!1,originalEvent:t,isPlaceholderItem:o}))},this.handleMenuClick=t=>{if(this.isFromNestedDropdown(t))return;if(this.suppressNextMenuClickSelection)return;const e=t.target;if(!(e instanceof Element))return;const i=e.closest(".gids-dropdown-item");if(!i||!this.hostElement.contains(i))return;if(i.hasAttribute("disabled")||"true"===i.getAttribute("aria-disabled"))return;const s=i instanceof HTMLButtonElement?i.value:i.getAttribute("value")||"";if("string"!=typeof s||0===s.length)return;const n=i instanceof HTMLButtonElement?i.id:i.getAttribute("id")??"";if("string"!=typeof n||0===n.length)return;const o=i.getAttribute("is-placeholder-item")??"";this.applySelection({id:n,value:s,title:i.textContent?.trim()??"",disabled:!1,originalEvent:t,isPlaceholderItem:!(!o||"true"!==o)})},this.handleTriggerToggle=t=>{this.isInteractive()&&this.setExpandedState(!this.expanded,t)},this.handleDropdownButtonClickToggle=t=>{t.defaultPrevented||(t.stopPropagation(),this.handleTriggerToggle(t))},this.handleOutSpaceClickOfDropdownButtonToggle=t=>{this.expanded&&(t.stopPropagation(),this.setExpandedState(!1))},this.handleDocumentPointerDown=t=>{2!==t.button&&this.expanded&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.hostElement)||this.hostElement.contains(t.target)||this.setExpandedState(!1,t))},this.handleDocumentKeyDown=t=>{if(!this.expanded)return;const e=t.key;if("Escape"===e||"Esc"===e)return t.preventDefault(),void this.setExpandedState(!1,t);"Tab"===e&&this.setExpandedState(!1,t)},this.handleFormReset=()=>{this.value=this.initialValue,this.selectedItemTitle=void 0,this.setExpandedState(!1)}}handleExpandedChange(t){t&&!this.isInteractive()&&(this.expanded=!1)}handleInteractivityChange(){!this.isInteractive()&&this.expanded&&this.setExpandedState(!1)}connectedCallback(){this.initialValue=this.value,this.attachItemListener(),this.attachDocumentListeners(),this.attachFormListener()}disconnectedCallback(){this.detachItemListener(),this.detachDocumentListeners(),this.detachFormListener()}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]')}getDropdownButtonControl(){return this.hostElement.querySelector(".gids-button")}getItemElements(){return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"))}attachItemListener(){this.hasItemListener||(this.hostElement.addEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!0)}detachItemListener(){this.hasItemListener&&(this.hostElement.removeEventListener("onPressDropdownItem",this.handleDropdownPickerItemSelect),this.hasItemListener=!1)}applySelection(t){this.value=t.value,this.selectedItemTitle="string"==typeof t.title?t.title:void 0,this.clearActive(),this.setExpandedState(!1,this.coerceEvent(t.originalEvent)),this.onSelectionChange?.(t),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange",{bubbles:!0,composed:!0,detail:t}))}clearActive(){this.getItemElements().forEach((t=>t.classList.remove("gids-dropdown-item--active")))}isFromNestedDropdown(t){return t.composedPath().some((t=>t instanceof Element&&(t.matches("gids-dropdown")||t.matches("gids-calendar-picker"))))}setExpandedState(t,e){const i=Boolean(t);i&&!this.isInteractive()||this.expanded!==i&&(this.expanded=i,i||(this.clearActive(),this.syncInputDisplayValue()),this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle",{bubbles:!0,composed:!0,detail:{expanded:i,originalEvent:e}})))}syncInputDisplayValue(){const t=this.getDropdownButtonControl();t&&t.value!==(this.selectedItemTitle??"")&&(t.value=this.selectedItemTitle??"")}attachDocumentListeners(){this.hasDocumentListeners||"undefined"==typeof document||(document.addEventListener("pointerdown",this.handleDocumentPointerDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!0)}detachDocumentListeners(){this.hasDocumentListeners&&"undefined"!=typeof document&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.hasDocumentListeners=!1)}attachFormListener(){const t=this.hostElement.closest("form");this.patternForm!==t&&(this.patternForm&&this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=t??void 0,this.patternForm?.addEventListener("reset",this.handleFormReset))}detachFormListener(){this.patternForm&&(this.patternForm.removeEventListener("reset",this.handleFormReset),this.patternForm=void 0)}isInteractive(){return!this.disabled}coerceEvent(t){if("undefined"!=typeof Event&&null!==t)return t instanceof Event?t:void 0}render(){const t=this.expanded&&this.isInteractive(),e=r({expanded:t}),i="string"==typeof this.idPicker?this.idPicker:void 0,n=i?`${i}__menu`:void 0;return s("div",{key:"5b141d4cceb88155df51f99786b63ac5be35cb51",class:e,onClick:this.handleOutSpaceClickOfDropdownButtonToggle},s(o,{key:"63e6097d28608ede3f7461edb4979534ccc3b3eb",role:"pickerbox","aria-expanded":t?"true":"false","aria-haspopup":"pickerlistbox","aria-controls":n??"",onClick:this.handleDropdownButtonClickToggle,disabled:this.disabled,value:this.selectedItemTitle??this.value??"",loading:this.loading,appearance:this.appearance,size:this.size},this.hasLeadingIcon?s("slot",{name:"leadingIconDropdownPicker",slot:"leadingIcon"}):s(d,{name:"chevron-down",size:this.size,appearance:"regular",alt:"",slot:"leadingIcon"})),s("div",{key:"49edea362d933e5325796dee950586506c9bdfeb",class:"gids-dropdown-picker__menu",id:n,role:"pickerbox",onClick:this.handleMenuClick},s("slot",{key:"49ac05c6253118b6f2f246783f6a79af3776d234"})))}get hostElement(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}}static get style(){return".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}"}},[260,"gids-dropdown-picker",{appearance:[1],size:[1],idPicker:[1,"id-picker"],expanded:[1540],disabled:[516],loading:[516],value:[513],name:[1],onSelectionChange:[16],selectedItemTitle:[32],hasLeadingIcon:[32]},void 0,{expanded:[{handleExpandedChange:0}],disabled:[{handleInteractivityChange:0}]}]);function a(){"undefined"!=typeof customElements&&["gids-dropdown-picker"].forEach((e=>{"gids-dropdown-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),h))}))}a();export{h as G,a as d}
|