globuswebcomponents 0.4.3 → 0.4.6
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_33.cjs.entry.js → gb-avatar_37.cjs.entry.js} +183 -34
- package/dist/cjs/gb-avatar_37.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/gb-checkbox-group.cjs.entry.js.map +1 -1
- 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-header-icon.cjs.entry.js +4 -4
- package/dist/cjs/gb-header.cjs.entry.js +1 -1
- package/dist/cjs/gb-help-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gb-notification-content.cjs.entry.js +1 -1
- package/dist/cjs/gb-notification-panel.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-bar.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-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/collection-manifest.json +1 -1
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.css +22 -16
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js +9 -2
- package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js.map +1 -1
- package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.css +5 -0
- package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.js +2 -2
- package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.js.map +1 -1
- package/dist/collection/components/gb-checkbox-group/gb-checkbox-group.js +1 -1
- package/dist/collection/components/gb-checkbox-group/gb-checkbox-group.js.map +1 -1
- package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.css +21 -1
- package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js +4 -2
- package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js.map +1 -1
- package/dist/collection/components/gb-collapse-button/gb-collapse-button.js +3 -3
- package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.css +1 -1
- package/dist/collection/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js +1 -1
- 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.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-horizontal-tabs/gb-horizontal-tabs.css +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.css +0 -1
- package/dist/collection/components/gb-input-dropdown-menu/{gb-input-dropdown-menu.js → gb-input-dropdown-menu-item.js} +3 -3
- package/dist/collection/components/gb-input-dropdown-menu/gb-input-dropdown-menu-item.js.map +1 -0
- 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.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.css +1 -3
- 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 +14 -7
- 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 -156
- package/dist/components/gb-checkbox-group-item.js.map +1 -1
- package/dist/components/gb-checkbox-group.js +44 -2
- package/dist/components/gb-checkbox-group.js.map +1 -1
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
- 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 +4 -4
- package/dist/components/gb-help-dropdown.js +2 -2
- package/dist/components/gb-horizontal-tabs.js +6 -6
- package/dist/components/gb-horizontal-tabs.js.map +1 -1
- package/dist/components/gb-input-dropdown-menu-item.js +5 -5
- package/dist/components/gb-input-dropdown-menu-item.js.map +1 -1
- 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.js +1 -1
- 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 +8 -8
- package/dist/components/gb-sidebar.js.map +1 -1
- 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-20116c62.js +162 -0
- package/dist/components/p-20116c62.js.map +1 -0
- package/dist/components/{p-6b9ae561.js → p-201a8405.js} +3 -3
- package/dist/components/{p-6b9ae561.js.map → p-201a8405.js.map} +1 -1
- package/dist/components/{p-8963e7ee.js → p-260b6b99.js} +6 -6
- package/dist/components/{p-8963e7ee.js.map → p-260b6b99.js.map} +1 -1
- package/dist/components/{p-03933e89.js → p-26921960.js} +3 -3
- package/dist/components/{p-03933e89.js.map → p-26921960.js.map} +1 -1
- package/dist/components/{p-2522e0e6.js → p-493fb0be.js} +2 -2
- package/dist/components/{p-2522e0e6.js.map → p-493fb0be.js.map} +1 -1
- package/dist/components/{p-53e70aeb.js → p-4d0d5a44.js} +7 -7
- package/dist/components/{p-53e70aeb.js.map → p-4d0d5a44.js.map} +1 -1
- package/dist/components/{p-57b94005.js → p-55139c08.js} +3 -3
- package/dist/components/{p-57b94005.js.map → p-55139c08.js.map} +1 -1
- package/dist/components/{p-d9ee7b7c.js → p-6baad8ef.js} +4 -4
- package/dist/components/{p-d9ee7b7c.js.map → p-6baad8ef.js.map} +1 -1
- package/dist/components/{p-d9de678f.js → p-7239b558.js} +2 -2
- package/dist/components/{p-d9de678f.js.map → p-7239b558.js.map} +1 -1
- package/dist/components/{p-d2da1574.js → p-79e58411.js} +4 -4
- package/dist/components/{p-d2da1574.js.map → p-79e58411.js.map} +1 -1
- package/dist/components/{p-61d2acff.js → p-7b972624.js} +5 -5
- package/dist/components/{p-61d2acff.js.map → p-7b972624.js.map} +1 -1
- package/dist/components/{p-4c21ca28.js → p-91d1a7e6.js} +2 -2
- package/dist/components/{p-4c21ca28.js.map → p-91d1a7e6.js.map} +1 -1
- package/dist/components/{p-1ba1c138.js → p-97bb9bcd.js} +6 -6
- package/dist/components/p-97bb9bcd.js.map +1 -0
- package/dist/components/{p-31e9f7cb.js → p-a48f3765.js} +2 -2
- package/dist/components/{p-31e9f7cb.js.map → p-a48f3765.js.map} +1 -1
- package/dist/components/{p-763387fe.js → p-a9afcddd.js} +5 -5
- package/dist/components/{p-763387fe.js.map → p-a9afcddd.js.map} +1 -1
- package/dist/components/{p-9b867eac.js → p-b1b56453.js} +2 -2
- package/dist/components/{p-9b867eac.js.map → p-b1b56453.js.map} +1 -1
- package/dist/components/{p-39156f1b.js → p-b75d82f9.js} +5 -5
- package/dist/components/{p-39156f1b.js.map → p-b75d82f9.js.map} +1 -1
- package/dist/components/{p-7df674ca.js → p-bdab2e0b.js} +3 -3
- package/dist/components/{p-7df674ca.js.map → p-bdab2e0b.js.map} +1 -1
- package/dist/components/{p-825cf6e9.js → p-c64c5a8f.js} +2 -2
- package/dist/components/{p-825cf6e9.js.map → p-c64c5a8f.js.map} +1 -1
- package/dist/components/{p-9317b000.js → p-cb33ab6d.js} +2 -2
- package/dist/components/{p-9317b000.js.map → p-cb33ab6d.js.map} +1 -1
- package/dist/components/{p-01a43936.js → p-d797d9df.js} +3 -3
- package/dist/components/p-d797d9df.js.map +1 -0
- package/dist/components/{p-2764bda5.js → p-ef610ebc.js} +2 -2
- package/dist/components/{p-2764bda5.js.map → p-ef610ebc.js.map} +1 -1
- package/dist/components/{p-88687162.js → p-f15f2882.js} +2 -2
- package/dist/components/{p-88687162.js.map → p-f15f2882.js.map} +1 -1
- package/dist/components/{p-84661af1.js → p-ff4292c2.js} +3 -3
- package/dist/components/{p-84661af1.js.map → p-ff4292c2.js.map} +1 -1
- package/dist/esm/{gb-avatar_33.entry.js → gb-avatar_37.entry.js} +180 -35
- package/dist/esm/gb-avatar_37.entry.js.map +1 -0
- package/dist/esm/gb-checkbox-group.entry.js +1 -1
- package/dist/esm/gb-checkbox-group.entry.js.map +1 -1
- 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-header-icon.entry.js +4 -4
- package/dist/esm/gb-header.entry.js +1 -1
- package/dist/esm/gb-help-dropdown.entry.js +1 -1
- package/dist/esm/gb-notification-content.entry.js +1 -1
- package/dist/esm/gb-notification-panel.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-bar.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-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/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/{p-04ca94bb.entry.js → p-08cfe483.entry.js} +2 -2
- package/dist/globuscomponents/{p-9d5dfa56.entry.js → p-0f0c4dc6.entry.js} +2 -2
- package/dist/globuscomponents/{p-38ddb08d.entry.js → p-1971b0f5.entry.js} +2 -2
- package/dist/globuscomponents/p-2f175d13.entry.js +2 -0
- package/dist/globuscomponents/p-2f175d13.entry.js.map +1 -0
- package/dist/globuscomponents/{p-04d04d5a.entry.js → p-32d3c7d7.entry.js} +2 -2
- package/dist/globuscomponents/{p-fdadcae8.entry.js → p-3db54b6b.entry.js} +2 -2
- package/dist/globuscomponents/{p-355ee2b7.entry.js → p-43be14a0.entry.js} +2 -2
- package/dist/globuscomponents/{p-19d2f500.entry.js → p-4bb1b1ff.entry.js} +2 -2
- package/dist/globuscomponents/{p-e51aa524.entry.js → p-4fb1c7b7.entry.js} +2 -2
- package/dist/globuscomponents/{p-ea10b389.entry.js → p-609d8f49.entry.js} +2 -2
- package/dist/globuscomponents/{p-4e99fdd9.entry.js → p-65dbacc7.entry.js} +2 -2
- package/dist/globuscomponents/{p-64588b88.entry.js → p-79ae57a8.entry.js} +2 -2
- package/dist/globuscomponents/{p-3bfd70d1.entry.js → p-92561c6a.entry.js} +2 -2
- package/dist/globuscomponents/{p-5479adcd.entry.js → p-add9ec72.entry.js} +2 -2
- package/dist/globuscomponents/p-c9bf79da.entry.js +2 -0
- package/dist/globuscomponents/p-c9bf79da.entry.js.map +1 -0
- package/dist/globuscomponents/p-cc527c4c.entry.js +2 -0
- package/dist/globuscomponents/{p-61836d01.entry.js → p-d733c69f.entry.js} +2 -2
- package/dist/globuscomponents/{p-87664bb3.entry.js → p-e2c92f11.entry.js} +2 -2
- package/dist/globuscomponents/{p-af75a0c6.entry.js → p-e8b51d32.entry.js} +2 -2
- package/dist/globuscomponents/{p-0638166b.entry.js → p-f262afa7.entry.js} +2 -2
- package/dist/types/components/gb-avatar-dropdown/gb-avatar-dropdown.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/gb-avatar-dropdown.cjs.entry.js +0 -35
- package/dist/cjs/gb-avatar-dropdown.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js +0 -77
- package/dist/cjs/gb-avatar-label-group.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-avatar_33.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js +0 -31
- package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-input-dropdown-menu-item.cjs.entry.js +0 -32
- package/dist/cjs/gb-input-dropdown-menu-item.cjs.entry.js.map +0 -1
- package/dist/collection/components/gb-input-dropdown-menu/gb-input-dropdown-menu.js.map +0 -1
- package/dist/components/p-01a43936.js.map +0 -1
- package/dist/components/p-1ba1c138.js.map +0 -1
- package/dist/esm/gb-avatar-dropdown.entry.js +0 -31
- package/dist/esm/gb-avatar-dropdown.entry.js.map +0 -1
- package/dist/esm/gb-avatar-label-group.entry.js +0 -73
- package/dist/esm/gb-avatar-label-group.entry.js.map +0 -1
- package/dist/esm/gb-avatar_33.entry.js.map +0 -1
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js +0 -27
- package/dist/esm/gb-dropdown-items-with-shortcut.entry.js.map +0 -1
- package/dist/esm/gb-input-dropdown-menu-item.entry.js +0 -28
- package/dist/esm/gb-input-dropdown-menu-item.entry.js.map +0 -1
- package/dist/globuscomponents/p-18daffd5.entry.js +0 -2
- package/dist/globuscomponents/p-18daffd5.entry.js.map +0 -1
- package/dist/globuscomponents/p-342531d5.entry.js +0 -2
- package/dist/globuscomponents/p-342531d5.entry.js.map +0 -1
- package/dist/globuscomponents/p-8b29407e.entry.js +0 -2
- package/dist/globuscomponents/p-a0c86da9.entry.js +0 -2
- package/dist/globuscomponents/p-a0c86da9.entry.js.map +0 -1
- package/dist/globuscomponents/p-a947e6f1.entry.js +0 -2
- package/dist/globuscomponents/p-a947e6f1.entry.js.map +0 -1
- package/dist/globuscomponents/p-cda1993c.entry.js +0 -2
- package/dist/globuscomponents/p-cda1993c.entry.js.map +0 -1
- package/dist/globuscomponents/p-e8c4960e.entry.js +0 -2
- package/dist/globuscomponents/p-e8c4960e.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-04ca94bb.entry.js.map → p-08cfe483.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9d5dfa56.entry.js.map → p-0f0c4dc6.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-38ddb08d.entry.js.map → p-1971b0f5.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-04d04d5a.entry.js.map → p-32d3c7d7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-fdadcae8.entry.js.map → p-3db54b6b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-355ee2b7.entry.js.map → p-43be14a0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-19d2f500.entry.js.map → p-4bb1b1ff.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e51aa524.entry.js.map → p-4fb1c7b7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-ea10b389.entry.js.map → p-609d8f49.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4e99fdd9.entry.js.map → p-65dbacc7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-64588b88.entry.js.map → p-79ae57a8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3bfd70d1.entry.js.map → p-92561c6a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-5479adcd.entry.js.map → p-add9ec72.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8b29407e.entry.js.map → p-cc527c4c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-61836d01.entry.js.map → p-d733c69f.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-87664bb3.entry.js.map → p-e2c92f11.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-af75a0c6.entry.js.map → p-e8b51d32.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0638166b.entry.js.map → p-f262afa7.entry.js.map} +0 -0
- /package/dist/types/components/gb-input-dropdown-menu/{gb-input-dropdown-menu.d.ts → gb-input-dropdown-menu-item.d.ts} +0 -0
|
@@ -8,7 +8,7 @@ export class GbNotificationContent {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
const iconSrc = getAssetPath(`assets/${this.icon}.svg`);
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '9b944988b60452274459862a179a9a9edf89ab55', class: "notification-container" }, h("div", { key: '695054c90474dcd535384629347964b8165e720a', class: "notification-title" }, this.icon && (h("div", { key: '13140c03e337d2c82a4b9dc113398639127e72d5', class: "icon" }, h("img", { key: '2e132287412a7e57b63627b7cc71255efe01dec0', src: iconSrc, alt: "Icon" }))), h("label", { key: '16ecbb0c28adbbdc927b3fc2ccefa7f6570a1fbc' }, this.label), h("span", { key: '7647b659056536afa3fedc10860a1be74c0abc1c', class: "time" }, this.time)), h("div", { key: '5142b30f9045f70d2492e8573d368c661423952b', class: "supporting-text" }, this.supportingText)));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-notification-content"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -26,7 +26,7 @@ export class GbNotificationPanel {
|
|
|
26
26
|
notification.remove();
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: 'f2c7e7afd5cfc3adde6d245b1c29a738b4591222', class: "notification-panel" }, this.state === 'empty' && this.notifications.length === 0 && (h("div", { key: '90f6eac7f2745e385245b8247f8ea6f0dda7946a' }, h("div", { key: 'd242c17c481cf110b5e52133247b672b1599d2f2', class: "empty-state" }, h("img", { key: 'cb41033f1bbbdb2972a0430d8992c23c40ce1b50', src: "./build/assets/panel_bell.svg", alt: "No notification" }), h("h3", { key: 'c71c24f04195bef8b50396cf133593e2d80f3b14' }, "No notification"), h("p", { key: 'c4a14fa1ab6e5f2c8a9b62c1af3c24db9f04dee9' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), h("test-button", { key: '3fc7b6558e30640f71c13bab5482044140b510a3', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (h("div", { key: '7d837c16f14b7caecf22b433b6aada26e7e6adb3', class: "notification-dropdown" }, h("slot", { key: 'fe1e0d967f33b856dab53839bc4442d01d1851be' }), h("test-button", { key: '535c7960ff3f8a0c3a907ae966e867c699500cec', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "gb-notification-panel"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: 'dda0f678e501a990bac442690ac90a09e4b77561', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '174205cde6434b667801b89932e85c93edb0b3ac', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '6e38c118befd0c5d9d511f3cbd7043ecf62349b0' }, "Previous")), h("gb-button", { key: '5d9f58e1997d831115616834b3557b2d93e2a6b0', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '9ed5db37c4317b87b8a59b46dbdb73fd73f8aff0' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0db2378d9a6f4a4abef583e2ee72f3c1182457fa', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '14b8c8a6395fcfaa73cb4a7dafa9d9323da11389' }, "Previous")), h("gb-button", { key: '258df89d2e6cfbdab0ac0c2c0909cb7a9c0a08c8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '305d1501d88dda272bf2ca3a6d014b60794450cc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '304f87d5089f17d44c20526a56324231da35270a', class: "entries" }, "Entries"), h("div", { key: 'ee4628e4d4f8e41c8bcd39d3d7ef9bdb9e7f0ef3', class: "page_numbers" }), h("div", { key: '9d3e9445af477a1a8e2f64297472aac95cecd0bc', class: "buttons" }, h("gb-button", { key: '392bed11ed08b778da58cd3f8766c6e6beca380d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: 'b2c553635d714b5f379c24b4ec3b9e5d8f7f3dab', 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: 'ea9f1ff2a0bb0cb577f7b5a0c05d85287ffa70a9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '0776654a9c09098d8e7dfdf8058623662485ac28', class: "page_number_text" }, h("p", { key: '6216a229be2b89d15816d6e797034fd26d0f1ee0', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '3c48afc306b4065339b9180c43d92865746f4915', 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: '63d1eb3b644c8112ac1f88de2013331f51d1546a', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'c014a0f95cf55248a005562a4a90e327d3af5d48' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '059cc915e964c041dfbadef261c66ca15fb8ffb9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8296432d108921530eea496f96f933ce143d6c98', 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: '2331890ae1f6b0398713722145d1f55afbe8ccca' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '21348216aa006afae81a0d7b82099a874ed8b033' }), this.iconTrailing && (h("svg", { key: '495404d5781687ac660ecbbe4eb70f15aa9b3c49', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1efb3dc42b46d6665ea7a85b68762309f12cfd9e', 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: '3cee4628cf84d73d6d9ca8ab3e2232c2e20e6cf7', 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: '13d2e2f8b9bcc843e16ae06644cd7b8be2f2bb35', class: `page_number_base ${this.shape}` }, h("slot", { key: '9890c6fff8e1fb74faac88e22c32abaed492fc64', 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: 'ae3127eff60ad870cbea10ba82c7a1e08e9de719' }, h("gb-btn", { key: '236b36ce3e485277b5bc46c4fa91b93c13b72a13', 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: 'd56efb6ae31a357ad3ff535c8cc3d2e704c50cd2', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'eb61bfa60cb024bcd4045e575de16aa02f6cf909', class: "progress_bar" }, h("div", { key: '4a05bf03f29213f0a451e4508e981bee7a42d288', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '90aef6236ce18a629cddb50ad8bd24907cf5ba40', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '6da1df60d24ea6f02df30f7cd499ab5c0a528ccf', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'bc94f29e221b6bf4a7cd455c9aaf73459400be8f', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '68f5e192e9c95727ba392ff27b7dae9d7bc6f122', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'abea897c2cfff180157ad8c10db7efdca68ab059', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1c1e9d759a9d86d86d3d3a1afb9db158ec83a444', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'cc6e42cf274e3f8c0cd4b385afcc6d7facc2c012', 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: '824aa6bcece6b186b05721a56d6de5c524e95a90', class: "progress" }, h("svg", { key: '187f1d990532db1dac0d8ae16e23cc1af5a45ee1', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'dd70248b0df397a420986f2b4cfee249a24fc6f1', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '99c2a9b1759e4d541a9d7a1a960f40d6f8c534ec', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: 'e1d27535426f94093d56e66737cbfddd70d650fa', 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: 'f3b1180becce0595c057a6911a942ee46b7d65ed', class: classes }, h("div", { key: '43a39e0fea27bdcee48d01bdcd766c86907d2351', class: "input-with-label" }, h("label", { key: '4ae41220dbc93a7f915463c31629271c65e17b33' }, this.label), h("div", { key: '23d3e6b6a4dd708459fe4a0a61dbf880d34eb9ec', class: "input-container" }, h("div", { key: 'd7ad341ca974b96487deb6ea89e070c6285005ae', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '5335fb61100d88130f516268a19016ee13eae508', 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: '05c18dd0ed4f20accc207c799563fc2673df75cd', class: "error-icon" }, h("svg", { key: 'f833e52bd2ee5b55cd71e61bafa3e979fdbd2fad', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c657b71d7df08b6d3cdadb97d278ed0b5b022b68', 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: '55d8d497d31cb560703eca506f3fcc2ca91a169e', class: "text-container" }, h("textarea", { key: 'f6f5f5b57f5caf43ae64735d3735b93de9b26436' }, this.showPlaceholder && (h("div", { key: '78265dafb4fb81a8239dd55d5859759f30a3f9e9' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'a0bcb0358ec240c59fd18d36359023b2dc99b16e', 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: '5ec894c94d216c721f1fe43a791b39635f92829d', class: "scrollbar-container" }, h("div", { key: '8815fbf09d08ccc6b7f2663023f254fd0fd03be0', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '9fbcbb7aeb481d8552d656df66af00b45f7eb0a3' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: 'd4863ca4aa212fe2a424675f8580ee358b170a07', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '89e1de2cae63cbb76f4480eb9fbc9ab0fac6e0b2', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'd3380cfedc49162caf459536b13476f30ce902ee', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '6ba081ef7a7f54353379f8a5876f87b227049710', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '304b35545ca4de4297956e598db1a2dc0e181681', class: "content" }, h("div", { key: '62056e559bd3b467eecc46a636ec9bc6b8929c59', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'fab4936d47e3a0896f7fc025339043a990c03d30', 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: 'c93727378e90be7898f1b64af1bea4a31bb14514', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '40d8a18afac9b8b891a6a404d25f83865cb3dc46' }, "10"))), this.showArrow && (h("svg", { key: '85c392ee578676bd17a8db5fe833787b8ba155d2', 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: '97edf7b7152747cf70c762cd7b4bf736038100ae', 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: '293e4dc0b9af3e7e518be826fe2cdcae76f9935e', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '6660766b008781a899abcee6b23233946f05e72d', slot: "label" }, this.label)))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "gb-side-bar-item"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2747,7 +2747,7 @@
|
|
|
2747
2747
|
|
|
2748
2748
|
.application_name{
|
|
2749
2749
|
display: flex;
|
|
2750
|
-
padding:
|
|
2750
|
+
padding: var(--spacing-6);
|
|
2751
2751
|
}
|
|
2752
2752
|
|
|
2753
2753
|
.wrapper{
|
|
@@ -2817,13 +2817,11 @@
|
|
|
2817
2817
|
|
|
2818
2818
|
/* Sidebar Category Styles */
|
|
2819
2819
|
.sidebar_div.plain_background{
|
|
2820
|
-
padding-bottom: var(--spacing-5);
|
|
2821
2820
|
border-right: 0.7px solid var(--color-border-subtle, #CDD5DF);
|
|
2822
2821
|
background: var(--color-surface, #FFFFFF);
|
|
2823
2822
|
}
|
|
2824
2823
|
|
|
2825
2824
|
.sidebar_div.colored_background{
|
|
2826
|
-
padding-bottom: var(--spacing-6);
|
|
2827
2825
|
background-image: linear-gradient(180deg, #064E94 0%, #02182E 100%);
|
|
2828
2826
|
background-size: cover;
|
|
2829
2827
|
}
|
|
@@ -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: 'e8863f6c4c4362c737f1879397f04df547f19ee0', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '3bd6ac9d961321a3d8a7a9ccde00fbeaeb950548', class: "pattern" }, h("img", { key: 'b1c629852d5e000ff66060a2bb3268fbfbda12d7', src: patternSrc, alt: "" }))), h("div", { key: '5aa9e570e8ca31e0369768e8f8f46782eadb3cd1', class: "nav" }, h("div", { key: '2f1b5e1cf587f341cd06f389b36ac26322495476', class: `sidebar_header ${this.state}` }, h("div", { key: 'c170889678018cbf09ff869193bb5b9c15ddc229', 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: '1fb2260624c9e1a831a670d882cd729786957cfa', src: logoSrc, alt: "" })), h("div", { key: '9f277376010bef3a5cbd32d24bac612f8741d246', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'f08a2880749a67db4ffab1fc4e5e06175c84244d', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '4f4c8208cd2b2a213299d1384fc7ca07178d70f3', class: "navigation" }, h("div", { key: '005deb8ff9cd91ec03a392468f80ac95315315ec', class: "item" }, h("gb-side-bar-item", { key: '11a73c9941d63f0155686405f2be83ac28cb3936', 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: '27b09cccb5f5ab13726cbc107a41d3d49ce994d9', 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: 'c2517f4da2085b293e1a0d1dba203ad71793ad9a', 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: '478bd3c02f122d017195aa6b24ef32208a077d46', 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: '8e27a3ebc5f2ea35feeec6fc551be96e6e2dc7e3', 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: 'd41e454867fa208112be7560db23953717c74a9e', class: "navigation" }, h("div", { key: '910b236eaea5d199812c746e4de7d6a9a3f8a7f0', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '981e928d3585e7f8de90694ddd7a4c70eee170ab', 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: '628bc4d6f34829705c633505600e3532118692c5', 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: '4ce058fc33e82368814d005a38cdd5fc2e3da271', 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: 'ef97954ebdb24eded9c09c922694984e7ab5ab6f', 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: 'b8d039b693a877554d67b4f9906ea8de6fc64cf1', 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: 'c6caaa6503a13522cbf3d3c8cbde3aec84e0f077', class: "application_name" }, h("div", { key: '8bc19ba89c93d174cba9b1146529fae70cb6cee5', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '4a6f149ca8f3e29908bc8ca644c4eb1f4dc30871', class: "application_name_pattern" }, h("img", { key: 'a559224d4b7e3aeedc04a19e136e6ec9f1be8bde', src: patternSrc, alt: "" }))), h("div", { key: '45534f1dbe7b7bc92e596892ac4087a1dfc860c0', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '6a0c7a18082645fc7aede817703a7e0a6ea3464c', class: textClass }, h("slot", { key: 'e15f1eb5cae54cc708f4e87c4094598a99d55027', 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: '773b651dc3c54cadaeaea5ac2589f5d9cac31516', 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: '3a7fa4c501353c2f9a580f8b3026361e1c6a8e49', class: "tooltip-container" }, h("gb-tooltip", { key: '359fc90c75b0faa9e7a9d89d116d663dcd34a636', arrow: 'none' }, h("p", { key: 'e3caf0ea90f8dcbbce1631ff39087b52a4f2a7ae', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: '73f2460bb260a329b33e07f899d2a0f2b7904d72', 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: 'e8a2a4305db3019a1bc6b5611544759695241b53', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '342253e560c24cfdade644e5e289e0f68d3f7681', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'a10f5adb21939e3a081280981d8d105ee0880da6', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '24a21480c158fd921ffbeab06fb35c6152ee0c2f', 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: 'd81230af707d7cdc1924efb704f9137d1760f7e0' }, this.statusIcon === 'online_indicator' && h("div", { key: '1d137e7b0fe273eca93bd86a75be3dfa50a9b195', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'de67a3ca37c16c6e3c23d08d4544e264b60ef912', 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: 'bed37a3d78c87451cae0427d3a27f06e9c0cd09d', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'fe6d9c44307df1f0d1ac2529c4ac070cba42ab60', 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: 'a847d888139b61bcf0cdfdd63eb4116ca1d7a03e', 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: '632052ec13722a2d36a6635e1a119ccb0c1d5f96' }, h("clipPath", { key: 'c84841667c295e38dbf370315764e1e638b738c6', id: "clip0_0_21453" }, h("rect", { key: '2577c42d58f0eab44a8d5b1d3bc8f1910a732b7d', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '1a91e771429b68fe57de82ad99b233dc9fe098ef', 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: '892f0aab65ca33e82f1006aaf5640eb199186b43', 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: '9209b2db5cb501469d14bda26f40ab79e715ec50', "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: '30feda81bf5a910bfea16dc1f9057580116bae95', 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: '8bcae52d747cf9efdf8dbef1988215cf9da9b6f8', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'a32651c5ddc164a6a3f9de04b33d257ffbb114ca', 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: 'c896dfb9b95a2b587ee665313435275449407720', 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: '17c6009ae9ce9ff26c744f2e5f33d23178064176', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'f551402e3e887b0bc8370818ceadf586e7c9dfad', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'c396d504f33463f0c4974f288198093c58150ccd', class: `custom-checkbox ${this.size}` }, h("svg", { key: '222a13f6b92c1372aad37ebb91e75b0d6d6f4144', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '278a5544b3235f633b07de2348013191ac2e90ce', 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: '7764943eb1072e1031e5395b33cf89c9277f4c1c', class: this.size }, h("svg", { key: '9fe80231e29655fbab21ea4bc80175d7ed5bb7c9', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'd753e4909224353d17fef8ca30508d64bf37af36', 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: 'c4abc999c02efcf35734feac92e89388e63a4847', class: this.size }, h("slot", { key: '28ff86b6045b69722fc0f34343847135ed2257a7', 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: '56794fb73c322281c606314e385a5bb57e4cb82b', class: `container ${this.size}` }, h("div", { key: '3a14e9a717eb5e3e81a2cd7f61d7de4f6ba4c361', class: `content ${this.size}` }, this.checkbox && (h("gb-tag-checkbox", { key: 'fe6df4e641d2c37a074582fe6bfb8874af4a5d03', size: this.size })), this.icon === 'country' && (h("div", { key: 'ac25ab120c76ab1c7fe7f9cb44c322a201d1faf5', class: "icon left-icon" }, h("img", { key: '70470e0902d0eaf178650d27183a3b5c978ca736', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'bfd409524f85ad5e181076a3c436c7ec281c837a', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: '876c711b705dc7200b41c91d5e407bd4bf5b07af', name: 'image', slot: 'image' }))), this.icon === 'dot' && (h("svg", { key: '0b0778fe339f899624937b26d2f5b12aba99739c', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'cf479b0c2c502e367086264210a0dbab644d1d24', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'c429fe788ec57288d7ffa67bcf75c160d7a087df' }), this.action === 'count' && (h("gb-tag-count", { key: '70b1190dfe24ab88a6d027e17a849e4add669600', size: this.size }, h("slot", { key: '6a0dbb41ea73d2ff0d8ff0a0065a4e1b87e7c088', slot: "count", name: "count" })))), this.action === 'X_close' && (h("gb-tag-close", { key: '6847df79dd180bf947861c68afaecd6b5c48f8bf', 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: 'db3355282b0fb7cf8436ab5cc33b21581d4c60b1', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '1801f4302d2f552a4d292e513335d59140c863b5', class: `icon_container` }, h("svg", { key: '0ae199df8c1a416879e33a397ef9ce988cd8f89f', 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: 'f0e0366cb7f545ddef0446fb8822fa80432cab18', 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: 'fddd8bde4d9df347cff5d3c8cad97fb43adb4c70', "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: '8ea2eb455fe4ba715c0cdf8413c05115587ed8df', "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: 'acb4c1ed9fc64dd6d1d5c77cd45e2fdc766e1166', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '8440826c419c83022817111463a5f4d980334049', class: `text ${this.size}` }, h("slot", { key: 'd9d1a5e5c4bbffc673cd627d13b66f2c6971dcef', name: "main_text" }), this.showSupportingText && h("slot", { key: '4c4237bc2eb9516f981947b4d7b96b50f4af62d1', name: "supporting_text" })), this.actions && (h("div", { key: 'd90c63febd5a05168cfdff17b363ed691f367fd3', 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: '72290aef80934874db0d4132eb4133b0d841a48b', 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: '46cbf8495fc1b631ae0a37171fca532c7bada97f', class: `container ${this.breakpoint}` }, h("div", { key: 'e2c107e38caca7c14c97371f1d5be36c2a357065', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'c0dc05f25a79c88362f82725a0a9de33583f07a7', class: `inner_content ${this.breakpoint}` }, h("div", { key: '8c831309b0524578b2b916c9e6221f8028d49d3d', class: `icon_container` }, h("svg", { key: 'af5579c17aa512cb3d7b6babdacf076f39d83af9', 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: '2493b7d45a307bf12ebc6d994c4f8cfb6d343947', 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: '21bcabb2af7ac5b07c364fca396f0a4754453ba3', "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: '5de9c6c6bfbd0bcacb726ad1c8e0cf5388adf3bf', "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: '489bc6c3267442a8e64316c2e4048eafc5a7b63c', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '9c6442276b3401ce2b58e6a5cbd52403458a73bc', name: "main_text" }), this.showSupportingText && h("slot", { key: 'ded3327ca3b4cf8b285a69e92fad999f3fa45919', name: "supporting_text" }))), this.actions && (h("div", { key: 'ae9a9a52d45e98b3311920a08515f958552a751a', 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: '75ae95cdbfaea9389279efb59cd22a73b2e69447', 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: 'cc1a684e4f6e4e5edbf690bebc1725563111e01b', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '56364bcfdd2be3bc047baa3924865aacf1581bb0' })));
|
|
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: 'f868959a44143727f8b91e401a7afb5e9ed217e5', class: `toggle_div ${this.size}` }, h("div", { key: '9209af10c257b623519fd2176dfee0e7acc7af60', class: "toggle_base" }, h("gb-toggle-base", { key: 'f64e3c1a568538cc4d47351f18fac4986cc0f105', size: this.size, state: this.state })), h("div", { key: '68dbe8921cdb7182335c89900cfa35ffb8a6ac2a', class: "text" }, h("slot", { key: '071fc2da9dd0e94c603b326c469ce93971579570', name: "main_text" }), this.supportingText && (h("slot", { key: '55a45b0d8bd208b5addc7ceda6a39037bc7fa754', 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: '016a205a71c0a05069e507bdb51a8b9d835c33c6', type: "checkbox", id: "customCheckbox" }),
|
|
10
|
+
h("label", { key: '4bf1a3277ee9918c997c2444c1bcc678aa37b6fc', 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: '5197bbd9794d8b6e523384743e67c802b5f29ac9', class: this.size }, h("div", { key: '5e04a69e39ca9fac22754468ed89ba70875ab015', class: "input-with-label" }, this.showLabel && (h("label", { key: 'fd88301bb909a9d7e44fe347a55d7d9718178595' }, this.label)), this.digits === 4 && (h("div", { key: 'c2198b56f5fb1ab9bbf6c2fad6a023e457f92817', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e0dceea03a5343607f809c9980481b9d3bb05671', size: this.size }), h("gb-megainput-field", { key: '244dc9b76dc7f49d8ac5cc3809f7d305718839f5', size: this.size }), h("gb-megainput-field", { key: 'b30837cef1e617b56e8e7956259cb0e72212cec5', size: this.size }), h("gb-megainput-field", { key: 'ffb927b0806f56815a7223b37d80527731cca3f7', size: this.size }))), this.digits === 6 && (h("div", { key: 'd8b6393164ce807733bec04091b008926d75c5f0', class: "input-wrapper" }, h("div", { key: '06dd2ce459680f9db5e7831e477cb519a47fc9a8', class: "first=section" }, h("gb-megainput-field", { key: 'd0c3034626a2474596e3f9eaedd3cc4a3ca922e5', size: this.size }), h("gb-megainput-field", { key: '5074eb150817ceeeb471ac004cccaf5b11c03b11', size: this.size }), h("gb-megainput-field", { key: '6d646053f08582f056fa94befb9bb5aa4f21243a', size: this.size })), h("div", { key: 'f47dd8a8f2deb4b97e237e0dfa5f6ea6bf5650aa', class: "second=section" }, h("gb-megainput-field", { key: '8d87efa6b43f185f6a55d29481cb8f8e65517e1b', size: this.size }), h("gb-megainput-field", { key: '1c2272d512d375a636cfe03f99793f9d403188b2', size: this.size }), h("gb-megainput-field", { key: '5970abd9712baef859810641ca989b27641d7757', size: this.size })))), this.digits === 8 && (h("div", { key: '78ce83cb27dd71de9504256f1bc6e2a7730e810e', class: "input-wrapper" }, h("div", { key: 'bf4881e67e413437a965535017a6ec3324170771', class: "first=section" }, h("gb-megainput-field", { key: 'af87ccf63974d0bb2abd7e2b0a6c2ec12b50c217', size: this.size }), h("gb-megainput-field", { key: '120e8020bd309ddcfdfe57e71b6f102c769b36c8', size: this.size }), h("gb-megainput-field", { key: '3b07c663f0bd529f3cb69f8a67cfcb9a940d9064', size: this.size }), h("gb-megainput-field", { key: '2bab054e2f360ab321419dc22b94b9c3025a84cc', size: this.size })), h("div", { key: 'b728bb3f39c97f4e5b51c97c7fb4b56855883d6d', class: "second=section" }, h("gb-megainput-field", { key: 'abf92172d1352f909e07a057040840043c66e4cc', size: this.size }), h("gb-megainput-field", { key: '89493b165ed409482cb8c728d86681db6e04f717', size: this.size }), h("gb-megainput-field", { key: 'b0ec9f6ab6671771e4d50ff0aee398088bd589a9', size: this.size }), h("gb-megainput-field", { key: '892dfcc300724125ce92c206a88fbcb6016007f5', size: this.size }))))), h("p", { key: '5d3943cb419782cf62cd6cf30c8c5992c3b9c88b' }, 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: 'bfb5228cf24c06ddff57fa0b37065e71f2e07781', class: "tooltip_container" }, h("div", { key: '52ee1898e3158e860d7b2782c2e1a8f1842f98b7', class: "tooltip" }, h("div", { key: '5cbca27e298285211d74b9423dcd5fa078ad51ef', class: this.getArrowClass() }), h("div", { key: 'e706a610366f289de0864203526e2c189b6347a8', class: "tooltip_content" }, h("slot", { key: '79b327035b51647a1fee5c55f85d32b570429f7f', name: "label" }), this.showSupportingText && h("slot", { key: 'bfb7ad0df01f6e5b661c38a5a680fc5ffb9071b1', name: "supporting_text" })))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-tooltip"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,11 +9,11 @@ export class GbVerificationCodeField {
|
|
|
9
9
|
this.hintText = '';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: 'b49e091865a1d81edf8762f1e61a4e39d4155e4f', class: {
|
|
13
13
|
container: true,
|
|
14
14
|
[this.size]: true,
|
|
15
15
|
[this.digits]: true,
|
|
16
|
-
} }, h("div", { key: '
|
|
16
|
+
} }, h("div", { key: 'eceb47e45f68b8076749609363de56504bf6c16b', class: "input-with-label" }, this.showLabel && (h("label", { key: 'bfdb11744580a941f6ce79ddfb7ad3671735ede1', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '4af567846f29cc0a293e016d7102254eede88182', class: "input-wrapper" }, h("gb-megainput-field", { key: '6f9280f5912d51ad37dc4bc48c5a5a3e879a97c0', size: this.size }), h("gb-megainput-field", { key: '1389b6bfafaf0180692397a5b5014ad47c0db339', size: this.size }), h("gb-megainput-field", { key: '304c9217338eb0b79079776920e4fa349796e558', size: this.size }), h("gb-megainput-field", { key: '2358990939e4a79864fdd65f74393154ec2e2122', size: this.size }))), this.digits === 6 && (h("div", { key: '685d34c1156d9e35424702f951f4c25839c532d0', class: "input-wrapper" }, h("gb-megainput-field", { key: '159fc267eabed2389e0050f45e07a762870055d2', size: this.size }), h("gb-megainput-field", { key: '69ecac03179eb391e040ab2fb38fd37afbc77ce3', size: this.size }), h("gb-megainput-field", { key: '1174b5a633f9a353675edcff4dd89592ff64f313', size: this.size }), h("p", { key: 'e22ac8183ef45ee9c9af441303ae6a35dfaaf554', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '685aeed99245cb459082a955756becada214d021', size: this.size }), h("gb-megainput-field", { key: '542695e782b689a488c9be1cad15c092f12d5a3b', size: this.size }), h("gb-megainput-field", { key: '6b65ea8e08ff3858435472c00643d8c589519694', size: this.size }))), this.digits === 8 && (h("div", { key: 'a1d3fd8a3d23bb3ff4dca9900ca1c38cb91f2a03', class: "input-wrapper" }, h("gb-megainput-field", { key: 'a99d3ab42298593cd941e659961a48d36506a67a', size: this.size }), h("gb-megainput-field", { key: '45e5874498e2e48716a6714086ea53085697e205', size: this.size }), h("gb-megainput-field", { key: '98050b3ffbccfbd4cdd2e1a4193cc8a7cd6ca719', size: this.size }), h("gb-megainput-field", { key: '28cf06b520dbb26d69b106551c3e28fcd8133955', size: this.size }), h("p", { key: '3021f0950cf69cebe59484cb9efb94472e312f0a', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '2c7725b5d1edfd01b955f6c1a606a631d2d8c77c', size: this.size }), h("gb-megainput-field", { key: '31495ddf1f0cc5cc2f02a485698b3eac4118b077', size: this.size }), h("gb-megainput-field", { key: 'ae722eb7939d06204e8e41405d33924c5bae7ddf', size: this.size }), h("gb-megainput-field", { key: 'a3ae48d63dfc4f3dd303334b9cd7f7939993d404', size: this.size })))), this.showHintText && (h("div", { key: '682fa1a6b88b2a88d1b6b379b63c3068c4a47cc1', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "gb-verification-code-field"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-ef610ebc.js';
|
|
2
2
|
|
|
3
3
|
const GbAvatarAddButton = GbAvatarAddButton$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|