globuswebcomponents 2.14.2 → 2.14.4
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/cjs/gb-action-panel_67.cjs.entry.js +35 -17
- package/dist/cjs/gb-modal.cjs.entry.js +1 -2
- package/dist/cjs/gb-modal.entry.cjs.js.map +1 -1
- package/dist/collection/assets/icons/alert-01/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/alert-01/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-01/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-01/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/alert-01/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-01/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/alert-01/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-02/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/alert-02/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-02/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-02/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/alert-02/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-02/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/alert-02/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-circle/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/alert-circle/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-circle/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-circle/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/alert-circle/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-circle/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/alert-circle/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-diamond/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/alert-diamond/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-diamond/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-diamond/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/alert-diamond/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-diamond/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/alert-diamond/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-square/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/alert-square/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/alert-square/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-square/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/alert-square/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/alert-square/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/alert-square/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-01/bulk/rounded.svg +9 -0
- package/dist/collection/assets/icons/award-01/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-01/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-01/solid/sharp.svg +7 -0
- package/dist/collection/assets/icons/award-01/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/award-01/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/award-01/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-02/bulk/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-02/duotone/rounded.svg +7 -0
- package/dist/collection/assets/icons/award-02/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-02/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/award-02/stroke/rounded.svg +6 -0
- package/dist/collection/assets/icons/award-02/stroke/sharp.svg +6 -0
- package/dist/collection/assets/icons/award-02/two-tone/rounded.svg +6 -0
- package/dist/collection/assets/icons/award-03/bulk/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-03/duotone/rounded.svg +6 -0
- package/dist/collection/assets/icons/award-03/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/award-03/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/award-03/stroke/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-03/stroke/sharp.svg +5 -0
- package/dist/collection/assets/icons/award-03/two-tone/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-04/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-04/duotone/rounded.svg +6 -0
- package/dist/collection/assets/icons/award-04/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-04/stroke/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-04/stroke/sharp.svg +5 -0
- package/dist/collection/assets/icons/award-04/two-tone/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-05/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-05/duotone/rounded.svg +6 -0
- package/dist/collection/assets/icons/award-05/stroke/rounded.svg +5 -0
- package/dist/collection/assets/icons/award-05/stroke/sharp.svg +5 -0
- package/dist/collection/assets/icons/award-05/two-tone/rounded.svg +5 -0
- package/dist/collection/assets/icons/certificate/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/certificate/duotone/rounded.svg +6 -0
- package/dist/collection/assets/icons/certificate/stroke/rounded.svg +5 -0
- package/dist/collection/assets/icons/certificate/stroke/sharp.svg +5 -0
- package/dist/collection/assets/icons/certificate/two-tone/rounded.svg +5 -0
- package/dist/collection/assets/icons/champion/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/champion/duotone/rounded.svg +8 -0
- package/dist/collection/assets/icons/champion/solid/rounded.svg +6 -0
- package/dist/collection/assets/icons/champion/solid/sharp.svg +6 -0
- package/dist/collection/assets/icons/champion/stroke/rounded.svg +6 -0
- package/dist/collection/assets/icons/champion/stroke/sharp.svg +6 -0
- package/dist/collection/assets/icons/champion/two-tone/rounded.svg +6 -0
- package/dist/collection/assets/icons/crown/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/crown/duotone/rounded.svg +6 -0
- package/dist/collection/assets/icons/crown/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/crown/stroke/rounded.svg +5 -0
- package/dist/collection/assets/icons/crown/stroke/sharp.svg +5 -0
- package/dist/collection/assets/icons/crown/two-tone/rounded.svg +5 -0
- package/dist/collection/assets/icons/help-circle/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/help-circle/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/help-circle/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/help-circle/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/help-circle/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/help-circle/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/help-circle/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/help-square/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/help-square/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/help-square/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/help-square/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/help-square/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/help-square/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/help-square/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/information-circle/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/information-circle/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/information-circle/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/information-circle/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/information-circle/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/information-circle/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/information-circle/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/information-diamond/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/information-diamond/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/information-diamond/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/information-diamond/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/information-diamond/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/information-diamond/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/information-diamond/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/information-square/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/information-square/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/information-square/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/information-square/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/information-square/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/information-square/stroke/sharp.svg +4 -0
- package/dist/collection/assets/icons/information-square/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-01/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-01/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-01/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-01/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/notification-01/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-01/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-01/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-02/bulk/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-02/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-02/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-02/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/notification-02/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-02/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-02/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-03/bulk/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-03/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-03/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-03/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/notification-03/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-03/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-03/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-block-01/bulk/rounded.svg +7 -0
- package/dist/collection/assets/icons/notification-block-01/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-block-01/solid/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-block-01/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-block-01/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-block-01/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-block-01/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-block-02/bulk/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-block-02/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-block-02/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-block-02/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/notification-block-02/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-block-02/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-block-02/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-block-03/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-block-03/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-block-03/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-block-03/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/notification-block-03/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-block-03/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-block-03/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-bubble/bulk/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-bubble/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-bubble/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-bubble/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/notification-bubble/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-bubble/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-bubble/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-circle/bulk/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-circle/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-circle/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-circle/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/notification-circle/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-circle/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-circle/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-off-01/bulk/rounded.svg +9 -0
- package/dist/collection/assets/icons/notification-off-01/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-off-01/solid/rounded.svg +7 -0
- package/dist/collection/assets/icons/notification-off-01/solid/sharp.svg +7 -0
- package/dist/collection/assets/icons/notification-off-01/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-off-01/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-off-01/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-off-02/bulk/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-off-02/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-off-02/solid/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-off-02/solid/sharp.svg +6 -0
- package/dist/collection/assets/icons/notification-off-02/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-off-02/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-off-02/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-off-03/bulk/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-off-03/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-off-03/solid/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-off-03/solid/sharp.svg +6 -0
- package/dist/collection/assets/icons/notification-off-03/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-off-03/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-off-03/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-snooze-01/bulk/rounded.svg +14 -0
- package/dist/collection/assets/icons/notification-snooze-01/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-snooze-01/solid/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-snooze-01/solid/sharp.svg +6 -0
- package/dist/collection/assets/icons/notification-snooze-01/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-snooze-01/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-snooze-01/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-snooze-02/bulk/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-snooze-02/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-snooze-02/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-snooze-02/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/notification-snooze-02/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-snooze-02/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-snooze-02/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-snooze-03/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-snooze-03/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-snooze-03/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/notification-snooze-03/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/notification-snooze-03/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-snooze-03/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-snooze-03/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-square/bulk/rounded.svg +6 -0
- package/dist/collection/assets/icons/notification-square/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-square/solid/rounded.svg +4 -0
- package/dist/collection/assets/icons/notification-square/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/notification-square/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/notification-square/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/notification-square/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/radioactive-alert/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/radioactive-alert/duotone/rounded.svg +7 -0
- package/dist/collection/assets/icons/radioactive-alert/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/radioactive-alert/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/radioactive-alert/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/radioactive-alert/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/radioactive-alert/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/restore-bin/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/restore-bin/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/restore-bin/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/restore-bin/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/restore-bin/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/restore-bin/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/restore-bin/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/spam/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/spam/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/spam/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/spam/solid/sharp.svg +3 -0
- package/dist/collection/assets/icons/spam/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/spam/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/spam/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/unavailable/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/unavailable/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/unavailable/solid/rounded.svg +3 -0
- package/dist/collection/assets/icons/unavailable/solid/sharp.svg +4 -0
- package/dist/collection/assets/icons/unavailable/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/unavailable/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/unavailable/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/waste/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/waste/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/waste/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/waste/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/waste/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/waste/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/waste/two-tone/rounded.svg +4 -0
- package/dist/collection/assets/icons/waste-restore/bulk/rounded.svg +5 -0
- package/dist/collection/assets/icons/waste-restore/duotone/rounded.svg +4 -0
- package/dist/collection/assets/icons/waste-restore/solid/rounded.svg +5 -0
- package/dist/collection/assets/icons/waste-restore/solid/sharp.svg +5 -0
- package/dist/collection/assets/icons/waste-restore/stroke/rounded.svg +3 -0
- package/dist/collection/assets/icons/waste-restore/stroke/sharp.svg +3 -0
- package/dist/collection/assets/icons/waste-restore/two-tone/rounded.svg +4 -0
- package/dist/collection/components/gb-date-picker/gb-date-picker.js +7 -6
- package/dist/collection/components/gb-date-picker/gb-date-picker.js.map +1 -1
- package/dist/collection/components/gb-modal/gb-modal.js +1 -2
- package/dist/collection/components/gb-modal/gb-modal.js.map +1 -1
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -2
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js.map +1 -1
- package/dist/collection/components/gb-table/gb-table.js +28 -8
- package/dist/collection/components/gb-table/gb-table.js.map +1 -1
- package/dist/collection/components/gb-table-header/gb-table-header.js +2 -3
- package/dist/collection/components/gb-table-header/gb-table-header.js.map +1 -1
- package/dist/components/gb-date-picker.js +1 -1
- package/dist/components/gb-filter-modal.js +1 -1
- package/dist/components/gb-modal.js +1 -2
- package/dist/components/gb-modal.js.map +1 -1
- package/dist/components/gb-stepper-horizontal-icons-centered.js +1 -2
- package/dist/components/gb-stepper-horizontal-icons-centered.js.map +1 -1
- package/dist/components/gb-table-header.js +1 -1
- package/dist/components/gb-table.js +29 -10
- package/dist/components/gb-table.js.map +1 -1
- package/dist/components/{p-BrrlGogO.js → p-B8o86Fu9.js} +5 -6
- package/dist/components/p-B8o86Fu9.js.map +1 -0
- package/dist/components/{p-DFgUMHPG.js → p-BnfYep32.js} +8 -7
- package/dist/components/{p-DFgUMHPG.js.map → p-BnfYep32.js.map} +1 -1
- package/dist/components/{p-Cg6JI0Rl.js → p-D1d9Mgpu.js} +3 -3
- package/dist/components/{p-Cg6JI0Rl.js.map → p-D1d9Mgpu.js.map} +1 -1
- package/dist/docs.json +10 -4
- package/dist/esm/gb-action-panel_67.entry.js +35 -17
- package/dist/esm/gb-modal.entry.js +1 -2
- package/dist/esm/gb-modal.entry.js.map +1 -1
- package/dist/globuscomponents/assets/icons/alert-01/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/alert-01/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-01/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-01/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-01/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-01/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-01/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-02/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/alert-02/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-02/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-02/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-02/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-02/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-02/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-circle/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/alert-circle/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-circle/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-circle/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-circle/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-circle/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-circle/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-diamond/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-square/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/alert-square/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-square/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-square/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-square/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/alert-square/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/alert-square/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-01/bulk/rounded.svg +9 -0
- package/dist/globuscomponents/assets/icons/award-01/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-01/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-01/solid/sharp.svg +7 -0
- package/dist/globuscomponents/assets/icons/award-01/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/award-01/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/award-01/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-02/bulk/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-02/duotone/rounded.svg +7 -0
- package/dist/globuscomponents/assets/icons/award-02/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-02/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-02/stroke/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/award-02/stroke/sharp.svg +6 -0
- package/dist/globuscomponents/assets/icons/award-02/two-tone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/award-03/bulk/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-03/duotone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/award-03/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-03/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/award-03/stroke/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-03/stroke/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-03/two-tone/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-04/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-04/duotone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/award-04/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-04/stroke/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-04/stroke/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-04/two-tone/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-05/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-05/duotone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/award-05/stroke/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-05/stroke/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/award-05/two-tone/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/certificate/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/certificate/duotone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/certificate/stroke/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/certificate/stroke/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/certificate/two-tone/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/champion/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/champion/duotone/rounded.svg +8 -0
- package/dist/globuscomponents/assets/icons/champion/solid/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/champion/solid/sharp.svg +6 -0
- package/dist/globuscomponents/assets/icons/champion/stroke/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/champion/stroke/sharp.svg +6 -0
- package/dist/globuscomponents/assets/icons/champion/two-tone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/crown/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/crown/duotone/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/crown/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/crown/stroke/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/crown/stroke/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/crown/two-tone/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/help-circle/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/help-circle/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/help-circle/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-circle/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-circle/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-circle/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-circle/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/help-square/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/help-square/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/help-square/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-square/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-square/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-square/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/help-square/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-circle/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/information-circle/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-circle/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-circle/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-circle/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-circle/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-circle/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-diamond/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/information-diamond/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-diamond/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-diamond/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-diamond/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-diamond/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-diamond/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-square/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/information-square/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-square/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-square/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-square/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/information-square/stroke/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/information-square/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-01/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-01/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-01/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-01/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-01/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-01/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-01/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-02/bulk/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-02/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-02/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-02/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-02/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-02/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-02/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-03/bulk/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-03/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-03/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-03/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-03/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-03/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-03/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/bulk/rounded.svg +7 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/solid/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-01/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/bulk/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-02/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-block-03/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/bulk/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-bubble/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-circle/bulk/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-circle/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-circle/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-circle/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-circle/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-circle/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-circle/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/bulk/rounded.svg +9 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/solid/rounded.svg +7 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/solid/sharp.svg +7 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-off-01/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/bulk/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/solid/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/solid/sharp.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-off-02/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/bulk/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/solid/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/solid/sharp.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-off-03/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/bulk/rounded.svg +14 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/solid/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/solid/sharp.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-01/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/bulk/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-02/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-snooze-03/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-square/bulk/rounded.svg +6 -0
- package/dist/globuscomponents/assets/icons/notification-square/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-square/solid/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-square/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/notification-square/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-square/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/notification-square/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/duotone/rounded.svg +7 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/radioactive-alert/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/restore-bin/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/restore-bin/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/restore-bin/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/restore-bin/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/restore-bin/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/restore-bin/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/restore-bin/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/spam/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/spam/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/spam/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/spam/solid/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/spam/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/spam/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/spam/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/unavailable/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/unavailable/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/unavailable/solid/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/unavailable/solid/sharp.svg +4 -0
- package/dist/globuscomponents/assets/icons/unavailable/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/unavailable/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/unavailable/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/waste/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/waste/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/waste/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/waste/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/waste/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/waste/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/waste/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/waste-restore/bulk/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/waste-restore/duotone/rounded.svg +4 -0
- package/dist/globuscomponents/assets/icons/waste-restore/solid/rounded.svg +5 -0
- package/dist/globuscomponents/assets/icons/waste-restore/solid/sharp.svg +5 -0
- package/dist/globuscomponents/assets/icons/waste-restore/stroke/rounded.svg +3 -0
- package/dist/globuscomponents/assets/icons/waste-restore/stroke/sharp.svg +3 -0
- package/dist/globuscomponents/assets/icons/waste-restore/two-tone/rounded.svg +4 -0
- package/dist/globuscomponents/gb-modal.entry.esm.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-559b6428.entry.js → p-22e3afeb.entry.js} +2 -2
- package/dist/globuscomponents/p-22e3afeb.entry.js.map +1 -0
- package/dist/globuscomponents/p-983944cd.entry.js +2 -0
- package/dist/globuscomponents/p-983944cd.entry.js.map +1 -0
- package/dist/types/components.d.ts +8 -2
- package/package.json +1 -1
- package/dist/components/p-BrrlGogO.js.map +0 -1
- package/dist/globuscomponents/p-559b6428.entry.js.map +0 -1
- package/dist/globuscomponents/p-d81ea038.entry.js +0 -2
- package/dist/globuscomponents/p-d81ea038.entry.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-C9dqTMUJ.js';
|
|
2
2
|
import { d as defineCustomElement$5 } from './p-BZK13bX8.js';
|
|
3
3
|
import { d as defineCustomElement$4 } from './p-CQNbD8w1.js';
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-BnfYep32.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './p-BGbrZd6N.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './p-DU0nscLU.js';
|
|
7
7
|
|
|
@@ -169,6 +169,6 @@ function defineCustomElement() {
|
|
|
169
169
|
defineCustomElement();
|
|
170
170
|
|
|
171
171
|
export { GbFilterModal as G, defineCustomElement as d };
|
|
172
|
-
//# sourceMappingURL=p-
|
|
172
|
+
//# sourceMappingURL=p-D1d9Mgpu.js.map
|
|
173
173
|
|
|
174
|
-
//# sourceMappingURL=p-
|
|
174
|
+
//# sourceMappingURL=p-D1d9Mgpu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-Cg6JI0Rl.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-filter-modal/gb-filter-modal.css?tag=gb-filter-modal&encapsulation=shadow","src/components/gb-filter-modal/gb-filter-modal.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.filter_modal_wrapper {\r\n background-color: white;\r\n width: 27.5rem;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: var(--rounded-none);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.filter_modal_header {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n position: relative;\r\n}\r\n\r\n.filter_modal_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-16);\r\n align-items: flex-start;\r\n gap: 1rem;\r\n align-self: stretch;\r\n}\r\n\r\n.title {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.close_button {\r\n position: absolute;\r\n left: 1rem;\r\n bottom: 0.5rem;\r\n}\r\n\r\n.filter_content_container {\r\n flex: 1 0 0;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n align-self: stretch;\r\n}\r\n\r\n.filter_content {\r\n display: flex;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-4) 1.5rem;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-6);\r\n flex: 1 0 0;\r\n}\r\n\r\n.label{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.date_range {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n align-self: stretch;\r\n}\r\n\r\n.date_pickers {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n align-self: stretch;\r\n box-sizing: border-box;\r\n}\r\n\r\n.field {\r\n width: 100%;\r\n}\r\n\r\n.filter_modal_actions {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n display: flex;\r\n padding: var(--spacing-none) 0 0 0;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.modal_actions_content {\r\n display: flex;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.btn {\r\n width: 100%;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, h, Fragment } from '@stencil/core';\r\nimport { FilterConfig } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-filter-modal',\r\n styleUrl: 'gb-filter-modal.css',\r\n shadow: true,\r\n})\r\nexport class GbFilterModal {\r\n @Prop() filterConfig?: FilterConfig;\r\n @State() formValues: Record<string, any> = {};\r\n @State() renderKey = 0;\r\n @Event() applyFilters: EventEmitter<Record<string, any>>;\r\n @Event() clearFilters: EventEmitter<void>;\r\n @Event({ bubbles: true, composed: true }) close: EventEmitter<void>;\r\n\r\n componentWillLoad() {\r\n if (this.filterConfig) {\r\n const applied = this.filterConfig.appliedValues || {};\r\n\r\n this.formValues = {\r\n ...(this.filterConfig.initialValues || {}),\r\n ...applied, // applied values win over defaults\r\n };\r\n }\r\n\r\n // console.log(this.formValues);\r\n }\r\n\r\n handleFieldChange(key: string, value: any) {\r\n if (value instanceof CustomEvent) {\r\n value = value.detail ?? null;\r\n }\r\n\r\n const field = this.filterConfig.fields.find(f => f.key === key);\r\n\r\n if (field && field.tag === 'gb-input-dropdown') {\r\n value = Array.isArray(value) ? value : value != null ? [value] : [];\r\n }\r\n\r\n if (value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0)) {\r\n const { [key]: _, ...rest } = this.formValues;\r\n this.formValues = rest;\r\n return;\r\n }\r\n\r\n this.formValues = {\r\n ...this.formValues,\r\n [key]: value,\r\n };\r\n }\r\n\r\n handleClearClick() {\r\n const resetValues = { ...(this.filterConfig.initialValues || {}) };\r\n\r\n this.filterConfig.fields.forEach(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n resetValues[keys.start] = null;\r\n resetValues[keys.end] = null;\r\n } else {\r\n // use field.default if defined, otherwise check if the field expects an array\r\n const isArrayField = field.props?.type === 'tags' || Array.isArray(field.default);\r\n resetValues[field.key as string] = field.default ?? (isArrayField ? [] : null);\r\n }\r\n });\r\n\r\n this.formValues = resetValues;\r\n this.renderKey++;\r\n this.clearFilters.emit();\r\n }\r\n\r\n handleApplyClick() {\r\n const { pageNumber, pageSize, ...filters } = this.formValues;\r\n // console.log({\r\n // filters,\r\n // pagination: {\r\n // pageNumber: pageNumber ?? 1,\r\n // pageSize: pageSize ?? 10,\r\n // },\r\n // });\r\n\r\n this.applyFilters.emit({\r\n filters,\r\n pagination: {\r\n pageNumber: pageNumber ?? 1,\r\n pageSize: pageSize ?? 10,\r\n },\r\n });\r\n }\r\n\r\n capitalize(str: string) {\r\n return str.charAt(0).toUpperCase() + str.slice(1);\r\n }\r\n\r\n emitCloseEvent() {\r\n this.close.emit();\r\n }\r\n\r\n render() {\r\n if (!this.filterConfig) {\r\n return (\r\n <div class=\"filter_modal_wrapper\">\r\n <div class=\"filter_modal_header\">\r\n <div class=\"filter_modal_content\">\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\r\n <p class=\"title display-xs-semi-bold\">Filter</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n \r\n return (\r\n <div class=\"filter_modal_wrapper\">\r\n <div class=\"filter_modal_header\">\r\n <div class=\"filter_modal_content\">\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\r\n <p class=\"title display-xs-semi-bold\">{this.filterConfig ? this.filterConfig.title : 'Filter'}</p>\r\n </div>\r\n </div>\r\n <div class=\"filter_content_container\">\r\n <div class=\"filter_content\" key={this.renderKey}>\r\n {/* {this.filterConfig.enableDateRange && (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{this.filterConfig.dateRangeLabel || 'Period'}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n onDateChange={e => this.handleFieldChange('startDate', e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle ,#697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n onDateChange={e => this.handleFieldChange('endDate', e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )} */}\r\n {this.filterConfig.fields && (\r\n <>\r\n {this.filterConfig.fields.map(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n\r\n return (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{field.label}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n value={this.formValues[keys.start]}\r\n onDateChange={e => this.handleFieldChange(keys.start, e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle, #697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n value={this.formValues[keys.end]}\r\n onDateChange={e => this.handleFieldChange(keys.end, e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n const Tag = field.tag;\r\n const key = field.key as string;\r\n const currentValue = this.formValues[key];\r\n const valueProp =\r\n currentValue != null\r\n ? field.tag === 'gb-slider'\r\n ? { leftControl: currentValue.left, rightControl: currentValue.right }\r\n : field.tag === 'gb-input-dropdown'\r\n ? { value: Array.isArray(currentValue) ? currentValue : [currentValue] } // ← coerce here\r\n : { value: currentValue }\r\n : {};\r\n\r\n const eventHandler = {\r\n [`on${this.capitalize(field.event as string)}`]: (e: CustomEvent) => this.handleFieldChange(key, e.detail),\r\n };\r\n\r\n return (\r\n <div class=\"field\">\r\n <Tag {...field.props} {...valueProp} {...eventHandler} />\r\n </div>\r\n );\r\n })}\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n <div class=\"filter_modal_actions\">\r\n <div class=\"modal_actions_content\">\r\n <div class=\"btn\">\r\n <gb-button size=\"xl\" hierarchy=\"secondary_gray\" icon=\"default\" onClick={() => this.handleClearClick()}>\r\n <p>Clear filter</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"btn\">\r\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.handleApplyClick()}>\r\n <p>Apply</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
1
|
+
{"file":"p-D1d9Mgpu.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-filter-modal/gb-filter-modal.css?tag=gb-filter-modal&encapsulation=shadow","src/components/gb-filter-modal/gb-filter-modal.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.filter_modal_wrapper {\r\n background-color: white;\r\n width: 27.5rem;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: var(--rounded-none);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.filter_modal_header {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n position: relative;\r\n}\r\n\r\n.filter_modal_content {\r\n display: flex;\r\n padding: var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-16);\r\n align-items: flex-start;\r\n gap: 1rem;\r\n align-self: stretch;\r\n}\r\n\r\n.title {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.close_button {\r\n position: absolute;\r\n left: 1rem;\r\n bottom: 0.5rem;\r\n}\r\n\r\n.filter_content_container {\r\n flex: 1 0 0;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n align-self: stretch;\r\n}\r\n\r\n.filter_content {\r\n display: flex;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-4) 1.5rem;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-6);\r\n flex: 1 0 0;\r\n}\r\n\r\n.label{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.date_range {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n align-self: stretch;\r\n}\r\n\r\n.date_pickers {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n align-self: stretch;\r\n box-sizing: border-box;\r\n}\r\n\r\n.field {\r\n width: 100%;\r\n}\r\n\r\n.filter_modal_actions {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n display: flex;\r\n padding: var(--spacing-none) 0 0 0;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.modal_actions_content {\r\n display: flex;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.btn {\r\n width: 100%;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, h, Fragment } from '@stencil/core';\r\nimport { FilterConfig } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-filter-modal',\r\n styleUrl: 'gb-filter-modal.css',\r\n shadow: true,\r\n})\r\nexport class GbFilterModal {\r\n @Prop() filterConfig?: FilterConfig;\r\n @State() formValues: Record<string, any> = {};\r\n @State() renderKey = 0;\r\n @Event() applyFilters: EventEmitter<Record<string, any>>;\r\n @Event() clearFilters: EventEmitter<void>;\r\n @Event({ bubbles: true, composed: true }) close: EventEmitter<void>;\r\n\r\n componentWillLoad() {\r\n if (this.filterConfig) {\r\n const applied = this.filterConfig.appliedValues || {};\r\n\r\n this.formValues = {\r\n ...(this.filterConfig.initialValues || {}),\r\n ...applied, // applied values win over defaults\r\n };\r\n }\r\n\r\n // console.log(this.formValues);\r\n }\r\n\r\n handleFieldChange(key: string, value: any) {\r\n if (value instanceof CustomEvent) {\r\n value = value.detail ?? null;\r\n }\r\n\r\n const field = this.filterConfig.fields.find(f => f.key === key);\r\n\r\n if (field && field.tag === 'gb-input-dropdown') {\r\n value = Array.isArray(value) ? value : value != null ? [value] : [];\r\n }\r\n\r\n if (value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0)) {\r\n const { [key]: _, ...rest } = this.formValues;\r\n this.formValues = rest;\r\n return;\r\n }\r\n\r\n this.formValues = {\r\n ...this.formValues,\r\n [key]: value,\r\n };\r\n }\r\n\r\n handleClearClick() {\r\n const resetValues = { ...(this.filterConfig.initialValues || {}) };\r\n\r\n this.filterConfig.fields.forEach(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n resetValues[keys.start] = null;\r\n resetValues[keys.end] = null;\r\n } else {\r\n // use field.default if defined, otherwise check if the field expects an array\r\n const isArrayField = field.props?.type === 'tags' || Array.isArray(field.default);\r\n resetValues[field.key as string] = field.default ?? (isArrayField ? [] : null);\r\n }\r\n });\r\n\r\n this.formValues = resetValues;\r\n this.renderKey++;\r\n this.clearFilters.emit();\r\n }\r\n\r\n handleApplyClick() {\r\n const { pageNumber, pageSize, ...filters } = this.formValues;\r\n // console.log({\r\n // filters,\r\n // pagination: {\r\n // pageNumber: pageNumber ?? 1,\r\n // pageSize: pageSize ?? 10,\r\n // },\r\n // });\r\n\r\n this.applyFilters.emit({\r\n filters,\r\n pagination: {\r\n pageNumber: pageNumber ?? 1,\r\n pageSize: pageSize ?? 10,\r\n },\r\n });\r\n }\r\n\r\n capitalize(str: string) {\r\n return str.charAt(0).toUpperCase() + str.slice(1);\r\n }\r\n\r\n emitCloseEvent() {\r\n this.close.emit();\r\n }\r\n\r\n render() {\r\n if (!this.filterConfig) {\r\n return (\r\n <div class=\"filter_modal_wrapper\">\r\n <div class=\"filter_modal_header\">\r\n <div class=\"filter_modal_content\">\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\r\n <p class=\"title display-xs-semi-bold\">Filter</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n \r\n return (\r\n <div class=\"filter_modal_wrapper\">\r\n <div class=\"filter_modal_header\">\r\n <div class=\"filter_modal_content\">\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\r\n <p class=\"title display-xs-semi-bold\">{this.filterConfig ? this.filterConfig.title : 'Filter'}</p>\r\n </div>\r\n </div>\r\n <div class=\"filter_content_container\">\r\n <div class=\"filter_content\" key={this.renderKey}>\r\n {/* {this.filterConfig.enableDateRange && (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{this.filterConfig.dateRangeLabel || 'Period'}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n onDateChange={e => this.handleFieldChange('startDate', e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle ,#697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n onDateChange={e => this.handleFieldChange('endDate', e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )} */}\r\n {this.filterConfig.fields && (\r\n <>\r\n {this.filterConfig.fields.map(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n\r\n return (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{field.label}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n value={this.formValues[keys.start]}\r\n onDateChange={e => this.handleFieldChange(keys.start, e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle, #697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n value={this.formValues[keys.end]}\r\n onDateChange={e => this.handleFieldChange(keys.end, e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n const Tag = field.tag;\r\n const key = field.key as string;\r\n const currentValue = this.formValues[key];\r\n const valueProp =\r\n currentValue != null\r\n ? field.tag === 'gb-slider'\r\n ? { leftControl: currentValue.left, rightControl: currentValue.right }\r\n : field.tag === 'gb-input-dropdown'\r\n ? { value: Array.isArray(currentValue) ? currentValue : [currentValue] } // ← coerce here\r\n : { value: currentValue }\r\n : {};\r\n\r\n const eventHandler = {\r\n [`on${this.capitalize(field.event as string)}`]: (e: CustomEvent) => this.handleFieldChange(key, e.detail),\r\n };\r\n\r\n return (\r\n <div class=\"field\">\r\n <Tag {...field.props} {...valueProp} {...eventHandler} />\r\n </div>\r\n );\r\n })}\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n <div class=\"filter_modal_actions\">\r\n <div class=\"modal_actions_content\">\r\n <div class=\"btn\">\r\n <gb-button size=\"xl\" hierarchy=\"secondary_gray\" icon=\"default\" onClick={() => this.handleClearClick()}>\r\n <p>Clear filter</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"btn\">\r\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.handleApplyClick()}>\r\n <p>Apply</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-
|
|
2
|
+
"timestamp": "2026-05-11T14:27:37",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.38.3",
|
|
@@ -9614,10 +9614,10 @@
|
|
|
9614
9614
|
"docsTags": [
|
|
9615
9615
|
{
|
|
9616
9616
|
"name": "default",
|
|
9617
|
-
"text": "
|
|
9617
|
+
"text": "false"
|
|
9618
9618
|
}
|
|
9619
9619
|
],
|
|
9620
|
-
"default": "
|
|
9620
|
+
"default": "false",
|
|
9621
9621
|
"values": [
|
|
9622
9622
|
{
|
|
9623
9623
|
"type": "boolean"
|
|
@@ -29882,7 +29882,13 @@
|
|
|
29882
29882
|
"mutable": false,
|
|
29883
29883
|
"reflectToAttr": false,
|
|
29884
29884
|
"docs": "",
|
|
29885
|
-
"docsTags": [
|
|
29885
|
+
"docsTags": [
|
|
29886
|
+
{
|
|
29887
|
+
"name": "default",
|
|
29888
|
+
"text": "{\r\n tableHeading: false,\r\n tableHeadingLabel: 'Suspicious outflows',\r\n showDateFilter: true,\r\n showFilter: true,\r\n showColumnOptions: true,\r\n showSearch: true,\r\n showExport: true,\r\n showRefreshButton: false,\r\n showLayoutToggle: true,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\r\n showEntireData: true,\r\n }"
|
|
29889
|
+
}
|
|
29890
|
+
],
|
|
29891
|
+
"default": "{\r\n tableHeading: false,\r\n tableHeadingLabel: 'Suspicious outflows',\r\n showDateFilter: true,\r\n showFilter: true,\r\n showColumnOptions: true,\r\n showSearch: true,\r\n showExport: true,\r\n showRefreshButton: false,\r\n showLayoutToggle: true,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\r\n showEntireData: true,\r\n }",
|
|
29886
29892
|
"values": [
|
|
29887
29893
|
{
|
|
29888
29894
|
"type": "{ tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\""
|
|
@@ -3768,7 +3768,7 @@ const GbDatePicker = class {
|
|
|
3768
3768
|
this.placeholder = 'Start date - end date';
|
|
3769
3769
|
this.format = 'M j, Y';
|
|
3770
3770
|
this.mode = 'single';
|
|
3771
|
-
this.disabled =
|
|
3771
|
+
this.disabled = false;
|
|
3772
3772
|
this.iconPosition = 'right';
|
|
3773
3773
|
this.dropdownAlignment = 'left';
|
|
3774
3774
|
this.label = '';
|
|
@@ -3831,7 +3831,6 @@ const GbDatePicker = class {
|
|
|
3831
3831
|
if (Array.isArray(newValue) && newValue.length === 2) {
|
|
3832
3832
|
this.picker.setDate(newValue, false);
|
|
3833
3833
|
this.displayValue = `${this.picker.formatDate(newValue[0], this.format)} - ${this.picker.formatDate(newValue[1], this.format)}`;
|
|
3834
|
-
console.log(this.displayValue);
|
|
3835
3834
|
}
|
|
3836
3835
|
else if (newValue instanceof Date) {
|
|
3837
3836
|
this.picker.setDate(newValue, false);
|
|
@@ -3919,7 +3918,6 @@ const GbDatePicker = class {
|
|
|
3919
3918
|
this.internalValue = [start, end];
|
|
3920
3919
|
this.displayValue = newDisplayValue;
|
|
3921
3920
|
this.dateChange.emit([start, end]);
|
|
3922
|
-
console.log(this.displayValue);
|
|
3923
3921
|
// Close picker after both dates selected
|
|
3924
3922
|
this.picker.close();
|
|
3925
3923
|
}
|
|
@@ -3961,15 +3959,18 @@ const GbDatePicker = class {
|
|
|
3961
3959
|
else if (!this.default && !this.internalValue) {
|
|
3962
3960
|
this.selectionSource = null;
|
|
3963
3961
|
this.displayValue = null;
|
|
3962
|
+
this.dateChange.emit(null);
|
|
3964
3963
|
}
|
|
3965
3964
|
else if (this.internalValue) {
|
|
3966
3965
|
if (Array.isArray(this.internalValue)) {
|
|
3967
3966
|
fp.setDate(this.internalValue, false);
|
|
3968
3967
|
this.displayValue = `${fp.formatDate(this.internalValue[0], this.format)} - ${fp.formatDate(this.internalValue[1], this.format)}`;
|
|
3968
|
+
this.dateChange.emit(this.internalValue);
|
|
3969
3969
|
}
|
|
3970
3970
|
else {
|
|
3971
3971
|
fp.setDate(this.internalValue, false);
|
|
3972
3972
|
this.displayValue = fp.formatDate(this.internalValue, this.format);
|
|
3973
|
+
this.dateChange.emit(this.internalValue);
|
|
3973
3974
|
}
|
|
3974
3975
|
}
|
|
3975
3976
|
else {
|
|
@@ -4230,9 +4231,9 @@ const GbDatePicker = class {
|
|
|
4230
4231
|
return timePart ? `${datePart} ${timePart}` : datePart;
|
|
4231
4232
|
}
|
|
4232
4233
|
render() {
|
|
4233
|
-
return (h("div", { key: '
|
|
4234
|
+
return (h("div", { key: 'ed659576ff5d8fe139c747b2c13b79753fd4bf0f', class: `date_picker_container` }, this.label && (h(Fragment, null, this.formatLabel ? (h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h("div", { key: '26ed580ae10ef0c27b69a3a745c85ea075a01739', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}` }, h("div", { key: '2ee3efcb306866b7dff8d9c05f780a8a1ec23fcd', class: `inner_container ${this.iconPosition}`, onClick: () => {
|
|
4234
4235
|
this.toggleCalendar();
|
|
4235
|
-
} }, this.iconPosition === 'left' && (h("svg", { key: '8bf893e68ba7fb2acbd65667dc96ba08adddc8cd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'bfc480d1ba47259cb0eb8b3db32c4c7fcbd94f04', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: '1a92fc422a97add99fa1e64a9418c5fbee6146e6', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h("span", { key: 'e14c8134455e829ae177f79b0e21784994c64f7e', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h("svg", { key: 'aaa388ec422d3af7b1bfb7108492443ca5c0d0ad', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6c4904a2066d09d68d5817f2e57ddb043d967573', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '199822a6a1f13610b1d358913d7a659c0ea104f0', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
|
|
4236
|
+
} }, this.iconPosition === 'left' && (h("svg", { key: '9e0d813a10e98a9cd437b7401b44f0a6d3fc56fe', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '01a6a788d0dd4a4e58eab613ad4d89899e5fa4c0', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: 'da94824100476eababb1089a2f6d8bb1481706cd', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h("span", { key: '7a3a4f153e3d2b06d5019f402cca43b37e6e3b3b', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h("svg", { key: 'b685472d943fc47dac8a0f307a6c39eb3a053ed2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f99dd5f700f72c9fd16fa26f587a0cfd81d9603a', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'd757b3dc50c466e5ac711a8d14d7f5e40ef349a0', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
|
|
4236
4237
|
}
|
|
4237
4238
|
get el() { return getElement(this); }
|
|
4238
4239
|
static get watchers() { return {
|
|
@@ -8723,14 +8724,13 @@ const GbStepperHorizontalIconsCentered = class {
|
|
|
8723
8724
|
;
|
|
8724
8725
|
updateStepperBreakpoint() {
|
|
8725
8726
|
this.breakpoint = this.width < 900 ? 'mobile' : 'desktop';
|
|
8726
|
-
console.log(this.breakpoint);
|
|
8727
8727
|
}
|
|
8728
8728
|
componentWillLoad() {
|
|
8729
8729
|
document.addEventListener('resize', this.handleResize);
|
|
8730
8730
|
this.updateStepperBreakpoint();
|
|
8731
8731
|
}
|
|
8732
8732
|
render() {
|
|
8733
|
-
return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '
|
|
8733
|
+
return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '4efba94e5d62ed363d6fbc94695d32fc6c87a52e', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '431fb4fdff9d39b19ab984cc42c45026adbdd4ac', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index !== this.steps.length - 1 ? (h("div", { class: `connector_div ${this.type} ${this.size}` }, h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '79685bc2602452fa5a2046d2d109b3eefcc5c427', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'd0ce47bc058c98a1788a28cde722dc3484a37fcd', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index !== this.steps.length - 1 ? (h("div", { class: `connector_div ${this.type} ${this.size}` }, h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
|
|
8734
8734
|
}
|
|
8735
8735
|
};
|
|
8736
8736
|
GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;
|
|
@@ -9224,6 +9224,28 @@ const GbTable = class {
|
|
|
9224
9224
|
// },
|
|
9225
9225
|
];
|
|
9226
9226
|
// = {
|
|
9227
|
+
// name: { key: 'name' },
|
|
9228
|
+
// badges: [
|
|
9229
|
+
// { key: 'role', label: 'Role' },
|
|
9230
|
+
// { key: 'amount', label: 'Amount' },
|
|
9231
|
+
// ],
|
|
9232
|
+
// button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
|
|
9233
|
+
// };
|
|
9234
|
+
this.tableHeaderConfig = {
|
|
9235
|
+
tableHeading: false,
|
|
9236
|
+
tableHeadingLabel: 'Suspicious outflows',
|
|
9237
|
+
showDateFilter: true,
|
|
9238
|
+
showFilter: true,
|
|
9239
|
+
showColumnOptions: true,
|
|
9240
|
+
showSearch: true,
|
|
9241
|
+
showExport: true,
|
|
9242
|
+
showRefreshButton: false,
|
|
9243
|
+
showLayoutToggle: true,
|
|
9244
|
+
datePickerMode: 'range',
|
|
9245
|
+
inputPlaceholder: 'Transaction reference',
|
|
9246
|
+
showEntireData: true,
|
|
9247
|
+
};
|
|
9248
|
+
// = {
|
|
9227
9249
|
// paginationMode: 'internal',
|
|
9228
9250
|
// entriesDropdownMenuPosition: 'top',
|
|
9229
9251
|
// currentPage: 1,
|
|
@@ -9379,7 +9401,6 @@ const GbTable = class {
|
|
|
9379
9401
|
}
|
|
9380
9402
|
}
|
|
9381
9403
|
handleAction(action, row) {
|
|
9382
|
-
console.log('Action clicked:', action, row);
|
|
9383
9404
|
this.rowActionClicked.emit({ action, row });
|
|
9384
9405
|
}
|
|
9385
9406
|
renderCell(col, row) {
|
|
@@ -9583,7 +9604,6 @@ const GbTable = class {
|
|
|
9583
9604
|
}
|
|
9584
9605
|
emitSelection() {
|
|
9585
9606
|
const selected = this.sortedData.filter(row => this.selectedRowIds.has(this.getRowId(row)));
|
|
9586
|
-
console.log(selected);
|
|
9587
9607
|
this.selectionChanged.emit(selected);
|
|
9588
9608
|
}
|
|
9589
9609
|
get displayedData() {
|
|
@@ -9731,7 +9751,6 @@ const GbTable = class {
|
|
|
9731
9751
|
};
|
|
9732
9752
|
}
|
|
9733
9753
|
exportButtonClicked(detail) {
|
|
9734
|
-
console.log(detail.detail);
|
|
9735
9754
|
this.exportClicked.emit(detail.detail);
|
|
9736
9755
|
}
|
|
9737
9756
|
onRefreshButtonClicked() {
|
|
@@ -9893,16 +9912,16 @@ const GbTable = class {
|
|
|
9893
9912
|
window.removeEventListener('resize', this.checkViewport);
|
|
9894
9913
|
}
|
|
9895
9914
|
render() {
|
|
9896
|
-
return (h("div", { key: '
|
|
9915
|
+
return (h("div", { key: '0700854e4c5b8e19a11a32d66a7e8e9ac891eec2', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'f2be97c9209dc2c6c12cb299b64057f24b4dfa07', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '7007188403fb8e123d6d54bbf4f6bbc5048f401e', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '30cb8238470d6120c165aaa4a19cd69f96feddd1', class: "dialog", style: {
|
|
9897
9916
|
transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
|
|
9898
|
-
} }, h("div", { key: '
|
|
9917
|
+
} }, h("div", { key: '365b823e15575a5142339b488c9b7ce0aadd449c', class: "column-modal" }, h("div", { key: 'aca6d1b50a4702c420f1c63fa9be9e391a114063', class: "modal_header" }, h("div", { key: '85e3779943c04c39a6f4adb6e014a4d1e8ee8f1f', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: 'f6357c0e6f78f01ef6b3f9c213169c41eb4461bf', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '51aa07b2f32610ccc60e239e5de993cc3a3884ba', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'fd9c0a3f350e3a13b9536f85129116220b37e22d', class: "content_wrapper" }, h("div", { key: 'd9d0cc7f9edbaf487382ae05c5e00c8323771b44', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
|
|
9899
9918
|
if (this.draggedIndex !== null && this.draggedIndex !== index) {
|
|
9900
9919
|
this.reorderColumns(this.draggedIndex, index);
|
|
9901
9920
|
}
|
|
9902
9921
|
this.draggedIndex = null;
|
|
9903
9922
|
} }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
|
|
9904
9923
|
this.toggleColumn(e, col.key);
|
|
9905
|
-
} })))), h("div", { key: '
|
|
9924
|
+
} })))), h("div", { key: '673dbe8f5ad303744b4bfd2737913fc1ba6020e8', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: 'f767421c763d599bc5ccc2c1c0b36fb83dbeb422', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '082bed1775129e1b3a25d0ca83006afb98e5d1d7', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
|
|
9906
9925
|
e.stopPropagation();
|
|
9907
9926
|
this.closeFilterModal();
|
|
9908
9927
|
}, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
|
|
@@ -9949,7 +9968,7 @@ const GbTable = class {
|
|
|
9949
9968
|
? this.renderDesktopView()
|
|
9950
9969
|
: this.currentTableLayout === 'grid'
|
|
9951
9970
|
? this.renderGridView()
|
|
9952
|
-
: null)), this.paginationConfig && (h("div", { key: '
|
|
9971
|
+
: null)), this.paginationConfig && (h("div", { key: '58adec96eb25b1c8d71adaa2a2bd986758e2cfe6', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '6b21847500f569522de0f60f03c0ea52b2291d37', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '145a64dd5290869234bc7a160052b7342df3de79', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
|
|
9953
9972
|
}
|
|
9954
9973
|
static get watchers() { return {
|
|
9955
9974
|
"data": ["onDataChange"],
|
|
@@ -10043,7 +10062,6 @@ const GbTableHeader = class {
|
|
|
10043
10062
|
this.filterButtonClicked.emit();
|
|
10044
10063
|
}
|
|
10045
10064
|
emitSelection(selection) {
|
|
10046
|
-
console.log(selection);
|
|
10047
10065
|
this.exportClicked.emit(selection);
|
|
10048
10066
|
}
|
|
10049
10067
|
onRefreshButtonClicked() {
|
|
@@ -10065,10 +10083,10 @@ const GbTableHeader = class {
|
|
|
10065
10083
|
window.removeEventListener('resize', this.handleResize);
|
|
10066
10084
|
}
|
|
10067
10085
|
render() {
|
|
10068
|
-
return (h("div", { key: '
|
|
10086
|
+
return (h("div", { key: '8ce84e66b3cb98a2c992cf92ad6944909dc88b65', class: "table_header_div" }, this.tableHeading && h("p", { key: 'ca07d7494ddc0b83ccc34e834aa019e6948dba1b', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: 'eb0842b660509b5ede0a7d38c467e25d49331e23', class: "date_filters" }, h("div", { key: 'df5c9742a6c78fec416a10e3d6e5fd853a248a12', class: "date_input" }, h("gb-date-picker", { key: '488c08ef921c0a8f43c76786fb4b100d7d7ca9f7', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '5a6aa3d20584b26bfb24ff53fe03e12e541435e9', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: 'ef79933d7c7e7887614d708dc1763c94ffe014ec', class: "input_field" }, h("gb-input-field", { key: 'a6163c02df5a2f0c05aaaefa9d830d8294ed68cd', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '166caa2e8952954e3089c8684523ed8511f95b3b', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'b19ed4040494d48ad2251142569be7c3a77cba18', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '9c1225d3593964584f66803ab426ea781d635907', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: 'f5f5eb9dd6e88c95236c6698951eb6c713f806a5' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'f0174fd2e26841f595138c9dca302a96924bc3cd', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'cc1c96e1a78a1da8b4dd6fec8a57371afe2af5a1', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '0ff5d1533933cf94d99aeb2afb1e45e374f4ec6a', class: "export" }, h("gb-button", { key: '91da67986a1919a8e52bf9f85369f6211293a6ea', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
|
|
10069
10087
|
e.stopPropagation();
|
|
10070
10088
|
this.toggleDropdown();
|
|
10071
|
-
} }, h("p", { key: '
|
|
10089
|
+
} }, h("p", { key: 'b4fdab578851ea5d1872c613ed14c310086960c4' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '616c0540a8faa62da0419e2c89d6ce35b8a5af91', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event.detail), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'c3b1c82a95689e43200402c4d2e4c5619f8b517e', class: "refresh_button" }, h("gb-button", { key: '4dc49f709e1bcc6ab355219af596e57f40107496', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
|
|
10072
10090
|
}
|
|
10073
10091
|
get el() { return getElement(this); }
|
|
10074
10092
|
};
|
|
@@ -52,7 +52,6 @@ const GbModal = class {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
closeModalButtonClicked() {
|
|
55
|
-
console.log('Clicked');
|
|
56
55
|
this.closeModalClicked.emit();
|
|
57
56
|
}
|
|
58
57
|
firstButtonClickedOnModalAction() {
|
|
@@ -65,7 +64,7 @@ const GbModal = class {
|
|
|
65
64
|
this.thirdButtonClicked.emit();
|
|
66
65
|
}
|
|
67
66
|
render() {
|
|
68
|
-
return (h("div", { key: '
|
|
67
|
+
return (h("div", { key: '3e044cedfd990ca5ab502d055d863b03f6819f67', class: "overlay" }, h("div", { key: 'cc3fcc0da0665bda76ff472dd6f7e0837263677a', class: "modal_wrapper", style: { width: this.width } }, h("div", { key: 'fce3e4474bbc7ce44a8828ab5e6664511313270e', class: "modal_header" }, h("gb-modal-header", { key: 'f178eb4df4e57f4ee68e3de9054c2ed064c62b60', "close-button-position": this.closeButtonPosition, text: this.heading, onCloseButtonClicked: () => this.closeModalButtonClicked() })), h("div", { key: '5cf299afc7b41bbeb99da1eda28f96dc0b5a2549', class: "modal_content" }, h("slot", { key: 'a79f1afd15531fcb3f256c668a3a2f58743b357d', name: "content" })), this.footer && (h("div", { key: 'd60ef1dd364b50e7ebffb8cb24edb2a84df8ef6a', class: "modal_footer" }, this.hasFooterSlot ? (h("slot", { name: "footer" })) : (h("gb-modal-action", { "action-type": this.actionType, "full-width": this.fullWidth, "first-button-text": this.firstButtonText, "second-button-text": this.secondButtonText, "third-button-text": this.thirdButtonText, "first-button-state": this.firstButtonState, "second-button-state": this.secondButtonState, "third-button-state": this.thirdButtonState, "first-button-icon-leading-swap": this.firstButtonIconLeadingSwap, "second-button-icon-leading-swap": this.secondButtonIconLeadingSwap, "third-button-icon-leading-swap": this.thirdButtonIconLeadingSwap, "first-button-icon-trailing-swap": this.firstButtonIconTrailingSwap, "second-button-icon-trailing-swap": this.secondButtonIconTrailingSwap, "third-button-icon-trailing-swap": this.thirdButtonIconTrailingSwap, "show-secondary-actions": this.showSecondaryActions, "show-first-icon-button": this.showFirstIconButton, "show-second-icon-button": this.showSecondIconButton, "first-icon-button-swap": this.firstIconButtonSwap, "second-icon-button-swap": this.secondIconButtonSwap, "show-check-box": this.showCheckBox, "checkbox-label": this.checkboxLabel, destructive: this.destructive, onFirstButtonClicked: () => this.firstButtonClickedOnModalAction(), onSecondButtonClicked: () => this.secondButtonClickedOnModalAction(), onThirdButtonClicked: () => this.thirdButtonClickedOnModalAction() })))))));
|
|
69
68
|
}
|
|
70
69
|
get el() { return getElement(this); }
|
|
71
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-modal.entry.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n
|
|
1
|
+
{"version":3,"file":"gb-modal.entry.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n this.closeModalClicked.emit();\r\n }\r\n\r\n firstButtonClickedOnModalAction() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n secondButtonClickedOnModalAction() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n thirdButtonClickedOnModalAction() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"overlay\">\r\n <div class=\"modal_wrapper\" style={{ width: this.width }}>\r\n <div class=\"modal_header\">\r\n <gb-modal-header\r\n close-button-position={this.closeButtonPosition}\r\n text={this.heading}\r\n onCloseButtonClicked={() => this.closeModalButtonClicked()}\r\n ></gb-modal-header>\r\n </div>\r\n <div class=\"modal_content\">\r\n <slot name=\"content\"></slot>\r\n </div>\r\n {this.footer && (\r\n <div class=\"modal_footer\">\r\n {this.hasFooterSlot ? (\r\n <slot name=\"footer\"></slot>\r\n ) : (\r\n <gb-modal-action\r\n action-type={this.actionType}\r\n full-width={this.fullWidth}\r\n first-button-text={this.firstButtonText}\r\n second-button-text={this.secondButtonText}\r\n third-button-text={this.thirdButtonText}\r\n first-button-state={this.firstButtonState}\r\n second-button-state={this.secondButtonState}\r\n third-button-state={this.thirdButtonState}\r\n first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n show-secondary-actions={this.showSecondaryActions}\r\n show-first-icon-button={this.showFirstIconButton}\r\n show-second-icon-button={this.showSecondIconButton}\r\n first-icon-button-swap={this.firstIconButtonSwap}\r\n second-icon-button-swap={this.secondIconButtonSwap}\r\n show-check-box={this.showCheckBox}\r\n checkbox-label={this.checkboxLabel}\r\n destructive={this.destructive}\r\n onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\r\n onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\r\n onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\r\n ></gb-modal-action>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path opacity="0.4" d="M10.362 2.015C11.4264 1.66167 12.5736 1.66167 13.638 2.015C14.6981 2.36687 15.5304 3.20141 16.3665 4.37395C17.1999 5.5426 18.1208 7.17206 19.3078 9.2725L19.3544 9.35496C20.5417 11.4557 21.4625 13.0851 22.0364 14.4065C22.613 15.7343 22.9002 16.8807 22.6711 17.9821C22.4403 19.0911 21.8714 20.0995 21.0428 20.8617C20.2162 21.622 19.0907 21.9428 17.6736 22.0968C16.2645 22.25 14.4212 22.25 12.0488 22.25H11.9513C9.57882 22.25 7.73554 22.25 6.32642 22.0968C4.90927 21.9428 3.78379 21.622 2.95722 20.8617C2.12862 20.0995 1.55968 19.0911 1.32895 17.9821C1.0998 16.8807 1.387 15.7343 1.96365 14.4065C2.53752 13.0851 3.45835 11.4557 4.64558 9.35495L4.69218 9.2725L4.69218 9.27249C5.87921 7.17206 6.80008 5.5426 7.63347 4.37395C8.46963 3.20141 9.30194 2.36687 10.362 2.015Z" fill="#141B34"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6819 11.0273C11.9289 11.0605 12.2707 11.1494 12.5607 11.4394C12.8507 11.7294 12.9396 12.0711 12.9728 12.3182C13.0003 12.5228 13.0001 12.7608 13 12.9606C13 12.974 13 12.9871 13 13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11C11.0129 11 11.0261 11 11.0394 11C11.2393 10.9999 11.4772 10.9997 11.6819 11.0273Z" fill="#141B34"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9999 8C10.9999 7.44772 11.4456 7 11.9954 7H12.0044C12.5542 7 12.9999 7.44772 12.9999 8C12.9999 8.55228 12.5542 9 12.0044 9H11.9954C11.4456 9 10.9999 8.55228 10.9999 8Z" fill="#141B34"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path opacity="0.4" d="M5.32171 9.68293C7.73538 5.41199 8.94222 3.27651 10.5983 2.72681C11.5093 2.4244 12.4907 2.4244 13.4017 2.72681C15.0578 3.27651 16.2646 5.41199 18.6783 9.68293C21.092 13.9539 22.2988 16.0893 21.9368 17.8293C21.7376 18.7866 21.2469 19.6549 20.535 20.3097C19.241 21.5 16.8274 21.5 12 21.5C7.17265 21.5 4.75897 21.5 3.46496 20.3097C2.75308 19.6549 2.26239 18.7866 2.06322 17.8293C1.70119 16.0893 2.90803 13.9539 5.32171 9.68293Z" fill="#141B34"/>
|
|
3
|
+
<path d="M3.46496 20.3097L2.78796 21.0457V21.0457L3.46496 20.3097ZM2.06322 17.8293L3.04226 17.6256L2.06322 17.8293ZM18.6783 9.68293L17.8077 10.1749V10.1749L18.6783 9.68293ZM21.9368 17.8293L20.9577 17.6256L21.9368 17.8293ZM20.535 20.3097L19.858 19.5737V19.5737L20.535 20.3097ZM13.4017 2.72681L13.7168 1.77773L13.4017 2.72681ZM10.5983 2.72681L10.2832 1.77773V1.77773L10.5983 2.72681ZM11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 11C10.6899 11 10.2422 11.4477 10.2422 12C10.2422 12.5523 10.6899 13 11.2422 13V11ZM12.0957 12.1464L12.8028 11.4393V11.4393L12.0957 12.1464ZM11.992 8C11.4397 8 10.992 8.44772 10.992 9C10.992 9.55229 11.4397 10 11.992 10V8ZM12.001 10C12.5533 10 13.001 9.55229 13.001 9C13.001 8.44772 12.5533 8 12.001 8V10ZM12 20.5C9.56269 20.5 7.81726 20.4986 6.51556 20.3571C5.21172 20.2153 4.54954 19.9486 4.14196 19.5737L2.78796 21.0457C3.67439 21.8611 4.86605 22.1895 6.2994 22.3454C7.73488 22.5014 9.60995 22.5 12 22.5V20.5ZM4.45112 9.19092C3.25549 11.3066 2.31841 12.962 1.73434 14.3069C1.15152 15.6489 0.838989 16.8545 1.08419 18.033L3.04226 17.6256C2.92543 17.0641 3.0353 16.3321 3.56881 15.1036C4.10108 13.878 4.97425 12.3302 6.1923 10.1749L4.45112 9.19092ZM4.14196 19.5737C3.58569 19.062 3.19934 18.3806 3.04226 17.6256L1.08419 18.033C1.32544 19.1925 1.92046 20.2477 2.78796 21.0457L4.14196 19.5737ZM17.8077 10.1749C19.0257 12.3302 19.8989 13.878 20.4312 15.1036C20.9647 16.3321 21.0746 17.0641 20.9577 17.6256L22.9158 18.033C23.161 16.8545 22.8485 15.6489 22.2657 14.3069C21.6816 12.962 20.7445 11.3066 19.5489 9.19092L17.8077 10.1749ZM12 22.5C14.39 22.5 16.2651 22.5014 17.7006 22.3454C19.1339 22.1895 20.3256 21.8611 21.212 21.0457L19.858 19.5737C19.4505 19.9486 18.7883 20.2153 17.4844 20.3571C16.1827 20.4986 14.4373 20.5 12 20.5V22.5ZM20.9577 17.6256C20.8007 18.3806 20.4143 19.062 19.858 19.5737L21.212 21.0457C22.0795 20.2477 22.6746 19.1925 22.9158 18.033L20.9577 17.6256ZM19.5489 9.19092C18.3534 7.07548 17.4184 5.41841 16.5701 4.2288C15.7253 3.04423 14.8542 2.15528 13.7168 1.77773L13.0867 3.67589C13.6053 3.84805 14.1656 4.30169 14.9417 5.39001C15.7142 6.47329 16.5895 8.01943 17.8077 10.1749L19.5489 9.19092ZM6.1923 10.1749C7.41046 8.01943 8.28577 6.47329 9.05828 5.39001C9.83439 4.30168 10.3947 3.84805 10.9133 3.67589L10.2832 1.77773C9.14583 2.15528 8.27466 3.04423 7.42992 4.2288C6.58158 5.41841 5.64664 7.07548 4.45112 9.19092L6.1923 10.1749ZM13.7168 1.77773C12.6012 1.40742 11.3988 1.40742 10.2832 1.77773L10.9133 3.67589C11.6198 3.44137 12.3802 3.44137 13.0867 3.67589L13.7168 1.77773ZM11.2422 13V17H13.2422V13H11.2422ZM11.2422 13C11.3638 13 11.4531 13.0001 11.5286 13.002C11.6046 13.0039 11.6417 13.0072 11.6576 13.0094C11.6729 13.0114 11.6408 13.009 11.5864 12.9866C11.524 12.9609 11.4526 12.9176 11.3886 12.8536L12.8028 11.4393C12.5129 11.1493 12.1711 11.0604 11.9241 11.0272C11.7058 10.9979 11.4496 11 11.2422 11V13ZM13.2422 13C13.2422 12.7926 13.2443 12.5364 13.215 12.3181C13.1818 12.0711 13.0928 11.7293 12.8028 11.4393L11.3886 12.8536C11.3246 12.7896 11.2813 12.7182 11.2556 12.6558C11.2332 12.6014 11.2307 12.5693 11.2328 12.5846C11.2349 12.6005 11.2383 12.6376 11.2402 12.7136C11.2421 12.789 11.2422 12.8784 11.2422 13H13.2422ZM11.992 10H12.001V8H11.992V10Z" fill="#141B34"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.362 2.015C11.4264 1.66167 12.5736 1.66167 13.638 2.015C14.6981 2.36687 15.5304 3.20141 16.3665 4.37395C17.1999 5.5426 18.1208 7.17206 19.3078 9.2725L19.3544 9.35496C20.5417 11.4557 21.4625 13.0851 22.0364 14.4065C22.613 15.7343 22.9002 16.8807 22.6711 17.9821C22.4403 19.0911 21.8714 20.0995 21.0428 20.8617C20.2162 21.622 19.0907 21.9428 17.6736 22.0968C16.2645 22.25 14.4212 22.25 12.0488 22.25H11.9513C9.57882 22.25 7.73554 22.25 6.32642 22.0968C4.90927 21.9428 3.78379 21.622 2.95722 20.8617C2.12862 20.0995 1.55968 19.0911 1.32895 17.9821C1.0998 16.8807 1.387 15.7343 1.96365 14.4065C2.53752 13.0851 3.45835 11.4557 4.64558 9.35495L4.69218 9.2725C5.87921 7.17207 6.80008 5.5426 7.63347 4.37395C8.46963 3.20141 9.30194 2.36687 10.362 2.015ZM11.6819 11.0273C11.9289 11.0605 12.2707 11.1494 12.5607 11.4394C12.8507 11.7294 12.9396 12.0711 12.9728 12.3182C13.0003 12.5228 13.0001 12.7608 13 12.9606L13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13C10.4477 13 10 12.5523 10 12C10 11.4477 10.4477 11 11 11L11.0394 11C11.2393 10.9999 11.4772 10.9997 11.6819 11.0273ZM11.9954 7C11.4456 7 10.9999 7.44772 10.9999 8C10.9999 8.55228 11.4456 9 11.9954 9H12.0044C12.5542 9 12.9999 8.55228 12.9999 8C12.9999 7.44772 12.5542 7 12.0044 7H11.9954Z" fill="#2A353D"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6556 2.63577C12.5233 2.39767 12.2724 2.25 12 2.25C11.7276 2.25 11.4767 2.39767 11.3444 2.63577L1.34438 20.6358C1.21533 20.8681 1.21883 21.1513 1.3536 21.3803C1.48836 21.6094 1.73426 21.75 2 21.75H22C22.2657 21.75 22.5116 21.6094 22.6464 21.3803C22.7812 21.1513 22.7847 20.8681 22.6556 20.6358L12.6556 2.63577ZM11.25 10V11.5H12.75V10H11.25ZM10 14.25H11.25V18.5H12.75V12.75H10V14.25Z" fill="#141B34"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.46496 20.3097L2.78796 21.0457V21.0457L3.46496 20.3097ZM2.06322 17.8293L3.04226 17.6256L2.06322 17.8293ZM18.6783 9.68293L17.8077 10.1749V10.1749L18.6783 9.68293ZM21.9368 17.8293L20.9577 17.6256L21.9368 17.8293ZM20.535 20.3097L19.858 19.5737V19.5737L20.535 20.3097ZM13.4017 2.72681L13.7168 1.77773L13.4017 2.72681ZM10.5983 2.72681L10.2832 1.77773V1.77773L10.5983 2.72681ZM11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 11C10.6899 11 10.2422 11.4477 10.2422 12C10.2422 12.5523 10.6899 13 11.2422 13V11ZM12.0957 12.1464L12.8028 11.4393V11.4393L12.0957 12.1464ZM11.992 8C11.4397 8 10.992 8.44772 10.992 9C10.992 9.55229 11.4397 10 11.992 10V8ZM12.001 10C12.5533 10 13.001 9.55229 13.001 9C13.001 8.44772 12.5533 8 12.001 8V10ZM12 20.5C9.56269 20.5 7.81726 20.4986 6.51556 20.3571C5.21172 20.2153 4.54954 19.9486 4.14196 19.5737L2.78796 21.0457C3.67439 21.8611 4.86605 22.1895 6.2994 22.3454C7.73488 22.5014 9.60995 22.5 12 22.5V20.5ZM4.45112 9.19092C3.25549 11.3066 2.31841 12.962 1.73434 14.3069C1.15152 15.6489 0.838989 16.8545 1.08419 18.033L3.04226 17.6256C2.92543 17.0641 3.0353 16.3321 3.56881 15.1036C4.10108 13.878 4.97425 12.3302 6.1923 10.1749L4.45112 9.19092ZM4.14196 19.5737C3.58569 19.062 3.19934 18.3806 3.04226 17.6256L1.08419 18.033C1.32544 19.1925 1.92046 20.2477 2.78796 21.0457L4.14196 19.5737ZM17.8077 10.1749C19.0257 12.3302 19.8989 13.878 20.4312 15.1036C20.9647 16.3321 21.0746 17.0641 20.9577 17.6256L22.9158 18.033C23.161 16.8545 22.8485 15.6489 22.2657 14.3069C21.6816 12.962 20.7445 11.3066 19.5489 9.19092L17.8077 10.1749ZM12 22.5C14.39 22.5 16.2651 22.5014 17.7006 22.3454C19.1339 22.1895 20.3256 21.8611 21.212 21.0457L19.858 19.5737C19.4505 19.9486 18.7883 20.2153 17.4844 20.3571C16.1827 20.4986 14.4373 20.5 12 20.5V22.5ZM20.9577 17.6256C20.8007 18.3806 20.4143 19.062 19.858 19.5737L21.212 21.0457C22.0795 20.2477 22.6746 19.1925 22.9158 18.033L20.9577 17.6256ZM19.5489 9.19092C18.3534 7.07548 17.4184 5.41841 16.5701 4.2288C15.7253 3.04423 14.8542 2.15528 13.7168 1.77773L13.0867 3.67589C13.6053 3.84805 14.1656 4.30169 14.9417 5.39001C15.7142 6.47329 16.5895 8.01943 17.8077 10.1749L19.5489 9.19092ZM6.1923 10.1749C7.41046 8.01943 8.28577 6.47329 9.05828 5.39001C9.83439 4.30168 10.3947 3.84805 10.9133 3.67589L10.2832 1.77773C9.14583 2.15528 8.27466 3.04423 7.42992 4.2288C6.58158 5.41841 5.64664 7.07548 4.45112 9.19092L6.1923 10.1749ZM13.7168 1.77773C12.6012 1.40742 11.3988 1.40742 10.2832 1.77773L10.9133 3.67589C11.6198 3.44137 12.3802 3.44137 13.0867 3.67589L13.7168 1.77773ZM11.2422 13V17H13.2422V13H11.2422ZM11.2422 13C11.3638 13 11.4531 13.0001 11.5286 13.002C11.6046 13.0039 11.6417 13.0072 11.6576 13.0094C11.6729 13.0114 11.6408 13.009 11.5864 12.9866C11.524 12.9609 11.4526 12.9176 11.3886 12.8536L12.8028 11.4393C12.5129 11.1493 12.1711 11.0604 11.9241 11.0272C11.7058 10.9979 11.4496 11 11.2422 11V13ZM13.2422 13C13.2422 12.7926 13.2443 12.5364 13.215 12.3181C13.1818 12.0711 13.0928 11.7293 12.8028 11.4393L11.3886 12.8536C11.3246 12.7896 11.2813 12.7182 11.2556 12.6558C11.2332 12.6014 11.2307 12.5693 11.2328 12.5846C11.2349 12.6005 11.2383 12.6376 11.2402 12.7136C11.2421 12.789 11.2422 12.8784 11.2422 13H13.2422ZM11.992 10H12.001V8H11.992V10Z" fill="#141B34"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M22 21L12 3L2 21H22Z" stroke="#141B34" stroke-width="1.5" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M12 18.5V13.5H10M12 10V11.5" stroke="#141B34" stroke-width="1.5"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M5.32171 9.68293C7.73539 5.41199 8.94222 3.27651 10.5983 2.72681C11.5093 2.4244 12.4907 2.4244 13.4017 2.72681C15.0578 3.27651 16.2646 5.41199 18.6783 9.68293C21.092 13.9539 22.2988 16.0893 21.9368 17.8293C21.7376 18.7866 21.2469 19.6549 20.535 20.3097C19.241 21.5 16.8274 21.5 12 21.5C7.17265 21.5 4.75897 21.5 3.46496 20.3097C2.75308 19.6549 2.26239 18.7866 2.06322 17.8293C1.70119 16.0893 2.90803 13.9539 5.32171 9.68293Z" stroke="#141B34" stroke-width="1.5"/>
|
|
3
|
+
<path opacity="0.4" d="M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 11C10.6899 11 10.2422 11.4477 10.2422 12C10.2422 12.5523 10.6899 13 11.2422 13V11ZM12.0957 12.1464L12.8028 11.4393L12.8028 11.4393L12.0957 12.1464ZM11.992 8C11.4397 8 10.992 8.44772 10.992 9C10.992 9.55228 11.4397 10 11.992 10V8ZM12.001 10C12.5533 10 13.001 9.55228 13.001 9C13.001 8.44772 12.5533 8 12.001 8V10ZM11.2422 13V17H13.2422V13H11.2422ZM11.2422 13C11.3638 13 11.4531 13.0001 11.5286 13.002C11.6046 13.0039 11.6417 13.0072 11.6576 13.0094C11.6729 13.0114 11.6408 13.009 11.5864 12.9866C11.524 12.9609 11.4526 12.9176 11.3886 12.8536L12.8028 11.4393C12.5129 11.1493 12.1711 11.0604 11.9241 11.0272C11.7058 10.9979 11.4496 11 11.2422 11V13ZM13.2422 13C13.2422 12.7926 13.2443 12.5364 13.215 12.3181C13.1818 12.0711 13.0928 11.7293 12.8028 11.4393L11.3886 12.8536C11.3246 12.7896 11.2813 12.7181 11.2556 12.6558C11.2332 12.6014 11.2307 12.5693 11.2328 12.5846C11.2349 12.6005 11.2383 12.6376 11.2402 12.7136C11.2421 12.789 11.2422 12.8784 11.2422 13H13.2422ZM11.992 10H12.001V8H11.992V10Z" fill="#141B34"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path opacity="0.4" d="M10.362 2.015C11.4264 1.66167 12.5736 1.66167 13.638 2.015C14.6981 2.36687 15.5304 3.20141 16.3665 4.37395C17.1999 5.5426 18.1208 7.17206 19.3078 9.2725L19.3544 9.35496C20.5417 11.4557 21.4625 13.0851 22.0364 14.4065C22.613 15.7343 22.9002 16.8807 22.6711 17.9821C22.4403 19.0911 21.8714 20.0995 21.0428 20.8617C20.2162 21.622 19.0907 21.9428 17.6736 22.0968C16.2645 22.25 14.4212 22.25 12.0488 22.25H11.9513C9.57882 22.25 7.73554 22.25 6.32642 22.0968C4.90927 21.9428 3.78379 21.622 2.95722 20.8617C2.12862 20.0995 1.55968 19.0911 1.32895 17.9821C1.0998 16.8807 1.387 15.7343 1.96365 14.4065C2.53752 13.0851 3.45835 11.4557 4.64558 9.35495L4.69218 9.2725L4.69218 9.27249C5.87921 7.17206 6.80008 5.5426 7.63347 4.37395C8.46963 3.20141 9.30194 2.36687 10.362 2.015Z" fill="#141B34"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 17C11 16.4477 11.4457 16 11.9955 16H12.0045C12.5543 16 13 16.4477 13 17C13 17.5523 12.5543 18 12.0045 18H11.9955C11.4457 18 11 17.5523 11 17Z" fill="#141B34"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C11.4477 14 11 13.5523 11 13L11 9C11 8.44772 11.4477 8 12 8C12.5523 8 13 8.44772 13 9L13 13C13 13.5523 12.5523 14 12 14Z" fill="#141B34"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path opacity="0.4" d="M5.32171 9.68293C7.73538 5.41199 8.94222 3.27651 10.5983 2.72681C11.5093 2.4244 12.4907 2.4244 13.4017 2.72681C15.0578 3.27651 16.2646 5.41199 18.6783 9.68293C21.092 13.9539 22.2988 16.0893 21.9368 17.8293C21.7376 18.7866 21.2469 19.6549 20.535 20.3097C19.241 21.5 16.8274 21.5 12 21.5C7.17265 21.5 4.75897 21.5 3.46496 20.3097C2.75308 19.6549 2.26239 18.7866 2.06322 17.8293C1.70119 16.0893 2.90803 13.9539 5.32171 9.68293Z" fill="#141B34"/>
|
|
3
|
+
<path d="M3.46496 20.3097L2.95721 20.8617L3.46496 20.3097ZM2.06322 17.8293L2.7975 17.6766L2.06322 17.8293ZM18.6783 9.68293L18.0253 10.0519V10.0519L18.6783 9.68293ZM21.9368 17.8293L21.2025 17.6766L21.9368 17.8293ZM20.535 20.3097L20.0273 19.7577V19.7577L20.535 20.3097ZM13.4017 2.72681L13.638 2.015L13.4017 2.72681ZM10.5983 2.72681L10.362 2.015V2.015L10.5983 2.72681ZM11.992 15.25C11.5778 15.25 11.242 15.5858 11.242 16C11.242 16.4142 11.5778 16.75 11.992 16.75V15.25ZM12.001 16.75C12.4152 16.75 12.751 16.4142 12.751 16C12.751 15.5858 12.4152 15.25 12.001 15.25V16.75ZM11.25 13C11.25 13.4142 11.5858 13.75 12 13.75C12.4142 13.75 12.75 13.4142 12.75 13H11.25ZM12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9H12.75ZM12 20.75C9.5686 20.75 7.80696 20.7489 6.48854 20.6056C5.16851 20.4621 4.44015 20.1877 3.97271 19.7577L2.95721 20.8617C3.78378 21.622 4.90926 21.9428 6.32642 22.0968C7.74517 22.2511 9.60405 22.25 12 22.25V20.75ZM4.66876 9.31392C3.47033 11.4345 2.54124 13.0765 1.96365 14.4065C1.387 15.7343 1.09979 16.8807 1.32895 17.9821L2.7975 17.6766C2.66462 17.0379 2.79983 16.2467 3.3395 15.004C3.87824 13.7635 4.75941 12.2023 5.97465 10.0519L4.66876 9.31392ZM3.97271 19.7577C3.37754 19.2102 2.9651 18.4821 2.7975 17.6766L1.32895 17.9821C1.55967 19.0911 2.12862 20.0995 2.95721 20.8617L3.97271 19.7577ZM18.0253 10.0519C19.2406 12.2023 20.1218 13.7635 20.6605 15.004C21.2002 16.2467 21.3354 17.0379 21.2025 17.6766L22.6711 17.9821C22.9002 16.8807 22.613 15.7343 22.0363 14.4065C21.4588 13.0765 20.5297 11.4345 19.3312 9.31392L18.0253 10.0519ZM12 22.25C14.396 22.25 16.2548 22.2511 17.6736 22.0968C19.0907 21.9428 20.2162 21.622 21.0428 20.8617L20.0273 19.7577C19.5598 20.1877 18.8315 20.4621 17.5115 20.6056C16.193 20.7489 14.4314 20.75 12 20.75V22.25ZM21.2025 17.6766C21.0349 18.4821 20.6225 19.2102 20.0273 19.7577L21.0428 20.8617C21.8714 20.0995 22.4403 19.0911 22.6711 17.9821L21.2025 17.6766ZM19.3312 9.31392C18.1329 7.19347 17.2054 5.55027 16.3665 4.37395C15.5304 3.20141 14.6981 2.36687 13.638 2.015L13.1655 3.43862C13.7614 3.63645 14.3606 4.1445 15.1453 5.24486C15.9273 6.34143 16.81 7.90144 18.0253 10.0519L19.3312 9.31392ZM5.97465 10.0519C7.18998 7.90144 8.07275 6.34143 8.85474 5.24486C9.63942 4.1445 10.2386 3.63645 10.8345 3.43862L10.362 2.015C9.30193 2.36687 8.46962 3.20141 7.63346 4.37395C6.7946 5.55027 5.86711 7.19347 4.66876 9.31392L5.97465 10.0519ZM13.638 2.015C12.5736 1.66167 11.4264 1.66167 10.362 2.015L10.8345 3.43862C11.5922 3.18713 12.4078 3.18713 13.1655 3.43862L13.638 2.015ZM11.992 16.75H12.001V15.25H11.992V16.75ZM12.75 13V9H11.25V13H12.75Z" fill="#141B34"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.362 2.015C11.4264 1.66167 12.5736 1.66167 13.638 2.015C14.6981 2.36687 15.5304 3.20141 16.3665 4.37395C17.1999 5.5426 18.1208 7.17206 19.3078 9.2725L19.3544 9.35496C20.5417 11.4557 21.4625 13.0851 22.0364 14.4065C22.613 15.7343 22.9002 16.8807 22.6711 17.9821C22.4403 19.0911 21.8714 20.0995 21.0428 20.8617C20.2162 21.622 19.0907 21.9428 17.6736 22.0968C16.2645 22.25 14.4212 22.25 12.0488 22.25H11.9513C9.57882 22.25 7.73554 22.25 6.32642 22.0968C4.90927 21.9428 3.78379 21.622 2.95722 20.8617C2.12862 20.0995 1.55968 19.0911 1.32895 17.9821C1.0998 16.8807 1.387 15.7343 1.96365 14.4065C2.53752 13.0851 3.45835 11.4557 4.64558 9.35495L4.69218 9.2725C5.87921 7.17207 6.80008 5.5426 7.63347 4.37395C8.46963 3.20141 9.30194 2.36687 10.362 2.015ZM11 17C11 16.4477 11.4457 16 11.9955 16H12.0045C12.5543 16 13 16.4477 13 17C13 17.5523 12.5543 18 12.0045 18H11.9955C11.4457 18 11 17.5523 11 17ZM11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9V13Z" fill="#2A353D"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6556 2.63577C12.5233 2.39767 12.2724 2.25 12 2.25C11.7276 2.25 11.4767 2.39767 11.3444 2.63577L1.34438 20.6358C1.21533 20.8681 1.21883 21.1513 1.3536 21.3803C1.48836 21.6094 1.73426 21.75 2 21.75H22C22.2657 21.75 22.5116 21.6094 22.6464 21.3803C22.7812 21.1513 22.7847 20.8681 22.6556 20.6358L12.6556 2.63577ZM11.25 16.5V18H12.75V16.5H11.25ZM12.75 15V10H11.25V15H12.75Z" fill="#141B34"/>
|
|
3
|
+
</svg>
|