@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
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,t as i,p as n,H as e,F as a}from"./p-B4hcsDH0.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-iQRr_fAH.js";import{G as p}from"./p-Dg_WeHpV.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames:b}=m,v=({notificationTitle:i,children:n,button:e,appearance:a="default",pronunciation:o="standard",onCloseNotificationClick:s,class:r,...l})=>{const m=b(a);return t("div",{class:h({appearance:a},r),...l},"default"!==a&&m?t("div",{class:"gids-notification-container__leading-icon-wrapper"},t(d,{size:"md",name:m,alt:"",appearance:"filled"})):null,t("div",{class:"gids-notification-container__content-wrapper"},t("div",{class:"gids-notification-container__top-content"},t("div",{class:"gids-notification-container__text-content"},null!=i&&""!==i?t("span",{class:"gids-notification-container__title"},i):null,n?"string"==typeof n?t("p",null,n):n:null),"standard"===o?t("div",{class:"gids-notification-container__cross-btn-wrapper"},t(p,{size:"sm",appearance:"subtle",width:"intrinsic",leadingIcon:t(d,{name:"cross",size:"md",appearance:"regular"}),onClick:s})):null),e?t("div",{class:"gids-notification-container__bottom-content"},e):null))},{getComponentClasses:y,getComponentStackClasses:k}=c,w=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._parentOverlayProvider=null,this._componentQueue=[],this._allowedComponentQueue=[],this._exitingComponents=[],this._renderSnackbar=(i,n)=>{const{id:e,message:a,appearance:o,buttonLabel:s,onButtonClick:r}=i;return t(g,{key:e,class:n,children:a,appearance:o,button:null!=s&&""!==s?t(p,{appearance:"subtle",onClick:r},s):void 0})},this._renderNotification=(i,n)=>{const{id:e,notificationTitle:a,message:o,pronunciation:s,appearance:r,buttonLabel:l,onButtonClick:m,timerInMs:c}=i;return t(v,{key:e,class:n,notificationTitle:a,children:o,pronunciation:s,appearance:r,onCloseNotificationClick:()=>this.removeComponent(i,c||0,!0),button:null!=l&&""!==l?t(p,{appearance:"default",size:"sm",onClick:m},l):void 0})},this._renderComponent=t=>{const{componentName:i,position:n="bottom-center",id:e}=t,a=y({position:n,id:e,exitingComponents:this._exitingComponents});return null==i||"snackbar"===i?this._renderSnackbar(t,a):"notification"===i?this._renderNotification(t,a):null}}connectedCallback(){const t=o();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t),this._parentOverlayProvider=s(this._el)}_isRoot(){return null===this._parentOverlayProvider}async getRootOverlayProvider(){return this._isRoot()?this._el:this._parentOverlayProvider}autoHide(t){return new Promise((i=>{const n=setTimeout((()=>(clearTimeout(n),i({isTimeout:!0}))),t)}))}async _queueSnackbar(t){const{appearance:i,message:n,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r}=t,l={id:""+(Date.now()+Math.random()),message:n,appearance:i,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r};this._componentQueue=[...this._componentQueue,l],this.processSingleComponentQueue()}async _queueNotification(t){const{appearance:i,notificationTitle:n,pronunciation:e,message:a,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m}=t,c={id:""+(Date.now()+Math.random()),notificationTitle:n,message:a,pronunciation:e,appearance:i,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m};this._componentQueue=[...this._componentQueue,c],this.processMultiComponentQueue()}async queueComponent(t){if(await this._isRoot()){const{componentName:i}=t;null!=i&&"snackbar"!==i||this._queueSnackbar(t),"notification"===i&&this._queueNotification(t)}else(await this.getRootOverlayProvider()).queueComponent(t)}async removeComponent(t,i,n){return n||await this.autoHide(i),this._exitingComponents=[...this._exitingComponents,t.id],new Promise((i=>{setTimeout((()=>{this._componentQueue=this._componentQueue.filter((i=>i.id!==t.id)),this._exitingComponents=this._exitingComponents.filter((i=>i!==t.id)),this._allowedComponentQueue=[],i()}),500)}))}async processSingleComponentQueue(){if(0===this._componentQueue.length)return;const t=this._componentQueue[0];if(!t)return;this._allowedComponentQueue=[t],await new Promise((t=>requestAnimationFrame((()=>t()))));const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1),this.processSingleComponentQueue()}async processMultiComponentQueue(){const t=this._componentQueue;0!==t.length&&(this._allowedComponentQueue=t,await new Promise((t=>requestAnimationFrame((()=>t())))),this._allowedComponentQueue.map((async t=>{const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1)})),this.processMultiComponentQueue())}render(){const i=this._allowedComponentQueue[0]?.position||"bottom-center";return t(a,{key:"f3a0ab5debe5b2f6b777cf48653028627f89d8a1"},t("slot",{key:"88f4108449b47807c1936e9133a3a4ee8a1b122b"}),this._isRoot()?t("div",{class:k({position:i})},[...this._allowedComponentQueue].reverse().map((t=>this._renderComponent(t)))):null)}get _el(){return this}static get style(){return".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}"}},[257,"gids-overlay-provider",{_componentQueue:[32],_allowedComponentQueue:[32],_exitingComponents:[32],queueComponent:[64]}]);function C(){"undefined"!=typeof customElements&&["gids-overlay-provider"].forEach((t=>{"gids-overlay-provider"===t&&(customElements.get(i(t))||customElements.define(i(t),w))}))}C();const _=w,N=C;export{_ as GidsOverlayProvider,N as defineCustomElement}
|
|
1
|
+
import{h as t,t as i,p as n,H as e,F as a}from"./p-B4hcsDH0.js";import{g as o}from"./p-B2zUuNXz.js";import{g as s,a as r}from"./p-CVtNa0cL.js";import{GidsSnackbarContainerWebUtils as l,GidsNotificationContainerWebUtils as m,GidsOverlayProviderWebUtils as c}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-iQRr_fAH.js";import{G as p}from"./p-Dg_WeHpV.js";const{getGidsSnackbarContainerClassNames:f,getSnackbarContainerIconNames:u}=l,g=({appearance:i="default",children:n,button:e,class:a,...o})=>{const s=u(i);return t("div",{...o,class:f({appearance:i},a)},t("div",{class:"gids-snackbar-container__content"},"default"!==i&&null!=s?t(d,{name:s,alt:"",appearance:"filled",size:"md",class:"gids-snackbar-container__icon"}):null,"string"==typeof n?t("p",null,n):n),e)},{getGidsNotificationContainerClassNames:h,getNotificationContainerIconNames:b}=m,v=({notificationTitle:i,children:n,button:e,appearance:a="default",pronunciation:o="standard",onCloseNotificationClick:s,class:r,...l})=>{const m=b(a);return t("div",{class:h({appearance:a},r),...l},"default"!==a&&m?t("div",{class:"gids-notification-container__leading-icon-wrapper"},t(d,{size:"md",name:m,alt:"",appearance:"filled"})):null,t("div",{class:"gids-notification-container__content-wrapper"},t("div",{class:"gids-notification-container__top-content"},t("div",{class:"gids-notification-container__text-content"},null!=i&&""!==i?t("span",{class:"gids-notification-container__title"},i):null,n?"string"==typeof n?t("p",null,n):n:null),"standard"===o?t("div",{class:"gids-notification-container__cross-btn-wrapper"},t(p,{size:"sm",appearance:"subtle",width:"intrinsic",leadingIcon:t(d,{name:"x-circle",size:"md",appearance:"regular"}),onClick:s})):null),e?t("div",{class:"gids-notification-container__bottom-content"},e):null))},{getComponentClasses:y,getComponentStackClasses:k}=c,w=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this._parentOverlayProvider=null,this._componentQueue=[],this._allowedComponentQueue=[],this._exitingComponents=[],this._renderSnackbar=(i,n)=>{const{id:e,message:a,appearance:o,buttonLabel:s,onButtonClick:r}=i;return t(g,{key:e,class:n,children:a,appearance:o,button:null!=s&&""!==s?t(p,{appearance:"subtle",onClick:r},s):void 0})},this._renderNotification=(i,n)=>{const{id:e,notificationTitle:a,message:o,pronunciation:s,appearance:r,buttonLabel:l,onButtonClick:m,timerInMs:c}=i;return t(v,{key:e,class:n,notificationTitle:a,children:o,pronunciation:s,appearance:r,onCloseNotificationClick:()=>this.removeComponent(i,c||0,!0),button:null!=l&&""!==l?t(p,{appearance:"default",size:"sm",onClick:m},l):void 0})},this._renderComponent=t=>{const{componentName:i,position:n="bottom-center",id:e}=t,a=y({position:n,id:e,exitingComponents:this._exitingComponents});return null==i||"snackbar"===i?this._renderSnackbar(t,a):"notification"===i?this._renderNotification(t,a):null}}connectedCallback(){const t=o();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t),this._parentOverlayProvider=s(this._el)}_isRoot(){return null===this._parentOverlayProvider}async getRootOverlayProvider(){return this._isRoot()?this._el:this._parentOverlayProvider}autoHide(t){return new Promise((i=>{const n=setTimeout((()=>(clearTimeout(n),i({isTimeout:!0}))),t)}))}async _queueSnackbar(t){const{appearance:i,message:n,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r}=t,l={id:""+(Date.now()+Math.random()),message:n,appearance:i,buttonLabel:e,onButtonClick:a,position:o,componentName:s,...r};this._componentQueue=[...this._componentQueue,l],this.processSingleComponentQueue()}async _queueNotification(t){const{appearance:i,notificationTitle:n,pronunciation:e,message:a,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m}=t,c={id:""+(Date.now()+Math.random()),notificationTitle:n,message:a,pronunciation:e,appearance:i,buttonLabel:o,onButtonClick:s,position:r,componentName:l,...m};this._componentQueue=[...this._componentQueue,c],this.processMultiComponentQueue()}async queueComponent(t){if(await this._isRoot()){const{componentName:i}=t;null!=i&&"snackbar"!==i||this._queueSnackbar(t),"notification"===i&&this._queueNotification(t)}else(await this.getRootOverlayProvider()).queueComponent(t)}async removeComponent(t,i,n){return n||await this.autoHide(i),this._exitingComponents=[...this._exitingComponents,t.id],new Promise((i=>{setTimeout((()=>{this._componentQueue=this._componentQueue.filter((i=>i.id!==t.id)),this._exitingComponents=this._exitingComponents.filter((i=>i!==t.id)),this._allowedComponentQueue=[],i()}),500)}))}async processSingleComponentQueue(){if(0===this._componentQueue.length)return;const t=this._componentQueue[0];if(!t)return;this._allowedComponentQueue=[t],await new Promise((t=>requestAnimationFrame((()=>t()))));const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1),this.processSingleComponentQueue()}async processMultiComponentQueue(){const t=this._componentQueue;0!==t.length&&(this._allowedComponentQueue=t,await new Promise((t=>requestAnimationFrame((()=>t())))),this._allowedComponentQueue.map((async t=>{const i=r({componentName:t?.componentName??"snackbar",timerInMs:t?.timerInMs??0});await this.removeComponent(t,i,!1)})),this.processMultiComponentQueue())}render(){const i=this._allowedComponentQueue[0]?.position||"bottom-center";return t(a,{key:"b05663a31ab6f637e2837b71274b09d50c3e5015"},t("slot",{key:"bfdbff73c68fe94d7889a30ba9074f4d542f8646"}),this._isRoot()?t("div",{class:k({position:i})},[...this._allowedComponentQueue].reverse().map((t=>this._renderComponent(t)))):null)}get _el(){return this}static get style(){return".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}"}},[257,"gids-overlay-provider",{_componentQueue:[32],_allowedComponentQueue:[32],_exitingComponents:[32],queueComponent:[64]}]);function C(){"undefined"!=typeof customElements&&["gids-overlay-provider"].forEach((t=>{"gids-overlay-provider"===t&&(customElements.get(i(t))||customElements.define(i(t),w))}))}C();const _=w,x=C;export{_ as GidsOverlayProvider,x as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,t,p as s,H as i,d as n,f as
|
|
1
|
+
import{h as e,t,p as s,H as i,d as n,f as r,F as a}from"./p-B4hcsDH0.js";import{GidsStrengthMeterWebUtils as d,GidsRequirementsMeterLabelWebUtils as l,GidsRequirementsMeterWebUtils as o,generateId as h,GidsPasswordFieldWebUtils as u}from"@ganpatiinfo/gids-web-shared";import{g as c}from"./p-B2zUuNXz.js";import{G as m}from"./p-BkxmRN-4.js";import{G as f}from"./p-DdJKIFk0.js";import{G as g}from"./p-Dg_WeHpV.js";import{minLengthRuleCanBeApplied as p,getMeterRulesFromRequirements as b,getDefaultRulesAndRequirementsForMeters as x}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils.js";import{GidsStrengthMeterCommonUtils as R,GidsRequirementsMeterLabelCommonUtils as q,GidsRequirementsMeterCommonUtils as v}from"@ganpatiinfo/gids-core-shared";import{minLengthRuleCanBeApplied as w}from"@ganpatiinfo/gids-core-shared/dist/components/GidsRequirementsMeter/GidsRequirementsMeterCommonUtils";import{G as L}from"./p-iQRr_fAH.js";import{d as y}from"./p-gK9DvcL8.js";import{d as M}from"./p-CZgH5rZs.js";const{getGidsStrengthMeterClassNames:k}=d,{getStrengthMeterScore:C,getColorModifierByScore:_}=R,G=({text:t,textMinLength:s,meterRules:i=["1-uppercase","1-lowercase","1-digit","1-special-character","include-min-length"],class:n})=>{const r=(t,s,i)=>e("div",{key:t,class:["gids-strength-meter__strength-"+t,i?"is-active":"",i?s:""].filter(Boolean).join(" ")});return i.length>0?e("div",{class:k(n)},(()=>{const e=i.length,n=C({text:t,textMinLength:s,meterRules:i}),a=_({textScore:n,maxScore:e});return Array.from({length:e},((e,t)=>{const d=t+1,l=d<=n;return"include-min-length"===i[d]?w({requirementRule:"include-min-length",textMinLength:s})?r(d,a,l):null:r(d,a,l)}))})()):null},{getGidsRequirementsMeterLabelClassNames:S}=l,{getRequirementsMeterLabelLeadingIcon:F}=q,P=t=>{const{label:s,status:i="default",leadingIconVisible:n=!0,class:r}=t,a=F(i);return e("div",{class:S({status:i},r)},n&&i&&a?e(L,{name:a,size:"sm",appearance:"filled"}):null,s&&""!==s?e("span",null,s):null)},{checkRequirementRuleSatisfied:T}=v,{getGidsRequirementsMeterClassNames:j}=o,B=({requirements:t=[],text:s,textMinLength:i,class:n})=>{const r=(t,s)=>e(P,{status:s?"success":"error",label:t.requirementText});return e("div",{class:j(n)},t.map((e=>{if(null!=e?.requirementText&&null!=e?.requirementRule){const t=T({rule:e.requirementRule,textMinLength:i,text:s});return"include-min-length"===e.requirementRule?!0===p({requirementRule:e.requirementRule,textMinLength:i})?r(e,t):null:r(e,t)}return null})))},{inputToGidsFieldStatusForPassword:E}=u,I=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsPasswordFieldClear=n(this,"gidsPasswordFieldClear"),this.gidsPasswordFieldRevealPassword=n(this,"gidsPasswordFieldRevealPassword"),this.isPasswordRevealed=!1,this.meterRules=[],this.requirementsMeterRequirements=[],this.requirements=[],this.#e=h(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsPasswordFieldClear.emit()},this._handleRevealPassword=()=>{const e=this.#t?.querySelector("input.gids-input__control");this.isPasswordRevealed=null!=e?.value&&""!==e.value&&!1===this.isPasswordRevealed,this._el.dispatchEvent(new CustomEvent("gidsPasswordFieldRevealPassword",{detail:{passwordRevealed:this.isPasswordRevealed},bubbles:!0,composed:!0}))},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))},this._isRequirementAndStrengthMeterVisible=()=>{const e=this.requirements;return!!(e&&e.length>0)},this._handleRequirementsMeter=()=>{const e=this._isRequirementAndStrengthMeterVisible();this.requirementsMeterRequirements=this.requirements&&this.requirements.length>0?this.requirements:[],this.meterRules=e?b(this.requirements):[]}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{r(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}handleRequirementsChange(e){void 0===e&&(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}componentWillLoad(){this.requirements||(this.requirements=x(this.textMinLength).defaultRequirementsMeterRules),this._handleRequirementsMeter()}connectedCallback(){const e=c();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._handleRequirementsMeter(),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:t,...s}=this.inputProps??{},i=t??this.#e,n=this.showClearButton&&void 0!==this.value&&this.value.length>0,r=this.showRevealPasswordButton,d={...s},l=void 0!==d?.placeholder&&null!==d.placeholder&&""!=d.placeholder?d.placeholder:"Enter password",o=this.isPasswordRevealed,h=this.meterRules,u=void 0!==this.textMinLength?this.textMinLength:8;return e(a,{key:"c4f8525e2e69b41e6f9f52a77d017dc0d686b38b"},e("gids-field",{key:"03ad63882f2207f20df3a4afedbb59b104e24881",disabled:this.disabled,count:void 0,helperText:this.helperText,statusText:this.statusText,status:E(this.status)},e(m,{key:"33357b64b4c1c62f714a798a7a3c0caa8322e1b1",slot:"label",disabled:this.disabled,info:e("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),e("gids-input",{key:"4e37191cc806d038c869028fe9a50fed550715e5",ref:e=>this.#t=e,appearance:"default",status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:void 0,trailingLabel:void 0,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...d,placeholder:l,type:o?"text":"password",id:i,maxLength:this.maxLength}},e("slot",{key:"121d46d41d9b243ea803f22d69297a178405c524",name:"leadingIcon"}),e("slot",{key:"2832bcafe28c59ad96f188f3fed037eee9de2bfc",name:"leadingAccessory"}),e("div",{key:"8c12fb646f736cc5c07b2ba145995f1441b94412",slot:"trailingAccessory",class:"gids-password-field__trailing-accessory"},n&&e(f,{key:"01c77e00cdbfe815a4448bb20c64624f8152f6e7",label:"clear text",size:"lg",onPressDismiss:this._handleDismiss}),r&&e(g,{key:"ef69b5e486745281f985a4a8a51f726f22827239",appearance:"default",size:"xs",width:"intrinsic",disabled:this.disabled,onClick:this._handleRevealPassword},o?"Hide":"Show")))),e("div",{key:"65893ed7dab2df28d03718f4fe97ff9f2b9264df",class:"gids-password-field__meters-container"},e(G,{key:"0d03044768e174159aefc7384bd684adbce4b1cb",meterRules:h,text:this.value,textMinLength:u}),e(B,{key:"e374f8a7ddbc8b36cd7c0ff4b808fd0cb28febe4",requirements:this.requirementsMeterRequirements,text:this.value,textMinLength:u})))}get _el(){return this}static get watchers(){return{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}}},[260,"gids-password-field",{label:[513],showClearButton:[516,"show-clear-button"],showRevealPasswordButton:[516,"show-reveal-password-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],status:[513],loading:[516],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16],textMinLength:[514,"text-min-length"],requirements:[16],isPasswordRevealed:[32],meterRules:[32],requirementsMeterRequirements:[32]},void 0,{requirements:[{handleRequirementsChange:0}],textMinLength:[{handleRequirementsChange:0}]}]);function O(){"undefined"!=typeof customElements&&["gids-password-field","gids-field","gids-input"].forEach((e=>{switch(e){case"gids-password-field":customElements.get(t(e))||customElements.define(t(e),I);break;case"gids-field":customElements.get(t(e))||y();break;case"gids-input":customElements.get(t(e))||M()}}))}O();const z=I,A=O;export{z as GidsPasswordField,A as defineCustomElement}
|
package/dist/gids-pie-chart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as o,d as s}from"./p-DXlBK8TS.js";const p=o,r=s;export{p as GidsPieChart,r as defineCustomElement}
|
package/dist/gids-popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as i,F as s}from"./p-B4hcsDH0.js";import{G as r}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,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))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement: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)}render(){return i(s,{key:"
|
|
1
|
+
import{t,p as e,H as o,h as i,F as s}from"./p-B4hcsDH0.js";import{G as r}from"./p-CTri3IsV.js";import{G as a}from"./p-CPgZgSBN.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.previouslyFocusedElement=null,this.focusableElements=[],this.handleToggleEvent=t=>{t.stopPropagation();const e=this.floatingElementManager.isVisible();this.floatingElementManager.toggle(),!e&&this.floatingElementManager.isVisible()?this.onPopoverShow():e&&!this.floatingElementManager.isVisible()&&this.onPopoverHide()},this.handleDocumentClick=t=>{this.floatingElementManager.isVisible()&&!this._el.contains(t.target)&&(this.floatingElementManager.hide(),this.onPopoverHide())},this.handleKeyDown=t=>{if(this.floatingElementManager.isVisible())return"Escape"===t.key?(t.preventDefault(),this.floatingElementManager.hide(),void this.onPopoverHide()):void("Tab"===t.key&&this.trapFocus(t))}}componentDidLoad(){this.floatingElementManager=new r(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:!0,floatingElementSelector:"#popover",arrowElementSelector:"#arrow",visibilityClass:"gids-popover--visible",elementType:a.POPOVER,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))}onPopoverShow(){this.previouslyFocusedElement=document.activeElement,this.updateFocusableElements(),setTimeout((()=>{this.focusableElements.length>0&&this.focusableElements[0]&&this.focusableElements[0].focus()}),50)}onPopoverHide(){this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null)}updateFocusableElements(){const t=this._el.shadowRoot?.querySelector("#popover");if(!t)return;const e=[],o=l(t);e.push(...o);const i=this._el.shadowRoot?.querySelector("slot:not([name])");i&&i.assignedElements({flatten:!0}).forEach((t=>{const o=l(t);e.push(...o)})),this.focusableElements=e.sort(((t,e)=>{const o=t.compareDocumentPosition(e),i=!!(o&Node.DOCUMENT_POSITION_FOLLOWING),s=!!(o&Node.DOCUMENT_POSITION_PRECEDING);return i?-1:s?1:0}))}trapFocus(t){if(0===this.focusableElements.length)return;const e=this.focusableElements[0],o=this.focusableElements[this.focusableElements.length-1];let i=document.activeElement;if(i===this._el){const t=this._el.shadowRoot?.activeElement;null!==t&&(i=t)}const s=-1!==this.focusableElements.indexOf(i);t.shiftKey?i!==e&&s||(t.preventDefault(),o&&o.focus()):i!==o&&s||(t.preventDefault(),e&&e.focus())}placementChanged(t){this.floatingElementManager?.updateConfig({placement: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)}render(){return i(s,{key:"639f2d4076daa4f4da821412bc6b4dd73a27f41e"},i("slot",{key:"b8602e01db55dafc9121082db2bad185b8449e95",name:"anchor"}),i("div",{key:"a0f6f67f2e8529c8f295286550212871609ca9a5",id:"popover",part:"popover",role:"dialog","aria-modal":"true",tabindex:"-1"},i("span",{key:"7d864bc6691ba1229ac713ea89af1bf01a76b465",id:"arrow"}),i("div",{key:"946ce1bf4c97d74b201a8ebf742e7a798a959368"},i("slot",{key:"701719e3404d9139f85c688f693b2651fef2f516"}))))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-popover{--gidsPopover-background:var(--gids-elevation-surface-overlay-default);--gidsPopover-text-color:var(--gids-color-text-default);--gidsPopover-padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300);--gidsPopover-border-radius:var(--gids-border-radius-lg);--gidsPopover-tip-border-radius:2px;--gidsPopover-tip-size:12px;--gidsPopover-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsPopover-background);--gidsFloatingElement-tip-border-radius:var(--gidsPopover-tip-border-radius)}[part=popover]{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(--gidsPopover-background);color:var(--gidsPopover-text-color);border-radius:var(--gidsPopover-border-radius);box-shadow:var(--gidsPopover-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=popover]:focus{outline:none}[part=popover].gids-popover--visible{pointer-events:initial;opacity:1}[part=popover] span#arrow{position:absolute;height:var(--gidsPopover-tip-size);width:var(--gidsPopover-tip-size);background-color:var(--gidsPopover-background)}"}},[257,"gids-popover",{htmlFor:[513,"for"],placement:[513]},void 0,{placement:[{placementChanged:0}],htmlFor:[{htmlForChanged:0}]}]),d=t=>{if(!(t instanceof o))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 o=document.activeElement===t;return t.tabIndex=e,o&&t.blur(),o}catch{return!1}},l=t=>{const e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>d(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),o=[];d(t)&&o.push(t);let i=e.nextNode();for(;null!==i;)o.push(i),i=e.nextNode();return o};function p(){"undefined"!=typeof customElements&&["gids-popover"].forEach((e=>{"gids-popover"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}p();const h=n,c=p;export{h as GidsPopover,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as o,d as
|
|
1
|
+
import{a as o,d as p}from"./p-jtpLLxuw.js";const s=o,t=p;export{s as GidsProfileMenuHeader,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as s,d as o}from"./p-D_mszaeq.js";const a=s,m=o;export{a as GidsProfileMenu,m as defineCustomElement}
|
package/dist/gids-profile.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as o,H as i,h as r,c as a}from"./p-B4hcsDH0.js";import{GidsProfileWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{GidsProfileMenuHeaderCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{d as s,G as n}from"./p-BCbovLBE.js";import{G as d}from"./p-CcKHKwS0.js";import{G as p}from"./p-iQRr_fAH.js";import{d as g}from"./p--kh67-_Z.js";const{getGidsProfileClassNames:c,getGidsProfileTextClassNames:h}=t,{getProfileHeaderMenuAvatarText:f}=l,u=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.profileControlAppearance="default",this.profileControlAvatarVisible=!0,this.profileControlAvatarBadgeVisible=!0,this.profileControlBorderRadius="none",this.profileControlShadow="none",this.profileControlLeadingIconSize="sm",this.profileControlTrailingIconSize="sm",this.profileControlLeadingIconAppearance="filled",this.profileControlTrailingIconAppearance="filled",this.profileMenuItems=[],this.headerDividerVisible=!1,this.headerVisible=!1,this.listSectionDividerVisible=!1,this.isMenuExpanded=!1,this.selectedProfileMenuItemId=void 0,this.onProfileControlPress=e=>{if(e&&e.stopPropagation(),this.hasMenu()){const o=!this.isMenuExpanded;this.isMenuExpanded=o,this.onPressProfileControl&&this.onPressProfileControl({originalEvent:e,id:this.id,menuId:this?.menuId,expanded:o,profileControlTitle:this?.profileControlTitle,profileControlSupportingText:this?.profileControlSupportingText})}},this.onPressProfileMenuItem=e=>{e?.originalEvent&&(e.originalEvent?.stopPropagation(),e.originalEvent?.preventDefault()),this.isMenuExpanded=!1,this.selectedProfileMenuItemId=e.id,this.onProfileMenuItemPress&&this.onProfileMenuItemPress({...e})},this.onPressHeaderAvatar=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderTitle=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderSupportingText=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.positionProfileMenu=()=>{const e=this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");if(!e)return;const o=this.hostElement.getBoundingClientRect(),i=window.innerWidth,r=window.innerHeight;e.style.maxHeight="none";const a=e.getBoundingClientRect(),t=r-o.bottom-8,l=o.top-4,s=a.height>t&&l>t,n=s?l:t;e.style.maxHeight=a.height>n?n+"px":"none";const d=e.getBoundingClientRect();let p=o.left;p+d.width>i-4&&(p=i-d.width-4),p<4&&(p=4),e.style.left=p-o.left+"px",e.style.top=s?-d.height-4+"px":o.height+4+"px"},this.getProfileControlAvatarText=()=>{const e=this?.profileControlAvatarProps,o=this?.profileControlTitle;return e?.text??f({headerTitle:o})},this.hasHeaderItem=()=>{const e=this?.headerItem,o=this?.headerVisible;return!(!o||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasMenu=()=>!!(this?.profileMenuItems&&this.profileMenuItems.length>0||this.hasHeaderItem()),this.handleDocumentClick=e=>{this.isMenuExpanded&&(e.composedPath().includes(this.hostElement)||(this.isMenuExpanded=!1))}}idChanged(e){this.id=e}profileControlAppearanceChanged(e){this.profileControlAppearance=e}profileControlAvatarPropsChanged(e){this.profileControlAvatarProps=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}profileControlAvatarVisibleChanged(e){this.profileControlAvatarVisible=e}profileControlAvatarBadgeVisibleChanged(e){this.profileControlAvatarBadgeVisible=e}profileControlBorderRadiusChanged(e){this.profileControlBorderRadius=e}profileControlShadowChanged(e){this.profileControlShadow=e}listSectionDividerVisibleChanged(e){this.listSectionDividerVisible=e}profileControlLeadingIconChanged(e){this.profileControlLeadingIcon=e}profileControlTrailingIconChanged(e){this.profileControlTrailingIcon=e}profileControlTitleChanged(e){this.profileControlTitle=e}profileControlSupportingTextChanged(e){this.profileControlSupportingText=e}headerDividerVisibleChanged(e){this.headerDividerVisible=e}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}profileMenuItemsChanged(e){this.profileMenuItems=e}connectedCallback(){this.isMenuExpanded=this?.expanded??!1}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionProfileMenu()}))}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}render(){const e=this?.profileControlAppearance??"default",o=this?.profileControlAvatarProps,i=o?.badgeProps,t=this?.profileControlAvatarVisible??!1,l=this?.profileControlAvatarBadgeVisible??!1,s=this?.profileControlBorderRadius??"none",g=this?.profileControlShadow??"none",f=this?.profileControlLeadingIcon,u=this?.profileControlTrailingIcon,v=this?.profileControlTitle??"",b=this?.profileControlSupportingText??"",C=this?.profileMenuItems??[],m=this?.headerDividerVisible??!1,x=this?.headerVisible??!1,_=this?.headerItem,k=this?.listSectionDividerVisible??!1,y=this?.menuId,w=this?.isMenuExpanded??!1,I=this.hasMenu(),A=this.selectedProfileMenuItemId,V=this?.profileControlLeadingIconSize??"sm",T=this?.profileControlTrailingIconSize??"sm",S=this?.profileControlLeadingIconAppearance??"filled",P=this?.profileControlTrailingIconAppearance??"filled",D=c({profileControlAppearance:e,profileControlBorderRadius:s,profileControlShadow:g,expanded:w&&I}),B=o?.size??"sm",{titleClasses:z,supportingTextClasses:M}=h({profileControlAppearance:e});let H=o?.color??"brand";return"brand"===e&&(H=o?.color??"default"),r(a,{key:"6544a8b12ca555b005aada8583aee6af2716d19b",class:D,onClick:this.onProfileControlPress,"menu-expanded":w},f?r(p,{name:f,size:V,appearance:S}):void 0,r("div",{key:"e2ee877c0168c5c27a64f6e51799294d03c62ac9",class:"gids-profile__main-container"},t?r(n,{appearance:o?.appearance??"text",color:H,size:B,text:this.getProfileControlAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:l?r(d,{appearance:i?.appearance??"information",type:i?.type,count:i?.count,outline:i?.outline}):void 0}):void 0,r("div",{key:"285373353d7ebec41f82e87393f0395d2033331e",class:"gids-profile__content-container"},r("span",{key:"fdb40d72e3c78cf520b8c066e4b046a418eb8d28",class:z},v),r("p",{key:"ea66a5d582c3223357c7da2c38c12286f349f185",class:M},b))),u?r(p,{name:u,size:T,appearance:P}):void 0,I&&w?r("div",{class:"gids-profile__dropdown-menu-container",id:y,role:"profilePickerbox",onClick:e=>e.stopPropagation()},r("gids-profile-menu",{headerItem:_,headerDividerVisible:m,headerVisible:x,listSectionDividerVisible:k,profileMenuItems:C,onHeaderAvatarPress:this.onPressHeaderAvatar,onHeaderTitlePress:this.onPressHeaderTitle,onHeaderSupportingTextPress:this.onPressHeaderSupportingText,onProfileMenuItemPress:this.onPressProfileMenuItem,selectedProfileMenuItemId:A})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{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)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left: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-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}"}},[0,"gids-profile",{id:[1],menuId:[1,"menu-id"],expanded:[4],profileControlAppearance:[1,"profile-control-appearance"],profileControlAvatarProps:[16],profileControlAvatarVisible:[4,"profile-control-avatar-visible"],profileControlAvatarBadgeVisible:[4,"profile-control-avatar-badge-visible"],profileControlBorderRadius:[1,"profile-control-border-radius"],profileControlShadow:[1,"profile-control-shadow"],profileControlLeadingIcon:[1,"profile-control-leading-icon"],profileControlTrailingIcon:[1,"profile-control-trailing-icon"],profileControlLeadingIconSize:[1,"profile-control-leading-icon-size"],profileControlTrailingIconSize:[1,"profile-control-trailing-icon-size"],profileControlLeadingIconAppearance:[1,"profile-control-leading-icon-appearance"],profileControlTrailingIconAppearance:[1,"profile-control-trailing-icon-appearance"],profileControlTitle:[1,"profile-control-title"],profileControlSupportingText:[1,"profile-control-supporting-text"],profileMenuItems:[16],headerDividerVisible:[4,"header-divider-visible"],headerVisible:[4,"header-visible"],headerItem:[16],listSectionDividerVisible:[4,"list-section-divider-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],onPressProfileControl:[16],isMenuExpanded:[32],selectedProfileMenuItemId:[32]},void 0,{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-profile","gids-profile-menu","gids-profile-menu-header"].forEach((o=>{switch(o){case"gids-profile":customElements.get(e(o))||customElements.define(e(o),u);break;case"gids-profile-menu":customElements.get(e(o))||g();break;case"gids-profile-menu-header":customElements.get(e(o))||s()}}))}v();const b=u,C=v;export{b as GidsProfile,C as defineCustomElement}
|
|
1
|
+
import{t as e,p as o,H as i,h as r,c as a}from"./p-B4hcsDH0.js";import{GidsProfileWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{GidsProfileMenuHeaderCommonUtils as l}from"@ganpatiinfo/gids-core-shared";import{d as s,G as n}from"./p-jtpLLxuw.js";import{G as d}from"./p-CcKHKwS0.js";import{G as p}from"./p-iQRr_fAH.js";import{d as g}from"./p-D_mszaeq.js";const{getGidsProfileClassNames:c,getGidsProfileTextClassNames:h}=t,{getProfileHeaderMenuAvatarText:f}=l,u=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expanded=!1,this.profileControlAppearance="default",this.profileControlAvatarVisible=!0,this.profileControlAvatarBadgeVisible=!0,this.profileControlBorderRadius="none",this.profileControlShadow="none",this.profileControlLeadingIconSize="sm",this.profileControlTrailingIconSize="sm",this.profileControlLeadingIconAppearance="filled",this.profileControlTrailingIconAppearance="filled",this.profileMenuItems=[],this.headerDividerVisible=!1,this.headerVisible=!1,this.listSectionDividerVisible=!1,this.isMenuExpanded=!1,this.selectedProfileMenuItemId=void 0,this.onProfileControlPress=e=>{if(e&&e.stopPropagation(),this.hasMenu()){const o=!this.isMenuExpanded;this.isMenuExpanded=o,this.onPressProfileControl&&this.onPressProfileControl({originalEvent:e,id:this.id,menuId:this?.menuId,expanded:o,profileControlTitle:this?.profileControlTitle,profileControlSupportingText:this?.profileControlSupportingText})}},this.onPressProfileMenuItem=e=>{e?.originalEvent&&(e.originalEvent?.stopPropagation(),e.originalEvent?.preventDefault()),this.isMenuExpanded=!1,this.selectedProfileMenuItemId=e.id,this.onProfileMenuItemPress&&this.onProfileMenuItemPress({...e})},this.onPressHeaderAvatar=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderTitle=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.onPressHeaderSupportingText=e=>{e?.originalEvent&&e.originalEvent?.stopPropagation(),this.isMenuExpanded=!1,this.onHeaderAvatarPress&&this.onHeaderAvatarPress({...e})},this.positionProfileMenu=()=>{const e=this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");if(!e)return;const o=this.hostElement.getBoundingClientRect(),i=window.innerWidth,r=window.innerHeight;e.style.maxHeight="none";const a=e.getBoundingClientRect(),t=r-o.bottom-8,l=o.top-4,s=a.height>t&&l>t,n=s?l:t;e.style.maxHeight=a.height>n?n+"px":"none";const d=e.getBoundingClientRect();let p=o.left;p+d.width>i-4&&(p=i-d.width-4),p<4&&(p=4),e.style.left=p-o.left+"px",e.style.top=s?-d.height-4+"px":o.height+4+"px"},this.getProfileControlAvatarText=()=>{const e=this?.profileControlAvatarProps,o=this?.profileControlTitle;return e?.text??f({headerTitle:o})},this.hasHeaderItem=()=>{const e=this?.headerItem,o=this?.headerVisible;return!(!o||!(e?.avatarVisible||e?.avatarProps&&Object.keys(e).length>0||e?.headerSupportingText||e?.headerTitle))},this.hasMenu=()=>!!(this?.profileMenuItems&&this.profileMenuItems.length>0||this.hasHeaderItem()),this.handleDocumentClick=e=>{this.isMenuExpanded&&(e.composedPath().includes(this.hostElement)||(this.isMenuExpanded=!1))}}idChanged(e){this.id=e}profileControlAppearanceChanged(e){this.profileControlAppearance=e}profileControlAvatarPropsChanged(e){this.profileControlAvatarProps=e}expansionChanged(e){this.expanded=e,this.isMenuExpanded=e}profileControlAvatarVisibleChanged(e){this.profileControlAvatarVisible=e}profileControlAvatarBadgeVisibleChanged(e){this.profileControlAvatarBadgeVisible=e}profileControlBorderRadiusChanged(e){this.profileControlBorderRadius=e}profileControlShadowChanged(e){this.profileControlShadow=e}listSectionDividerVisibleChanged(e){this.listSectionDividerVisible=e}profileControlLeadingIconChanged(e){this.profileControlLeadingIcon=e}profileControlTrailingIconChanged(e){this.profileControlTrailingIcon=e}profileControlTitleChanged(e){this.profileControlTitle=e}profileControlSupportingTextChanged(e){this.profileControlSupportingText=e}headerDividerVisibleChanged(e){this.headerDividerVisible=e}headerItemChanged(e){this.headerItem=e}headerVisibleChanged(e){this.headerVisible=e}profileMenuItemsChanged(e){this.profileMenuItems=e}connectedCallback(){this.isMenuExpanded=this?.expanded??!1}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}componentDidRender(){this.isMenuExpanded&&this.hasMenu()&&requestAnimationFrame((()=>{this.positionProfileMenu()}))}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}render(){const e=this?.profileControlAppearance??"default",o=this?.profileControlAvatarProps,i=o?.badgeProps,t=this?.profileControlAvatarVisible??!1,l=this?.profileControlAvatarBadgeVisible??!1,s=this?.profileControlBorderRadius??"none",g=this?.profileControlShadow??"none",f=this?.profileControlLeadingIcon,u=this?.profileControlTrailingIcon,v=this?.profileControlTitle??"",b=this?.profileControlSupportingText??"",C=this?.profileMenuItems??[],m=this?.headerDividerVisible??!1,x=this?.headerVisible??!1,_=this?.headerItem,k=this?.listSectionDividerVisible??!1,y=this?.menuId,w=this?.isMenuExpanded??!1,I=this.hasMenu(),A=this.selectedProfileMenuItemId,V=this?.profileControlLeadingIconSize??"sm",T=this?.profileControlTrailingIconSize??"sm",S=this?.profileControlLeadingIconAppearance??"filled",P=this?.profileControlTrailingIconAppearance??"filled",D=c({profileControlAppearance:e,profileControlBorderRadius:s,profileControlShadow:g,expanded:w&&I}),z=o?.size??"sm",{titleClasses:B,supportingTextClasses:M}=h({profileControlAppearance:e});let L=o?.color??"brand";return"brand"===e&&(L=o?.color??"default"),r(a,{key:"1757a0fd6ac6d1f3a980530591ba881dbeeddffe",class:D,onClick:this.onProfileControlPress,"menu-expanded":w},f?r(p,{name:f,size:V,appearance:S}):void 0,r("div",{key:"fba459a0a7e65675f89fd5813db84ff85610e516",class:"gids-profile__main-container"},t?r(n,{appearance:o?.appearance??"text",color:L,size:z,text:this.getProfileControlAvatarText(),imageSrc:o?.imageSrc??"",alt:o?.alt??"alt-img",badge:l?r(d,{appearance:i?.appearance??"information",type:i?.type,count:i?.count,outline:i?.outline}):void 0}):void 0,r("div",{key:"10d5e2d94c0dc9b8315980adbbd8699b0204b990",class:"gids-profile__content-container"},r("span",{key:"e86a04355c50312591c0fb8533d591616a60023c",class:B},v),r("p",{key:"feacb20a36fd943a4276ed85a2f2b06154aeaecb",class:M},b))),u?r(p,{name:u,size:T,appearance:P}):void 0,I&&w?r("div",{class:"gids-profile__dropdown-menu-container",id:y,role:"profilePickerbox",onClick:e=>e.stopPropagation()},r("gids-profile-menu",{headerItem:_,headerDividerVisible:m,headerVisible:x,listSectionDividerVisible:k,profileMenuItems:C,onHeaderAvatarPress:this.onPressHeaderAvatar,onHeaderTitlePress:this.onPressHeaderTitle,onHeaderSupportingTextPress:this.onPressHeaderSupportingText,onProfileMenuItemPress:this.onPressProfileMenuItem,selectedProfileMenuItemId:A})):void 0)}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}}static get style(){return".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{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)}.gids-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left: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-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}"}},[0,"gids-profile",{id:[1],menuId:[1,"menu-id"],expanded:[4],profileControlAppearance:[1,"profile-control-appearance"],profileControlAvatarProps:[16],profileControlAvatarVisible:[4,"profile-control-avatar-visible"],profileControlAvatarBadgeVisible:[4,"profile-control-avatar-badge-visible"],profileControlBorderRadius:[1,"profile-control-border-radius"],profileControlShadow:[1,"profile-control-shadow"],profileControlLeadingIcon:[1,"profile-control-leading-icon"],profileControlTrailingIcon:[1,"profile-control-trailing-icon"],profileControlLeadingIconSize:[1,"profile-control-leading-icon-size"],profileControlTrailingIconSize:[1,"profile-control-trailing-icon-size"],profileControlLeadingIconAppearance:[1,"profile-control-leading-icon-appearance"],profileControlTrailingIconAppearance:[1,"profile-control-trailing-icon-appearance"],profileControlTitle:[1,"profile-control-title"],profileControlSupportingText:[1,"profile-control-supporting-text"],profileMenuItems:[16],headerDividerVisible:[4,"header-divider-visible"],headerVisible:[4,"header-visible"],headerItem:[16],listSectionDividerVisible:[4,"list-section-divider-visible"],onHeaderAvatarPress:[16],onHeaderTitlePress:[16],onHeaderSupportingTextPress:[16],onProfileMenuItemPress:[16],onPressProfileControl:[16],isMenuExpanded:[32],selectedProfileMenuItemId:[32]},void 0,{id:[{idChanged:0}],profileControlAppearance:[{profileControlAppearanceChanged:0}],profileControlAvatarProps:[{profileControlAvatarPropsChanged:0}],expanded:[{expansionChanged:0}],profileControlAvatarVisible:[{profileControlAvatarVisibleChanged:0}],profileControlAvatarBadgeVisible:[{profileControlAvatarBadgeVisibleChanged:0}],profileControlBorderRadius:[{profileControlBorderRadiusChanged:0}],profileControlShadow:[{profileControlShadowChanged:0}],listSectionDividerVisible:[{listSectionDividerVisibleChanged:0}],profileControlLeadingIcon:[{profileControlLeadingIconChanged:0}],profileControlTrailingIcon:[{profileControlTrailingIconChanged:0}],profileControlTitle:[{profileControlTitleChanged:0}],profileControlSupportingText:[{profileControlSupportingTextChanged:0}],headerDividerVisible:[{headerDividerVisibleChanged:0}],headerItem:[{headerItemChanged:0}],headerVisible:[{headerVisibleChanged:0}],profileMenuItems:[{profileMenuItemsChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-profile","gids-profile-menu","gids-profile-menu-header"].forEach((o=>{switch(o){case"gids-profile":customElements.get(e(o))||customElements.define(e(o),u);break;case"gids-profile-menu":customElements.get(e(o))||g();break;case"gids-profile-menu-header":customElements.get(e(o))||s()}}))}v();const b=u,C=v;export{b as GidsProfile,C as defineCustomElement}
|
package/dist/gids-scrim.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as t,H as e,h as a}from"./p-B4hcsDH0.js";import{g as r}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:
|
|
1
|
+
import{t as s,p as t,H as e,h as a}from"./p-B4hcsDH0.js";import{g as r}from"./p-B2zUuNXz.js";import{GidsScrimWebUtils as i}from"@ganpatiinfo/gids-web-shared";const{getGidsScrimClassNames:c}=i,o=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeClasses=""}handleExtraClassesChange(s){this.activeClasses=c(s)}connectedCallback(){const s=r();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=c(this.extraClasses)}render(){return a("div",{key:"9a1df0ca1a9ec44b2b724d82c6f3e258cf1e4fad",class:this.activeClasses,part:"root"},a("slot",{key:"f8cf6371fef666315470bf35cdff58a8d4316b25"}))}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesChange:0}]}}static get style(){return".gids-scrim{display:flex;flex-direction:column;background-color:var(--gids-color-background-scrim);height:100vh !important;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1001;align-items:center;justify-content:center;backdrop-filter:blur(12)}"}},[257,"gids-scrim",{extraClasses:[513,"extra-classes"],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-scrim"].forEach((t=>{"gids-scrim"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))}n();const l=o,d=n;export{l as GidsScrim,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as o,d as s}from"./p-CKj2Ru6e.js";const p=o,r=s;export{p as GidsSidebarItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as
|
|
1
|
+
import{e as s,d as o}from"./p-B2YjHZsu.js";const p=s,r=o;export{p as GidsSidebarMenu,r as defineCustomElement}
|
package/dist/gids-sidebar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-CcKHKwS0.js";import{G as r}from"./p-BsC3-MVH.js";import{G as c}from"./p-iQRr_fAH.js";import{d as o,G as l,a as h,b as m}from"./p-kWyyLyT3.js";import{G as g}from"./p-BRNvHMdK.js";import{d as p}from"./p-DpvdbdZ-.js";import{d as u}from"./p-bfWlRsx_.js";const{getGidsSidebarClassNames:I}=d,b=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.id="sidebar",this.appearance="default",this.sidebarItemAppearance="subtle",this.sidebarItemSelectionAppearance="default",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.height="intrinsic",this.sectionDividers=!0,this.itemDividers=!1,this.headerDivider=!0,this.menuPlacement="right-end",this.menuConstrainPlacements=["right-end","left-end","left","right","right-start","left-start"],this.listData=[],this.selectedMenuItemSectionIdState=void 0,this.selectedMenuItemIdState=void 0,this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.hasHeaderContent=!1,this.onSidebarItemPress=({event:e,sectionId:t,sectionIndex:i,itemIndex:s})=>{this.selectedSectionIdState=t,this.selectedItemIdState=e?.sidebarItemId??void 0,this.selectedMenuItemSectionIdState=e?.sidebarMenuItemSectionId??void 0,this.selectedMenuItemIdState=e?.sidebarMenuItemId??void 0,this.onSidebarChange&&this.onSidebarChange({...e,originalEvent:e?.originalEvent,sidebarSectionId:t,sidebarSectionIndex:i,sidebarItemIndex:s})},this.hasMenu=e=>{const t=e?.menuData??[];if(t.length<=0)return!1;const i=t[0]?.menuItems??[];if(i.length<=0)return!1;const s=i[0];return!!s?.id},this.sidebarMenuItemSelected=({listItem:e,listItemSectionId:t})=>{if(t===this.selectedSectionIdState&&e.id===this.selectedItemIdState){const t=(e?.menuData??[]).find((e=>e?.sectionId===this?.selectedMenuItemSectionIdState));if(t){const e=t?.menuItems??[];return!!(e.length>0&&e.find((e=>e.id===this?.selectedMenuItemIdState)))}return!1}return!1},this.sidebarItemSelected=({listItem:e,listItemSectionId:t})=>this.hasMenu(e)?this.sidebarMenuItemSelected({listItem:e,listItemSectionId:t}):t===this.selectedSectionIdState&&e.id===this.selectedItemIdState,this.renderAccessory=({accessoryType:e,accessory:t,slotName:i})=>{switch(e){case"badge":return s(n,{...t?.badgeProps,slot:i});case"display-tag":return s(r,{...t?.displayTagProps,label:t?.displayTagProps?.label??"",color:t?.displayTagProps?.color??"accent-1",slot:i,icon:t?.displayTagProps?.iconName?s(c,{name:t.displayTagProps.iconName,appearance:t?.displayTagProps?.iconAppearance??"regular",size:t?.displayTagProps?.iconSize??"md",alt:t?.displayTagProps?.iconAlt}):void 0});case"status-tag":return s(m,{...t?.statusTagProps,slot:i});case"checkbox":return s(h,{checked:t?.checkboxProps?.checked,disabled:t?.checkboxProps?.disabled,indeterminate:t?.checkboxProps?.indeterminate,slot:i},t?.checkboxProps?.label);case"radio":return s(l,{checked:t?.radioProps?.checked,disabled:t?.radioProps?.disabled,slot:i},t?.radioProps?.label);default:return}},this.renderIcon=e=>e?.name?s(c,{name:e.name,appearance:e?.appearance??"regular",size:e?.size??"md",alt:e?.alt,slot:"sidebarItemLeadingIcon"}):void 0}idChanged(e){this.id=e}appearanceChanged(e){this.appearance=e}sidebarItemAppearanceChanged(e){this.sidebarItemAppearance=e}sidebarItemSelectionAppearanceChanged(e){this.sidebarItemSelectionAppearance=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}selectedMenuItemSectionIdChanged(e){this.selectedMenuItemSectionId=e,this.selectedMenuItemSectionIdState=e}selectedMenuItemIdChanged(e){this.selectedMenuItemId=e,this.selectedMenuItemIdState=e}heightChanged(e){this.height=e}sectionDividersChanged(e){this.sectionDividers=e}itemDividersChanged(e){this.itemDividers=e}menuPlacementChanged(e){this.menuPlacement=e}menuConstrainPlacementsChanged(e){this.menuConstrainPlacements=e}listDataChanged(e){this.listData=e}connectedCallback(){this.selectedMenuItemSectionIdState=this.selectedMenuItemSectionId,this.selectedMenuItemIdState=this.selectedMenuItemId,this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId,this.hasHeaderContent=Array.from(this.hostElement.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim().length??0)>0))}render(){const e=this.id,t=this?.appearance??"default",i=this?.sidebarItemAppearance??"subtle",d=this?.sidebarItemSelectionAppearance??"default",n=this?.sidebarMenuItemAppearance??"subtle",r=this?.sidebarMenuItemSelectionAppearance??"default",c=this?.height??"intrinsic",o=this?.menuPlacement??"right-end",l=this?.menuConstrainPlacements&&this.menuConstrainPlacements.length>0?this.menuConstrainPlacements:["right-end","left-end","left","right","right-start","left-start"],h=this?.listData??[],m=this?.sectionDividers??!0,p=this?.itemDividers??!1,u=this?.headerDivider??!0,b=this?.selectedMenuItemSectionIdState??void 0,v=this?.selectedMenuItemIdState??void 0,C=this.hasHeaderContent,f=I({appearance:t,height:c});return s(a,{key:"0b48c64fd20c4197854d539e83fead2de42b2817",class:f,id:e,"data-appearance":t},C?s("div",{class:"gids-sidebar__header-container"},s("slot",null),C&&u?s(g,null):void 0):void 0,h.map(((e,t)=>{const a=e?.lisItems??[],c=e?.listSectionLabel,u=e?.listSectionId;return s("div",{key:`${t+1}-${u}`,class:"gids-sidebar__list-section-container"},c?s("h4",null,c):void 0,a.map(((e,c)=>{const h=`${c+1}-${t+1}-${e.id}`,{leadingAccessoryType:m,leadingAccessory:I,trailingAccessoryType:C,trailingAccessory:f,leadingIconProps:S,...y}=e;return s("div",{class:"gids-sidebar__item-container"},s("gids-sidebar-item",{...y,key:h,id:e.id,appearance:i,selectionAppearance:d,sidebarMenuItemAppearance:n,sidebarMenuItemSelectionAppearance:r,menuPlacement:o,menuConstrainPlacements:l,menuData:e?.menuData??[],menuId:e?.menuId,leadingLabel:e?.leadingLabel,leadingSupportingText:e?.leadingSupportingText,trailingLabel:e?.trailingLabel,trailingSupportingText:e?.trailingSupportingText,disabled:e?.disabled,selectedMenuItemSectionId:b,selectedMenuItemId:v,selected:this.sidebarItemSelected({listItem:e,listItemSectionId:u}),onPressSidebarItem:e=>this.onSidebarItemPress({event:e,sectionId:u,sectionIndex:t,itemIndex:c})},this.renderAccessory({accessoryType:m,accessory:I,slotName:"sidebarItemLeadingAccessory"}),this.renderIcon(S),this.renderAccessory({accessoryType:C,accessory:f,slotName:"sidebarItemTrailingAccessory"})),p&&c<a.length-1?s(g,null):void 0)})),m&&t<h.length-1?s("div",{class:"gids-sidebar__section-divider-container"},s(g,null)):void 0)})))}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}}static get style(){return".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}"}},[260,"gids-sidebar",{id:[1],appearance:[1],sidebarItemAppearance:[1,"sidebar-item-appearance"],sidebarItemSelectionAppearance:[1,"sidebar-item-selection-appearance"],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],selectedMenuItemId:[1,"selected-menu-item-id"],selectedMenuItemSectionId:[1,"selected-menu-item-section-id"],height:[1],sectionDividers:[4,"section-dividers"],itemDividers:[4,"item-dividers"],headerDivider:[4,"header-divider"],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],listData:[16],onSidebarChange:[16],selectedMenuItemSectionIdState:[32],selectedMenuItemIdState:[32],selectedSectionIdState:[32],selectedItemIdState:[32],hasHeaderContent:[32]},void 0,{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["gids-sidebar","gids-flyout-panel","gids-sidebar-item","gids-sidebar-menu"].forEach((t=>{switch(t){case"gids-sidebar":customElements.get(e(t))||customElements.define(e(t),b);break;case"gids-flyout-panel":customElements.get(e(t))||p();break;case"gids-sidebar-item":customElements.get(e(t))||u();break;case"gids-sidebar-menu":customElements.get(e(t))||o()}}))}v();const C=b,f=v;export{C as GidsSidebar,f as defineCustomElement}
|
|
1
|
+
import{t as e,p as t,H as i,h as s,c as a}from"./p-B4hcsDH0.js";import{GidsSidebarWebUtils as d}from"@ganpatiinfo/gids-web-shared";import{G as n}from"./p-CcKHKwS0.js";import{G as r}from"./p-BsC3-MVH.js";import{G as c}from"./p-iQRr_fAH.js";import{d as o,G as l,a as h,b as m}from"./p-B2YjHZsu.js";import{G as g}from"./p-BRNvHMdK.js";import{d as p}from"./p-CxfmNDsm.js";import{d as u}from"./p-CKj2Ru6e.js";const{getGidsSidebarClassNames:I}=d,b=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.id="sidebar",this.appearance="default",this.sidebarItemAppearance="subtle",this.sidebarItemSelectionAppearance="default",this.sidebarMenuItemAppearance="subtle",this.sidebarMenuItemSelectionAppearance="default",this.height="intrinsic",this.sectionDividers=!0,this.itemDividers=!1,this.headerDivider=!0,this.menuPlacement="right-end",this.menuConstrainPlacements=["right-end","left-end","left","right","right-start","left-start"],this.listData=[],this.selectedMenuItemSectionIdState=void 0,this.selectedMenuItemIdState=void 0,this.selectedSectionIdState=void 0,this.selectedItemIdState=void 0,this.hasHeaderContent=!1,this.onSidebarItemPress=({event:e,sectionId:t,sectionIndex:i,itemIndex:s})=>{this.selectedSectionIdState=t,this.selectedItemIdState=e?.sidebarItemId??void 0,this.selectedMenuItemSectionIdState=e?.sidebarMenuItemSectionId??void 0,this.selectedMenuItemIdState=e?.sidebarMenuItemId??void 0,this.onSidebarChange&&this.onSidebarChange({...e,originalEvent:e?.originalEvent,sidebarSectionId:t,sidebarSectionIndex:i,sidebarItemIndex:s})},this.hasMenu=e=>{const t=e?.menuData??[];if(t.length<=0)return!1;const i=t[0]?.menuItems??[];if(i.length<=0)return!1;const s=i[0];return!!s?.id},this.sidebarMenuItemSelected=({listItem:e,listItemSectionId:t})=>{if(t===this.selectedSectionIdState&&e.id===this.selectedItemIdState){const t=(e?.menuData??[]).find((e=>e?.sectionId===this?.selectedMenuItemSectionIdState));if(t){const e=t?.menuItems??[];return!!(e.length>0&&e.find((e=>e.id===this?.selectedMenuItemIdState)))}return!1}return!1},this.sidebarItemSelected=({listItem:e,listItemSectionId:t})=>this.hasMenu(e)?this.sidebarMenuItemSelected({listItem:e,listItemSectionId:t}):t===this.selectedSectionIdState&&e.id===this.selectedItemIdState,this.renderAccessory=({accessoryType:e,accessory:t,slotName:i})=>{switch(e){case"badge":return s(n,{...t?.badgeProps,slot:i});case"display-tag":return s(r,{...t?.displayTagProps,label:t?.displayTagProps?.label??"",color:t?.displayTagProps?.color??"accent-1",slot:i,icon:t?.displayTagProps?.iconName?s(c,{name:t.displayTagProps.iconName,appearance:t?.displayTagProps?.iconAppearance??"regular",size:t?.displayTagProps?.iconSize??"md",alt:t?.displayTagProps?.iconAlt}):void 0});case"status-tag":return s(m,{...t?.statusTagProps,slot:i});case"checkbox":return s(h,{checked:t?.checkboxProps?.checked,disabled:t?.checkboxProps?.disabled,indeterminate:t?.checkboxProps?.indeterminate,slot:i},t?.checkboxProps?.label);case"radio":return s(l,{checked:t?.radioProps?.checked,disabled:t?.radioProps?.disabled,slot:i},t?.radioProps?.label);default:return}},this.renderIcon=e=>e?.name?s(c,{name:e.name,appearance:e?.appearance??"regular",size:e?.size??"md",alt:e?.alt,slot:"sidebarItemLeadingIcon"}):void 0}idChanged(e){this.id=e}appearanceChanged(e){this.appearance=e}sidebarItemAppearanceChanged(e){this.sidebarItemAppearance=e}sidebarItemSelectionAppearanceChanged(e){this.sidebarItemSelectionAppearance=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}selectedMenuItemSectionIdChanged(e){this.selectedMenuItemSectionId=e,this.selectedMenuItemSectionIdState=e}selectedMenuItemIdChanged(e){this.selectedMenuItemId=e,this.selectedMenuItemIdState=e}heightChanged(e){this.height=e}sectionDividersChanged(e){this.sectionDividers=e}itemDividersChanged(e){this.itemDividers=e}menuPlacementChanged(e){this.menuPlacement=e}menuConstrainPlacementsChanged(e){this.menuConstrainPlacements=e}listDataChanged(e){this.listData=e}connectedCallback(){this.selectedMenuItemSectionIdState=this.selectedMenuItemSectionId,this.selectedMenuItemIdState=this.selectedMenuItemId,this.selectedSectionIdState=this.selectedSectionId,this.selectedItemIdState=this.selectedItemId,this.hasHeaderContent=Array.from(this.hostElement.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim().length??0)>0))}render(){const e=this.id,t=this?.appearance??"default",i=this?.sidebarItemAppearance??"subtle",d=this?.sidebarItemSelectionAppearance??"default",n=this?.sidebarMenuItemAppearance??"subtle",r=this?.sidebarMenuItemSelectionAppearance??"default",c=this?.height??"intrinsic",o=this?.menuPlacement??"right-end",l=this?.menuConstrainPlacements&&this.menuConstrainPlacements.length>0?this.menuConstrainPlacements:["right-end","left-end","left","right","right-start","left-start"],h=this?.listData??[],m=this?.sectionDividers??!0,p=this?.itemDividers??!1,u=this?.headerDivider??!0,b=this?.selectedMenuItemSectionIdState??void 0,C=this?.selectedMenuItemIdState??void 0,v=this.hasHeaderContent,f=I({appearance:t,height:c});return s(a,{key:"91b0ee66c7ea0bca4e40daa4deab382eda41af65",class:f,id:e,"data-appearance":t},v?s("div",{class:"gids-sidebar__header-container"},s("slot",null),v&&u?s(g,null):void 0):void 0,h.map(((e,t)=>{const a=e?.lisItems??[],c=e?.listSectionLabel,u=e?.listSectionId;return s("div",{key:`${t+1}-${u}`,class:"gids-sidebar__list-section-container"},c?s("h4",null,c):void 0,a.map(((e,c)=>{const h=`${c+1}-${t+1}-${e.id}`,{leadingAccessoryType:m,leadingAccessory:I,trailingAccessoryType:v,trailingAccessory:f,leadingIconProps:S,...A}=e;return s("div",{class:"gids-sidebar__item-container"},s("gids-sidebar-item",{...A,key:h,id:e.id,appearance:i,selectionAppearance:d,sidebarMenuItemAppearance:n,sidebarMenuItemSelectionAppearance:r,menuPlacement:o,menuConstrainPlacements:l,menuData:e?.menuData??[],menuId:e?.menuId,leadingLabel:e?.leadingLabel,leadingSupportingText:e?.leadingSupportingText,trailingLabel:e?.trailingLabel,trailingSupportingText:e?.trailingSupportingText,disabled:e?.disabled,selectedMenuItemSectionId:b,selectedMenuItemId:C,selected:this.sidebarItemSelected({listItem:e,listItemSectionId:u}),onPressSidebarItem:e=>this.onSidebarItemPress({event:e,sectionId:u,sectionIndex:t,itemIndex:c})},this.renderAccessory({accessoryType:m,accessory:I,slotName:"sidebarItemLeadingAccessory"}),this.renderIcon(S),this.renderAccessory({accessoryType:v,accessory:f,slotName:"sidebarItemTrailingAccessory"})),p&&c<a.length-1?s(g,null):void 0)})),m&&t<h.length-1?s("div",{class:"gids-sidebar__section-divider-container"},s(g,null)):void 0)})))}get hostElement(){return this}static get watchers(){return{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}}static get style(){return".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}"}},[260,"gids-sidebar",{id:[1],appearance:[1],sidebarItemAppearance:[1,"sidebar-item-appearance"],sidebarItemSelectionAppearance:[1,"sidebar-item-selection-appearance"],sidebarMenuItemAppearance:[1,"sidebar-menu-item-appearance"],sidebarMenuItemSelectionAppearance:[1,"sidebar-menu-item-selection-appearance"],selectedSectionId:[1,"selected-section-id"],selectedItemId:[1,"selected-item-id"],selectedMenuItemId:[1,"selected-menu-item-id"],selectedMenuItemSectionId:[1,"selected-menu-item-section-id"],height:[1],sectionDividers:[4,"section-dividers"],itemDividers:[4,"item-dividers"],headerDivider:[4,"header-divider"],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],listData:[16],onSidebarChange:[16],selectedMenuItemSectionIdState:[32],selectedMenuItemIdState:[32],selectedSectionIdState:[32],selectedItemIdState:[32],hasHeaderContent:[32]},void 0,{id:[{idChanged:0}],appearance:[{appearanceChanged:0}],sidebarItemAppearance:[{sidebarItemAppearanceChanged:0}],sidebarItemSelectionAppearance:[{sidebarItemSelectionAppearanceChanged:0}],sidebarMenuItemAppearance:[{sidebarMenuItemAppearanceChanged:0}],sidebarMenuItemSelectionAppearance:[{sidebarMenuItemSelectionAppearanceChanged:0}],selectedSectionId:[{selectedSectionIdChanged:0}],selectedItemId:[{selectedItemIdChanged:0}],selectedMenuItemSectionId:[{selectedMenuItemSectionIdChanged:0}],selectedMenuItemId:[{selectedMenuItemIdChanged:0}],height:[{heightChanged:0}],sectionDividers:[{sectionDividersChanged:0}],itemDividers:[{itemDividersChanged:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],listData:[{listDataChanged:0}]}]);function C(){"undefined"!=typeof customElements&&["gids-sidebar","gids-flyout-panel","gids-sidebar-item","gids-sidebar-menu"].forEach((t=>{switch(t){case"gids-sidebar":customElements.get(e(t))||customElements.define(e(t),b);break;case"gids-flyout-panel":customElements.get(e(t))||p();break;case"gids-sidebar-item":customElements.get(e(t))||u();break;case"gids-sidebar-menu":customElements.get(e(t))||o()}}))}C();const v=b,f=C;export{v as GidsSidebar,f as defineCustomElement}
|
package/dist/gids-skeleton.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as n,h as i,c as s}from"./p-B4hcsDH0.js";import{GidsSkeletonWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getSkeletonBaseClassNames:o}=a,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="text",this.animation="none"}getDimension(e){if(null!=e)return"number"==typeof e?e+"px":e}getStyle(){const e={},t=this.getDimension(this.width),n=this.getDimension(this.height);return void 0!==t&&(e.width=t),void 0!==n&&(e.height=n),e}render(){const e=o({variant:this.variant??"text",animation:this.animation??"none"});return i(s,{key:"
|
|
1
|
+
import{t as e,p as t,H as n,h as i,c as s}from"./p-B4hcsDH0.js";import{GidsSkeletonWebUtils as a}from"@ganpatiinfo/gids-web-shared";const{getSkeletonBaseClassNames:o}=a,r=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="text",this.animation="none"}getDimension(e){if(null!=e)return"number"==typeof e?e+"px":e}getStyle(){const e={},t=this.getDimension(this.width),n=this.getDimension(this.height);return void 0!==t&&(e.width=t),void 0!==n&&(e.height=n),e}render(){const e=o({variant:this.variant??"text",animation:this.animation??"none"});return i(s,{key:"c51bb3ead82b8f16229f1d6623891e3a6bec5663",class:e,style:this.getStyle(),"aria-hidden":"true"})}static get style(){return'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var( --gids-color-background-accent-9-subtle-default );--gidsSkeleton-wave-background:linear-gradient( 90deg, transparent 0%, var(--gids-color-background-accent-9-subtler-default) 50%, transparent 100% );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}'}},[0,"gids-skeleton",{variant:[1],animation:[1],width:[8],height:[8]}]);function d(){"undefined"!=typeof customElements&&["gids-skeleton"].forEach((t=>{"gids-skeleton"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}d();const l=r,g=d;export{l as GidsSkeleton,g as defineCustomElement}
|
package/dist/gids-tab-item.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as r,H as a,h as i,c as o}from"./p-B4hcsDH0.js";import{GidsTabItemWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-CcKHKwS0.js";const{getGidsTabItemClassNames:c}=t,s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const e=c({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,a=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",s=this.label;return i(o,{key:"
|
|
1
|
+
import{t as e,p as r,H as a,h as i,c as o}from"./p-B4hcsDH0.js";import{GidsTabItemWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{G as d}from"./p-CcKHKwS0.js";const{getGidsTabItemClassNames:c}=t,s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.width="intrinsic",this.appearance="default",this.badgeVisible=!1,this.badgeAppearance="information",this.badgeType="dot",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.handleHostClick=()=>{this.onPressGidsTabItem&&this.onPressGidsTabItem({itemId:this.itemId,label:this?.label??"",active:this?.active??!1,appearance:this?.appearance??"default",name:this?.name,badgeCount:this?.badgeCount??0})}}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleBadgeVisibilityChange(e){this.badgeVisible=e}handleBadgeAppearanceChange(e){this.badgeAppearance=e}handleBadgeTypeChange(e){this.badgeType=e}handleActiveChange(e){this.active=e}componentWillLoad(){this.checkSlots()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconTabItem"]'),this.hasTrailingIcon=!!this.hostElement.querySelector('[slot="trailingIconTabItem"]')}render(){const e=c({appearance:this.appearance,width:this.width,active:this.active}),r=this.hasTrailingIcon,a=this.badgeVisible,t="primary"===this.appearance&&this.active?"inverse":this.badgeAppearance??"information",s=this.label;return i(o,{key:"b65559e69561401097fb08ede52c110df0a9f2a0",class:e,onClick:this.handleHostClick},this.hasLeadingIcon?i("slot",{name:"leadingIconTabItem"}):void 0,s&&""!==s?i("span",{class:"gids-tab-item__label"},s&&""!==s?s:void 0,a?i(d,{appearance:t,type:this.badgeType,count:this.badgeCount}):void 0):void 0,r?i("slot",{name:"trailingIconTabItem"}):void 0)}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}}static get style(){return".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__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);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}"}},[260,"gids-tab-item",{itemId:[1,"item-id"],label:[1],active:[4],name:[1],width:[1],appearance:[1],badgeVisible:[4,"badge-visible"],badgeAppearance:[1,"badge-appearance"],badgeCount:[2,"badge-count"],badgeType:[1,"badge-type"],onPressGidsTabItem:[16],hasLeadingIcon:[32],hasTrailingIcon:[32]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],badgeVisible:[{handleBadgeVisibilityChange:0}],badgeAppearance:[{handleBadgeAppearanceChange:0}],badgeType:[{handleBadgeTypeChange:0}],active:[{handleActiveChange:0}]}]);function n(){"undefined"!=typeof customElements&&["gids-tab-item"].forEach((r=>{"gids-tab-item"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}n();const g=s,l=n;export{g as GidsTabItem,l as defineCustomElement}
|
package/dist/gids-tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as a,h as s,c as i}from"./p-B4hcsDH0.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleActiveTabIdChange(e){this.activeTabId=e}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((e=>{e&&(e.appearance=this.appearance,e.width=this.width,e.active=this.isTabActive(e.itemId),e.onPressGidsTabItem=e=>{this.activeTabId=e?.itemId,this.onPressGidsTab&&this.onPressGidsTab(e),this.syncPropsToChildren()})}))}isTabActive(e){return e===this.activeTabId}render(){const e=d({width:this.width,appearance:this.appearance});return s(i,{key:"
|
|
1
|
+
import{t as e,p as t,H as a,h as s,c as i}from"./p-B4hcsDH0.js";import{GidsTabWebUtils as n}from"@ganpatiinfo/gids-web-shared";const{getGidsTabClassNames:d}=n,h=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.width="intrinsic",this.appearance="default"}handleWidthChange(e){this.width=e}handleAppearanceChange(e){this.appearance=e}handleActiveTabIdChange(e){this.activeTabId=e}componentDidLoad(){this.syncPropsToChildren(),this.hostElement.addEventListener("slotchange",(()=>this.syncPropsToChildren()))}componentDidUpdate(){this.syncPropsToChildren()}syncPropsToChildren(){this.hostElement.querySelectorAll("gids-tab-item").forEach((e=>{e&&(e.appearance=this.appearance,e.width=this.width,e.active=this.isTabActive(e.itemId),e.onPressGidsTabItem=e=>{this.activeTabId=e?.itemId,this.onPressGidsTab&&this.onPressGidsTab(e),this.syncPropsToChildren()})}))}isTabActive(e){return e===this.activeTabId}render(){const e=d({width:this.width,appearance:this.appearance});return s(i,{key:"019641979327818117e2fb8852ebd56ee2508206",class:e},s("slot",{key:"3cb4af9d1be44c8975d6d59605ddc4ed967e6b46"}))}get hostElement(){return this}static get watchers(){return{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}}static get style(){return".gids-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gids-gap-150);overflow-y:hidden;overflow-x:scroll}.gids-tab--full{display:flex}.gids-tab--item-subtle{gap:0}.gids-tab--item-underlined{gap:0}"}},[260,"gids-tab",{width:[1],appearance:[1],activeTabId:[1,"active-tab-id"],onPressGidsTab:[16]},void 0,{width:[{handleWidthChange:0}],appearance:[{handleAppearanceChange:0}],activeTabId:[{handleActiveTabIdChange:0}]}]);function c(){"undefined"!=typeof customElements&&["gids-tab"].forEach((t=>{"gids-tab"===t&&(customElements.get(e(t))||customElements.define(e(t),h))}))}c();const r=h,l=c;export{r as GidsTab,l as defineCustomElement}
|
package/dist/gids-text-field.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as i,d as s,f as a,h as
|
|
1
|
+
import{t as e,p as t,H as i,d as s,f as a,h as n}from"./p-B4hcsDH0.js";import{GidsTextFieldCommonUtils as d}from"@ganpatiinfo/gids-core-shared";import{generateId as l,GidsTextFieldWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{g as o}from"./p-B2zUuNXz.js";import{G as h}from"./p-BkxmRN-4.js";import{G as u}from"./p-DdJKIFk0.js";import{d as c}from"./p-gK9DvcL8.js";import{d as f}from"./p-CZgH5rZs.js";const{formatCharCount:m}=d,{inputToGidsFieldStatus:b}=r,p=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.gidsTextFieldClear=s(this,"gidsTextFieldClear"),this.#e=l(),this._handleDismiss=()=>{const e=this.#t?.querySelector("input.gids-input__control");e&&(e.value="",e.dispatchEvent(new globalThis.Event("input",{bubbles:!0}))),this.value="",this.gidsTextFieldClear.emit()},this._handleInput=e=>{this.value=e.target?.value},this._handleInputFocusAndBlur=e=>{this._el.dispatchEvent(new FocusEvent(e.type,{relatedTarget:e.relatedTarget}))}}_startSlotContentObserver(){this._slotContentObserver=new MutationObserver((()=>{a(this)})),this._slotContentObserver.observe(this._el,{childList:!0,subtree:!1,attributes:!0,attributeFilter:["slot"]})}connectedCallback(){const e=o();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e),this._startSlotContentObserver()}disconnectedCallback(){this._slotContentObserver?.disconnect(),this._slotContentObserver=void 0}#e;#t;render(){const{id:e,...t}=this.inputProps??{},i=e??this.#e,s=this.showClearButton&&void 0!==this.value&&this.value.length>0;return n("gids-field",{key:"d1d2d381d0ffc2d4b3dc6b33eb7f064961a90b22",disabled:this.disabled,count:m(this.value?.length,this.maxLength),helperText:this.helperText,statusText:this.statusText,status:b(this.status)},n(h,{key:"7b131dd6a2c022a0a3185109aef968b1090def6a",slot:"label",disabled:this.disabled,info:n("slot",{name:"info"}),fieldRequirement:this.fieldRequirement,fieldRequirementOptionalText:this.fieldRequirementOptionalText,fieldRequirementRequiredText:this.fieldRequirementRequiredText,isLabelSentence:this.isLabelSentence,htmlFor:i},this.label),n("gids-input",{key:"a7525f0a2e1cfb9d9b9dce61fa277294db8197ee",ref:e=>this.#t=e,appearance:this.appearance,status:this.status,loading:this.loading,value:this.value,defaultValue:this.defaultValue,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readOnly,leadingLabel:this.leadingLabel,trailingLabel:this.trailingLabel,onFocus:this._handleInputFocusAndBlur,onBlur:this._handleInputFocusAndBlur,onInput:this._handleInput,inputProps:{...t,type:this.type,id:i,maxLength:this.maxLength}},n("slot",{key:"e6978fc6459cb0021f1ab2b8936dd2df17a8389a",name:"leadingIcon"}),n("slot",{key:"5146c8dc404c9f64114a95e1925f9e3abea48223",name:"leadingAccessory"}),s&&n(u,{key:"e53ca6864fccc936e6449c2d93c04c84bb30432a",label:"clear text",slot:"trailingAccessory",size:"lg",onPressDismiss:this._handleDismiss}),n("slot",{key:"0d79c869c1ebc55384978d12b8938a730ddd8861",name:"trailingIcon"})))}get _el(){return this}},[260,"gids-text-field",{label:[513],showClearButton:[516,"show-clear-button"],helperText:[513,"helper-text"],statusText:[513,"status-text"],appearance:[513],status:[513],leadingLabel:[513,"leading-label"],trailingLabel:[513,"trailing-label"],loading:[516],type:[513],name:[513],required:[516],maxLength:[514,"maxlength"],value:[1],defaultValue:[513,"default-value"],disabled:[516],readOnly:[516,"readonly"],inputProps:[16],fieldRequirement:[513,"field-requirement"],fieldRequirementOptionalText:[1,"field-requirement-optional-text"],fieldRequirementRequiredText:[1,"field-requirement-required-text"],isLabelSentence:[16]}]);function g(){"undefined"!=typeof customElements&&["gids-text-field","gids-field","gids-input"].forEach((t=>{switch(t){case"gids-text-field":customElements.get(e(t))||customElements.define(e(t),p);break;case"gids-field":customElements.get(e(t))||c();break;case"gids-input":customElements.get(e(t))||f()}}))}g();const x=p,y=g;export{x as GidsTextField,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import{G as s,d as o}from"./p-DjnREsH0.js";const p=s,r=o;export{p as GidsToggleButton,r as defineCustomElement}
|
package/dist/gids-tooltip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as o,h as e,F as s}from"./p-B4hcsDH0.js";import{G as a}from"./p-CTri3IsV.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-CPgZgSBN.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"
|
|
1
|
+
import{t,p as i,H as o,h as e,F as s}from"./p-B4hcsDH0.js";import{G as a}from"./p-CTri3IsV.js";import{g as l}from"./p-B2zUuNXz.js";import{G as r}from"./p-CPgZgSBN.js";const n=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.showWithoutDelay=!1,this.lockToMainAxis=!1,this.handleShowEvent=()=>{this.floatingElementManager.showAfterDelay()},this.handleHideEvent=()=>{this.floatingElementManager.hideAfterDelay()}}connectedCallback(){const t=l();void 0!==t&&this._el.shadowRoot?.adoptedStyleSheets.push(t)}componentDidLoad(){this.floatingElementManager=new a(this._el,{htmlFor:this.htmlFor,placement:this.placement,showWithoutDelay:this.showWithoutDelay,lockToMainAxis:this.lockToMainAxis,floatingElementSelector:"#tooltip",arrowElementSelector:"#arrow",visibilityClass:"gids-tooltip--visible",elementType:r.TOOLTIP,getAnchorElementFromSlot:t=>{const i=t.querySelector("slot");return i?.assignedElements()[0]||null}}),this.floatingElementManager.initialize(),this.setupEventListeners()}setupEventListeners(){const t=this.floatingElementManager.getAnchorElement();t&&(t.addEventListener("mouseenter",this.handleShowEvent),t.addEventListener("focus",this.handleShowEvent),t.addEventListener("mouseleave",this.handleHideEvent),t.addEventListener("blur",this.handleHideEvent))}placementChanged(t){this.floatingElementManager?.updateConfig({placement:t}),this.floatingElementManager?.isVisible()&&this.floatingElementManager?.reposition()}showWithoutDelayChanged(t){this.floatingElementManager?.updateConfig({showWithoutDelay:t})}lockToMainAxisChanged(t){this.floatingElementManager?.updateConfig({lockToMainAxis:t})}htmlForChanged(t){this.floatingElementManager?.updateConfig({htmlFor:t}),this.cleanupEventListeners(),this.floatingElementManager?.initialize(),this.setupEventListeners()}cleanupEventListeners(){const t=this.floatingElementManager?.getAnchorElement();t&&(t.removeEventListener("mouseenter",this.handleShowEvent),t.removeEventListener("focus",this.handleShowEvent),t.removeEventListener("mouseleave",this.handleHideEvent),t.removeEventListener("blur",this.handleHideEvent))}render(){return e(s,{key:"fcf2e6696efb040de12e59a7fe5544283cace7ec"},e("slot",{key:"097aaf5bc20d9f9fd4f6595b3c4bc2d3622a95f9"}),e("span",{key:"6fa1bf3a74e6d68dfb559186222dd65e246f84da",id:"tooltip",part:"tooltip",role:"tooltip"},e("span",{key:"ee64e9db78fd0520f7bc670cfbc23949e55c94ab",id:"arrow"}),this.tooltipText))}disconnectedCallback(){this.cleanupEventListeners(),this.floatingElementManager?.destroy()}get _el(){return this}static get watchers(){return{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}}static get style(){return"gids-tooltip{--gidsTooltip-background:var(--gids-color-background-neutral-bold-default);--gidsTooltip-text-color:var(--gids-color-text-inverse);--gidsTooltip-padding:var(--gids-padding-vertical-edge-to-element-100) var(--gids-padding-horizontal-edge-to-element-200);--gidsTooltip-border-radius:var(--gids-border-radius-sm);--gidsTooltip-tip-border-radius:2px;--gidsTooltip-tip-size:12px;--gidsFloatingElement-background:var(--gidsTooltip-background);--gidsFloatingElement-tip-border-radius:var(--gidsTooltip-tip-border-radius)}[part=tooltip]{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;hyphens:auto;background-color:var(--gidsTooltip-background);color:var(--gidsTooltip-text-color);padding:var(--gidsTooltip-padding);border-radius:var(--gidsTooltip-border-radius);z-index:1000;opacity:0;pointer-events:none}[part=tooltip].gids-tooltip--visible{pointer-events:initial;opacity:1}[part=tooltip] span#arrow{position:absolute;height:var(--gidsTooltip-tip-size);width:var(--gidsTooltip-tip-size)}"}},[257,"gids-tooltip",{htmlFor:[513,"for"],tooltipText:[513,"tooltip-text"],placement:[513],showWithoutDelay:[516,"show-without-delay"],lockToMainAxis:[4,"lock-to-main-axis"]},void 0,{placement:[{placementChanged:0}],showWithoutDelay:[{showWithoutDelayChanged:0}],lockToMainAxis:[{lockToMainAxisChanged:0}],htmlFor:[{htmlForChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["gids-tooltip"].forEach((i=>{"gids-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),n))}))}d();const h=n,p=d;export{h as GidsTooltip,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,t,p as i,H as s,c as n}from"./p-B4hcsDH0.js";import{GidsMenuGroupWebUtils as a,GidsMenuWebUtils as l,GidsTransferListWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-C-Lpfqcg.js";import{b as d,a as o}from"./p-CV1-78HB.js";import{G as g}from"./p-BRNvHMdK.js";import{G as m}from"./p-DZ1ZcTMe.js";import{G as f}from"./p-Dg_WeHpV.js";import{G as c}from"./p-iQRr_fAH.js";const{getGidsMenuGroupClassNames:p}=a,v=({type:t="no-options",supportingText:i="No options",class:s,...n},a)=>e("div",{class:p({type:t},s),...n},"loading"===t?e(h,{indeterminate:!0,size:"md"}):null,"no-options"===t?e("span",null,i):null,"default"===t&&null!=a?a:null),{getGidsMenuClassNames:y}=l,u=({heading:t,supportingText:i,level:s,supportingTextTypography:n,isHeaderDividerVisible:a=!1,class:l,...r},h)=>e("div",{class:y(l),...r},null!=t&&""!==t||null!=i&&""!==i?e(d,{heading:t,supportingText:i,level:s,supportingTextTypography:n??"eyebrow-medium"}):null,a?e("div",{class:"gids-menu__header-divider"},e(g,{orientation:"horizontal"})):void 0,null!=h?e("div",{class:"gids-menu__children"},h):null),{getGidsTransferListClassNames:L}=r,x=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.leftListHeading="Choices",this.rightListHeading="Choosen",this.moveAllVisible=!1,this.transferListType="basic",this.leftListItems=[],this.rightListItems=[],this.listsMaxHeight="200px",this.leftListItemsState=[],this.rightListItemsState=[],this.tempLeftListItemsState=[],this.tempRightListItemsState=[]}handleListsMaxHeightChange(e){this.listsMaxHeight=e}handleLeftListHeadingChange(e){this.leftListHeading=e}handleRightListHeadingChange(e){this.rightListHeading=e}handleMoveAllVisibilityChange(e){this.moveAllVisible=e}handleTransferListTypeChange(e){this.transferListType=e}handleLeftListItemsChange(e){this.leftListItems=e,this.setListItemsStates()}handleRightListItemsChange(e){this.rightListItems=e,this.setListItemsStates()}componentDidLoad(){this.setListItemsStates()}setListItemsStates(){this.leftListItemsState=this.leftListItems,this.rightListItemsState=this.rightListItems}getListHeading(e){return"left"===e?this.leftListHeading:this.rightListHeading}getListSupportingText(e){let t=this?.tempLeftListItemsState??[],i=this?.leftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[],i=this?.rightListItemsState??[]),`${t.length} of ${i.length} selected`}isAllItemsSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return t.length>0&&t.length===i.length}isAtleastOneItemSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return i.length>0&&i.length<t.length}renderListHeading(t){if("basic"!==(this?.transferListType??"basic")){const i=this.isAllItemsSelectedInList({listSide:t}),s=this.isAtleastOneItemSelectedInList({listSide:t});return e("div",{class:"gids-transfer-list__menu-heading-container"},e(m,{checked:i||s,onChange:e=>this.selectUnselectAllItems({event:e,listSide:t}),indeterminate:s}),e("div",{class:"gids-transfer-list__menu-heading-text-content-container"},e("span",{class:"gids-transfer-list__heading-text"},this.getListHeading(t)),e("span",{class:"gids-transfer-list__heading-support-text"},this.getListSupportingText(t))))}}listItemSelection({event:e,pressedIndex:t,listSide:i}){this.selectUnselectListItem({event:e,pressedIndex:t,listSide:i})}onPressingListItem({event:e,pressedIndex:t,listSide:i}){this.listItemSelection({event:e,pressedIndex:t,listSide:i})}selectUnselectListItem({event:e,pressedIndex:t,listSide:i}){const s=this.getStateListsItemsArr(i)[t];let n=!1;if("left"===i&&s){const e=this?.tempLeftListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempLeftListItemsState=e,this.leftListItemsState=this?.leftListItemsState?[...this.leftListItemsState]:[]}else if("right"===i&&s){const e=this?.tempRightListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempRightListItemsState=e,this.rightListItemsState=this?.rightListItemsState?[...this.rightListItemsState]:[]}this.callOnTransferListSelectFunc({event:e,isSelected:n,listSide:i,selectedIndexes:[t],selectionType:"single"})}isItemSelected({id:e,listSide:t}){const i=this.getTempListsItemsArr(t);return i.length>0&&!!i.find((t=>t?.id===e))}getStateListsItemsArr(e){let t=this?.leftListItemsState??[];return"right"===e&&(t=this?.rightListItemsState??[]),t}getTempListsItemsArr(e){let t=this?.tempLeftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[]),t}selectUnselectAllItems({event:e,listSide:t}){const i=this.getStateListsItemsArr(t),s=this.isAllItemsSelectedInList({listSide:t}),n=this.isAtleastOneItemSelectedInList({listSide:t});"left"===t?this.tempLeftListItemsState=s||n?[]:[...i]:this.tempRightListItemsState=s||n?[]:[...i];const a=[];s||n||i.map(((e,t)=>{a.push(t)})),this.callOnTransferListSelectFunc({event:e,isSelected:!s&&!n,listSide:t,selectedIndexes:a,selectionType:"all"})}callOnTransferListSelectFunc({event:e,isSelected:t,listSide:i,selectedIndexes:s,selectionType:n}){this.onTransferListSelect&&this.onTransferListSelect({originalEvent:e,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],selectedIndexes:s,selectionType:n,listSide:i,isSelected:t})}movementButtonDisabled({listSide:e,movementType:t}){if("left"===e){const e=this?.leftListItemsState&&this.leftListItemsState.length>0?this.leftListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempLeftListItemsState&&this.tempLeftListItemsState.length>0?this.tempLeftListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}else if("right"===e){const e=this?.rightListItemsState&&this.rightListItemsState.length>0?this.rightListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempRightListItemsState&&this.tempRightListItemsState.length>0?this.tempRightListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}return!0}callOnTransferAction({transferTo:e,transferFrom:t,movementType:i,newTransferredItems:s}){this.onTransferAction&&this.onTransferAction({transferTo:e,transferFrom:t,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],newTransferredItems:s,movementType:i})}clearListSystem({event:e,listSide:t,movementType:i}){if(console.log("event",e),console.log("listSide",t),console.log("movementType",i),!this.movementButtonDisabled({listSide:t,movementType:i}))if("left"===t)if("move-single"===i){const e=this?.tempLeftListItemsState??[],t=this?.leftListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.leftListItemsState=[...i]}this.tempLeftListItemsState=[]}else"move-all"===i&&(this.leftListItemsState=[],this.tempLeftListItemsState=[]);else if("right"===t)if("move-single"===i){const e=this?.tempRightListItemsState??[],t=this?.rightListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.rightListItemsState=[...i]}this.tempRightListItemsState=[]}else"move-all"===i&&(this.rightListItemsState=[],this.tempRightListItemsState=[])}moveListItems({event:e,listSide:t,movementType:i}){if(!this.movementButtonDisabled({listSide:t,movementType:i})){const s=this?.leftListItemsState??[],n=this?.rightListItemsState??[],a=this?.tempLeftListItemsState??[],l=this?.tempRightListItemsState??[];let r=[];"left"===t?"move-single"===i?(this.rightListItemsState=[...a,...n],r=[...a]):"move-all"===i&&(this.rightListItemsState=[...s,...n],r=[...s]):"right"===t&&("move-single"===i?(this.leftListItemsState=[...l,...s],r=[...l]):"move-all"===i&&(this.leftListItemsState=[...n,...s],r=[...n])),this.clearListSystem({event:e,listSide:t,movementType:i}),this.callOnTransferAction({transferTo:"left"===t?"right":"left",transferFrom:t,movementType:i,newTransferredItems:r})}}onItemsMovement({event:e,listSide:t,movementType:i}){this.moveListItems({event:e,listSide:t,movementType:i})}render(){const t=L(),i=this?.leftListItemsState??[],s=this?.rightListItemsState??[],a=this.listsMaxHeight,l=this?.transferListType??"basic";return e(n,{key:"8e423fc11b33c0221541fcdd160550523d0d09f6",class:t},e("div",{key:"221d92966d78f1e2f4efb9b36366d7002ef53061",class:"gids-transfer-list__left-container"},e(v,{key:"9dc87d0694bcf93f262a0a474c1c021b12fc90f6",type:i.length>0?"default":"no-options"},e(u,{key:"6f682bf9f733e11028cb2baa106b1609d01123c3",heading:this.renderListHeading("left"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},i.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"left"});return e(o,{id:""+s,index:i,leadingAccessory:e(m,{checked:n}),selected:n,onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"left"})},t?.listLabel)}))))),e("div",{key:"55f4165f5e9ccf1f1e9255061beb9712945187f5",class:"gids-transfer-list__middle-container"},e(f,{key:"02a0d11e2810aeab2753504944d68fdf51a0be5c",leadingIcon:e(c,{name:"forward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-all"})}),e(f,{key:"849d07570396824492897c3dbd347bb8fb2c353d",leadingIcon:e(c,{name:"chevron-right"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-single"})}),e(f,{key:"9eb9747b5764a75bf7c4433c89fcc6b2dc31870d",leadingIcon:e(c,{name:"chevron-left"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-single"})}),e(f,{key:"6558100625834f9936aaba67be1c554f53f5fcb3",leadingIcon:e(c,{name:"backward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-all"})})),e("div",{key:"838f2a0f22827f350fc383ffd246ed25fe880cc9",class:"gids-transfer-list__right-container"},e(v,{key:"39597530e1dcd657dfcfbe8677d346099f8fcfae",type:s.length>0?"default":"no-options"},e(u,{key:"25ac5e481024b4a8fd34b6e6a017e1c5eca25b34",heading:this.renderListHeading("right"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},s.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"right"});return e(o,{id:""+s,index:i,selected:n,leadingAccessory:e(m,{checked:n}),onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"right"})},t?.listLabel)}))))))}get hostElement(){return this}static get watchers(){return{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}}static get style(){return".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}"}},[0,"gids-transfer-list",{leftListHeading:[1,"left-list-heading"],rightListHeading:[1,"right-list-heading"],moveAllVisible:[4,"move-all-visible"],transferListType:[1,"transfer-list-type"],leftListItems:[16],rightListItems:[16],listsMaxHeight:[1,"lists-max-height"],onTransferAction:[16],onTransferListSelect:[16],leftListItemsState:[32],rightListItemsState:[32],tempLeftListItemsState:[32],tempRightListItemsState:[32]},void 0,{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),x))}))}_();const I=x,S=_;export{I as GidsTransferList,S as defineCustomElement}
|
|
1
|
+
import{h as e,t,p as i,H as s,c as n}from"./p-B4hcsDH0.js";import{GidsMenuGroupWebUtils as a,GidsMenuWebUtils as l,GidsTransferListWebUtils as r}from"@ganpatiinfo/gids-web-shared";import{G as h}from"./p-C-Lpfqcg.js";import{a as d,b as o}from"./p-D2VR17v2.js";import{G as g}from"./p-BRNvHMdK.js";import{G as m}from"./p-DZ1ZcTMe.js";import{G as f}from"./p-Dg_WeHpV.js";import{G as c}from"./p-iQRr_fAH.js";const{getGidsMenuGroupClassNames:p}=a,v=({type:t="no-options",supportingText:i="No options",class:s,...n},a)=>e("div",{class:p({type:t},s),...n},"loading"===t?e(h,{indeterminate:!0,size:"md"}):null,"no-options"===t?e("span",null,i):null,"default"===t&&null!=a?a:null),{getGidsMenuClassNames:y}=l,u=({heading:t,supportingText:i,level:s,supportingTextTypography:n,isHeaderDividerVisible:a=!1,class:l,...r},h)=>e("div",{class:y(l),...r},null!=t&&""!==t||null!=i&&""!==i?e(d,{heading:t,supportingText:i,level:s,supportingTextTypography:n??"eyebrow-medium"}):null,a?e("div",{class:"gids-menu__header-divider"},e(g,{orientation:"horizontal"})):void 0,null!=h?e("div",{class:"gids-menu__children"},h):null),{getGidsTransferListClassNames:L}=r,x=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.leftListHeading="Choices",this.rightListHeading="Choosen",this.moveAllVisible=!1,this.transferListType="basic",this.leftListItems=[],this.rightListItems=[],this.listsMaxHeight="200px",this.leftListItemsState=[],this.rightListItemsState=[],this.tempLeftListItemsState=[],this.tempRightListItemsState=[]}handleListsMaxHeightChange(e){this.listsMaxHeight=e}handleLeftListHeadingChange(e){this.leftListHeading=e}handleRightListHeadingChange(e){this.rightListHeading=e}handleMoveAllVisibilityChange(e){this.moveAllVisible=e}handleTransferListTypeChange(e){this.transferListType=e}handleLeftListItemsChange(e){this.leftListItems=e,this.setListItemsStates()}handleRightListItemsChange(e){this.rightListItems=e,this.setListItemsStates()}componentDidLoad(){this.setListItemsStates()}setListItemsStates(){this.leftListItemsState=this.leftListItems,this.rightListItemsState=this.rightListItems}getListHeading(e){return"left"===e?this.leftListHeading:this.rightListHeading}getListSupportingText(e){let t=this?.tempLeftListItemsState??[],i=this?.leftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[],i=this?.rightListItemsState??[]),`${t.length} of ${i.length} selected`}isAllItemsSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return t.length>0&&t.length===i.length}isAtleastOneItemSelectedInList({listSide:e}){const t=this.getStateListsItemsArr(e),i=this.getTempListsItemsArr(e);return i.length>0&&i.length<t.length}renderListHeading(t){if("basic"!==(this?.transferListType??"basic")){const i=this.isAllItemsSelectedInList({listSide:t}),s=this.isAtleastOneItemSelectedInList({listSide:t});return e("div",{class:"gids-transfer-list__menu-heading-container"},e(m,{checked:i||s,onChange:e=>this.selectUnselectAllItems({event:e,listSide:t}),indeterminate:s}),e("div",{class:"gids-transfer-list__menu-heading-text-content-container"},e("span",{class:"gids-transfer-list__heading-text"},this.getListHeading(t)),e("span",{class:"gids-transfer-list__heading-support-text"},this.getListSupportingText(t))))}}listItemSelection({event:e,pressedIndex:t,listSide:i}){this.selectUnselectListItem({event:e,pressedIndex:t,listSide:i})}onPressingListItem({event:e,pressedIndex:t,listSide:i}){this.listItemSelection({event:e,pressedIndex:t,listSide:i})}selectUnselectListItem({event:e,pressedIndex:t,listSide:i}){const s=this.getStateListsItemsArr(i)[t];let n=!1;if("left"===i&&s){const e=this?.tempLeftListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempLeftListItemsState=e,this.leftListItemsState=this?.leftListItemsState?[...this.leftListItemsState]:[]}else if("right"===i&&s){const e=this?.tempRightListItemsState??[],t=e.findIndex((e=>e?.id===s?.id));null!=t&&-1!==t?(e.splice(t,1),n=!1):(e.push(s),n=!0),this.tempRightListItemsState=e,this.rightListItemsState=this?.rightListItemsState?[...this.rightListItemsState]:[]}this.callOnTransferListSelectFunc({event:e,isSelected:n,listSide:i,selectedIndexes:[t],selectionType:"single"})}isItemSelected({id:e,listSide:t}){const i=this.getTempListsItemsArr(t);return i.length>0&&!!i.find((t=>t?.id===e))}getStateListsItemsArr(e){let t=this?.leftListItemsState??[];return"right"===e&&(t=this?.rightListItemsState??[]),t}getTempListsItemsArr(e){let t=this?.tempLeftListItemsState??[];return"right"===e&&(t=this?.tempRightListItemsState??[]),t}selectUnselectAllItems({event:e,listSide:t}){const i=this.getStateListsItemsArr(t),s=this.isAllItemsSelectedInList({listSide:t}),n=this.isAtleastOneItemSelectedInList({listSide:t});"left"===t?this.tempLeftListItemsState=s||n?[]:[...i]:this.tempRightListItemsState=s||n?[]:[...i];const a=[];s||n||i.map(((e,t)=>{a.push(t)})),this.callOnTransferListSelectFunc({event:e,isSelected:!s&&!n,listSide:t,selectedIndexes:a,selectionType:"all"})}callOnTransferListSelectFunc({event:e,isSelected:t,listSide:i,selectedIndexes:s,selectionType:n}){this.onTransferListSelect&&this.onTransferListSelect({originalEvent:e,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],selectedIndexes:s,selectionType:n,listSide:i,isSelected:t})}movementButtonDisabled({listSide:e,movementType:t}){if("left"===e){const e=this?.leftListItemsState&&this.leftListItemsState.length>0?this.leftListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempLeftListItemsState&&this.tempLeftListItemsState.length>0?this.tempLeftListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}else if("right"===e){const e=this?.rightListItemsState&&this.rightListItemsState.length>0?this.rightListItemsState.length:0;if("move-single"===t)return!(e>0&&(this?.tempRightListItemsState&&this.tempRightListItemsState.length>0?this.tempRightListItemsState.length:0)>0);if("move-all"===t)return!(e>0)}return!0}callOnTransferAction({transferTo:e,transferFrom:t,movementType:i,newTransferredItems:s}){this.onTransferAction&&this.onTransferAction({transferTo:e,transferFrom:t,originalLeftListItems:this?.leftListItems??[],originalRightListItems:this?.rightListItems??[],currentLeftListItems:this?.leftListItemsState??[],currentRightListItems:this?.rightListItemsState??[],leftListSelectedItems:this?.tempLeftListItemsState??[],rightListSelectedItems:this?.tempRightListItemsState??[],newTransferredItems:s,movementType:i})}clearListSystem({event:e,listSide:t,movementType:i}){if(console.log("event",e),console.log("listSide",t),console.log("movementType",i),!this.movementButtonDisabled({listSide:t,movementType:i}))if("left"===t)if("move-single"===i){const e=this?.tempLeftListItemsState??[],t=this?.leftListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.leftListItemsState=[...i]}this.tempLeftListItemsState=[]}else"move-all"===i&&(this.leftListItemsState=[],this.tempLeftListItemsState=[]);else if("right"===t)if("move-single"===i){const e=this?.tempRightListItemsState??[],t=this?.rightListItemsState??[];if(t.length>0){const i=[];t.map((t=>{e.find((e=>e?.id===t?.id))||i.push(t)})),this.rightListItemsState=[...i]}this.tempRightListItemsState=[]}else"move-all"===i&&(this.rightListItemsState=[],this.tempRightListItemsState=[])}moveListItems({event:e,listSide:t,movementType:i}){if(!this.movementButtonDisabled({listSide:t,movementType:i})){const s=this?.leftListItemsState??[],n=this?.rightListItemsState??[],a=this?.tempLeftListItemsState??[],l=this?.tempRightListItemsState??[];let r=[];"left"===t?"move-single"===i?(this.rightListItemsState=[...a,...n],r=[...a]):"move-all"===i&&(this.rightListItemsState=[...s,...n],r=[...s]):"right"===t&&("move-single"===i?(this.leftListItemsState=[...l,...s],r=[...l]):"move-all"===i&&(this.leftListItemsState=[...n,...s],r=[...n])),this.clearListSystem({event:e,listSide:t,movementType:i}),this.callOnTransferAction({transferTo:"left"===t?"right":"left",transferFrom:t,movementType:i,newTransferredItems:r})}}onItemsMovement({event:e,listSide:t,movementType:i}){this.moveListItems({event:e,listSide:t,movementType:i})}render(){const t=L(),i=this?.leftListItemsState??[],s=this?.rightListItemsState??[],a=this.listsMaxHeight,l=this?.transferListType??"basic";return e(n,{key:"6826edf610868b22fa769d4de0f0ce1bb42b032a",class:t},e("div",{key:"f3e7ed446a1f1a1f4a66a4fca2ea2a734f266b90",class:"gids-transfer-list__left-container"},e(v,{key:"9dc5e0d7aacfcd946a5a68cabd0b59e1b67757e3",type:i.length>0?"default":"no-options"},e(u,{key:"4d88a61bf4aa13ae9e6faaccfad010922f2a21bd",heading:this.renderListHeading("left"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},i.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"left"});return e(o,{id:""+s,index:i,leadingAccessory:e(m,{checked:n}),selected:n,onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"left"})},t?.listLabel)}))))),e("div",{key:"746d754b86fe794fff358b1f79d4610a6a5a9d0e",class:"gids-transfer-list__middle-container"},e(f,{key:"b0fb6acbd3f8fe24bd8704975416e4f17b218c5f",leadingIcon:e(c,{name:"forward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-all"})}),e(f,{key:"f35faf5c97f43f11f11bbd8d460a4488cdb0d61f",leadingIcon:e(c,{name:"chevron-right"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"left",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"left",movementType:"move-single"})}),e(f,{key:"b3887d6815d5af03ca0dc58b36e0852e08d5c37f",leadingIcon:e(c,{name:"chevron-left"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-single"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-single"})}),e(f,{key:"748f919c47be306fb4d92b290da75c2167bea9b5",leadingIcon:e(c,{name:"backward"}),appearance:"default",size:"sm",width:"full",disabled:this.movementButtonDisabled({listSide:"right",movementType:"move-all"}),onClick:e=>this.onItemsMovement({event:e,listSide:"right",movementType:"move-all"})})),e("div",{key:"47605e0f6132e2fd75bc8de226057508e2fdb960",class:"gids-transfer-list__right-container"},e(v,{key:"625a4c912e56168c749cea12097862ef267d080f",type:s.length>0?"default":"no-options"},e(u,{key:"bfc5bcb19835937ade88b5be82879dfc6dfd66f4",heading:this.renderListHeading("right"),style:{"--gidsMenuChildren-max-height":a},isHeaderDividerVisible:"basic"!==l},s.map(((t,i)=>{const s=t?.id?t.id:""+(i+1),n=this.isItemSelected({id:s,listSide:"right"});return e(o,{id:""+s,index:i,selected:n,leadingAccessory:e(m,{checked:n}),onPressListItem:e=>this.onPressingListItem({event:e,pressedIndex:i,listSide:"right"})},t?.listLabel)}))))))}get hostElement(){return this}static get watchers(){return{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}}static get style(){return".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}"}},[0,"gids-transfer-list",{leftListHeading:[1,"left-list-heading"],rightListHeading:[1,"right-list-heading"],moveAllVisible:[4,"move-all-visible"],transferListType:[1,"transfer-list-type"],leftListItems:[16],rightListItems:[16],listsMaxHeight:[1,"lists-max-height"],onTransferAction:[16],onTransferListSelect:[16],leftListItemsState:[32],rightListItemsState:[32],tempLeftListItemsState:[32],tempRightListItemsState:[32]},void 0,{listsMaxHeight:[{handleListsMaxHeightChange:0}],leftListHeading:[{handleLeftListHeadingChange:0}],rightListHeading:[{handleRightListHeadingChange:0}],moveAllVisible:[{handleMoveAllVisibilityChange:0}],transferListType:[{handleTransferListTypeChange:0}],leftListItems:[{handleLeftListItemsChange:0}],rightListItems:[{handleRightListItemsChange:0}]}]);function _(){"undefined"!=typeof customElements&&["gids-transfer-list"].forEach((e=>{"gids-transfer-list"===e&&(customElements.get(t(e))||customElements.define(t(e),x))}))}_();const I=x,b=_;export{I as GidsTransferList,b as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "./types/components";
|
|
2
|
+
|
|
3
|
+
interface GidsYearDropdownPicker extends Components.GidsYearDropdownPicker, HTMLElement {}
|
|
4
|
+
export const GidsYearDropdownPicker: {
|
|
5
|
+
prototype: GidsYearDropdownPicker;
|
|
6
|
+
new (): GidsYearDropdownPicker;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{G as o,d as s}from"./p-DiX4HaE6.js";const a=o,p=s;export{a as GidsYearDropdownPicker,p as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as n,h as s,c as i}from"./p-B4hcsDH0.js";import{defaultStartMonth as a,defaultEndMonth as o,getDatePickerMonthsMenuData as d}from"@ganpatiinfo/gids-core-shared";import{GidsMonthDropdownPickerWebUtils as h}from"@ganpatiinfo/gids-web-shared";import{G as r,a as m}from"./p-BBlUduEr.js";import{G as c}from"./p-B3AB3GQ0.js";import{d as l}from"./p-BcXumkjZ.js";import{d as p}from"./p-CxfmNDsm.js";import{d as u}from"./p-CZgH5rZs.js";const{getGidsMonthDropdownPickerClassNames:g}=h,b=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.appearance="default",this.menuPlacement="bottom",this.menuConstrainPlacements=["bottom","top"],this.startMonth=Number(a),this.endMonth=Number(o),this.hasLeadingIcon=!1,this.monthsMenuData=[],this.selectedMonthObj=void 0,this.handleMonthSelectionChange=({event:t,sectionIndex:e,itemIndex:n})=>{const s=t?.detail,i={originalEvent:t,id:s.id,month:s?.title?Number(s.title):void 0,sectionIndex:e,itemIndex:n,selected:!0};this.selectedMonthObj=i,this.onMonthChange&&this.onMonthChange(i)},this.feedMonthsDataState=()=>{const t=this?.startMonth??a,e=this?.endMonth??o;this.monthsMenuData=d({startMonth:String(t),endMonth:String(e)})},this.isMonthSelected=t=>t?.id===this?.selectedMonthObj?.id,this.syncMonthDropdownPickerValue=()=>this?.selectedMonthObj?.month?String(this.selectedMonthObj.month):this?.value}handleInteractivityChange(t){this.disabled=t,this.readOnly=t}menuPlacementChanged(t){this.menuPlacement=t}menuConstrainPlacementsChanged(t){this.menuConstrainPlacements=t}startMonthChanged(t){this.startMonth=t,this.feedMonthsDataState()}endMonthChanged(t){this.endMonth=t,this.feedMonthsDataState()}connectedCallback(){}componentWillLoad(){this.checkSlots(),this.feedMonthsDataState()}componentWillUpdate(){this.checkSlots()}checkSlots(){this.hasLeadingIcon=!!this.hostElement.querySelector('[slot="leadingIconDropdown"]')}render(){const t=g(),e="string"==typeof this?.inputProps?.id?this.inputProps.id:"month-input",n={id:e,appearance:this.appearance,loading:this.loading,disabled:this.disabled,readOnly:this.readOnly,required:this.required,value:this.syncMonthDropdownPickerValue(),name:this.name,inputProps:{...this?.inputProps??{},id:e}},a=this?.monthsMenuData??[];return s(i,{key:"3dea0d9221b2ab185cf81c3ae5fb30252fc7e0c4",class:t},s("gids-dropdown",{key:"53867ac7b3e182ef216be05fda4cf40530759b12",...n,menuPlacement:this?.menuPlacement??"bottom",menuConstrainPlacements:this.menuConstrainPlacements??["bottom","top"]},this.hasLeadingIcon&&s("slot",{key:"db2481cdf4d25a7bb06bcd24abba068f02458822",name:"leadingIconDropdown",slot:"leadingIconDropdown"}),s(r,{key:"395783834a606cd567a27717e5af2b241d26636b",type:this.loading?"loading":"default"},a.map(((t,e)=>{const n=t?.menuItems??[];return s(m,{key:`${t.sectionId}_${e}`,sectionLabel:t?.sectionLabel},n.map(((t,n)=>s(c,{id:t.id,title:t?.title,value:t?.value,index:n,disabled:t?.disabled,selected:this.isMonthSelected(t),onPressDropdownItem:t=>this.handleMonthSelectionChange({event:t,sectionIndex:e,itemIndex:n})}))))})))))}get hostElement(){return this}static get watchers(){return{disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],startMonth:[{startMonthChanged:0}],endMonth:[{endMonthChanged:0}]}}static get style(){return".gids-month-dropdown-picker{position:relative;display:flex;flex-direction:column}"}},[260,"gids-month-dropdown-picker",{appearance:[1],inputProps:[16],disabled:[516],readOnly:[516,"read-only"],loading:[516],value:[513],name:[1],onMonthChange:[16],required:[4],menuPlacement:[1,"menu-placement"],menuConstrainPlacements:[16],startMonth:[2,"start-month"],endMonth:[2,"end-month"],hasLeadingIcon:[32],monthsMenuData:[32],selectedMonthObj:[32]},void 0,{disabled:[{handleInteractivityChange:0}],readOnly:[{handleInteractivityChange:0}],menuPlacement:[{menuPlacementChanged:0}],menuConstrainPlacements:[{menuConstrainPlacementsChanged:0}],startMonth:[{startMonthChanged:0}],endMonth:[{endMonthChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["gids-month-dropdown-picker","gids-dropdown","gids-flyout-panel","gids-input"].forEach((e=>{switch(e){case"gids-month-dropdown-picker":customElements.get(t(e))||customElements.define(t(e),b);break;case"gids-dropdown":customElements.get(t(e))||l();break;case"gids-flyout-panel":customElements.get(t(e))||p();break;case"gids-input":customElements.get(t(e))||u()}}))}f();export{b as G,f as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as a,h as i}from"./p-B4hcsDH0.js";import{g as d}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-
|
|
1
|
+
import{t as s,p as e,H as a,h as i}from"./p-B4hcsDH0.js";import{g as d}from"./p-B2zUuNXz.js";import{GidsDotWebUtils as t}from"@ganpatiinfo/gids-web-shared";import{d as n}from"./p-DKe6orSY.js";const{getGidsDotClassNames:o}=t,h=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.appearance="subtle",this.size="xs",this.disabled=!1,this.activeClasses=""}handleExtraClassesAndSizeChange(s){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},s)}handleAppearanceChange(s){this.appearance=s}handleSizeChange(s){this.size=s}handleDisabledChange(s){this.disabled=s}connectedCallback(){const s=d();void 0!==s&&this._el.shadowRoot?.adoptedStyleSheets.push(s),this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}componentDidLoad(){this.activeClasses=o({size:this.size,appearance:this.appearance,disabled:this.disabled},this.extraClasses)}render(){return i("gids-icon",{key:"2b4e03d0c47efcf545a8a8c68fcdf7dc2e3a8025",class:this.activeClasses,name:"new",alt:"",appearance:"filled"})}get _el(){return this}static get watchers(){return{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}}static get style(){return".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}"}},[0,"gids-dot",{extraClasses:[513,"extra-classes"],appearance:[513],size:[513],disabled:[516],activeClasses:[32]},void 0,{extraClasses:[{handleExtraClassesAndSizeChange:0}],appearance:[{handleExtraClassesAndSizeChange:0},{handleAppearanceChange:0}],size:[{handleExtraClassesAndSizeChange:0},{handleSizeChange:0}],disabled:[{handleExtraClassesAndSizeChange:0},{handleDisabledChange:0}]}]);function g(){"undefined"!=typeof customElements&&["gids-dot","gids-icon"].forEach((e=>{switch(e){case"gids-dot":customElements.get(s(e))||customElements.define(s(e),h);break;case"gids-icon":customElements.get(s(e))||n()}}))}g();export{h as G,g as d}
|