globuswebcomponents 0.7.2 → 0.7.3
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-avatar_34.cjs.entry.js → gb-avatar_40.cjs.entry.js} +305 -66
- package/dist/cjs/gb-avatar_40.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-close_2.cjs.entry.js +1 -1
- package/dist/cjs/gb-export-sub-dropdown.cjs.entry.js +22 -0
- package/dist/cjs/gb-export-sub-dropdown.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-file-upload-item-base.cjs.entry.js +1 -1
- package/dist/cjs/gb-file-upload.cjs.entry.js +9 -9
- package/dist/cjs/gb-help-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gb-megainput-field.cjs.entry.js +2 -2
- package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
- package/dist/cjs/gb-rich-text.cjs.entry.js +1 -1
- package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
- package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
- package/dist/cjs/gb-slider.cjs.entry.js +1 -1
- package/dist/cjs/gb-toast-button.cjs.entry.js +1 -1
- package/dist/cjs/gb-toast.cjs.entry.js +1 -1
- package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field.cjs.entry.js +1 -1
- package/dist/cjs/gb-verification-code-field.cjs.entry.js +2 -2
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/arrow-left-02.svg +4 -2
- package/dist/collection/assets/arrow-right-02.svg +2 -2
- package/dist/collection/collection-manifest.json +4 -0
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js +34 -8
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js.map +1 -1
- package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.css +2673 -0
- package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js +71 -0
- package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js.map +1 -0
- package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.css +2757 -0
- package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.js +87 -0
- package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.js.map +1 -0
- package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.css +2673 -0
- package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js +19 -0
- package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js.map +1 -0
- package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.css +2695 -0
- package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js +51 -0
- package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js.map +1 -0
- package/dist/collection/components/gb-file-upload/gb-file-upload.js +9 -9
- package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js +1 -1
- package/dist/collection/components/gb-header/gb-header.css +1 -0
- package/dist/collection/components/gb-header/gb-header.js +1 -1
- package/dist/collection/components/gb-header-icon/gb-header-icon.js +4 -4
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +1 -1
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +17 -17
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map +1 -1
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.css +3 -46
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +6 -6
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js.map +1 -1
- package/dist/collection/components/gb-input-field/gb-input-field.js +11 -11
- package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js +2 -2
- package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
- package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +4 -4
- package/dist/collection/components/gb-pagination/gb-pagination.css +7 -0
- package/dist/collection/components/gb-pagination/gb-pagination.js +32 -7
- package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
- package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +1 -1
- package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.css +2 -1
- package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +19 -1
- package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js.map +1 -1
- package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
- package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
- package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
- package/dist/collection/components/gb-rich-text/gb-rich-text.js +1 -1
- package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
- package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
- package/dist/collection/components/gb-slider/gb-slider.js +1 -1
- package/dist/collection/components/gb-slider-control-handle/slider-control-handle.js +1 -1
- package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
- package/dist/collection/components/gb-tag/gb-tag.js +1 -1
- package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
- package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
- package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
- package/dist/collection/components/gb-toast/gb-toast.js +1 -1
- package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
- package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
- package/dist/collection/components/gb-toggle-base/gb-toggle-base.css +2 -2
- package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
- package/dist/collection/components/gb-token-field/gb-token-field.js +1 -1
- package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
- package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js +2 -2
- package/dist/components/gb-avatar-add-button.js +1 -1
- package/dist/components/gb-avatar-dropdown.js +20 -11
- package/dist/components/gb-avatar-dropdown.js.map +1 -1
- package/dist/components/gb-avatar-group.js +4 -4
- package/dist/components/gb-avatar-label-group.js +1 -1
- package/dist/components/gb-avatar-profile-photo.js +2 -2
- package/dist/components/gb-avatar.js +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-checkbox-group-item.js +1 -1
- package/dist/components/gb-checkbox-group.js +3 -3
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-export-dropdown-item.d.ts +11 -0
- package/dist/components/gb-export-dropdown-item.js +8 -0
- package/dist/components/gb-export-dropdown-item.js.map +1 -0
- package/dist/components/gb-export-dropdown.d.ts +11 -0
- package/dist/components/gb-export-dropdown.js +51 -0
- package/dist/components/gb-export-dropdown.js.map +1 -0
- package/dist/components/gb-export-sub-dropdown-item.d.ts +11 -0
- package/dist/components/gb-export-sub-dropdown-item.js +8 -0
- package/dist/components/gb-export-sub-dropdown-item.js.map +1 -0
- package/dist/components/gb-export-sub-dropdown.d.ts +11 -0
- package/dist/components/gb-export-sub-dropdown.js +43 -0
- package/dist/components/gb-export-sub-dropdown.js.map +1 -0
- package/dist/components/gb-file-upload-item-base.js +1 -1
- package/dist/components/gb-file-upload.js +12 -12
- package/dist/components/gb-header-icon.js +1 -1
- package/dist/components/gb-header.js +5 -5
- package/dist/components/gb-header.js.map +1 -1
- package/dist/components/gb-help-dropdown.js +1 -1
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +5 -5
- package/dist/components/gb-input-dropdown-menu-item.js +1 -1
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +17 -17
- package/dist/components/gb-megainput-field.js +1 -1
- package/dist/components/gb-notification-content.js +1 -1
- package/dist/components/gb-notification-pane.js +5 -5
- package/dist/components/gb-pagination-button-group-base.js +1 -1
- package/dist/components/gb-pagination-dot-indicator.js +1 -1
- package/dist/components/gb-pagination-number-base.js +1 -40
- package/dist/components/gb-pagination-number-base.js.map +1 -1
- package/dist/components/gb-pagination.js +103 -7
- package/dist/components/gb-pagination.js.map +1 -1
- package/dist/components/gb-password-button.js +1 -1
- package/dist/components/gb-progress-bar.js +1 -1
- package/dist/components/gb-progress-circle.js +1 -1
- package/dist/components/gb-rich-text.js +12 -12
- package/dist/components/gb-scrollbar.js +1 -1
- package/dist/components/gb-side-bar-item.js +1 -1
- package/dist/components/gb-sidebar.js +7 -7
- package/dist/components/gb-slider-control-handle.js +1 -1
- package/dist/components/gb-slider.js +3 -3
- package/dist/components/gb-status-indicator.js +1 -1
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-tag-checkbox.js +1 -1
- package/dist/components/gb-tag-close.js +1 -1
- package/dist/components/gb-tag-count.js +1 -1
- package/dist/components/gb-tag.js +1 -1
- package/dist/components/gb-toast-button.js +1 -1
- package/dist/components/gb-toast.js +2 -2
- package/dist/components/gb-toggle-base.js +1 -1
- package/dist/components/gb-toggle.js +2 -2
- package/dist/components/gb-token-field.js +2 -2
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-verification-code-field.js +3 -3
- package/dist/components/gb-wysiwyg-toolbar.js +1 -1
- package/dist/components/{p-01e9a298.js → p-03aafe98.js} +2 -2
- package/dist/components/{p-01e9a298.js.map → p-03aafe98.js.map} +1 -1
- package/dist/components/p-0a38b641.js +42 -0
- package/dist/components/p-0a38b641.js.map +1 -0
- package/dist/components/{p-a6cc866a.js → p-0b245ee3.js} +2 -2
- package/dist/components/{p-a6cc866a.js.map → p-0b245ee3.js.map} +1 -1
- package/dist/components/{p-3c05bdbb.js → p-0c4b9f10.js} +3 -3
- package/dist/components/{p-3c05bdbb.js.map → p-0c4b9f10.js.map} +1 -1
- package/dist/components/{p-13caf833.js → p-15710279.js} +3 -3
- package/dist/components/{p-13caf833.js.map → p-15710279.js.map} +1 -1
- package/dist/components/{p-35ef64e9.js → p-20b0e1c1.js} +3 -3
- package/dist/components/{p-35ef64e9.js.map → p-20b0e1c1.js.map} +1 -1
- package/dist/components/{p-777e985f.js → p-2b414140.js} +2 -2
- package/dist/components/{p-777e985f.js.map → p-2b414140.js.map} +1 -1
- package/dist/components/{p-0a8b560f.js → p-30a94bf3.js} +2 -2
- package/dist/components/{p-0a8b560f.js.map → p-30a94bf3.js.map} +1 -1
- package/dist/components/{p-013dee20.js → p-35bf0baf.js} +15 -22
- package/dist/components/p-35bf0baf.js.map +1 -0
- package/dist/components/{p-61bddf5d.js → p-3b853dc6.js} +10 -10
- package/dist/components/p-3b853dc6.js.map +1 -0
- package/dist/components/{p-0db9a95a.js → p-4e619f34.js} +3 -3
- package/dist/components/{p-0db9a95a.js.map → p-4e619f34.js.map} +1 -1
- package/dist/components/{p-10c9fef5.js → p-54a26532.js} +11 -11
- package/dist/components/{p-10c9fef5.js.map → p-54a26532.js.map} +1 -1
- package/dist/components/{p-9fbe131e.js → p-5577324f.js} +2 -2
- package/dist/components/{p-9fbe131e.js.map → p-5577324f.js.map} +1 -1
- package/dist/components/{p-9c716438.js → p-7124ef98.js} +7 -7
- package/dist/components/{p-9c716438.js.map → p-7124ef98.js.map} +1 -1
- package/dist/components/{p-614c7903.js → p-76e5c136.js} +7 -7
- package/dist/components/{p-614c7903.js.map → p-76e5c136.js.map} +1 -1
- package/dist/components/{p-9da5c7ce.js → p-7dfe2e6e.js} +5 -5
- package/dist/components/{p-9da5c7ce.js.map → p-7dfe2e6e.js.map} +1 -1
- package/dist/components/p-81aa2aac.js +46 -0
- package/dist/components/p-81aa2aac.js.map +1 -0
- package/dist/components/{p-0ae10a93.js → p-94df8239.js} +2 -2
- package/dist/components/{p-0ae10a93.js.map → p-94df8239.js.map} +1 -1
- package/dist/components/{p-9cc98325.js → p-9567243d.js} +6 -6
- package/dist/components/{p-9cc98325.js.map → p-9567243d.js.map} +1 -1
- package/dist/components/{p-c110c812.js → p-96b92a91.js} +3 -3
- package/dist/components/{p-c110c812.js.map → p-96b92a91.js.map} +1 -1
- package/dist/components/{p-6f6dbd9e.js → p-a5a98f57.js} +2 -2
- package/dist/components/{p-6f6dbd9e.js.map → p-a5a98f57.js.map} +1 -1
- package/dist/components/{p-219e2e65.js → p-a7105dca.js} +4 -4
- package/dist/components/{p-219e2e65.js.map → p-a7105dca.js.map} +1 -1
- package/dist/components/p-b9ca2f90.js +44 -0
- package/dist/components/p-b9ca2f90.js.map +1 -0
- package/dist/components/{p-9e4e0d3c.js → p-c47114b4.js} +4 -4
- package/dist/components/{p-9e4e0d3c.js.map → p-c47114b4.js.map} +1 -1
- package/dist/components/{p-d6535fc7.js → p-d4be099a.js} +2 -2
- package/dist/components/{p-d6535fc7.js.map → p-d4be099a.js.map} +1 -1
- package/dist/components/{p-510523d2.js → p-d8546cd7.js} +3 -3
- package/dist/components/{p-510523d2.js.map → p-d8546cd7.js.map} +1 -1
- package/dist/components/{p-f39b9a24.js → p-dbb66bab.js} +2 -2
- package/dist/components/{p-f39b9a24.js.map → p-dbb66bab.js.map} +1 -1
- package/dist/components/{p-6bea6dca.js → p-e1385814.js} +2 -2
- package/dist/components/{p-6bea6dca.js.map → p-e1385814.js.map} +1 -1
- package/dist/components/{p-c267ebdf.js → p-e5989aa8.js} +3 -3
- package/dist/components/{p-c267ebdf.js.map → p-e5989aa8.js.map} +1 -1
- package/dist/components/{p-7f28a0a8.js → p-f04532e6.js} +2 -2
- package/dist/components/{p-7f28a0a8.js.map → p-f04532e6.js.map} +1 -1
- package/dist/esm/{gb-avatar_34.entry.js → gb-avatar_40.entry.js} +300 -67
- package/dist/esm/gb-avatar_40.entry.js.map +1 -0
- package/dist/esm/gb-button-close_2.entry.js +1 -1
- package/dist/esm/gb-export-sub-dropdown.entry.js +18 -0
- package/dist/esm/gb-export-sub-dropdown.entry.js.map +1 -0
- package/dist/esm/gb-file-upload-item-base.entry.js +1 -1
- package/dist/esm/gb-file-upload.entry.js +9 -9
- package/dist/esm/gb-help-dropdown.entry.js +1 -1
- package/dist/esm/gb-megainput-field.entry.js +2 -2
- package/dist/esm/gb-progress-circle.entry.js +1 -1
- package/dist/esm/gb-rich-text.entry.js +1 -1
- package/dist/esm/gb-scrollbar.entry.js +1 -1
- package/dist/esm/gb-slider-control-handle.entry.js +1 -1
- package/dist/esm/gb-slider.entry.js +1 -1
- package/dist/esm/gb-toast-button.entry.js +1 -1
- package/dist/esm/gb-toast.entry.js +1 -1
- package/dist/esm/gb-toggle.entry.js +1 -1
- package/dist/esm/gb-token-field.entry.js +1 -1
- package/dist/esm/gb-verification-code-field.entry.js +2 -2
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/assets/arrow-left-02.svg +4 -2
- package/dist/globuscomponents/assets/arrow-right-02.svg +2 -2
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/p-1407230c.entry.js +2 -0
- package/dist/globuscomponents/{p-82f0b8bd.entry.js → p-23f6cdaa.entry.js} +2 -2
- package/dist/globuscomponents/p-2af16015.entry.js +2 -0
- package/dist/globuscomponents/p-2af16015.entry.js.map +1 -0
- package/dist/globuscomponents/{p-f4e83bee.entry.js → p-5aac3b80.entry.js} +2 -2
- package/dist/globuscomponents/{p-b4a9a592.entry.js → p-5fb67944.entry.js} +2 -2
- package/dist/globuscomponents/p-61ebec19.entry.js +2 -0
- package/dist/globuscomponents/p-61ebec19.entry.js.map +1 -0
- package/dist/globuscomponents/{p-28010ce5.entry.js → p-856cdce9.entry.js} +2 -2
- package/dist/globuscomponents/{p-49317ef3.entry.js → p-8670bfe4.entry.js} +2 -2
- package/dist/globuscomponents/{p-d9a2a502.entry.js → p-8844e42c.entry.js} +2 -2
- package/dist/globuscomponents/{p-e000dd43.entry.js → p-8db2251b.entry.js} +2 -2
- package/dist/globuscomponents/{p-a8fca199.entry.js → p-9f0d14f0.entry.js} +2 -2
- package/dist/globuscomponents/{p-2de76cff.entry.js → p-a720f8ce.entry.js} +2 -2
- package/dist/globuscomponents/{p-478defa4.entry.js → p-aa4a4c00.entry.js} +2 -2
- package/dist/globuscomponents/{p-4747d944.entry.js → p-c6e46539.entry.js} +2 -2
- package/dist/globuscomponents/{p-3e87d517.entry.js → p-d00a1b0b.entry.js} +2 -2
- package/dist/globuscomponents/{p-591f713e.entry.js → p-d19146ce.entry.js} +2 -2
- package/dist/globuscomponents/{p-813be3a0.entry.js → p-ed655f72.entry.js} +2 -2
- package/dist/types/components/gb-avatar-dropdown/gb-avatar-dropdown.d.ts +1 -0
- package/dist/types/components/gb-export-dropdown/gb-export-dropdown.d.ts +8 -0
- package/dist/types/components/gb-export-dropdown-item/gb-export-dropdown-item.d.ts +8 -0
- package/dist/types/components/gb-export-sub-dropdown/gb-export-sub-dropdown.d.ts +3 -0
- package/dist/types/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.d.ts +6 -0
- package/dist/types/components/gb-input-dropdown/gb-input-dropdown.d.ts +5 -1
- package/dist/types/components/gb-pagination/gb-pagination.d.ts +4 -0
- package/dist/types/components/gb-pagination-number-base/gb-pagination-number-base.d.ts +1 -0
- package/dist/types/components.d.ts +86 -2
- package/package.json +1 -1
- package/dist/cjs/gb-avatar-dropdown.cjs.entry.js +0 -57
- package/dist/cjs/gb-avatar-dropdown.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js +0 -104
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-avatar_34.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js +0 -32
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js.map +0 -1
- package/dist/components/p-013dee20.js.map +0 -1
- package/dist/components/p-61bddf5d.js.map +0 -1
- package/dist/esm/gb-avatar-dropdown.entry.js +0 -53
- package/dist/esm/gb-avatar-dropdown.entry.js.map +0 -1
- package/dist/esm/gb-avatar-label-group.entry.js +0 -100
- package/dist/esm/gb-avatar-label-group.entry.js.map +0 -1
- package/dist/esm/gb-avatar_34.entry.js.map +0 -1
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js +0 -28
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js.map +0 -1
- package/dist/globuscomponents/p-3482a1c9.entry.js +0 -2
- package/dist/globuscomponents/p-3482a1c9.entry.js.map +0 -1
- package/dist/globuscomponents/p-3e00e8b5.entry.js +0 -2
- package/dist/globuscomponents/p-517691ca.entry.js +0 -2
- package/dist/globuscomponents/p-517691ca.entry.js.map +0 -1
- package/dist/globuscomponents/p-d8d56455.entry.js +0 -2
- package/dist/globuscomponents/p-d8d56455.entry.js.map +0 -1
- package/dist/globuscomponents/p-ef70935e.entry.js +0 -2
- package/dist/globuscomponents/p-ef70935e.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-3e00e8b5.entry.js.map → p-1407230c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-82f0b8bd.entry.js.map → p-23f6cdaa.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f4e83bee.entry.js.map → p-5aac3b80.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b4a9a592.entry.js.map → p-5fb67944.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-28010ce5.entry.js.map → p-856cdce9.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-49317ef3.entry.js.map → p-8670bfe4.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d9a2a502.entry.js.map → p-8844e42c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e000dd43.entry.js.map → p-8db2251b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-a8fca199.entry.js.map → p-9f0d14f0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-2de76cff.entry.js.map → p-a720f8ce.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-478defa4.entry.js.map → p-aa4a4c00.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4747d944.entry.js.map → p-c6e46539.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3e87d517.entry.js.map → p-d00a1b0b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-591f713e.entry.js.map → p-d19146ce.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-813be3a0.entry.js.map → p-ed655f72.entry.js.map} +0 -0
|
@@ -4,11 +4,22 @@ export class GbPagination {
|
|
|
4
4
|
this.type = undefined;
|
|
5
5
|
this.shape = undefined;
|
|
6
6
|
this.breakpoint = undefined;
|
|
7
|
-
this.currentPage =
|
|
8
|
-
this.totalPages =
|
|
7
|
+
this.currentPage = undefined;
|
|
8
|
+
this.totalPages = undefined;
|
|
9
|
+
this.entries = [];
|
|
10
|
+
}
|
|
11
|
+
componentDidLoad() {
|
|
12
|
+
const entries = [5, 10, 20, 50, 80];
|
|
13
|
+
this.entries = entries;
|
|
14
|
+
}
|
|
15
|
+
onPreviousButtonClicked() {
|
|
16
|
+
this.currentPage = this.currentPage - 1;
|
|
17
|
+
}
|
|
18
|
+
onNextButtonClicked() {
|
|
19
|
+
this.currentPage = this.currentPage + 1;
|
|
9
20
|
}
|
|
10
21
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '4684fa562fe5e2f4f86271d5ce18f1884229a0d8', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '15c7ede49b975e4ca43935046be662944a8158f0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '3fe495fd86314662b01d4f4620c9b2b7167d0cb9' }, "Previous")), h("gb-button", { key: '5cea7381c2d52d27ae262c13b1e75fa417b4e2aa', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '7f4887331de3f31a95df6ab8f2a313dff223a07a' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'dfb1ca3c57a3b9bae5b4b052265192316f7f2f63', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'c62445e2c6db609eed9c3a9fde2d1791c32fd470' }, "Previous")), h("gb-button", { key: 'ef31e2b1adf98e92a1346de3495d9b6faf01194a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'bccf9b126f79664716df9ff649f2e55d72800a7f' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '33bcf4d2de3890c46fa06ded26bbb6f6bcba8531', class: "entries" }, h("div", { key: '6bbc74ba48dd19c324c89c0d4596bf430dc90b09', class: "entries_text" }, h("p", { key: '70c4e7a63d2ff38b0232d25560f1a0d08da78929', class: `text-sm-medium` }, "Entries")), h("div", { key: '9712fe4bdf6564a4955674388c9c83de91665185', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5adfa0de928a7a3573d9ee96f1c617cc7d3ec081', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries }))), h("div", { key: 'e94186e43df5c39e5a53485a72bfc217b8bc4aa8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'fc561357023c41bf8471d2b19b420ba9c64a6245', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '478c5c71718d54f24b6691f6a6e891d88a0789aa', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c3d1d4ef47eebd6c01e9544b7487648361d53caf', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '41f580df29da5626f66d7b16138bb6719e68c965', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '23f8f752b326d1dc10f9ff0d11e22edf75289994', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'bc41d48b4e29877737028bd22808d438e4d8cab4', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '95f04bc4cc1172d585ff64f2134c0c1451b34311', shape: this.shape }, h("p", { key: '30f3ed0bb133765c744cd9d99c8ddffce182534a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '034c35db4600b1a25082b28e5a79c7dd76a8e591', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '0ac1b8bd39deda6887ad42572123a120ef3baebd', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'c670568042b5e6638a3a99ddf0abdf9abb601764', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'd8cf34c77cc789608f74c7467b437245ab0ba33e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '869db7798cefecef031b4f57f9f68e56a63ab122', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '4bea20988fa06fd5a3917d08577877d7c2c780c7', slot: "page_number" }, this.totalPages))), h("div", { key: 'acba46e910f5343abe9920618a77fd7dab313ba1', class: "buttons" }, h("gb-button", { key: '0c970ee8c3e37bad06d495ac9d22646b73b51a70', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '5e0f5145e3058345fb1d8ccdde86cc444537f120', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5bf870fcdda8701be89776fd46a805797f1571c4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '575efb157e065e7b44a6c06693045fa2943d7b3e', class: "page_number_text" }, h("p", { key: 'cbef1127788a15dfbefb8306c3a9679009c7a954', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c7a12f6da85acdca8ea43ae99309ed9208ca0581', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
|
|
12
23
|
}
|
|
13
24
|
static get is() { return "gb-pagination"; }
|
|
14
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -108,8 +119,7 @@ export class GbPagination {
|
|
|
108
119
|
"text": ""
|
|
109
120
|
},
|
|
110
121
|
"attribute": "current-page",
|
|
111
|
-
"reflect": false
|
|
112
|
-
"defaultValue": "1"
|
|
122
|
+
"reflect": false
|
|
113
123
|
},
|
|
114
124
|
"totalPages": {
|
|
115
125
|
"type": "number",
|
|
@@ -126,8 +136,23 @@ export class GbPagination {
|
|
|
126
136
|
"text": ""
|
|
127
137
|
},
|
|
128
138
|
"attribute": "total-pages",
|
|
129
|
-
"reflect": false
|
|
130
|
-
|
|
139
|
+
"reflect": false
|
|
140
|
+
},
|
|
141
|
+
"entries": {
|
|
142
|
+
"type": "unknown",
|
|
143
|
+
"mutable": false,
|
|
144
|
+
"complexType": {
|
|
145
|
+
"original": "any[]",
|
|
146
|
+
"resolved": "any[]",
|
|
147
|
+
"references": {}
|
|
148
|
+
},
|
|
149
|
+
"required": false,
|
|
150
|
+
"optional": false,
|
|
151
|
+
"docs": {
|
|
152
|
+
"tags": [],
|
|
153
|
+
"text": ""
|
|
154
|
+
},
|
|
155
|
+
"defaultValue": "[]"
|
|
131
156
|
}
|
|
132
157
|
};
|
|
133
158
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ7D,MAAM,OAAO,YAAY;;;;;2BAIO,CAAC;0BACF,EAAE;;IAE/B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;YAEzD,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC5I,uEAAe,CACL;gBAMZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAC/I,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC7I,uEAAe,CACL;gBAEZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAChJ,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,4DAAK,KAAK,EAAC,SAAS,cAEd;gBACN,4DAAK,KAAK,EAAC,cAAc,GAAO;gBAChC,4DAAK,KAAK,EAAC,SAAS;oBAClB,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B,GAAa;oBACzJ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,2BAA2B,GAAa,CACtJ,CACL,CACJ;YAGA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/D;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B,GAAa;gBACzJ,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,2BAA2B,GAAa,CACzJ,CACJ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination',\r\n styleUrl: 'gb-pagination.css',\r\n shadow: true,\r\n})\r\nexport class GbPagination {\r\n @Prop() type: PaginationTypes;\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() breakpoint: BreakPoints;\r\n @Prop() currentPage: number = 1;\r\n @Prop() totalPages: number = 10;\r\n\r\n render() {\r\n return (\r\n <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n {/* Desktop Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n {/* <div class=\"page_default_numbers\">\r\n <gb-pagination-number-base shape={this.shape}></gb-pagination-number-base>\r\n </div> */}\r\n\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"entries\">\r\n Entries\r\n </div>\r\n <div class=\"page_numbers\"></div>\r\n <div class=\"buttons\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n </div>\r\n </>\r\n )}\r\n\r\n {/* Mobile Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
1
|
+
{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination',\r\n styleUrl: 'gb-pagination.css',\r\n shadow: true,\r\n})\r\nexport class GbPagination {\r\n @Prop() type: PaginationTypes;\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() breakpoint: BreakPoints;\r\n @Prop() currentPage: number;\r\n @Prop() totalPages: number;\r\n @Prop() entries: any[] = [];\r\n\r\n componentDidLoad() {\r\n const entries = [5, 10, 20, 50, 80];\r\n\r\n this.entries = entries;\r\n }\r\n\r\n onPreviousButtonClicked() {\r\n this.currentPage = this.currentPage - 1;\r\n }\r\n\r\n onNextButtonClicked() {\r\n this.currentPage = this.currentPage + 1;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n {/* Desktop Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n {/* <div class=\"page_default_numbers\">\r\n <gb-pagination-number-base shape={this.shape}></gb-pagination-number-base>\r\n </div> */}\r\n\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`}>Entries</p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n <div class=\"buttons\">\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n </>\r\n )}\r\n\r\n {/* Mobile Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '26e04bac2cde32ca1fdfbf854485420b78e6c577', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '5fa681f7afe47afca3d42b5caed7635b1061bb35' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '850d84b7c24aec5162c4e71ebd73ca317e717d25', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'fee35a31d86a01fca1a65486227e35ae309221b8', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '04cd23cb0e4bd71745888d56abe28d20a64d5149' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '7facef7ad87330439d3c247adc7328414d96f8e1' }), this.iconTrailing && (h("svg", { key: '78ea2e8f9df291cdfaec6741807d47b33b42a881', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '12f54dbb5d7afc74a3348cac74e2e4069c17e79c', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "gb-pagination-button-group-base"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js
CHANGED
|
@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
|
|
|
6
6
|
this.size = undefined;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return h("div", { key: '
|
|
9
|
+
return h("div", { key: 'a7a8b68be25a989fd80374f65559bfb3d4007049', class: `dot_indicator_div
|
|
10
10
|
${this.type} ${this.current ? 'current' : ''}
|
|
11
11
|
${this.size}` });
|
|
12
12
|
}
|
|
@@ -2682,6 +2682,7 @@
|
|
|
2682
2682
|
background-color: var(--color-background-information-subtler, #C8E0F9);
|
|
2683
2683
|
}
|
|
2684
2684
|
|
|
2685
|
-
.page_number_base:active
|
|
2685
|
+
.page_number_base:active,
|
|
2686
|
+
.page_number_base.active{
|
|
2686
2687
|
background-color: var(--color-background-information-subtle, #9AC7F4);
|
|
2687
2688
|
}
|
|
@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class GbPaginationNumberBase {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.shape = undefined;
|
|
5
|
+
this.state = undefined;
|
|
5
6
|
}
|
|
6
7
|
componentDidLoad() {
|
|
7
8
|
const slottedContent = this.el.querySelector('[slot="page_number"]');
|
|
@@ -10,7 +11,7 @@ export class GbPaginationNumberBase {
|
|
|
10
11
|
}
|
|
11
12
|
}
|
|
12
13
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: '4401a9a0e27247c91bf197dde9201560336422b6', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'fc3290ec8e0008e85240d14a0cb8b9a828f37273', name: "page_number" })));
|
|
14
15
|
}
|
|
15
16
|
static get is() { return "gb-pagination-number-base"; }
|
|
16
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,6 +49,23 @@ export class GbPaginationNumberBase {
|
|
|
48
49
|
},
|
|
49
50
|
"attribute": "shape",
|
|
50
51
|
"reflect": false
|
|
52
|
+
},
|
|
53
|
+
"state": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"mutable": false,
|
|
56
|
+
"complexType": {
|
|
57
|
+
"original": "'default' | 'active' | 'pressed'",
|
|
58
|
+
"resolved": "\"active\" | \"default\" | \"pressed\"",
|
|
59
|
+
"references": {}
|
|
60
|
+
},
|
|
61
|
+
"required": false,
|
|
62
|
+
"optional": false,
|
|
63
|
+
"docs": {
|
|
64
|
+
"tags": [],
|
|
65
|
+
"text": ""
|
|
66
|
+
},
|
|
67
|
+
"attribute": "state",
|
|
68
|
+
"reflect": false
|
|
51
69
|
}
|
|
52
70
|
};
|
|
53
71
|
}
|
package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-pagination-number-base.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-number-base/gb-pagination-number-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAS5D,MAAM,OAAO,sBAAsB
|
|
1
|
+
{"version":3,"file":"gb-pagination-number-base.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-number-base/gb-pagination-number-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAS5D,MAAM,OAAO,sBAAsB;;;;;IAK/B,gBAAgB;QACZ,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAErE,IAAG,cAAc,EAAE,CAAC;YAChB,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;YACtD,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC9B,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { PaginationNumberShapes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-number-base',\r\n styleUrl: 'gb-pagination-number-base.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbPaginationNumberBase {\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() state: 'default' | 'active' | 'pressed';\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('[slot=\"page_number\"]');\r\n\r\n if(slottedContent) {\r\n slottedContent.classList.add('text-sm-medium');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`page_number_base ${this.shape} ${this.state}`}>\r\n <slot name=\"page_number\"></slot>\r\n </div>\r\n )\r\n }\r\n}"]}
|
|
@@ -8,7 +8,7 @@ export class GbPasswordButton {
|
|
|
8
8
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '375d4ae119f85b1e19c5e3f7c8330fc4a870a7e7' }, h("gb-btn", { key: 'b476c4560a0dcf0b9ef0371ad3ce6cae1b5f6c19', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-password-button"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class GbProgressBar {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
const progressValue = Math.min(Math.max(this.progress, 0), 100);
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '8b40bccc75f28dc36836b7035c5dcd3dc86504f5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'daf811c3b402f1e592bb014bf0898f3d09348ca9', class: "progress_bar" }, h("div", { key: '424316c3bbc245022bc941936d55961d386fdf39', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '11bbe5c6711be9dd5ce58f5cd2bdc4c6693e395e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '46fb0e1a61802b7cb722eb6601e2ce14ac58decc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'eab7885a5a4f452a4646360a66a6f831b047c8a6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'b05d5f2a43695e607df523d42c74ea02cd5d8fa5', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '66762ee6ed332c54448d90387096bc06ea84a612', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '835e617502ad58b6a1a0abc3c84ba40d31b4262e', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '4eedd92fbab947a34c7af46077c90017c93040f6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-progress-bar"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -30,7 +30,7 @@ export class GbProgressCircle {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h("div", { key: '
|
|
33
|
+
return (h("div", { key: '90872d9648b147d97397e286454fd4f595df6cd4', class: "gauge" }, h("div", { key: '20d3935b1042b59c3dab29d6dbd41ae963cbabe1', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'b31586717c49152e3e71640af4dad498b3afb5d4', class: "mask" }), this.label && (h("div", { key: '1a76ec180ede8d97f11d618bb724dc2d61c6cbb1', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a2dbbb0c0f217c9f13d4e13864acf8a7de0c4bb8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "gb-progress-circle"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -15,7 +15,7 @@ export class GbRichText {
|
|
|
15
15
|
destructive: this.destructive,
|
|
16
16
|
disabled: this.state === 'disabled'
|
|
17
17
|
};
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '9ef6ae138b1ad09611b6830a0ed2eda37b731969', class: classes }, h("div", { key: 'ba2121a727d43faa9c88a6b5caed93092e4354e5', class: "input-with-label" }, h("label", { key: '699cf11f017a919ff3795d80f76ec3a5634f8a2a' }, this.label), h("div", { key: 'ad72bfb1733be564331d85e831544502dc9f4990', class: "input-container" }, h("div", { key: '74770e8023b6dcfc3db4590854eba5763c58ac43', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '23dd21c5b21e74176cc69e5f3cae7a138ca240bc', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '0f347ae405c1f40faef24350f0d004b1127bf3e3', class: "error-icon" }, h("svg", { key: '2c23b8ce6191e6cb80c51e42fd6209eb46ee3bc1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '77f7f755c62568b16769df3d755a4f73fb56db58', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '7c3d97014a62dcf7ef1f9eeb5377a6df11def4e4', class: "text-container" }, h("textarea", { key: '81c2c9278b43be1951c515f893e890152c2ffa17' }, this.showPlaceholder && (h("div", { key: 'de4d94b2cb38be58e08c88c2ad5e8705fbb85458' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'f198780de8157002f743c90e88313d8fe367a811', class: "hint-text" }, this.hintText))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "gb-rich-text"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class GbScrollbar {
|
|
|
4
4
|
this.length = '25%';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: 'd6fb28f1be0a53a185e3054d6568190903573261', class: "scrollbar-container" }, h("div", { key: 'f69025fabf65afc1de557093861a4d32c1004ab3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '60c6e4ad9ed9fb69b823771aa3c73fc1977dcf22' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,7 +32,7 @@ export class GbSideBarItem {
|
|
|
32
32
|
render() {
|
|
33
33
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
34
34
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
35
|
-
return (h("div", { key: '
|
|
35
|
+
return (h("div", { key: 'a474572cdc2a01bb76ea67a987b49bbec034d741', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '69c09dfbe2e734cecdac95030a7542a227e9f07c', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'be3b020f70784cdd7da5b191cd68b248c49a2f28', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e87dcf1fee3cc93f50533d818fa1c23fa073f399', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '6a2819e007565b1985591189985c014ccfd31dd4', class: "content" }, h("div", { key: 'b54164fa314b4c298b6d378a409daa190e8650d4', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'bb47bde5b9b9e6b44dfea765015f57015e38375f', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '9c15f03d3395d81fa4f630c93a81dc734a907780', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '7ac458e60dcd939f9752134613c38a76f256d538' }, "10"))), this.showArrow && (h("svg", { key: '55ad094e08eddb28fafa6ce37c62f852b53e6b28', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '8f5efc4ce2503cf87cdaf8e8c70b6aef6526f1cf', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '591eb37618893c4cc87e4c8db86a40fded5eba59', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0c57dbb3a5d445b0dd5358870511b3598fd575fe', slot: "label" }, this.label)))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "gb-side-bar-item"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -68,7 +68,7 @@ export class GbSidebar {
|
|
|
68
68
|
const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
|
|
69
69
|
const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
70
70
|
const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
71
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: 'edcef8b9b824ed149b863e6931bc0d0321096232', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '66e41c2dd546c463450387a69ceb50aa77c53f6b', class: "pattern" }, h("img", { key: 'da07c62fbab48de610398d1d1c6cb8cc3ebc5ab6', src: patternSrc, alt: "" }))), h("div", { key: 'f39c271f87ad22356753dfb4f05dd0cc4b419dbd', class: "nav" }, h("div", { key: 'a27c0e864597681af94ecf071b4b7fc7fa46fa93', class: `sidebar_header ${this.state}` }, h("div", { key: 'de8e4c0ffd031a15c5f7d5c3c57fb7fe8d40cc72', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '0d91e332e4e0f762950132ee516f6ec8a44522a2', src: logoSrc, alt: "" })), h("div", { key: 'a972e0696c88792cf786df2a7eabd31d94917d51', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '86d92f0e844c7a882c73d9c0b87c0c89694f97a2', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '7e5fc7e60ddcc0bfd43087813acf57bcf67ac627', class: "navigation" }, h("div", { key: '4891e7668b50b5281674ac9335dc6dd8e8a6dafb', class: "item" }, h("gb-side-bar-item", { key: 'dad3dd6b9abcf37fe68670939c9e27fce8b63f33', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '09ea2fc6724b142fb6267cfb82a0f8fc2e8c8ca9', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '69db20a8e4fb479d09bf4f957f8de2402d16f87c', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '3b7af434d01a4be0a2ea3dc420ce48b97683c68f', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: 'b45a5d7c3b4e4fa2250f2a0ab377c19701eb7901', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '2362f7e9cd6f12ce9c5ba7769fcaed4cdc72fd0e', class: "navigation" }, h("div", { key: '961f31c8e38133bec131fac97ac274fcd5003086', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '66544669af81fee4fbb3643b495717d093924ab4', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: '606f42aa352ae4265bb8858d73ed6592adbf172f', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '6513b419e02a05fb6e7e6055b64c4712bd9887f5', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: 'cfa79a90bf46fe979c3f12437835a132c30c0b6f', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: 'e54685fe463e044a995628cbe5fe0339432a0433', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '8972ed103d96ce7004ca58d0d738f810370e564a', class: "application_name" }, h("div", { key: '6607943ee015c3407c6f78d73af99239890a4212', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '433f2059b4f21068e805cc2be095dc88c5005c58', class: "application_name_pattern" }, h("img", { key: '3710d9bd6ef1dedfc182516d5f975e907616321b', src: patternSrc, alt: "" }))), h("div", { key: 'da60239a7a5dd49e76c386c4f9e37850f6913304', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '00b34617290649cb9894f4bc5a16c4e155048fa0', class: textClass }, h("slot", { key: '75ba58801a94d3acf8c68b3c4fb559091973a82e', name: "application_name" })))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "gb-sidebar"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -56,7 +56,7 @@ export class GbSlider {
|
|
|
56
56
|
this.trackEl.style.width = `${rightPos - leftPos}%`;
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h("div", { key: '
|
|
59
|
+
return (h("div", { key: 'e9381bf91db97be072d1b8e702b50090e203edda', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '0c0c546facda01c5d6ef59b9e7d9b81201fb7fc2', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '946da0409ab6976e100207fefdfde39784a5a9c4', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'f73fe9baa207666a86ecddfff73f7e042789b572', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
|
|
60
60
|
}
|
|
61
61
|
static get is() { return "gb-slider"; }
|
|
62
62
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class SliderControlHandle {
|
|
|
19
19
|
this.isFocused = false;
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: 'ff7e943904be680b08147cdc717396ab10a154e7', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '90f93203affda976d5638f1dcab6db2e90b94e2d', class: "tooltip-container" }, h("gb-tooltip", { key: '75a97699c5935101b4c38bf5a3236fccfc057514', arrow: 'none' }, h("p", { key: '95dbbc5cb635db17b8d86e3226f13fde9cec7ed5', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'e0f7e7ed7305885dbe9275d56be2790671438bdb', class: "thumb-label" }, this.value, "%"))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-slider-control-handle"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class GbStatusIndicator {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return [
|
|
12
|
-
h("div", { key: '
|
|
12
|
+
h("div", { key: '0701ebb15b6d0cf899164a10bd00f09d45e7ef0b' }, this.statusIcon === 'online_indicator' && h("div", { key: 'c79a5d8cb2f82f68d12db150b23c94a7f8fd5eda', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '26c46fa6b6704e1396b5605fa0e7f45c60428727', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '697494362def834482e0c1bd898a25b5be729924', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '8393aad6606b1e820d2f47781590c67bafd0d361', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '634d574e73aa236b0b333396f49c5b88bb70dd31', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '7d6274638b81b0231e93cc3dc8712d49184c300f' }, h("clipPath", { key: '0a29b6945fdf79abdf1884ed0de2c8fd58cc3d9f', id: "clip0_0_21453" }, h("rect", { key: '6f109531888a868a1b1125662ae6fc0d76b833ba', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '86bc35218c102c81eaf404a7f1f1b06615ee5f54', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '019883604da43e9bd04d3fb54320c832656e3f6b', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '9fd741ad7c261a2e05854aea9c300b85fa94d5d7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "gb-status-indicator"; }
|
|
@@ -42,12 +42,12 @@ export class GbTabButtonBase {
|
|
|
42
42
|
this.tabClicked.emit();
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: 'ff2ee3bfb5147bfc52c6598412f7308f973d3725', class: `tab_button_div ${this.type}
|
|
46
46
|
${this.current ? 'current' : ''}
|
|
47
47
|
${this.fullWidth ? 'full_width' : ''}
|
|
48
|
-
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '
|
|
48
|
+
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'c7e40a3b0fac5f8cf73d8d6bcd5adb7031973818', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'bff63bb8b506c339400ab36d8631e3512d8f542f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
|
|
49
49
|
this.current && this.type === 'underline' ? 'information' :
|
|
50
|
-
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '
|
|
50
|
+
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: 'ca92e9b3bc8517061e7eb41bf5b52760dff75199', name: "count" })))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "gb-tab-button-base"; }
|
|
53
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -12,7 +12,7 @@ export class GbTag {
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '7cbcf8abf0aa0e59e335708e2c4b4700af156abb', class: `container ${this.size}` }, h("div", { key: 'c6f69fa81a295afd6c62aa2fa760c9d0ce3a9a6c', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e474bf41f184d2284a8ca1d73920ff033edd44c2', size: this.size }), this.icon === 'country' && (h("div", { key: '4f970fe952482d9c8368a040bc47247a6ca7ffb9', class: "icon left-icon" }, h("img", { key: 'd54584ded87917b2bd0335b69b43633c3fcabe59', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '69e60ffc733eb036e6fb65e7c9d84b98e54cf6b5', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '5281d4b662396ca44993e015056270750d8d2452', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '122fa23734d36e16e3fd7605bffe0590c2813d76', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'aa410ae1eca2a00f3e592fa9396e7739ab265dcb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'dcd472c1671f7e8ab70027ec608ebdfb8f60a68a' }), this.action === 'count' && (h("gb-tag-count", { key: 'ca556154ae25b51f2cfc4189c8e61bbc5ce3d43e', size: this.size }, h("slot", { key: '392b73e3024b08ac0bbccdf78dc58a84d0082e76', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'cee4efa60bfcdb2ebda3bb741332f8e9162f08bc', size: this.size, onClick: () => this.onTagClose() })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "gb-tag"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export class GbTagCheckbox {
|
|
|
6
6
|
this.disabled = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h("label", { key: '
|
|
9
|
+
return (h("label", { key: '22431c5dc2f67b64f9a605a7b8b3309174197224', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'e14cd66afe323a35f8a3cd8d4ab9ed1be2d38724', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'cc83da4635ac4b564a68be2a742165d0b60bc750', class: `custom-checkbox ${this.size}` }, h("svg", { key: '73f89737b190047176707fde00408df77a33d0b7', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '67c4465f322c193e24b8da4641a18751e538f9d1', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "gb-tag-checkbox"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class GbTagClose {
|
|
|
4
4
|
this.size = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '1a4a034bcdcc952dd6af0716e6bf95c50e689cb1', class: this.size }, h("svg", { key: '57e02f763f76a2d353a9ca476ba025ea9be4ff02', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '5e30c0527ee97618a2a405f10b794395b76d90d1', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-tag-close"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class GbTagCount {
|
|
|
4
4
|
this.size = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: 'c1f180dd3f49421befda1c03bc746242bc9f831c', class: this.size }, h("slot", { key: 'b07436828fa9168bb04c99f7e15b9aba7d78dcad', name: "count" })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-tag-count"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -37,7 +37,7 @@ export class GbToast {
|
|
|
37
37
|
slottedSupportingText.classList.add(this.getSupportingColorClasses());
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: 'e551eaef4ee3354961029a1ce0ec4273a1658415', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'f8c43ef4bcde3baa8c2d1382769754b9d19b4e5e', class: `icon_container` }, h("svg", { key: 'd2f0f5bcc56c118aef7608be925a70ebecd1e510', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '8eb79f5f7101f9d614dc7c3335a9b10b6d0d6f6e', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'bb63c11492b94b22fbd5ea289401f4040fa03af2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '997921bfdeed875ea850621220dd037a33728d77', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '2ff70f8b302a6b067555d29d3d9c0eb0ad22452c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'a7870fb379c9e484eedf40dcf0b7153dc618dde2', class: `text ${this.size}` }, h("slot", { key: '527bea5167d32f7adaa71f3bf48863cb713cf1ae', name: "main_text" }), this.showSupportingText && h("slot", { key: 'e28896e0275eec68b8894f08b2f53cacec77f640', name: "supporting_text" })), this.actions && (h("div", { key: 'ed6491efedd57275bdfb2a3daa5ea25abeb9c232', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '3274b25c8e715463d5f0dc5ffc07c3e8fba701f0', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '1dcb178bd68bf9a711f1af98cfa648103697a5ff', class: `container ${this.breakpoint}` }, h("div", { key: '6447668b2cd2bed401ed9834bb0c490e4d252b5f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'c111b31954fb2496941f22f63717a5937337ff74', class: `inner_content ${this.breakpoint}` }, h("div", { key: '55efb779f62a15c9018db8cac7e950699fd81cab', class: `icon_container` }, h("svg", { key: 'e9f2c6af121f7de0ba25ffd2ea8cff2c25c1ba85', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '223b47d0258e20e45e937eaa9bd474b182e90fa7', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '9fd437b071087ca7686136a029a020245d4f97b8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'eabaed4f09120c91e5f7f956864422aa6f40d8ea', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '42e3870eb35c0ffff77989aaeeb3c16f43a5abd8', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6d08221edeca2ef114a8c8172d50f64447e564f4', name: "main_text" }), this.showSupportingText && h("slot", { key: '324c1897bdc7b4a557a258cde0173507a3466441', name: "supporting_text" }))), this.actions && (h("div", { key: 'eba5867bdcfff8e2d1b20a34750a7322b61e97f8', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '452ab16a72f3b9345a6b7b4739004cf2618e31a9', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "gb-toast"; }
|
|
43
43
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class GbToastButton {
|
|
|
9
9
|
slottedContent.classList.add('text-sm-semi-bold');
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '88cfb0e3abeb9b27fe8284f84e76a0141f19974e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '5febf2b37429fe22dcc6eb6b0283eff1924e2988' })));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-toast-button"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -33,7 +33,7 @@ export class GbToggle {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: 'ae04572e4edccd1764e57340b542b1ecfcc5dfa1', class: `toggle_div ${this.size}` }, h("div", { key: '131075cd86c57bf61a504b863bd1dc4ee3e9d82f', class: "toggle_base" }, h("gb-toggle-base", { key: '0e0e538488a6bbbd05c9ca25a9ee75b40ff6b757', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: 'c1cc2e1b7c97c52a179ab8569d79f75faccf034b', class: "text" }, h("slot", { key: 'f17f56332ca3f072175a951fb50999b0d61f2e93', name: "main_text" }), this.supportingText && (h("slot", { key: '294e9efb059c12d6a153403a7ecda9ea0d5d4431', name: "supporting_text" })))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "gb-toggle"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|