globuswebcomponents 0.4.6 → 0.4.8
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-dropdown.cjs.entry.js +44 -0
- package/dist/cjs/gb-avatar-dropdown.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js +77 -0
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js.map +1 -0
- package/dist/cjs/{gb-avatar_37.cjs.entry.js → gb-avatar_28.cjs.entry.js} +64 -302
- package/dist/cjs/gb-avatar_28.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-close_2.cjs.entry.js +43 -0
- package/dist/cjs/gb-button-close_2.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js +31 -0
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-help-dropdown.cjs.entry.js +3 -2
- package/dist/cjs/gb-help-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-notification-content.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination-number-base.cjs.entry.js +1 -1
- 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-tag-checkbox_3.cjs.entry.js +55 -0
- package/dist/cjs/gb-tag-checkbox_3.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-tag.cjs.entry.js +28 -0
- package/dist/cjs/gb-tag.cjs.entry.js.map +1 -0
- package/dist/cjs/{gb-progress-bar.cjs.entry.js → gb-toast-button.cjs.entry.js} +14 -12
- package/dist/cjs/gb-toast-button.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-toast.cjs.entry.js +57 -0
- package/dist/cjs/gb-toast.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-toggle-base.cjs.entry.js +2 -2
- package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field.cjs.entry.js +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/circle.svg +2 -1
- package/dist/collection/assets/dashboard-square-03.svg +4 -0
- package/dist/collection/assets/square-arrow-data-transfer-diagonal.svg +6 -0
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js +42 -2
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js.map +1 -1
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.css +5 -5
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js +4 -4
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js.map +1 -1
- package/dist/collection/components/gb-button/readme.md +2 -0
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.css +12 -8
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +23 -1
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js.map +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 +2 -2
- package/dist/collection/components/gb-input-dropdown-menu/gb-input-dropdown-menu-item.js +2 -2
- package/dist/collection/components/gb-input-field/gb-input-field.js +2 -2
- 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-panel/gb-notification-panel.css → gb-notification-pane/gb-notification-pane.css} +931 -409
- package/dist/collection/components/{gb-notification-panel/gb-notification-panel.js → gb-notification-pane/gb-notification-pane.js} +6 -6
- package/dist/collection/components/gb-notification-pane/gb-notification-pane.js.map +1 -0
- package/dist/collection/components/gb-pagination/gb-pagination.js +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.js +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.css +17 -10
- 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-control-handle/slider-control-handle.js +1 -1
- package/dist/collection/components/gb-sliders/slider.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-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-tags/gb-tags.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.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 +10 -6
- package/dist/components/gb-avatar-dropdown.js.map +1 -1
- package/dist/components/gb-avatar-group.js +8 -7
- package/dist/components/gb-avatar-group.js.map +1 -1
- 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-file-upload-item-base.js +1 -1
- package/dist/components/gb-file-upload.js +3 -3
- package/dist/components/gb-header.js +2 -2
- package/dist/components/gb-help-dropdown.js +5 -3
- package/dist/components/gb-help-dropdown.js.map +1 -1
- package/dist/components/gb-horizontal-tabs.js +5 -5
- package/dist/components/gb-input-dropdown-menu-item.js +4 -4
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +3 -3
- package/dist/components/gb-megainput-field.js +1 -1
- package/dist/components/gb-notification-content.js +1 -1
- package/dist/components/{gb-notification-panel.d.ts → gb-notification-pane.d.ts} +4 -4
- package/dist/components/gb-notification-pane.js +69 -0
- package/dist/components/gb-notification-pane.js.map +1 -0
- 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 -1
- package/dist/components/gb-pagination.js +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 +5 -5
- 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 +6 -6
- 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-b1b56453.js → p-0e1ec56d.js} +2 -2
- package/dist/components/{p-b1b56453.js.map → p-0e1ec56d.js.map} +1 -1
- package/dist/components/{p-a48f3765.js → p-123cdd06.js} +2 -2
- package/dist/components/{p-a48f3765.js.map → p-123cdd06.js.map} +1 -1
- package/dist/components/{p-20116c62.js → p-4214eb62.js} +3 -3
- package/dist/components/{p-20116c62.js.map → p-4214eb62.js.map} +1 -1
- package/dist/components/{p-7239b558.js → p-4d306827.js} +2 -2
- package/dist/components/{p-7239b558.js.map → p-4d306827.js.map} +1 -1
- package/dist/components/{p-79e58411.js → p-52c1516b.js} +4 -4
- package/dist/components/{p-79e58411.js.map → p-52c1516b.js.map} +1 -1
- package/dist/components/{p-201a8405.js → p-54cefcf0.js} +3 -3
- package/dist/components/{p-201a8405.js.map → p-54cefcf0.js.map} +1 -1
- package/dist/components/{p-cb33ab6d.js → p-58b75242.js} +2 -2
- package/dist/components/{p-cb33ab6d.js.map → p-58b75242.js.map} +1 -1
- package/dist/components/{p-bdab2e0b.js → p-6643df76.js} +3 -3
- package/dist/components/{p-bdab2e0b.js.map → p-6643df76.js.map} +1 -1
- package/dist/components/{p-f15f2882.js → p-8907e475.js} +2 -2
- package/dist/components/{p-f15f2882.js.map → p-8907e475.js.map} +1 -1
- package/dist/components/{p-c64c5a8f.js → p-9517c064.js} +2 -2
- package/dist/components/{p-c64c5a8f.js.map → p-9517c064.js.map} +1 -1
- package/dist/components/{p-26921960.js → p-9dc84aa6.js} +3 -3
- package/dist/components/{p-26921960.js.map → p-9dc84aa6.js.map} +1 -1
- package/dist/components/{p-55139c08.js → p-a20359a2.js} +3 -3
- package/dist/components/{p-55139c08.js.map → p-a20359a2.js.map} +1 -1
- package/dist/components/{p-b75d82f9.js → p-a7510c0c.js} +5 -5
- package/dist/components/{p-b75d82f9.js.map → p-a7510c0c.js.map} +1 -1
- package/dist/components/{p-6baad8ef.js → p-ae666b1f.js} +3 -3
- package/dist/components/{p-6baad8ef.js.map → p-ae666b1f.js.map} +1 -1
- package/dist/components/{p-ff4292c2.js → p-b59eb748.js} +3 -3
- package/dist/components/{p-ff4292c2.js.map → p-b59eb748.js.map} +1 -1
- package/dist/components/{p-260b6b99.js → p-c9629281.js} +7 -7
- package/dist/components/{p-260b6b99.js.map → p-c9629281.js.map} +1 -1
- package/dist/components/{p-493fb0be.js → p-ca6140dc.js} +2 -2
- package/dist/components/{p-493fb0be.js.map → p-ca6140dc.js.map} +1 -1
- package/dist/components/{p-7b972624.js → p-ce25eb27.js} +2 -2
- package/dist/components/{p-7b972624.js.map → p-ce25eb27.js.map} +1 -1
- package/dist/components/{p-97bb9bcd.js → p-d78d8fa1.js} +3 -3
- package/dist/components/{p-97bb9bcd.js.map → p-d78d8fa1.js.map} +1 -1
- package/dist/components/{p-4d0d5a44.js → p-d9e59617.js} +7 -7
- package/dist/components/{p-4d0d5a44.js.map → p-d9e59617.js.map} +1 -1
- package/dist/components/{p-ef610ebc.js → p-dc7db1b5.js} +2 -2
- package/dist/components/{p-ef610ebc.js.map → p-dc7db1b5.js.map} +1 -1
- package/dist/components/{p-91d1a7e6.js → p-fbcd8aaf.js} +2 -2
- package/dist/components/{p-91d1a7e6.js.map → p-fbcd8aaf.js.map} +1 -1
- package/dist/esm/gb-avatar-dropdown.entry.js +40 -0
- package/dist/esm/gb-avatar-dropdown.entry.js.map +1 -0
- package/dist/esm/gb-avatar-label-group.entry.js +73 -0
- package/dist/esm/gb-avatar-label-group.entry.js.map +1 -0
- package/dist/esm/{gb-avatar_37.entry.js → gb-avatar_28.entry.js} +64 -293
- package/dist/esm/gb-avatar_28.entry.js.map +1 -0
- package/dist/esm/gb-button-close_2.entry.js +38 -0
- package/dist/esm/gb-button-close_2.entry.js.map +1 -0
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js +27 -0
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js.map +1 -0
- package/dist/esm/gb-help-dropdown.entry.js +3 -2
- package/dist/esm/gb-help-dropdown.entry.js.map +1 -1
- package/dist/esm/gb-notification-content.entry.js +1 -1
- package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
- package/dist/esm/gb-pagination-number-base.entry.js +1 -1
- 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-tag-checkbox_3.entry.js +49 -0
- package/dist/esm/gb-tag-checkbox_3.entry.js.map +1 -0
- package/dist/esm/gb-tag.entry.js +24 -0
- package/dist/esm/gb-tag.entry.js.map +1 -0
- package/dist/esm/{gb-progress-bar.entry.js → gb-toast-button.entry.js} +15 -13
- package/dist/esm/gb-toast-button.entry.js.map +1 -0
- package/dist/esm/gb-toast.entry.js +53 -0
- package/dist/esm/gb-toast.entry.js.map +1 -0
- package/dist/esm/gb-toggle-base.entry.js +2 -2
- package/dist/esm/gb-toggle.entry.js +1 -1
- package/dist/esm/gb-token-field.entry.js +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/assets/circle.svg +2 -1
- package/dist/globuscomponents/assets/dashboard-square-03.svg +4 -0
- package/dist/globuscomponents/assets/square-arrow-data-transfer-diagonal.svg +6 -0
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/p-0852d5c0.entry.js +2 -0
- package/dist/globuscomponents/p-08a4f9a7.entry.js +2 -0
- package/dist/globuscomponents/p-08a4f9a7.entry.js.map +1 -0
- package/dist/globuscomponents/p-1dc90024.entry.js +2 -0
- package/dist/globuscomponents/p-1dc90024.entry.js.map +1 -0
- package/dist/globuscomponents/{p-4bb1b1ff.entry.js → p-28e20362.entry.js} +2 -2
- package/dist/globuscomponents/{p-609d8f49.entry.js → p-2fd5fb80.entry.js} +2 -2
- package/dist/globuscomponents/p-3f77703d.entry.js +2 -0
- package/dist/globuscomponents/p-3f77703d.entry.js.map +1 -0
- package/dist/globuscomponents/p-48ddf6c1.entry.js +2 -0
- package/dist/globuscomponents/p-48ddf6c1.entry.js.map +1 -0
- package/dist/globuscomponents/{p-65dbacc7.entry.js → p-5831017c.entry.js} +2 -2
- package/dist/globuscomponents/p-5831017c.entry.js.map +1 -0
- package/dist/globuscomponents/{p-0f0c4dc6.entry.js → p-5cc60ae0.entry.js} +2 -2
- package/dist/globuscomponents/p-5d5b638e.entry.js +2 -0
- package/dist/globuscomponents/p-5d5b638e.entry.js.map +1 -0
- package/dist/globuscomponents/p-6583ffc9.entry.js +2 -0
- package/dist/globuscomponents/p-6583ffc9.entry.js.map +1 -0
- package/dist/globuscomponents/{p-1971b0f5.entry.js → p-668477e1.entry.js} +2 -2
- package/dist/globuscomponents/{p-79ae57a8.entry.js → p-76fbbe9d.entry.js} +2 -2
- package/dist/globuscomponents/{p-08cfe483.entry.js → p-badef09e.entry.js} +2 -2
- package/dist/globuscomponents/p-badef09e.entry.js.map +1 -0
- package/dist/globuscomponents/p-bd2d9236.entry.js +2 -0
- package/dist/globuscomponents/p-bd2d9236.entry.js.map +1 -0
- package/dist/globuscomponents/{p-d733c69f.entry.js → p-c5541a8c.entry.js} +2 -2
- package/dist/globuscomponents/{p-e2c92f11.entry.js → p-cb0453d8.entry.js} +2 -2
- package/dist/globuscomponents/p-d8c473cb.entry.js +2 -0
- package/dist/globuscomponents/p-d8c473cb.entry.js.map +1 -0
- package/dist/globuscomponents/{p-4fb1c7b7.entry.js → p-e1a6214b.entry.js} +2 -2
- package/dist/globuscomponents/{p-43be14a0.entry.js → p-e31e5605.entry.js} +2 -2
- package/dist/globuscomponents/{p-92561c6a.entry.js → p-e5b5bd25.entry.js} +2 -2
- package/dist/globuscomponents/readme.md +2 -0
- package/dist/types/components/gb-avatar-dropdown/gb-avatar-dropdown.d.ts +2 -0
- package/dist/types/components/gb-help-dropdown/gb-help-dropdown.d.ts +1 -0
- package/dist/types/components/{gb-notification-panel/gb-notification-panel.d.ts → gb-notification-pane/gb-notification-pane.d.ts} +1 -1
- package/dist/types/components.d.ts +12 -9
- package/package.json +1 -2
- package/dist/cjs/gb-avatar_37.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-notification-panel.cjs.entry.js +0 -45
- package/dist/cjs/gb-notification-panel.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-progress-bar.cjs.entry.js.map +0 -1
- package/dist/collection/components/gb-notification-panel/gb-notification-panel.js.map +0 -1
- package/dist/components/gb-notification-panel.js +0 -63
- package/dist/components/gb-notification-panel.js.map +0 -1
- package/dist/esm/gb-avatar_37.entry.js.map +0 -1
- package/dist/esm/gb-notification-panel.entry.js +0 -41
- package/dist/esm/gb-notification-panel.entry.js.map +0 -1
- package/dist/esm/gb-progress-bar.entry.js.map +0 -1
- package/dist/globuscomponents/p-08cfe483.entry.js.map +0 -1
- package/dist/globuscomponents/p-65dbacc7.entry.js.map +0 -1
- package/dist/globuscomponents/p-c9bf79da.entry.js +0 -2
- package/dist/globuscomponents/p-c9bf79da.entry.js.map +0 -1
- package/dist/globuscomponents/p-cc527c4c.entry.js +0 -2
- package/dist/globuscomponents/p-f262afa7.entry.js +0 -2
- package/dist/globuscomponents/p-f262afa7.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-cc527c4c.entry.js.map → p-0852d5c0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4bb1b1ff.entry.js.map → p-28e20362.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-609d8f49.entry.js.map → p-2fd5fb80.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0f0c4dc6.entry.js.map → p-5cc60ae0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-1971b0f5.entry.js.map → p-668477e1.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-79ae57a8.entry.js.map → p-76fbbe9d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d733c69f.entry.js.map → p-c5541a8c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e2c92f11.entry.js.map → p-cb0453d8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4fb1c7b7.entry.js.map → p-e1a6214b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-43be14a0.entry.js.map → p-e31e5605.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-92561c6a.entry.js.map → p-e5b5bd25.entry.js.map} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
-
export class
|
|
2
|
+
export class GbNotificationPane {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.state = undefined;
|
|
5
5
|
this.notifications = [];
|
|
@@ -26,18 +26,18 @@ export class GbNotificationPanel {
|
|
|
26
26
|
notification.remove();
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: 'fe9c10d62047ae1a42ad7ae4c0a053ae0cd427d9', class: "notification-pane" }, this.state === 'empty' && this.notifications.length === 0 && (h("div", { key: 'f20e0551f3013fcbeb409f13a514db93fc7bf6f0' }, h("div", { key: '57f7be2229c46173d335dd8a0b1bf8b2e968bcd1', class: "empty-state" }, h("img", { key: 'f86f0486e2ccd56cef71a195b1b803dd33cea29d', src: "./build/assets/panel_bell.svg", alt: "No notification" }), h("h3", { key: '261a6a4954af1a7471748f0463d637c02a0c7d57' }, "No notification"), h("p", { key: 'a4cb5ec798343273b1a7491ac43ff0a5549c43f7' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), h("gb-button", { key: 'f521cc762cd7abe95c3c85ed42f31e97e724b66b', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (h("div", { key: '3235b97e28b6f5123bb20f6435fa9c55fb433208', class: "notification-dropdown" }, h("slot", { key: '556a65f83e04d613886788cee0c4e738a8492e94' }), h("gb-button", { key: '89e125cf25cb415691ef9ec9f425db23b834ecee', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
|
|
30
30
|
}
|
|
31
|
-
static get is() { return "gb-notification-
|
|
31
|
+
static get is() { return "gb-notification-pane"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
33
33
|
static get originalStyleUrls() {
|
|
34
34
|
return {
|
|
35
|
-
"$": ["gb-notification-
|
|
35
|
+
"$": ["gb-notification-pane.css"]
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
static get styleUrls() {
|
|
39
39
|
return {
|
|
40
|
-
"$": ["gb-notification-
|
|
40
|
+
"$": ["gb-notification-pane.css"]
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
static get properties() {
|
|
@@ -76,4 +76,4 @@ export class GbNotificationPanel {
|
|
|
76
76
|
}];
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
//# sourceMappingURL=gb-notification-
|
|
79
|
+
//# sourceMappingURL=gb-notification-pane.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-notification-pane.js","sourceRoot":"","sources":["../../../src/components/gb-notification-pane/gb-notification-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,OAAO,kBAAkB;IAQ3B;;6BALwC,EAAE;QAMtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KAC1B;IAED,gBAAgB;QACZ,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;IACtC,CAAC;IAGD,gBAAgB;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;QAEtF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YAC1C,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;QAC9F,CAAC,CAAC,CAAC;IACP,CAAC;IAED,cAAc;;QACV,OAAO,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAED,aAAa;QACT,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC;IACtE,CAAC;IAED,uBAAuB,CAAC,YAAyB;QAC7C,YAAY,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,mBAAmB;YACzB,IAAI,CAAC,KAAK,KAAK,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1D;gBACI,4DAAK,KAAK,EAAC,aAAa;oBACpB,4DAAK,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,iBAAiB,GAAG;oBACjE,+EAAwB;oBACxB,2KAAmH,CACjH;gBACV,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,eAAW,aAAa,uBAA6B,CAC9F,CACT;YACA,IAAI,CAAC,KAAK,KAAK,uBAAuB,IAAI,CACvC,4DAAK,KAAK,EAAC,uBAAuB;gBAC9B,8DAAa;gBACb,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,eAAW,aAAa,uBAA6B,CAClG,CACT,CACC,CACP,CAAC;IACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {Component, Prop, h, State, Listen } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-notification-pane',\r\n styleUrl: 'gb-notification-pane.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbNotificationPane {\r\n @Prop() state: 'empty' | 'notification_dropdown';\r\n\r\n @State() notifications: HTMLElement[] = [];\r\n\r\n // Add type definition for shadowRoot\r\n private shadowRoot: ShadowRoot | null;\r\n\r\n constructor() {\r\n this.shadowRoot = null;\r\n }\r\n\r\n componentDidLoad() {\r\n this.shadowRoot = this.shadowRoot;\r\n }\r\n\r\n @Listen('slotchange')\r\n handleSlotChange() {\r\n const slot = this.getSlotContent();\r\n this.notifications = slot ? Array.from(slot.assignedElements()) as HTMLElement[] : [];\r\n \r\n this.notifications.forEach(notification => {\r\n notification.addEventListener('click', this.handleNotificationClick.bind(this, notification));\r\n });\r\n }\r\n\r\n getSlotContent() {\r\n return this.shadowRoot?.querySelector('slot');\r\n }\r\n\r\n markAllAsRead() {\r\n this.notifications.forEach(notification => notification.remove());\r\n }\r\n\r\n handleNotificationClick(notification: HTMLElement) {\r\n notification.remove();\r\n }\r\n\r\n render(){\r\n return (\r\n <div class=\"notification-pane\">\r\n {this.state === 'empty' && this.notifications.length === 0 && (\r\n <div>\r\n <div class=\"empty-state\">\r\n <img src=\"./build/assets/panel_bell.svg\" alt=\"No notification\" />\r\n <h3>No notification</h3>\r\n <p>Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.</p>\r\n </div>\r\n <gb-button size='sm' hierarchy='tertiary_color' left-icon='blush_brush'>Mark all as read</gb-button>\r\n </div> \r\n )} \r\n {this.state === 'notification_dropdown' && (\r\n <div class=\"notification-dropdown\">\r\n <slot></slot> \r\n <gb-button size='sm' hierarchy='tertiary_color' left-icon='blush_brush'>Mark all as read</gb-button>\r\n </div>\r\n )} \r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -8,7 +8,7 @@ export class GbPagination {
|
|
|
8
8
|
this.totalPages = 10;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '514505062f54cf2c264572293d0216231e52a885', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2a1748fd875c33e6e86d298769edb2f423c637f9', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'c87204afd1f8120e1102f1b3c3d221fe4fb04e91' }, "Previous")), h("gb-button", { key: 'a46337158785067681f45601252ec082f3965489', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '3c290f010cdc625283451a73c75c6df40f7cdb51' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6f7e29e06a23f19c0ad8cac603f1d3bd454420e8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5218d727f171057cdf1f8daf3e131e745c2e6eb1' }, "Previous")), h("gb-button", { key: '20869451d7dc552d868c30a408da042c1df1ff4b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '62ec3c0fd3820a97f0d0021ed6513312fbf46466' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f2033af481f6c9a522e2284a88aa16a0888e8148', class: "entries" }, "Entries"), h("div", { key: '5d26e11d8643314e8325911512f0f216db62233a', class: "page_numbers" }), h("div", { key: '72e92091e8e6438616d8bc529591c206e74f7402', class: "buttons" }, h("gb-button", { key: '936975be30f5611e250095ba0d61cf1b417c48ee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: '4e21aecd25920a1ce250409fba4227f8e9a69f23', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3261d214b5554f65c7f05a3ce27070e1486800e2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '67227fde32e5e81a31f9eae607bf48c92dafcf8e', class: "page_number_text" }, h("p", { key: '55ed0e6283e4222b9f13ae0a20162314cad6b85f', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4eb41aa1f69d8167d18090b738c7d99acae8cea9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-pagination"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '1cf0b73c72303d03ee4db195b404dece80f33d7d', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'cdb20574b32656611d46ff4dc19a8563ce4ca973' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'bf73c8c97b2004e800699b0bef0383850859e214', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '05d572344a3c97743adab9a806545a9d8fc0638f', 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: 'ae76058cdea10358796a82b2542acaa964ece937' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '3a70cd1417b12273f0222d8054f23c15507f4f56' }), this.iconTrailing && (h("svg", { key: '9cbcb1d8fa6a4c12c3a2a5bbcb37a70cb0cf8785', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '627e37b812b03cf763296c79281d88036f2a0c59', 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: '5a6e0ea2118af8510fe530363a10bef5de6eee52', class: `dot_indicator_div
|
|
10
10
|
${this.type} ${this.current ? 'current' : ''}
|
|
11
11
|
${this.size}` });
|
|
12
12
|
}
|
|
@@ -10,7 +10,7 @@ export class GbPaginationNumberBase {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: 'd56a6a988651ec20a113ce1892cebcbd74c59c7e', class: `page_number_base ${this.shape}` }, h("slot", { key: 'cf4935a53025cde8fb8bb33f43ea44641231c7f2', name: "page_number" })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "gb-pagination-number-base"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: '168924a4c9799ca2b839d17a67530d2b3f26b99c' }, h("gb-btn", { key: '540d081128d7f81e1fd38654be3222c1b6f96f7b', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "link_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: 'eb5477d6703357732c1251e3564ae1236deda2b5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '0e052dab73468234c002e47a5e26ecd1b24c51e7', class: "progress_bar" }, h("div", { key: '9f5e80a8a2c1b488eb554893697f12036386aa29', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '101bac3455ec37502f8af06b02fdc30a270ce290', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '7d9c1f25a6cd12d3cf15fe9000efa19c39565b28', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '2500633e697a506f3f3b329cb9c9f72f142bf596', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '1b3101d3f78ecf3bb1b3dc096d7be6e5349ada53', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '8b2b13407bc2a61b9949c214bfe1eae980c275b4', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'e55b3f27c2c76662c0dacb44b3f97b081e312efd', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '1e6bff9ad4a4ccf9c3b210c06faf6983a9eb1533', 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"; }
|
|
@@ -7,7 +7,7 @@ export class GbProgressCircle {
|
|
|
7
7
|
this.progress = 0;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '4135977dd11d1751699e86fcf3cdfc0faebb5d35', class: "progress" }, h("svg", { key: '6e3a447d44b8f692e119e924ff86fe97ddbd973f', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'd8981ee57374fda4b8269aacd245d9dbb6fd6ba9', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: 'ddceecd1779df598e2fb0e1021fbe3bc98aeb22d', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '412b056a8f1562cda71a2dfbad4376a3aa6626b9', class: "progress-text", "data-progress": "0" }, "50%")));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "gb-progress-circle"; }
|
|
13
13
|
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: '3903ab1b95a9e7f75f1eccf8aadd15261caa4b9c', class: classes }, h("div", { key: '8a2a00f5385a2f21bc37bb883e0b965c68a1a309', class: "input-with-label" }, h("label", { key: 'c48bc4b76085d3c4805feb8cb2a806add3d78dd2' }, this.label), h("div", { key: '5b7b1e14e320b07da2aa85769d13f0bf7f87717e', class: "input-container" }, h("div", { key: 'ce95303642f06f00555643a3deaf014d5b571baf', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'fba1f574ee5f32b158778fcc2a58f07f509cd83b', 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: '1c3db1a1e4fbd4b8e4c6bbfe1d4ab9ecb2288bcd', class: "error-icon" }, h("svg", { key: '080ae8297615cd56f2184ea4e2df81f91c9d7410', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c682017b74b0f48b09def10d296def85038a3943', 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: 'ff63e65196b088c117404d67023a95a5ff57734b', class: "text-container" }, h("textarea", { key: '174dc2c7101432b4fa765e3f126ed4356b8e975a' }, this.showPlaceholder && (h("div", { key: 'd76d0a3196ea4e54edfb12de3a948866a6930e2c' }, this.placeholder)))))), this.showHintText && (h("div", { key: '57543dfe5dd278859bc8763196568767eae895d8', 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: '85326fc3d391573c7a48bec3951580348f8087f6', class: "scrollbar-container" }, h("div", { key: '498237d5223d7360d5b3dc064e33eda95d624275', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'b7b4e2720cba81b75b9f67ec81835e7e650bb79c' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2755,34 +2755,41 @@
|
|
|
2755
2755
|
stroke: var(--color-icon-information-bold, #042F59);
|
|
2756
2756
|
}
|
|
2757
2757
|
|
|
2758
|
-
.icon.plain_background path[fill] {
|
|
2758
|
+
.icon.plain_background.active path[fill] {
|
|
2759
2759
|
fill: var(--color-icon-information-bold, #042F59);
|
|
2760
2760
|
}
|
|
2761
2761
|
|
|
2762
|
-
.icon.
|
|
2763
|
-
stroke: var(--color-icon-
|
|
2762
|
+
.icon.plain_background circle[stroke] {
|
|
2763
|
+
stroke: var(--color-icon-information-bold, #042F59);
|
|
2764
2764
|
}
|
|
2765
2765
|
|
|
2766
|
-
.icon.
|
|
2767
|
-
fill: var(--color-icon-
|
|
2766
|
+
.icon.plain_background.active circle[fill] {
|
|
2767
|
+
fill: var(--color-icon-information-bold, #042F59);
|
|
2768
2768
|
}
|
|
2769
2769
|
|
|
2770
|
-
.icon.
|
|
2771
|
-
stroke: var(--color-icon-
|
|
2770
|
+
.icon.colored_background path[stroke] {
|
|
2771
|
+
stroke: var(--color-icon-inverse, #FFFFFF);
|
|
2772
2772
|
}
|
|
2773
2773
|
|
|
2774
|
-
.icon.
|
|
2775
|
-
fill: var(--color-icon-
|
|
2774
|
+
.icon.colored_background.active path[fill] {
|
|
2775
|
+
fill: var(--color-icon-inverse, #FFFFFF);
|
|
2776
2776
|
}
|
|
2777
2777
|
|
|
2778
2778
|
.icon.colored_background circle[stroke] {
|
|
2779
2779
|
stroke: var(--color-icon-inverse, #FFFFFF);
|
|
2780
2780
|
}
|
|
2781
2781
|
|
|
2782
|
-
.icon.colored_background circle[fill] {
|
|
2782
|
+
.icon.colored_background.active circle[fill] {
|
|
2783
2783
|
fill: var(--color-icon-inverse, #FFFFFF);
|
|
2784
2784
|
}
|
|
2785
2785
|
|
|
2786
|
+
.icon.plain_background.default path[fill],
|
|
2787
|
+
.icon.colored_background.default path[fill],
|
|
2788
|
+
.icon.plain_background.default circle[fill],
|
|
2789
|
+
.icon.colored_background.default circle[fill] {
|
|
2790
|
+
fill: transparent;
|
|
2791
|
+
}
|
|
2792
|
+
|
|
2786
2793
|
/* Arrow Color Styles */
|
|
2787
2794
|
.arrow.default.plain_background path{
|
|
2788
2795
|
stroke: var(--color-icon, #4B5565);
|
|
@@ -33,7 +33,7 @@ export class GbSideBarItem {
|
|
|
33
33
|
render() {
|
|
34
34
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
35
35
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: 'db34f61b8b0db0ce33b582afe5ae31aa636080e9', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '88494c090cc6777df0b939788dcb6fac05d5e87d', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '59ec4e68400c980965951c2fa2ce0f1348db6fcb', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '34deb73a006077798ec6fe317d412fa368eb4e60', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '6ea637c627828b6d826b0a704e586d7ebf60283e', class: "content" }, h("div", { key: '1388033f0104ef4d63d46504b68f6911bf247be9', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '9af1a7d4deb61be26ad9fdfdd21ef0ce390a1a6e', 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: 'aa8c52fb2a207780eb498beb6e4fa59d37a714de', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'fb5254f29b3a15367643f7bf4223ae165725a079' }, "10"))), this.showArrow && (h("svg", { key: '44b651b290c1f31c5b526be9c02d89b832ea48fc', 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: '0f8fcb5149655ee7f8562e097b4652ae063f7856', 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: '9a09163532cd4ad7347a09187b80eb73c3a47358', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '7ed010a8bb29414da6a519173d9d84d0e51e3a52', slot: "label" }, this.label)))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "gb-side-bar-item"; }
|
|
39
39
|
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: '0e635a1973b53154b08ae2236c0662d1d9fcca31', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '4ee24a23d1d0658e26052becf7e5564212764608', class: "pattern" }, h("img", { key: '67bbb6258c43f51fd6eceedc7fe95aa9c4db8d7f', src: patternSrc, alt: "" }))), h("div", { key: '039988910bd39e1020d433af577e4f0b3aa5c17f', class: "nav" }, h("div", { key: '3b06881f80645b75410fdb3d38f16b28a830fe98', class: `sidebar_header ${this.state}` }, h("div", { key: 'f9652672d846d536a7a874504abda10ad66c9f2d', 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: 'b775c8c6133b4625bca2481e983ca5c0fbf02c44', src: logoSrc, alt: "" })), h("div", { key: 'c375c92598c2caa1ffc6daa1aaae282a671ae9ee', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '4ce6bf44bb756876fc7695868ebad928af0a9617', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '492adef6560a602713643f79de73da35ae0204db', class: "navigation" }, h("div", { key: '13e1713297c2c59c1658e915b2d4ff50c2c344e0', class: "item" }, h("gb-side-bar-item", { key: 'bd5769ae706dfb287cd1007a37b3905db845a808', 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: 'd2c86a3135fbc87429b2f3c142c782f394c4430c', 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: '8616dacab9329f2e0b3f9028bf94f1252b1ab88c', 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: '2b8c8ede9444ea6c31cfcb6e8f4d4b93f2da42f3', 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: 'ac2681ba32bb6d3a021e2c65a653bbe66972e282', 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: '714909452bfdfc3e0865d3775f079df47660dfda', class: "navigation" }, h("div", { key: '46c5811a6bfb8957c69a99c7f1971fb7b0da13cf', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'fc1b9de1cb1695261feb948534f637ba6b3b7a1f', 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: '7e4a1bd6698938ce4e9cf15f175a3a08f3086d03', 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: 'f4bd28bbaa1bcb31b95f8b62000b23622f54d911', 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: '8153ecf6ba7137174bdf0caee99a843df1bc641c', 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: '11f2379f2d6ae2568d7fd6038c8ef59fdc3f59a1', 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: '226d4c83547dbb910f0da27ebf6e6ebc591deed8', class: "application_name" }, h("div", { key: 'e32a29dffa55f134ff5b06459c4deff327aa46f7', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'caac6f766d0e8c70138c04c41000155d8cde3a0d', class: "application_name_pattern" }, h("img", { key: 'f7c670120ddde51dc299601fd70c0b677126ac43', src: patternSrc, alt: "" }))), h("div", { key: '0ebe32686c8ab43beeff5ec62682287faad488f7', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'ce338cb67c321d3cb131162f757724e225569aa6', class: textClass }, h("slot", { key: '4ee420974501717404d76b5b0e41fc7a5dd264f0', name: "application_name" })))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "gb-sidebar"; }
|
|
74
74
|
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: '40e938e2e9973175715b9b7acc42975b1da0adcd', 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: '0046086f8d96f9c71fe0efc9ab47eb3929a26b2d', class: "tooltip-container" }, h("gb-tooltip", { key: '45acf037d1f7a19b2362bd71486fab10ba59599d', arrow: 'none' }, h("p", { key: '090ba2eb818f22613502c5c1c3342700f1c0818f', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: '17d9f20aaae01a5ac0ad42d2f2e2eec43dab445f', class: "thumb-label" }, this.value, "%"))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-slider-control-handle"; }
|
|
25
25
|
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: '9dba5ba34dc8ec90f33eae1c4c0dde1a83115254', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: 'af5e977cf9b769212929c23a68a2a1232c525a9a', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '30c41ad93517306b05030adbf859e853bd1f0fcc', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '323a8f8f6893ab29f020f6f670724559004c8f3f', 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"; }
|
|
@@ -9,7 +9,7 @@ export class GbStatusIndicator {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return [
|
|
12
|
-
h("div", { key: '
|
|
12
|
+
h("div", { key: 'c5e00b5324a7875a74139ada9c26a9031867934c' }, this.statusIcon === 'online_indicator' && h("div", { key: '06174401d7914f64231e282a914bfea2d5b62864', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '03e65ae12ad53c6f5149916b81637a071ad581b7', 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: 'c6180f795f24371b935e033e29dae8116f7b3bd1', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '4809597cb742d8ca9ec39efaed06c8bb5894d1cf', 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: '8c2299cb9ff8ff647f2bba562e2d8a196c64215c', 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: 'd606fb95894e623cbde46eafba2b6032f1a39e9e' }, h("clipPath", { key: 'a11d4c19a4bb7386beadec14e09689100ea0306a', id: "clip0_0_21453" }, h("rect", { key: '585c41a01884bc720d31fbdb0fbec5ac361e2965', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'c4ed5ff1bb464676b8dc7fc03588b31137881d51', 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: 'e57adcce77ef0d33269c49a752e4bde2eab278d2', 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: '24729537e0753e054ce9da887b737e7bb4b68b22', "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: 'd29956d15253520800f1235c10539266ea062d63', 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: '085ff9306540b01798c610868a39ea684257f286', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '25cb02b0ad4716f4652ab192ff8a43c0bf85bdb7', 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: 'a89afc2a0bdf7cfb5e3ca39fb873a30bb82f2da6', name: "count" })))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "gb-tab-button-base"; }
|
|
53
53
|
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: 'fc6467dbb9a9444995e62d8fc8104fc70fa057f5', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '4feefb34511c85596ab8295c37308328d720382c', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '4952d765149f8d3051b7a1e63ab8739f3470c099', class: `custom-checkbox ${this.size}` }, h("svg", { key: '3e3da2c070bf50e4c3b4d30e85c8016f6c6017f6', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'ed5b51160fc1415c849f7e058042cb1689fb8d2d', 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: 'c774f5d039b820f3e1eeee03037cd55c2b7e4d10', class: this.size }, h("svg", { key: '06335a3480da86b98eb3530c4c8ebcbfdf123732', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '7a4fce36634c9d4995bdf77b7449273734588f44', 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: 'db327afd66eb11d1209d3cdbb66e59e177ea5344', class: this.size }, h("slot", { key: '460cbe843b6e3c01d55f0f6ea57b729055eb66c9', name: "count" })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-tag-count"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class GbTag {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '2c60613b08d4787160e41a74adb2faa687842755', class: `container ${this.size}` }, h("div", { key: '5df538849b4b0cfde5d4ecb863f20de8634d4d1d', class: `content ${this.size}` }, this.checkbox && (h("gb-tag-checkbox", { key: '1f99575d081ca46f84b73a5f7ac6aa0b2c22bc0b', size: this.size })), this.icon === 'country' && (h("div", { key: '0e1f9c09d432ab445db8279ddd72b174a125af1c', class: "icon left-icon" }, h("img", { key: '714cdb569dba0dd68f35bdab7394da0bef9f0c86', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'b6d5c00da02aea4c40b66ae352c40d1059ddf2fa', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: '71c7c11087792a6a56cfee9155813e45ff7eeb79', name: 'image', slot: 'image' }))), this.icon === 'dot' && (h("svg", { key: 'a0d1eda5ea7a3ec29cfce1fb2163b7b0ade33365', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '9936913501cbedf9b6952a466d1a62fe647500e3', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'b6fda2fd986b0af25e122f999e63616c48630f6b' }), this.action === 'count' && (h("gb-tag-count", { key: '5843202368cf6175dcf5d3b2fb33b1e74d16b265', size: this.size }, h("slot", { key: 'c0a28beb2017450c051f368c92a111edbe9d8052', slot: "count", name: "count" })))), this.action === 'X_close' && (h("gb-tag-close", { key: '4f057e43037fc50d2c994bbc3b748ec883afa11b', size: this.size }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-tag"; }
|
|
15
15
|
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: 'ad65f1946521ecb904521fb97f4818123d805b83', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '6c0c04f42607eab8ca1fd0c65feb55081f3db24d', class: `icon_container` }, h("svg", { key: '065601775e7e00904482d1bd1628b75811e4ad9f', 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: 'cfcc44f89306f236a5edc433aa0c09aee030d801', 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: '83133a7277680eef5119e60040801c2adff0ab9e', "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: '9dc87758979d7851c4d08e51ba940b0e82a69040', "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: 'c41d2e49143eaf85f6f87c6b883e0b436e646f85', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '35cc9856c6d195d60e232acbecd08a5fc195162b', class: `text ${this.size}` }, h("slot", { key: 'e7c9046393a475eb8aef0293a92b069e8b8112cd', name: "main_text" }), this.showSupportingText && h("slot", { key: 'ee94535b333c19b3be8e42a1b91b25b3162a5389', name: "supporting_text" })), this.actions && (h("div", { key: '07ea731b32e7185adb7e57de362569f4f4522e33', 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: '9c9d939a1429c213374834618eebb5136cdebc65', 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: 'ee1fd15413c75f6ed03a4764788d86166eecc8ab', class: `container ${this.breakpoint}` }, h("div", { key: 'a2e4fee33ad5ee532f324cbbf3dd7386a2ea6a3c', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'b45d62dcf6fa6dbc39b5718b0c95238146650181', class: `inner_content ${this.breakpoint}` }, h("div", { key: '39649f731fdfc867d6696675f3e90fead80e9b13', class: `icon_container` }, h("svg", { key: '6e2fd56abdd5071eff2863168dac610185863edb', 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: '9a1d659a2bf57ee0d7511407be08ab83a4d7cd16', 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: '2b20b59abde57d0aa6976de011866b97fe952a70', "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: 'd66a3713096b221c4079cab87db66965d5a54a5f', "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: '5b7637e714cb0c50df6bb3eb5ef8fcc16bbab830', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '584484be164779a7131bde487c7aa6a1eec78cfd', name: "main_text" }), this.showSupportingText && h("slot", { key: '82d09331ba157e9080fb637d1c14a3c681de389d', name: "supporting_text" }))), this.actions && (h("div", { key: 'd32a0ae2f4084a92646ea4669a8ca211635c4dc6', 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: 'ba600bda2d201a9faa213d61eefa9714ca54828d', 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: '20cf7f98e85eeb0fee96be92784eacd319205c2e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '654f7012017a2753c8fdf25e3a36bb2c01bdc95f' })));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-toast-button"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -32,7 +32,7 @@ export class GbToggle {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h("div", { key: '
|
|
35
|
+
return (h("div", { key: 'f3ef5f35bf0ffc7c4f3d9657f71c09da35897441', class: `toggle_div ${this.size}` }, h("div", { key: '53d51086e994270f5b37abda8444a76576c09780', class: "toggle_base" }, h("gb-toggle-base", { key: '59011e76cb0c85257fd10f53eda66bfded14c3aa', size: this.size, state: this.state })), h("div", { key: '9b766f0a7c51bffb52a84a17328f4ca6744a2c79', class: "text" }, h("slot", { key: '334f35211a182a28e3e528e17e4145bdb265683a', name: "main_text" }), this.supportingText && (h("slot", { key: '3e3a6c1019f0b5841d828bc2a2f156c415a25ac9', name: "supporting_text" })))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "gb-toggle"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,8 +6,8 @@ export class GbToggleBase {
|
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
8
|
return [
|
|
9
|
-
h("input", { key: '
|
|
10
|
-
h("label", { key: '
|
|
9
|
+
h("input", { key: 'd6a9785cb9fe9bd37ebbff52d7fef068d11e0171', type: "checkbox", id: "customCheckbox" }),
|
|
10
|
+
h("label", { key: 'f2c833346a8b876a494ced461db2c93dbc879639', class: `${this.size} ${this.state}`, htmlFor: "customCheckbox" })
|
|
11
11
|
];
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-toggle-base"; }
|
|
@@ -9,7 +9,7 @@ export class GbTokenField {
|
|
|
9
9
|
this.supportingText = '';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '153357d07cca79b128af43c3d28e36e548ac3146', class: this.size }, h("div", { key: '28265b6d9a6e9183cf0344ef4fa052bf7c8ddf21', class: "input-with-label" }, this.showLabel && (h("label", { key: '8f480c45e14b019ccfb50c330d9fe52e0080ac29' }, this.label)), this.digits === 4 && (h("div", { key: 'f56174e9624f465ddfc69fe2806bfd5a1aca4aac', class: "input-wrapper" }, h("gb-megainput-field", { key: '7a1e0e04cc8376d597981e079a49060cfca42055', size: this.size }), h("gb-megainput-field", { key: 'f961835960c5dc6e78e6fb752e137e38c43271b4', size: this.size }), h("gb-megainput-field", { key: '7b1043fc05bc0bc2b79911aeedc099c4b7d9b7cb', size: this.size }), h("gb-megainput-field", { key: '1ea40f797717d80a41622706bf69c60130b1f305', size: this.size }))), this.digits === 6 && (h("div", { key: 'e9b5c5bb97508ece55e681d625b8abd3e50a31b7', class: "input-wrapper" }, h("div", { key: '5b21b56ae9bb7e96f9ee1f9944a693bf69c0ac95', class: "first=section" }, h("gb-megainput-field", { key: '9fa587073d323382e0c5448a6a442899c774f671', size: this.size }), h("gb-megainput-field", { key: '2c11d1abb928c2daa064fc16494a45a9f2405658', size: this.size }), h("gb-megainput-field", { key: '1983a815b610b06433e5d19de248694b97b66ffb', size: this.size })), h("div", { key: '9e8a53417ca860b5251306ec3c79a058c76a7cb0', class: "second=section" }, h("gb-megainput-field", { key: '6d545fb78c2cac89caa79670169af986ea573754', size: this.size }), h("gb-megainput-field", { key: '3d76a9f2867c68bee7a216d5fa82e38647a0794d', size: this.size }), h("gb-megainput-field", { key: '77dd32756d6502d083abb764d1e894b9949b1f89', size: this.size })))), this.digits === 8 && (h("div", { key: '31cc4565b37820abaefd077a0845c10658065afb', class: "input-wrapper" }, h("div", { key: '83f6ae87d185efa1e817d8b1aca33482772d2780', class: "first=section" }, h("gb-megainput-field", { key: 'b111f5331723350d37863d45326cf8a0937783dd', size: this.size }), h("gb-megainput-field", { key: '8e9f97d1b159bc7f27627e042e2d0c49d1cd218f', size: this.size }), h("gb-megainput-field", { key: '21efc42d47d370b03e8ac0f1f0f7e96567473b8f', size: this.size }), h("gb-megainput-field", { key: '0ffe4b2337ba470c15d1cd26e371b4e64881b6c3', size: this.size })), h("div", { key: 'f2336f515df7b32c72ec755c26b6c9bcaf3e55f8', class: "second=section" }, h("gb-megainput-field", { key: 'e47f438ed5faea85619051092f287b39010b2f84', size: this.size }), h("gb-megainput-field", { key: '1b4f632f172bd438495e6caf799e73fdc55c1843', size: this.size }), h("gb-megainput-field", { key: 'ac28a090118350e8f326985f9f042910bab246db', size: this.size }), h("gb-megainput-field", { key: 'ef857ae5412836f804c7a2d35757e9e944472d70', size: this.size }))))), h("p", { key: 'a16065e98e0f0454680d1a0995679575820fb8cc' }, this.supportingText)));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-token-field"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class GbTooltip {
|
|
|
19
19
|
return this.showArrow ? `arrow ${this.arrow}` : '';
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '4330b2f0e29b7f8f9af8092042ae71db6a9206d4', class: "tooltip_container" }, h("div", { key: 'b6f05cad1693c23f2832b5700fd1f21a91eeeb02', class: "tooltip" }, h("div", { key: 'a38ae848faf4ed487acb400879d74ef776d2104a', class: this.getArrowClass() }), h("div", { key: 'd4fd4778691910b536eb217e9618e2d38f00022a', class: "tooltip_content" }, h("slot", { key: '1160cd647943927e39c726e9897c200e8c55a2bb', name: "label" }), this.showSupportingText && h("slot", { key: '37c07233ecb06e58d14d9f9954f4c6f433acf811', name: "supporting_text" })))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-tooltip"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|