globuswebcomponents 2.5.2 → 2.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gb-avatar-dropdown_4.cjs.entry.js +5 -5
- package/dist/cjs/gb-avatar-label-group_3.cjs.entry.js +2 -2
- package/dist/cjs/{gb-avatar_19.cjs.entry.js → gb-avatar_23.cjs.entry.js} +193 -31
- package/dist/cjs/gb-avatar_23.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-group_3.cjs.entry.js +2 -2
- package/dist/cjs/gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-simple-side-bar-item.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-collapse-button_4.cjs.entry.js +1 -1
- package/dist/cjs/gb-collapse-button_4.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-export-dropdown-item_3.cjs.entry.js +3 -3
- package/dist/cjs/gb-file-upload-item-base.cjs.entry.js +5 -5
- package/dist/cjs/gb-file-upload.cjs.entry.js +12 -12
- package/dist/cjs/gb-header.cjs.entry.js +1 -1
- package/dist/cjs/gb-horizontal-tabs.cjs.entry.js +4 -1
- package/dist/cjs/gb-horizontal-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-horizontal-tabs.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-input-dropdown_3.cjs.entry.js +5 -5
- package/dist/cjs/gb-mega-input-field-base.cjs.entry.js +2 -2
- package/dist/cjs/gb-metric-card.cjs.entry.js +1 -1
- package/dist/cjs/gb-metric-featured-icon.cjs.entry.js +1 -1
- package/dist/cjs/gb-nav-bar-sidemenu.cjs.entry.js +1 -1
- package/dist/cjs/gb-notification-content.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination-dot-group.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js +1 -1
- package/dist/cjs/gb-pagination.cjs.entry.js +4 -4
- package/dist/cjs/gb-progress-bar.cjs.entry.js +22 -0
- package/dist/cjs/gb-progress-bar.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-progress-bar.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
- package/dist/cjs/gb-quick-action-card.cjs.entry.js +1 -1
- package/dist/cjs/gb-quick-action-icon.cjs.entry.js +1 -1
- package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
- package/dist/cjs/gb-sidebar.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-step-base.gb-step-icon-base.entry.cjs.js.map +1 -0
- package/dist/cjs/{gb-featured-icon_3.cjs.entry.js → gb-step-base_2.cjs.entry.js} +4 -29
- package/dist/cjs/gb-step-base_2.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js +25 -25
- package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-stepper-horizontal-icons-centered.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-stepper-horizontal-icons-connected.cjs.entry.js +17 -17
- package/dist/cjs/gb-stepper-horizontal-icons-connected.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-stepper-horizontal-icons-connected.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js +1 -1
- package/dist/cjs/gb-stepper-horizontal-minimal-icons.cjs.entry.js +21 -19
- package/dist/cjs/gb-stepper-horizontal-minimal-icons.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-stepper-horizontal-minimal-icons.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js +1 -1
- package/dist/cjs/gb-tab-button-base.cjs.entry.js +3 -3
- package/dist/cjs/gb-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/gb-table-header.cjs.entry.js +1 -1
- package/dist/cjs/gb-textarea-input-field.cjs.entry.js +3 -3
- package/dist/cjs/gb-toast-button.cjs.entry.js +1 -1
- package/dist/cjs/gb-toast.cjs.entry.js +1 -1
- package/dist/cjs/gb-toggle-base.cjs.entry.js +2 -2
- package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field-compact.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field-compressed.cjs.entry.js +2 -2
- package/dist/cjs/gb-vertical-tabs.cjs.entry.js +5 -2
- package/dist/cjs/gb-vertical-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-vertical-tabs.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
- package/dist/cjs/gb-wysiwyg-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/reusableModels-_LRAKnsh.js.map +1 -1
- package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
- package/dist/collection/assets/empty_state_circles_light.svg +21 -0
- package/dist/collection/assets/empty_state_grid_light.svg +60 -0
- package/dist/collection/assets/illustration_cloud_light.svg +49 -0
- package/dist/collection/assets/search-lg.svg +3 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/gb-button/readme.md +1 -3
- package/dist/collection/components/gb-empty-state/gb-empty-state.css +66 -42
- package/dist/collection/components/gb-empty-state/gb-empty-state.js +95 -53
- package/dist/collection/components/gb-empty-state/gb-empty-state.js.map +1 -1
- package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js +1 -1
- package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.js +1 -1
- package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js +1 -1
- package/dist/collection/components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js +1 -1
- package/dist/collection/components/gb-featured-icon/gb-featured-icon.css +0 -6
- package/dist/collection/components/gb-featured-icon/gb-featured-icon.js +1 -1
- package/dist/collection/components/gb-file-type-icon/gb-file-type-icon.js +1 -1
- package/dist/collection/components/gb-file-upload/gb-file-upload.js +12 -12
- package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js +5 -5
- package/dist/collection/components/gb-filter-button/gb-filter-button.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 +1 -1
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +4 -1
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map +1 -1
- package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.js +1 -1
- package/dist/collection/components/gb-illustration/gb-illustration.css +127 -0
- package/dist/collection/components/gb-illustration/gb-illustration.js +212 -0
- package/dist/collection/components/gb-illustration/gb-illustration.js.map +1 -0
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +3 -3
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +2 -2
- package/dist/collection/components/gb-input-field/gb-input-field.css +14 -10
- package/dist/collection/components/gb-input-field/gb-input-field.js +14 -14
- package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
- package/dist/collection/components/gb-mega-input-field-base/gb-mega-input-field-base.js +2 -2
- package/dist/collection/components/gb-metric-card/gb-metric-card.js +1 -1
- package/dist/collection/components/gb-metric-featured-icon/gb-metric-featured-icon.js +1 -1
- package/dist/collection/components/gb-nav-bar/gb-nav-bar.js +28 -5
- package/dist/collection/components/gb-nav-bar/gb-nav-bar.js.map +1 -1
- package/dist/collection/components/gb-nav-bar-item/gb-nav-bar-item.js +1 -1
- package/dist/collection/components/gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.js +1 -1
- package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
- package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +3 -3
- package/dist/collection/components/gb-pagination/gb-pagination.js +4 -4
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
- package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.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-quick-action-card/gb-quick-action-card.js +1 -1
- package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js +1 -1
- package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
- package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js +1 -1
- package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js.map +1 -1
- package/dist/collection/components/gb-slider/gb-slider.js +1 -1
- package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
- package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
- package/dist/collection/components/gb-step-base/gb-step-base.js +1 -1
- package/dist/collection/components/gb-step-icon-base/gb-step-icon-base.js +1 -1
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +26 -26
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js.map +1 -1
- package/dist/collection/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.js +18 -18
- package/dist/collection/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.js.map +1 -1
- package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js +1 -1
- package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.css +12 -1
- package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js +45 -22
- package/dist/collection/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js.map +1 -1
- package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js +1 -1
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
- package/dist/collection/components/gb-table-cell/gb-table-cell.js +1 -1
- package/dist/collection/components/gb-table-header/gb-table-header.js +1 -1
- package/dist/collection/components/gb-tag/gb-tag.js +1 -1
- package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
- package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
- package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
- package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +3 -3
- package/dist/collection/components/gb-theme-tab/gb-theme-tab.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-compact/gb-token-field-compact.js +1 -1
- package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +2 -2
- package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
- package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +6 -3
- package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js.map +1 -1
- package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js +1 -1
- package/dist/collection/components/gb-wysiwyg-tooltip/gb-wysiwyg-tooltip.js +1 -1
- package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
- package/dist/collection/models/reusableModels.js.map +1 -1
- package/dist/components/gb-avatar-add-button.js +1 -1
- package/dist/components/gb-avatar-dropdown.js +1 -1
- package/dist/components/gb-avatar-group.js +4 -4
- package/dist/components/gb-avatar-label-group.js +1 -1
- package/dist/components/gb-avatar-profile-photo.js +2 -2
- package/dist/components/gb-avatar.js +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-checkbox-group-item.js +1 -1
- package/dist/components/gb-checkbox-group.js +3 -3
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
- package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
- package/dist/components/gb-detail-cell.js +5 -5
- package/dist/components/gb-empty-state.js +43 -37
- package/dist/components/gb-empty-state.js.map +1 -1
- package/dist/components/gb-export-dropdown-item.js +1 -1
- package/dist/components/gb-export-dropdown.js +1 -1
- package/dist/components/gb-export-sub-dropdown-item.js +1 -1
- package/dist/components/gb-export-sub-dropdown.js +1 -1
- package/dist/components/gb-featured-icon.js +1 -1
- package/dist/components/gb-file-type-icon.js +1 -1
- package/dist/components/gb-file-upload-item-base.js +1 -1
- package/dist/components/gb-file-upload.js +16 -16
- package/dist/components/gb-filter-button.js +1 -1
- package/dist/components/gb-header-icon.js +1 -1
- package/dist/components/gb-header.js +21 -21
- package/dist/components/gb-help-dropdown.js +1 -1
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +8 -5
- package/dist/components/gb-horizontal-tabs.js.map +1 -1
- package/dist/components/gb-icon-button-base.js +1 -1
- package/dist/components/gb-illustration.d.ts +11 -0
- package/dist/components/gb-illustration.js +9 -0
- package/dist/components/gb-illustration.js.map +1 -0
- package/dist/components/gb-input-dropdown-menu-item.js +1 -1
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +1 -1
- package/dist/components/gb-mega-input-field-base.js +1 -1
- package/dist/components/gb-metric-card.js +5 -5
- package/dist/components/gb-metric-featured-icon.js +1 -1
- package/dist/components/gb-nav-bar-item.js +1 -1
- package/dist/components/gb-nav-bar-sidemenu.js +6 -6
- package/dist/components/gb-nav-bar.js +31 -8
- package/dist/components/gb-nav-bar.js.map +1 -1
- package/dist/components/gb-notification-content.js +1 -1
- package/dist/components/gb-notification-pane.js +1 -1
- package/dist/components/gb-pagination-button-group-base.js +1 -1
- package/dist/components/gb-pagination-dot-group.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 +18 -18
- 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-quick-action-card.js +1 -1
- package/dist/components/gb-quick-action-icon.js +1 -1
- package/dist/components/gb-scrollbar.js +1 -1
- package/dist/components/gb-sidebar.js +9 -9
- package/dist/components/gb-simple-side-bar-item.js +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-step-base.js +1 -1
- package/dist/components/gb-step-icon-base.js +1 -1
- package/dist/components/gb-stepper-horizontal-icons-centered.js +28 -28
- package/dist/components/gb-stepper-horizontal-icons-centered.js.map +1 -1
- package/dist/components/gb-stepper-horizontal-icons-connected.js +17 -17
- package/dist/components/gb-stepper-horizontal-icons-connected.js.map +1 -1
- package/dist/components/gb-stepper-horizontal-line-with-text.js +4 -4
- package/dist/components/gb-stepper-horizontal-minimal-icons.js +25 -22
- package/dist/components/gb-stepper-horizontal-minimal-icons.js.map +1 -1
- package/dist/components/gb-stepper-vertical-icons-with-text.js +4 -4
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-table-cell.js +1 -1
- package/dist/components/gb-table-header.js +18 -18
- package/dist/components/gb-tag-checkbox.js +1 -1
- package/dist/components/gb-tag-close.js +1 -1
- package/dist/components/gb-tag-count.js +1 -1
- package/dist/components/gb-tag.js +1 -1
- package/dist/components/gb-textarea-input-field.js +10 -10
- package/dist/components/gb-theme-tab.js +1 -1
- package/dist/components/gb-toast-button.js +1 -1
- package/dist/components/gb-toast.js +2 -2
- package/dist/components/gb-toggle-base.js +1 -1
- package/dist/components/gb-toggle.js +2 -2
- package/dist/components/gb-token-field-compact.js +1 -1
- package/dist/components/gb-token-field-compressed.js +3 -3
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-vertical-tabs.js +1 -1
- package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
- package/dist/components/gb-wysiwyg-tooltip.js +2 -2
- package/dist/components/{p-DI9XFh4S.js → p--2LX-0Qy.js} +6 -6
- package/dist/components/{p-DI9XFh4S.js.map → p--2LX-0Qy.js.map} +1 -1
- package/dist/components/{p-weSM7zA1.js → p-2CwrRF8t.js} +3 -3
- package/dist/components/{p-weSM7zA1.js.map → p-2CwrRF8t.js.map} +1 -1
- package/dist/components/{p-B15QBWX6.js → p-B08YOj2a.js} +10 -10
- package/dist/components/{p-B15QBWX6.js.map → p-B08YOj2a.js.map} +1 -1
- package/dist/components/p-B0gSLDO0.js +100 -0
- package/dist/components/p-B0gSLDO0.js.map +1 -0
- package/dist/components/{p-BKiWUKNA.js → p-B2MAHaEe.js} +4 -4
- package/dist/components/{p-BKiWUKNA.js.map → p-B2MAHaEe.js.map} +1 -1
- package/dist/components/{p-DYlUQ8ED.js → p-B8ixgItU.js} +4 -4
- package/dist/components/{p-DYlUQ8ED.js.map → p-B8ixgItU.js.map} +1 -1
- package/dist/components/{p-Bkka0bjp.js → p-BD-F5Inf.js} +3 -3
- package/dist/components/{p-Bkka0bjp.js.map → p-BD-F5Inf.js.map} +1 -1
- package/dist/components/{p-CRkdZZ-D.js → p-BGNY27n7.js} +3 -3
- package/dist/components/{p-CRkdZZ-D.js.map → p-BGNY27n7.js.map} +1 -1
- package/dist/components/{p-XW_IM4V7.js → p-BUldLCug.js} +5 -5
- package/dist/components/{p-XW_IM4V7.js.map → p-BUldLCug.js.map} +1 -1
- package/dist/components/{p-C8eU03Iq.js → p-BV9UrAv0.js} +3 -3
- package/dist/components/{p-C8eU03Iq.js.map → p-BV9UrAv0.js.map} +1 -1
- package/dist/components/{p-DF4pGSoY.js → p-BVGgLukX.js} +3 -3
- package/dist/components/{p-DF4pGSoY.js.map → p-BVGgLukX.js.map} +1 -1
- package/dist/components/{p-Cjkskl1V.js → p-BZczixG0.js} +4 -4
- package/dist/components/p-BZczixG0.js.map +1 -0
- package/dist/components/{p-CqVV_OOy.js → p-Ba12J65c.js} +3 -3
- package/dist/components/{p-CqVV_OOy.js.map → p-Ba12J65c.js.map} +1 -1
- package/dist/components/{p-CNe9HHcx.js → p-BmWIlhmE.js} +6 -6
- package/dist/components/{p-CNe9HHcx.js.map → p-BmWIlhmE.js.map} +1 -1
- package/dist/components/{p-ClGbLleg.js → p-BntL6geO.js} +3 -3
- package/dist/components/{p-ClGbLleg.js.map → p-BntL6geO.js.map} +1 -1
- package/dist/components/{p-D88Jr-bL.js → p-BvRdCgId.js} +3 -3
- package/dist/components/{p-D88Jr-bL.js.map → p-BvRdCgId.js.map} +1 -1
- package/dist/components/{p-Cv6ZZ7fd.js → p-BzFaHpOH.js} +3 -3
- package/dist/components/{p-Cv6ZZ7fd.js.map → p-BzFaHpOH.js.map} +1 -1
- package/dist/components/{p-CVkfA__z.js → p-C29way95.js} +4 -4
- package/dist/components/{p-CVkfA__z.js.map → p-C29way95.js.map} +1 -1
- package/dist/components/{p-BG9oe56d.js → p-CAfEcZEN.js} +6 -6
- package/dist/components/{p-BG9oe56d.js.map → p-CAfEcZEN.js.map} +1 -1
- package/dist/components/{p-r8N_dplB.js → p-CLvNwkWl.js} +4 -4
- package/dist/components/{p-r8N_dplB.js.map → p-CLvNwkWl.js.map} +1 -1
- package/dist/components/{p-D9EMJEed.js → p-CMwoLiFi.js} +3 -3
- package/dist/components/{p-D9EMJEed.js.map → p-CMwoLiFi.js.map} +1 -1
- package/dist/components/{p-Qzn-w8l3.js → p-CRLFTeGi.js} +16 -16
- package/dist/components/{p-Qzn-w8l3.js.map → p-CRLFTeGi.js.map} +1 -1
- package/dist/components/{p-Bl5hPdtM.js → p-C_kGMW3j.js} +3 -3
- package/dist/components/{p-Bl5hPdtM.js.map → p-C_kGMW3j.js.map} +1 -1
- package/dist/components/{p-DSCRk826.js → p-Cs2US_Fn.js} +3 -3
- package/dist/components/{p-DSCRk826.js.map → p-Cs2US_Fn.js.map} +1 -1
- package/dist/components/{p-nUbOevpG.js → p-CtaCz2iJ.js} +11 -8
- package/dist/components/{p-nUbOevpG.js.map → p-CtaCz2iJ.js.map} +1 -1
- package/dist/components/{p-DVkzTHyb.js → p-CtokTEpJ.js} +4 -4
- package/dist/components/{p-DVkzTHyb.js.map → p-CtokTEpJ.js.map} +1 -1
- package/dist/components/{p-6zLcKTIJ.js → p-CvEEf4BE.js} +7 -7
- package/dist/components/p-CvEEf4BE.js.map +1 -0
- package/dist/components/{p-AW2dTi9S.js → p-Cw7CWiJg.js} +8 -8
- package/dist/components/{p-AW2dTi9S.js.map → p-Cw7CWiJg.js.map} +1 -1
- package/dist/components/{p-BTdG-aSj.js → p-D0vRAvxu.js} +3 -3
- package/dist/components/{p-BTdG-aSj.js.map → p-D0vRAvxu.js.map} +1 -1
- package/dist/components/{p-B_NRXYKd.js → p-D1Lxacnl.js} +4 -4
- package/dist/components/{p-B_NRXYKd.js.map → p-D1Lxacnl.js.map} +1 -1
- package/dist/components/{p-vzO7-TQf.js → p-D5JkKy2V.js} +8 -8
- package/dist/components/{p-vzO7-TQf.js.map → p-D5JkKy2V.js.map} +1 -1
- package/dist/components/{p-D3IdSsoc.js → p-DMLnca0-.js} +3 -3
- package/dist/components/{p-D3IdSsoc.js.map → p-DMLnca0-.js.map} +1 -1
- package/dist/components/{p-CV74mobL.js → p-DNfghlL1.js} +3 -3
- package/dist/components/{p-CV74mobL.js.map → p-DNfghlL1.js.map} +1 -1
- package/dist/components/{p-BcIv_mLx.js → p-DP5BDHiF.js} +3 -3
- package/dist/components/{p-BcIv_mLx.js.map → p-DP5BDHiF.js.map} +1 -1
- package/dist/components/{p-De-OiofA.js → p-DPiBHqx4.js} +5 -5
- package/dist/components/{p-De-OiofA.js.map → p-DPiBHqx4.js.map} +1 -1
- package/dist/components/{p-DIILdGQv.js → p-DQetRgxr.js} +26 -26
- package/dist/components/p-DQetRgxr.js.map +1 -0
- package/dist/components/{p-Di49OOfv.js → p-DRRPv5Mp.js} +3 -3
- package/dist/components/{p-Di49OOfv.js.map → p-DRRPv5Mp.js.map} +1 -1
- package/dist/components/{p-BRk6RbM5.js → p-DcEe6wpK.js} +4 -4
- package/dist/components/{p-BRk6RbM5.js.map → p-DcEe6wpK.js.map} +1 -1
- package/dist/components/{p-DlcvqxML.js → p-DceI0MXY.js} +4 -4
- package/dist/components/{p-DlcvqxML.js.map → p-DceI0MXY.js.map} +1 -1
- package/dist/components/{p-Fv-bzgzI.js → p-Dg-cBKxN.js} +9 -9
- package/dist/components/{p-Fv-bzgzI.js.map → p-Dg-cBKxN.js.map} +1 -1
- package/dist/components/{p-BwKlVoRe.js → p-Dmpr2hhM.js} +3 -3
- package/dist/components/{p-BwKlVoRe.js.map → p-Dmpr2hhM.js.map} +1 -1
- package/dist/components/{p-D_F0P4Te.js → p-DvBm95qc.js} +4 -4
- package/dist/components/{p-D_F0P4Te.js.map → p-DvBm95qc.js.map} +1 -1
- package/dist/components/{p-C8xO5wfj.js → p-Dvp485BV.js} +3 -3
- package/dist/components/{p-C8xO5wfj.js.map → p-Dvp485BV.js.map} +1 -1
- package/dist/components/{p-BLJPJrUd.js → p-F1xK24HI.js} +3 -3
- package/dist/components/{p-BLJPJrUd.js.map → p-F1xK24HI.js.map} +1 -1
- package/dist/components/{p-D4OVZg2p.js → p-LTyb5eel.js} +4 -4
- package/dist/components/{p-D4OVZg2p.js.map → p-LTyb5eel.js.map} +1 -1
- package/dist/components/{p-DokEEF0_.js → p-RzLA-m6H.js} +3 -3
- package/dist/components/{p-DokEEF0_.js.map → p-RzLA-m6H.js.map} +1 -1
- package/dist/components/{p-CWtFbSKS.js → p-ZxuPX3Kj.js} +4 -4
- package/dist/components/{p-CWtFbSKS.js.map → p-ZxuPX3Kj.js.map} +1 -1
- package/dist/components/{p-qfiW91Sf.js → p-_ZCntm98.js} +3 -3
- package/dist/components/{p-qfiW91Sf.js.map → p-_ZCntm98.js.map} +1 -1
- package/dist/components/p-cHn6O-Kf.js.map +1 -1
- package/dist/components/{p-YUJ5XxFW.js → p-diohOKjk.js} +6 -6
- package/dist/components/{p-YUJ5XxFW.js.map → p-diohOKjk.js.map} +1 -1
- package/dist/components/{p-B4Doyp5m.js → p-gWnUwv0U.js} +3 -3
- package/dist/components/{p-B4Doyp5m.js.map → p-gWnUwv0U.js.map} +1 -1
- package/dist/components/test-input-tag.js +9 -9
- package/dist/docs.json +446 -21
- package/dist/esm/gb-avatar-dropdown_4.entry.js +5 -5
- package/dist/esm/gb-avatar-label-group_3.entry.js +2 -2
- package/dist/esm/{gb-avatar_19.entry.js → gb-avatar_23.entry.js} +190 -32
- package/dist/esm/gb-avatar_23.entry.js.map +1 -0
- package/dist/esm/gb-button-group_3.entry.js +2 -2
- package/dist/esm/gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-simple-side-bar-item.entry.js.map +1 -1
- package/dist/esm/gb-collapse-button_4.entry.js +1 -1
- package/dist/esm/gb-collapse-button_4.entry.js.map +1 -1
- package/dist/esm/gb-export-dropdown-item_3.entry.js +3 -3
- package/dist/esm/gb-file-upload-item-base.entry.js +5 -5
- package/dist/esm/gb-file-upload.entry.js +12 -12
- package/dist/esm/gb-header.entry.js +1 -1
- package/dist/esm/gb-horizontal-tabs.entry.js +4 -1
- package/dist/esm/gb-horizontal-tabs.entry.js.map +1 -1
- package/dist/esm/gb-input-dropdown_3.entry.js +5 -5
- package/dist/esm/gb-mega-input-field-base.entry.js +2 -2
- package/dist/esm/gb-metric-card.entry.js +1 -1
- package/dist/esm/gb-metric-featured-icon.entry.js +1 -1
- package/dist/esm/gb-nav-bar-sidemenu.entry.js +1 -1
- package/dist/esm/gb-notification-content.entry.js +1 -1
- package/dist/esm/gb-pagination-dot-group.entry.js +1 -1
- package/dist/esm/gb-pagination-dot-indicator.entry.js +1 -1
- package/dist/esm/gb-pagination.entry.js +4 -4
- package/dist/esm/gb-progress-bar.entry.js +20 -0
- package/dist/esm/gb-progress-bar.entry.js.map +1 -0
- package/dist/esm/gb-progress-circle.entry.js +1 -1
- package/dist/esm/gb-quick-action-card.entry.js +1 -1
- package/dist/esm/gb-quick-action-icon.entry.js +1 -1
- package/dist/esm/gb-scrollbar.entry.js +1 -1
- package/dist/esm/gb-sidebar.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-step-base.gb-step-icon-base.entry.js.map +1 -0
- package/dist/esm/{gb-featured-icon_3.entry.js → gb-step-base_2.entry.js} +6 -30
- package/dist/esm/gb-step-base_2.entry.js.map +1 -0
- package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js +25 -25
- package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js.map +1 -1
- package/dist/esm/gb-stepper-horizontal-icons-connected.entry.js +17 -17
- package/dist/esm/gb-stepper-horizontal-icons-connected.entry.js.map +1 -1
- package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js +1 -1
- package/dist/esm/gb-stepper-horizontal-minimal-icons.entry.js +22 -20
- package/dist/esm/gb-stepper-horizontal-minimal-icons.entry.js.map +1 -1
- package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js +1 -1
- package/dist/esm/gb-tab-button-base.entry.js +3 -3
- package/dist/esm/gb-table-cell.entry.js +1 -1
- package/dist/esm/gb-table-header.entry.js +1 -1
- package/dist/esm/gb-textarea-input-field.entry.js +3 -3
- package/dist/esm/gb-toast-button.entry.js +1 -1
- package/dist/esm/gb-toast.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-compact.entry.js +1 -1
- package/dist/esm/gb-token-field-compressed.entry.js +2 -2
- package/dist/esm/gb-vertical-tabs.entry.js +5 -2
- package/dist/esm/gb-vertical-tabs.entry.js.map +1 -1
- package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
- package/dist/esm/gb-wysiwyg-tooltip.entry.js +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/reusableModels-cHn6O-Kf.js.map +1 -1
- package/dist/esm/test-input-tag.entry.js +2 -2
- package/dist/globuscomponents/assets/empty_state_circles_light.svg +21 -0
- package/dist/globuscomponents/assets/empty_state_grid_light.svg +60 -0
- package/dist/globuscomponents/assets/illustration_cloud_light.svg +49 -0
- package/dist/globuscomponents/assets/search-lg.svg +3 -0
- package/dist/globuscomponents/gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-simple-side-bar-item.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-horizontal-tabs.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-progress-bar.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-step-base.gb-step-icon-base.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-stepper-horizontal-icons-centered.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-stepper-horizontal-icons-connected.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-stepper-horizontal-minimal-icons.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-vertical-tabs.entry.esm.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-bbb650c6.entry.js → p-01c77cff.entry.js} +2 -2
- package/dist/globuscomponents/{p-537fda7e.entry.js → p-0a37fbae.entry.js} +2 -2
- package/dist/globuscomponents/{p-457515bd.entry.js → p-11b6e8e4.entry.js} +2 -2
- package/dist/globuscomponents/{p-f7934ead.entry.js → p-13f5ad43.entry.js} +2 -2
- package/dist/globuscomponents/{p-3ab091b5.entry.js → p-147c8cc2.entry.js} +2 -2
- package/dist/globuscomponents/p-15f7d0fb.entry.js +2 -0
- package/dist/globuscomponents/{p-5a841b8e.entry.js → p-16c7bff0.entry.js} +2 -2
- package/dist/globuscomponents/p-16c7bff0.entry.js.map +1 -0
- package/dist/globuscomponents/{p-0e81990b.entry.js → p-1cc354eb.entry.js} +2 -2
- package/dist/globuscomponents/{p-8e95ab26.entry.js → p-20dcff31.entry.js} +2 -2
- package/dist/globuscomponents/{p-19202ec5.entry.js → p-2350a47a.entry.js} +2 -2
- package/dist/globuscomponents/{p-b2ca510c.entry.js → p-2443874e.entry.js} +2 -2
- package/dist/globuscomponents/{p-06904109.entry.js → p-26b35f51.entry.js} +2 -2
- package/dist/globuscomponents/p-2ca3e6ce.entry.js +2 -0
- package/dist/globuscomponents/p-2ca3e6ce.entry.js.map +1 -0
- package/dist/globuscomponents/{p-d59e2d17.entry.js → p-332785f4.entry.js} +2 -2
- package/dist/globuscomponents/p-3b855d39.entry.js +2 -0
- package/dist/globuscomponents/p-3b855d39.entry.js.map +1 -0
- package/dist/globuscomponents/{p-d12d9675.entry.js → p-3faf8737.entry.js} +2 -2
- package/dist/globuscomponents/{p-c0501d76.entry.js → p-47e7bbb2.entry.js} +2 -2
- package/dist/globuscomponents/p-4e6e4b2b.entry.js +2 -0
- package/dist/globuscomponents/{p-67dc948a.entry.js → p-53d903e2.entry.js} +2 -2
- package/dist/globuscomponents/{p-952fb75f.entry.js → p-562762d0.entry.js} +2 -2
- package/dist/globuscomponents/p-584641d7.entry.js +2 -0
- package/dist/globuscomponents/p-584641d7.entry.js.map +1 -0
- package/dist/globuscomponents/p-75ecfbb3.entry.js +2 -0
- package/dist/globuscomponents/{p-788e1a48.entry.js → p-8ece3c25.entry.js} +2 -2
- package/dist/globuscomponents/{p-40d21155.entry.js → p-955e6094.entry.js} +2 -2
- package/dist/globuscomponents/{p-9791d214.entry.js → p-a1ac9c14.entry.js} +2 -2
- package/dist/globuscomponents/{p-a25eef22.entry.js → p-a1b0e3e7.entry.js} +2 -2
- package/dist/globuscomponents/p-a4a692c8.entry.js +2 -0
- package/dist/globuscomponents/p-a4a692c8.entry.js.map +1 -0
- package/dist/globuscomponents/{p-80d64cd5.entry.js → p-a50dc25c.entry.js} +2 -2
- package/dist/globuscomponents/{p-c539b0a9.entry.js → p-b1c0e7b9.entry.js} +2 -2
- package/dist/globuscomponents/{p-3a112465.entry.js → p-b3d8b9d0.entry.js} +2 -2
- package/dist/globuscomponents/{p-f27ce3db.entry.js → p-b6913f92.entry.js} +2 -2
- package/dist/globuscomponents/{p-641d2cfb.entry.js → p-c6aa7188.entry.js} +2 -2
- package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/{p-d8733150.entry.js → p-cfbdf452.entry.js} +2 -2
- package/dist/globuscomponents/{p-d8733150.entry.js.map → p-cfbdf452.entry.js.map} +1 -1
- package/dist/globuscomponents/{p-0094ec8c.entry.js → p-d4813f67.entry.js} +2 -2
- package/dist/globuscomponents/{p-db9ace60.entry.js → p-dc0f0eed.entry.js} +2 -2
- package/dist/globuscomponents/{p-68b484ec.entry.js → p-e091a484.entry.js} +2 -2
- package/dist/globuscomponents/p-e19b3443.entry.js +2 -0
- package/dist/globuscomponents/p-e19b3443.entry.js.map +1 -0
- package/dist/globuscomponents/{p-d58223d1.entry.js → p-e4b67dd1.entry.js} +2 -2
- package/dist/globuscomponents/{p-f641cd22.entry.js → p-f0c270fb.entry.js} +2 -2
- package/dist/globuscomponents/p-f0c270fb.entry.js.map +1 -0
- package/dist/globuscomponents/p-f341bdc7.entry.js +2 -0
- package/dist/globuscomponents/p-f341bdc7.entry.js.map +1 -0
- package/dist/globuscomponents/{p-021e6f02.entry.js → p-f4a1c099.entry.js} +2 -2
- package/dist/globuscomponents/{p-e3b590ee.entry.js → p-f65b45c1.entry.js} +2 -2
- package/dist/globuscomponents/{p-d34dd2e7.entry.js → p-f683356e.entry.js} +2 -2
- package/dist/globuscomponents/{p-21cd562b.entry.js → p-f69a720c.entry.js} +2 -2
- package/dist/globuscomponents/{p-62abcbce.entry.js → p-f74c5b55.entry.js} +2 -2
- package/dist/globuscomponents/{p-107dcce5.entry.js → p-f81df674.entry.js} +2 -2
- package/dist/globuscomponents/{p-28e8bff3.entry.js → p-ffbbabfe.entry.js} +2 -2
- package/dist/globuscomponents/readme.md +1 -3
- package/dist/types/components/gb-empty-state/gb-empty-state.d.ts +11 -11
- package/dist/types/components/gb-horizontal-tabs/gb-horizontal-tabs.d.ts +1 -0
- package/dist/types/components/gb-illustration/gb-illustration.d.ts +12 -0
- package/dist/types/components/gb-nav-bar/gb-nav-bar.d.ts +3 -2
- package/dist/types/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.d.ts +1 -0
- package/dist/types/components/gb-vertical-tabs/gb-vertical-tabs.d.ts +1 -0
- package/dist/types/components.d.ts +43 -12
- package/dist/types/models/reusableModels.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/gb-avatar_19.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-empty-state.cjs.entry.js +0 -49
- package/dist/cjs/gb-empty-state.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-empty-state.entry.cjs.js.map +0 -1
- package/dist/cjs/gb-featured-icon.gb-step-base.gb-step-icon-base.entry.cjs.js.map +0 -1
- package/dist/cjs/gb-featured-icon_3.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-file-type-icon.gb-progress-bar.entry.cjs.js.map +0 -1
- package/dist/cjs/gb-file-type-icon_2.cjs.entry.js +0 -35
- package/dist/cjs/gb-file-type-icon_2.cjs.entry.js.map +0 -1
- package/dist/components/p-6zLcKTIJ.js.map +0 -1
- package/dist/components/p-Cjkskl1V.js.map +0 -1
- package/dist/components/p-DIILdGQv.js.map +0 -1
- package/dist/esm/gb-avatar_19.entry.js.map +0 -1
- package/dist/esm/gb-empty-state.entry.js +0 -47
- package/dist/esm/gb-empty-state.entry.js.map +0 -1
- package/dist/esm/gb-featured-icon.gb-step-base.gb-step-icon-base.entry.js.map +0 -1
- package/dist/esm/gb-featured-icon_3.entry.js.map +0 -1
- package/dist/esm/gb-file-type-icon.gb-progress-bar.entry.js.map +0 -1
- package/dist/esm/gb-file-type-icon_2.entry.js +0 -32
- package/dist/esm/gb-file-type-icon_2.entry.js.map +0 -1
- package/dist/globuscomponents/gb-empty-state.entry.esm.js.map +0 -1
- package/dist/globuscomponents/gb-featured-icon.gb-step-base.gb-step-icon-base.entry.esm.js.map +0 -1
- package/dist/globuscomponents/gb-file-type-icon.gb-progress-bar.entry.esm.js.map +0 -1
- package/dist/globuscomponents/p-229a8569.entry.js +0 -2
- package/dist/globuscomponents/p-229a8569.entry.js.map +0 -1
- package/dist/globuscomponents/p-3a3c22d9.entry.js +0 -2
- package/dist/globuscomponents/p-3a3c22d9.entry.js.map +0 -1
- package/dist/globuscomponents/p-40c2b7e6.entry.js +0 -2
- package/dist/globuscomponents/p-40c2b7e6.entry.js.map +0 -1
- package/dist/globuscomponents/p-5a841b8e.entry.js.map +0 -1
- package/dist/globuscomponents/p-9538305a.entry.js +0 -2
- package/dist/globuscomponents/p-9538305a.entry.js.map +0 -1
- package/dist/globuscomponents/p-aa4345bd.entry.js +0 -2
- package/dist/globuscomponents/p-aca3a804.entry.js +0 -2
- package/dist/globuscomponents/p-aca3a804.entry.js.map +0 -1
- package/dist/globuscomponents/p-b4a34760.entry.js +0 -2
- package/dist/globuscomponents/p-bb7bc057.entry.js +0 -2
- package/dist/globuscomponents/p-bb7bc057.entry.js.map +0 -1
- package/dist/globuscomponents/p-d7565a74.entry.js +0 -2
- package/dist/globuscomponents/p-e906ff6f.entry.js +0 -2
- package/dist/globuscomponents/p-e906ff6f.entry.js.map +0 -1
- package/dist/globuscomponents/p-f641cd22.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-bbb650c6.entry.js.map → p-01c77cff.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-537fda7e.entry.js.map → p-0a37fbae.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-457515bd.entry.js.map → p-11b6e8e4.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f7934ead.entry.js.map → p-13f5ad43.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3ab091b5.entry.js.map → p-147c8cc2.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d7565a74.entry.js.map → p-15f7d0fb.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0e81990b.entry.js.map → p-1cc354eb.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8e95ab26.entry.js.map → p-20dcff31.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-19202ec5.entry.js.map → p-2350a47a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b2ca510c.entry.js.map → p-2443874e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-06904109.entry.js.map → p-26b35f51.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d59e2d17.entry.js.map → p-332785f4.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d12d9675.entry.js.map → p-3faf8737.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c0501d76.entry.js.map → p-47e7bbb2.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-aa4345bd.entry.js.map → p-4e6e4b2b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-67dc948a.entry.js.map → p-53d903e2.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-952fb75f.entry.js.map → p-562762d0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b4a34760.entry.js.map → p-75ecfbb3.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-788e1a48.entry.js.map → p-8ece3c25.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-40d21155.entry.js.map → p-955e6094.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9791d214.entry.js.map → p-a1ac9c14.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-a25eef22.entry.js.map → p-a1b0e3e7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-80d64cd5.entry.js.map → p-a50dc25c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c539b0a9.entry.js.map → p-b1c0e7b9.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3a112465.entry.js.map → p-b3d8b9d0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f27ce3db.entry.js.map → p-b6913f92.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-641d2cfb.entry.js.map → p-c6aa7188.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0094ec8c.entry.js.map → p-d4813f67.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-db9ace60.entry.js.map → p-dc0f0eed.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-68b484ec.entry.js.map → p-e091a484.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d58223d1.entry.js.map → p-e4b67dd1.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-021e6f02.entry.js.map → p-f4a1c099.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e3b590ee.entry.js.map → p-f65b45c1.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d34dd2e7.entry.js.map → p-f683356e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-21cd562b.entry.js.map → p-f69a720c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-62abcbce.entry.js.map → p-f74c5b55.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-107dcce5.entry.js.map → p-f81df674.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-28e8bff3.entry.js.map → p-ffbbabfe.entry.js.map} +0 -0
|
@@ -52,12 +52,12 @@ const GbFileUploadItemBase = class {
|
|
|
52
52
|
return `${size} ${sizes[i]}`;
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
|
-
return (index.h("div", { key: '
|
|
56
|
-
index.h("div", { key: '
|
|
57
|
-
index.h("gb-button", { key: '
|
|
55
|
+
return (index.h("div", { key: '10b741b197dd0c25afa9b4112380c04c85aefbe9', class: "overall_container" }, this.showLabel && index.h("p", { key: '10f58daf004bcf56645a2d4e34f7201b52055aed', class: "label_text text-sm-semi-bold" }, this.label), index.h("div", { key: '57eb65d824d08d12923840d1e3a94974a6ef1174', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.state === 'default' && (index.h(index.Fragment, null, this.heightSize === 'md' && [
|
|
56
|
+
index.h("div", { key: 'd8b802a449ed77a299ca66248b8612d59f0ffe8a', class: `default ${this.heightSize}` }, index.h("div", { key: '772ce7f0a57f89f9b704295bfbc9ce7f8b874b9e', class: "file_upload_icon" }, index.h("svg", { key: 'cfb3a31632badcf8fde8c73f624deab2a36e7ed1', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'f686bae11e0e645074d0f18a6c7fc450ceb90edf', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "var(--color-icon, #4B5565)" }))), index.h("div", { key: '95f41d346ec5f86f45362a105da5284b8dcae44c', class: "default_content" }, index.h("p", { key: '9ff3fac9de88c420e40b3cbcb69eb3c229205a72', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: '0e880de4b8f3faeba65c0a984ff93a167ea3d520', class: "file_type_text text-xs-regular" }, this.allowedType))),
|
|
57
|
+
index.h("gb-button", { key: 'c105e22851bbbb64caa75b1d94db772283329e48', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: () => this.onUploadButtonClicked() }, index.h("p", { key: '2b1986864b981d38a12610406aaaebe3e2f488dd' }, "Upload")),
|
|
58
58
|
], this.heightSize === 'lg' && [
|
|
59
|
-
index.h("div", { key: '
|
|
60
|
-
])), this.state === 'in_progress' && (index.h("div", { key: '
|
|
59
|
+
index.h("div", { key: '54b92898f8f68d807a19f9ab8b6fce386795a2d3', class: `default ${this.heightSize}` }, index.h("div", { key: '3e2038e3e6997e06904521513cd3588e885bd22a', class: "file_upload_icon" }, index.h("svg", { key: 'dad02171e4e6b1c4b1a5beb21fb2cc9358c6246c', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '18fbcbceb9e85b762310d39dac0273084b25304b', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "var(--color-icon, #4B5565)" }))), index.h("div", { key: 'a7a05778a14f511e8a3af50efc69d527eb6737c3', class: `default_content ${this.heightSize}` }, index.h("p", { key: '8a41d7ca387318c36d72651325e2bd82f643d5c9', class: `upload_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: '9dca4b5797d93662cfb4db6fea2caccbe57ea38d', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.onUploadButtonClicked() }, index.h("p", { key: '7b6c974bde7dc716a2c95f40eef66a5ef28e31b6' }, "Click to upload")), "or drag and drop"), index.h("p", { key: '01c1fbcf79d03d3aa1b21aa110fa48e1e839b580', class: "file_type_text text-xs-regular" }, this.allowedType))),
|
|
60
|
+
])), this.state === 'in_progress' && (index.h("div", { key: '619b4c8594de2cca6e1f77758a1080fe002c413a', class: `in_progress_div ${this.heightSize}` }, index.h("div", { key: 'ba513854fec8d5513db7dcc71c7cad96f8964f16', class: "file_icon" }, index.h("gb-file-type-icon", { key: 'cf71d1de602c5e90900c1c460b183fdf958e5692', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), index.h("div", { key: 'f7d0de5acbee856f72e48c39c78d84b7a8204e53', class: "in_progress_content" }, this.heightSize === 'md' && (index.h(index.Fragment, null, index.h("p", { key: 'b0288aec908b77db769f4944c6e30146b019e262', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), index.h("p", { key: '0a1b140ed805b806f86c51bc22518add06ce9056', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize()), index.h("gb-progress-bar", { key: 'a4fb059c8eb9bf3bb1204211b1a208ba178ad59a', progress: this.internalProgress, "show-label": true, "label-position": "right", class: "progress_bar" }), index.h("gb-button-close", { key: '9d03aae9486d26352f32fab58a9e75d4982d4f17', size: "sm", color: "gray", class: "close_button", onClick: () => this.onCancelButtonClicked() }))), this.heightSize === 'lg' && (index.h(index.Fragment, null, index.h("p", { key: '47923628003b02ed64b794a1d88e504b618edb1c', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), index.h("p", { key: '4980ad454166a598442cbe78df4dfea4db0b1bc4', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize()), index.h("gb-progress-bar", { key: '6ddd3fb602bb5f8744416c75f35a41ff05173201', progress: this.internalProgress, "show-label": true, "label-position": "right", class: "progress_bar" }), index.h("gb-button-close", { key: '6bf17380f9c1f68fe8c604aa031e17c77f1ca08d', size: "sm", color: "gray", class: "close_button", onClick: () => this.onCancelButtonClicked() })))))), this.state === 'complete' && (index.h("div", { key: '0da09b5b762edf6c0c572ca61153abaed955fc77', class: `complete ${this.heightSize}` }, index.h("div", { key: 'e6819014e35a6e2b9645b9d8a1ea7ab17b259c63', class: "file_icon" }, index.h("gb-file-type-icon", { key: '0093dc35422467f08157a450e11d60b029148893', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), index.h("div", { key: '9ba4f30b2c4197ab4b4bfcefaa373a06bcf70377', class: `complete_content ${this.heightSize}` }, this.heightSize === 'md' && (index.h(index.Fragment, null, index.h("p", { key: 'e017384165e95212b7f33accb47ee9724d540188', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), index.h("p", { key: 'f3d0f4f8690753cb20018157131f5b5b763b9d09', class: `file_size_text ${this.state} text-sm-regular` }, `${this.getReadableFileSize()}`, " \u2013 ", `${this.internalProgress}`, "% uploaded"), index.h("gb-button", { key: 'ef5feccc063a25c6155fe9821425d062e91e48cf', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.onDeleteFileUploadClicked() }))), this.heightSize === 'lg' && (index.h(index.Fragment, null, index.h("p", { key: '17867d50575b91b654c294d3d7dbdbd1676e60bd', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), index.h("p", { key: '68f9ae2fda898c63fd9948ce4736b4f0941e9d05', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize(), " \u2013 ", `${this.internalProgress}`, " % uploaded"), index.h("gb-button", { key: '9448c30c80c73471a7ef09f922c2e3fe30c0fbac', size: "sm", hierarchy: "tertiary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.onDeleteFileUploadClicked() }, index.h("p", { key: '86a2f3f9ac4da81b58fe72636c9ede0d3e32c5f2' }, "Clear"))))))), this.state === 'error' && (index.h("div", { key: '0f9c7828d8804abd7df137b25da5ab01b6f3a7b0', class: `error ${this.heightSize}` }, index.h("div", { key: 'e0d0325e30ac50bc1f34e762a9e13d2343d91cd5', class: "file_icon" }, index.h("gb-file-type-icon", { key: 'c28e4b2d7107d6111299e05a3d4504ba1cf336b8', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), index.h("div", { key: '88635dd7f102e2e03cdc617e825d0ba9c34df55a', class: "error_content" }, this.heightSize === 'md' && (index.h(index.Fragment, null, index.h("div", { key: 'af8d2341d1c809bed123f42b2543f26119662c85', class: "error_content_text" }, index.h("p", { key: '9e72bdd5356d9c04e5188ef65d907506aec4e2b5', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), index.h("p", { key: 'f5dd6396e37efe0af6b6a822179ff1073d9e0ec5', class: `file_size_text ${this.state} text-sm-regular` }, "Upload failed, please try again")), index.h("div", { key: '608793b0d15a61e32d8d3a3989aad0a7dbff68f0', class: "try_again_btn" }, index.h("gb-button", { key: 'a70472a89daed0c855c119e12ea017402bf35aec', size: "sm", hierarchy: "link_color", icon: "default", destructive: true, onClick: () => this.onTryAgainClicked() }, index.h("p", { key: '8bb9d9046ca8e4fe4af89ce21827449df4ac405e' }, "Try again"))), index.h("gb-button", { key: '5a75762e4948a75c3948885bbe7d71ac605f8746', size: "sm", hierarchy: "tertiary_gray", icon: "only", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.onDeleteFileUploadClicked() }))), this.heightSize === 'lg' && (index.h(index.Fragment, null, index.h("p", { key: '4c7fe58bd15cbc714925206c403c518e4d4bf8bc', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), index.h("p", { key: '0ef6e4e852ae149bfc4e8d32873f3609c8fd6981', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize(), " \u2013 ", `${this.internalProgress}`, "% uploaded"), index.h("div", { key: '24b51619e95e5303ac21cdec8120eb1b9063bc88', class: "btns" }, index.h("gb-button", { key: '1472f021df4fa20c125fc3c8390d9a7509936dbf', size: "sm", hierarchy: "tertiary_gray", icon: "default", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.onDeleteFileUploadClicked() }, index.h("p", { key: 'a55e2ced7afded2fe098b3a3a77dcaf9ae589225' }, "Clear")), index.h("div", { key: 'd6c33ad8738e33604d441d3d771fd9aba193b56d', class: "btn" }, index.h("gb-button", { key: 'e261ddad903a7d304252e9b9fdb955d8ada12b8f', size: "sm", hierarchy: "link_color", icon: reusableModels.StateEnum.Default, destructive: true, class: "btn", onClick: () => this.onTryAgainClicked() }, index.h("p", { key: '4e673d81d695b2815364197a32f9506ea02988cb' }, "Try again"))))))))))));
|
|
61
61
|
}
|
|
62
62
|
static get watchers() { return {
|
|
63
63
|
"state": ["onStateChange"],
|
|
@@ -174,21 +174,21 @@ const GbFileUpload = class {
|
|
|
174
174
|
this.uploadStateChange.emit(this.fileStates);
|
|
175
175
|
}
|
|
176
176
|
render() {
|
|
177
|
-
return (index.h("div", { key: '
|
|
178
|
-
index.h("div", { key: '
|
|
179
|
-
index.h("gb-button", { key: '
|
|
177
|
+
return (index.h("div", { key: 'e1375cae09477d3f6c4af71a6e0530cb6f8b8875', class: "file_upload_div" }, this.showLabel && index.h("p", { key: '011f93c05607d6c43f46c9e2a15d5abe7214fe41', class: "upload_text text-sm-semi-bold" }, "File Upload"), this.type === 'single' && (index.h(index.Fragment, null, this.state === 'default' && !this.destructive && this.fileStates.length === 0 && (index.h("div", { key: '8f6045ef9b47d96b7da3ae05a37ad10073bce67f', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.heightSize === 'md' && [
|
|
178
|
+
index.h("div", { key: '2d5ed723d624eea7dc4f517601d8a6fb2402488a', class: `default ${this.heightSize}` }, index.h("div", { key: 'b75faee883b0bfa40fb0d282cfb4150a8534c2b4', class: "file_upload_icon" }, index.h("svg", { key: '6a7ac7e06d5a6ece9c2723fd9ff4153882c5e75a', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '066352a67d2ef4f3e36717ecd45571e11bd88745', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '720091360c011342a45e4b95e7b7957b9950fe15', class: "default_content" }, index.h("p", { key: '20ada4fa0cae2c72ad061f5c9a7135e4f867ae44', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: 'a675e702d3731a32371d50ea301cca1d0d648de2', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
|
|
179
|
+
index.h("gb-button", { key: '8aaf5007495205671ebbdb9a4f5c8bb8ce3efffd', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: () => this.openFilePicker() }, index.h("p", { key: 'b803cc828ace69bd9031135cdf615b5efc809c42' }, "Upload")),
|
|
180
180
|
], this.heightSize === 'lg' && [
|
|
181
|
-
index.h("div", { key: '
|
|
182
|
-
])), this.state === 'in_progress' && (index.h("gb-file-upload-item-base", { key: '
|
|
183
|
-
index.h("div", { key: '
|
|
184
|
-
index.h("gb-button", { key: '
|
|
181
|
+
index.h("div", { key: '5c002a823e08a23d1e30f80398cec8112b33650f', class: `default ${this.heightSize}` }, index.h("div", { key: '7a2ea5addaeb49572eaf9da2798a4f9b9cb2e56b', class: "file_upload_icon" }, index.h("svg", { key: '72a6f048b2d2e9c613a5ae2c6057cf55c64cc76c', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '9af0eba5956855a8fb7099c88040865a319b3ed3', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: 'c6a9f79f2f2c838340eda8789d278143212be8c2', class: "default_content" }, index.h("p", { key: '1c2048539265a0debce5bdf4c4c811bfeb98efd2', class: `upload_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: '0b6b577fb9f43ab15acf02da909442aeea00f645', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.openFilePicker() }, index.h("p", { key: '1837127f776ee32b5ed34684114e5ce1cb71e8b9' }, "Click to upload")), "or drag and drop"), index.h("p", { key: '55d93e78454eeef298b8a169e1bb5400511af815', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
|
|
182
|
+
])), this.state === 'in_progress' && (index.h("gb-file-upload-item-base", { key: '97a34c2d32e807e40f3bea67f89fe610b871846e', progress: this.progress, "file-type": this.fileType, icon: this.icon, "height-size": this.heightSize, state: "in_progress" })), this.state === 'complete' && (index.h("gb-file-upload-item-base", { key: 'e7374ad2d85c1bacec9b58c63f0cd1888db5cf75', progress: this.progress, "file-type": this.fileType, icon: this.icon, "height-size": this.heightSize, state: "complete" })), this.state === 'disabled' && (index.h("div", { key: '0a3268b7692e26e8213ffba421c749d55fe08750', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, index.h("div", { key: '3e616774436af725bbb894312272188c41342ab4', class: `disabled ${this.state}` }, this.heightSize === 'md' && [
|
|
183
|
+
index.h("div", { key: '62cf717b29c547a9b6051b5fe4966c811485ea04', class: `default ${this.heightSize}` }, index.h("div", { key: '289f8174c2f923c13bd85d2377a5b24db75b44d8', class: "file_upload_icon" }, index.h("svg", { key: '2fbca0119d48089ac8f0b78f7130ecde89748008', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'abd36bf4c78b1889245e6b64cb3f48b14bee1b11', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: 'd001851405fe0cff4e01a3fb5b22d27be4185d6c', class: "default_content" }, index.h("p", { key: '1425e7d8ff65bc8571bf73d5bddebb83d96fa595', class: "disabled_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: 'f741eda4b8d65ee9de72436fe7578aad9c672615', class: "disabled_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
|
|
184
|
+
index.h("gb-button", { key: '6154e099c658e7d0e76a4b33e9b2893c8960823b', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", state: "disabled" }, index.h("p", { key: '68cb6c236c1bd502c23b35a8572917f7c5caa2b7' }, "Upload")),
|
|
185
185
|
], this.heightSize === 'lg' && [
|
|
186
|
-
index.h("div", { key: '
|
|
187
|
-
]))), this.destructive && (index.h("gb-file-upload-item-base", { key: '
|
|
188
|
-
index.h("div", { key: '
|
|
189
|
-
index.h("gb-button", { key: '
|
|
186
|
+
index.h("div", { key: 'e80d9d753400c8413198c32d34133e8d17a7c7c5', class: `default ${this.heightSize}` }, index.h("div", { key: '58d823354654f33cb10b7ee4bb2f847d6037d46b', class: "file_upload_icon" }, index.h("svg", { key: 'fd144e0a0cb2228e3450f8ce554a8d2e168e9511', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '11e30ca864aa5402a9d058bc2fbbcbadf8efc1d7', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: 'b3bf0dbbee049ac0ccbeb0375a57d8d77a01db5c', class: "default_content" }, index.h("p", { key: '40c70817a8519b45321947704a800333ba751b3a', class: `disabled_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: 'cb930628b5219339adf28a1f152f7d0a4b4499f0', size: "sm", hierarchy: "link_color", icon: "default", state: "disabled" }, index.h("p", { key: '819f4dc24599c4147e5f88b1d4b4442f9847defe' }, "Click to upload")), "or drag and drop"), index.h("p", { key: '675c0b92770c7c8223ed968753a1276610e720ed', class: "disabled_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
|
|
187
|
+
]))), this.destructive && (index.h("gb-file-upload-item-base", { key: 'a4d2a1a8921659704a009a0f47147f8f49f076cb', progress: this.progress, "file-type": this.fileType, icon: this.icon, state: "error", "height-size": this.heightSize })), this.fileStates.map(file => (index.h("gb-file-upload-item-base", { progress: file.progress, "file-type": file.extension, icon: this.icon, "height-size": this.heightSize, state: file.state }))))), this.type === 'multiple' && (index.h("div", { key: 'd7df9096c38b884ad564f90422d945cb447af8b9', class: "multiple_upload_div" }, index.h("div", { key: '6236ff281886f2e637a86045d43b6f617837266a', class: `file_upload_item_base_container ${this.state} ${this.heightSize} ${this.isDragging ? 'hover' : ''}`, onDragOver: event => this.handleDragOver(event), onDragLeave: () => this.handleDragLeave(), onDrop: event => this.handleDrop(event) }, this.heightSize === 'md' && [
|
|
188
|
+
index.h("div", { key: '45f77b84fd158563ab67c0d535e932bfae400fca', class: `default ${this.heightSize}` }, index.h("div", { key: 'e97644dd56ccbf7d7bf2bd0f7ebd9e2c55123e8d', class: "file_upload_icon" }, index.h("svg", { key: 'af40e2c55c6b700d19e3ee4877c2d8c79a8f40ca', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '88a69026e2f8372c8bde1416c0d3dc7400fd1bce', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: 'bd86304478d855cccfe89bb99e1791c916756b27', class: "default_content" }, index.h("p", { key: 'f7076eed412f914cb8593b403a92001b1f7a3caf', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), index.h("p", { key: 'e27501e43edc6331be849cc099337316333818ff', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
|
|
189
|
+
index.h("gb-button", { key: '8ca7583ae4216a2e4b24681d203f84f2eac80e59', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: () => this.openFilePicker() }, index.h("p", { key: 'e203b2f573482a3aa8226f494dafd3962ddd9e0a' }, "Upload")),
|
|
190
190
|
], this.heightSize === 'lg' && [
|
|
191
|
-
index.h("div", { key: '
|
|
191
|
+
index.h("div", { key: '8af1477e8c30d3fcc32622be8b0f68fb8281450d', class: `default ${this.heightSize}` }, index.h("div", { key: 'cda25b695977686efd0a82e1060853b3c7660036', class: "file_upload_icon" }, index.h("svg", { key: 'c96f658a8c647c947fb0d50162c143fc288bd0fc', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'bc0a9aa98934705f480d31399f062343dd674047', d: "M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z", fill: "#4B5565" }))), index.h("div", { key: '55232113d84ce7db9478c2164b8ee0c9cf3504f1', class: "default_content" }, index.h("p", { key: '59b95b66c90438db75d546baa1278790246bebc9', class: `upload_text text-sm-regular ${this.heightSize}` }, index.h("gb-button", { key: '503cbc706ba82fd77140ead652cd7cdad0081dd3', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.openFilePicker() }, index.h("p", { key: 'b21a0c9b14a92b53502121cdc0d3cea30ca571a0' }, "Click to upload")), "or drag and drop"), index.h("p", { key: '9d8bb88449cbd16c807a6438c1b960793c834d44', class: "file_type_text text-xs-regular" }, "SVG, PNG, JPG or GIF (max. 800x400px)"))),
|
|
192
192
|
]), this.fileStates.map((file, index$1) => (index.h("gb-file-upload-item-base", { progress: file.progress, "file-type": file.extension, icon: this.icon, "height-size": "md", state: file.state, "file-name": file.name, "file-size": (file.size / 1024).toFixed(2), onCancelUpload: () => this.handleCancelUpload(index$1), onDeleteFileUpload: () => this.handleDeleteFileUpload(index$1) })))))));
|
|
193
193
|
}
|
|
194
194
|
};
|
|
@@ -158,7 +158,7 @@ const GbHeader = class {
|
|
|
158
158
|
render() {
|
|
159
159
|
const helpIconSrc = index.getAssetPath(`assets/help-circle.svg`);
|
|
160
160
|
const notificationIconSrc = index.getAssetPath(`assets/notification-03.svg`);
|
|
161
|
-
return (index.h("div", { key: '
|
|
161
|
+
return (index.h("div", { key: '9a64d1de11d2bc6e83b89991d2476a115b00f230', class: `header_div ${this.showBorder ? 'border' : ''}` }, index.h("div", { key: 'fc364f6a063099a3c9db434839ba5f34b4a49300', class: "content" }, index.h("slot", { key: '922b047d19497909f7d45e46d6b852f0478b9139', name: "logo" }), index.h("div", { key: '0b4147d745413ee4d57c95bff8c91e4c3ce92fee', class: "inner_content" }, index.h("div", { key: '3d2e5b5becd0f1b0a0949234637650fa51ec3b6e', class: `action` }, this.showSearch && (index.h("div", { key: '22fd7dca42a123a3498fc623b14f6ac82da2dde7', class: "search" }, index.h("gb-input-field", { key: 'ae7b454a45c7fc1c63c0b4b1e8a0f0466487ed51', size: "sm", state: "default", type: "icon_leading", placeholder: this.inputPlaceholder, "icon-swap": this.inputIcon, onInputValueChanged: this.onSearch.bind(this) }))), this.showHelp && index.h("gb-header-icon", { key: 'f768470db1ae7ba465ea7237a4a5e601671e839e', state: reusableModels.StateEnum.Default, icon: helpIconSrc, onClick: () => (this.helpDropdownShown = !this.helpDropdownShown) }), this.showNotification && (index.h("gb-header-icon", { key: '7692d895e3a7c1452bf248e1bb7302ba47a1028e', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => (this.notificationDropdownShown = !this.notificationDropdownShown) }))), index.h("gb-avatar", { key: 'fa984edbd90fcc4d8ad1d07aa61f6c5b745c54c4', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => (this.avatarDropdownShown = !this.avatarDropdownShown) }, this.text ? index.h("slot", { slot: "initials", name: "initials" }) : index.h("slot", { name: "image", slot: "image" })), this.avatarDropdownShown && (index.h("gb-avatar-dropdown", { key: '373345be7ebabda63e9dcdf06a2130d241043c08', ref: el => (this.avatarDropdown = el), class: "avatar_dropdown", type: this.avatarDropdownType, "show-theme-tab": this.showThemeTab, "show-profile": this.showProfile, "show-log-out": this.showLogOut, listGroupOne: this.listGroupOne, listGroupTwo: this.listGroupTwo, color: this.color, roles: this.roles, "show-roles": this.showRoles, "current-theme": "light", onThemeTabClicked: this.onThemeTabClicked.bind(this), onItemClicked: this.onAvatarDropdownItemClicked.bind(this) }, index.h("slot", { key: '3582af42d1a9a008cedf2e7b4a9976c58a9a4deb', slot: "name", name: "name" }), index.h("slot", { key: '14f673180938aae3adc19f15a59cf7b0574e05a4', slot: "supporting_text", name: "supporting_text" }), index.h("h1", { key: 'b3209b63f185721927ea6ab98c31706334bf74fb', slot: "initials", class: `text-md-semi-bold` }, this.initials))), this.notificationDropdownShown && (index.h("gb-notification-pane", { key: '0b9d3b377bc14b89f602f230270e0e820374e2d4', state: this.notificationState, class: "notification_dropdown", notifications: this.notifications }, index.h("p", { key: 'bca0d844b1bef54d4591e4b465ff209a04fc0ce7', slot: "label" }, "No notification"), index.h("p", { key: '167b58c1a584ffbf1a541b7d6e56e0359bfef2c2', slot: "supporting_text" }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events"))), this.helpDropdownShown && (index.h("gb-help-dropdown", { key: '50600fbcac2c8995784941d125c6898aafbd318c', class: "help_dropdown", "show-log-error": this.showLogError, onHelpItemClicked: this.helpDropdownItemClicked.bind(this) }))))));
|
|
162
162
|
}
|
|
163
163
|
get el() { return index.getElement(this); }
|
|
164
164
|
};
|
|
@@ -91,6 +91,9 @@ const GbHorizontalTabs = class {
|
|
|
91
91
|
onTabsChanged(newTabs) {
|
|
92
92
|
this.internalTabs = newTabs;
|
|
93
93
|
}
|
|
94
|
+
componentWillLoad() {
|
|
95
|
+
this.internalTabs = this.tabs;
|
|
96
|
+
}
|
|
94
97
|
componentWillRender() {
|
|
95
98
|
this.internalActiveIndex = this.activeIndex;
|
|
96
99
|
}
|
|
@@ -99,7 +102,7 @@ const GbHorizontalTabs = class {
|
|
|
99
102
|
this.tabItemClicked.emit(index);
|
|
100
103
|
}
|
|
101
104
|
render() {
|
|
102
|
-
return (index.h("div", { key: '
|
|
105
|
+
return (index.h("div", { key: '4acb388d068db2ea51c35c4e475d8ac7974043c5', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index$1) => (index.h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index$1), current: this.internalActiveIndex === index$1, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, index.h("p", { slot: "count" }, tab.badgeCount))))));
|
|
103
106
|
}
|
|
104
107
|
static get watchers() { return {
|
|
105
108
|
"activeIndex": ["setActiveIndex"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gb-horizontal-tabs.entry.cjs.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,mjnEAAmjnE;;MCQlknE,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;QAEtB,IAAA,CAAA,IAAI,GAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuEtE;QACQ,IAAA,CAAA,YAAY,GAA2D,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;AACrF,QAAA,IAAmB,CAAA,mBAAA,GAAW,CAAC;
|
|
1
|
+
{"file":"gb-horizontal-tabs.entry.cjs.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,mjnEAAmjnE;;MCQlknE,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;QAEtB,IAAA,CAAA,IAAI,GAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuEtE;QACQ,IAAA,CAAA,YAAY,GAA2D,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;AACrF,QAAA,IAAmB,CAAA,mBAAA,GAAW,CAAC;AA+CzC;IA3CC,cAAc,CAAC,SAAiB,EAAE,QAAgB,EAAA;AAChD,QAAA,IAAI,CAAC,mBAAmB,GAAG,QAAQ;;AAIrC,IAAA,aAAa,CAAC,OAA+D,EAAA;AAC3E,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;;IAG7B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI;;IAG/B,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW;;IAG7C,MAAM,cAAc,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGjC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,EAAE,CAAA,CAAE,EAAA,EAChF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAEC,OAAK,MAChCD,OACE,CAAA,oBAAA,EAAA,EAAA,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,EAAE,CAAE,CAAA,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,EACH,YAAA,EAAA,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,GAAG,cAAc,GAAG,IAAI,CAAC,IAAI,KAAK,6BAA6B,GAAG,sBAAsB,GAAG,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAACC,OAAK,CAAC,EACzC,OAAO,EAAE,IAAI,CAAC,mBAAmB,KAAKA,OAAK,EACjC,UAAA,EAAA,GAAG,CAAC,IAAI,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAC,YAAY,EAAA,EAEtBD,OAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,OAAO,EAAA,EAAE,GAAG,CAAC,UAAU,CAAK,CACjB,CACtB,CAAC,CACE;;;;;;;;;;;","names":["h","index"],"sources":["src/components/gb-horizontal-tabs/gb-horizontal-tabs.css?tag=gb-horizontal-tabs&encapsulation=shadow","src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.horizontal_tab_div{\r\n display: flex;\r\n justify-content: flex-start;\r\n height: fit-content;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n/* Tab Type Styles */\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled{\r\n box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #CDD5DF);\r\n width: 100%;\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n padding: var(--spacing-1);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border{\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n\r\n.horizontal_tab_div.rounded_button_white_border{\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Full Width Styles */\r\n.horizontal_tab_div.full_width{\r\n justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.tab_button_base.full_width{\r\n display: flex;\r\n justify-content: center;\r\n flex-grow: 1;\r\n}","import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-horizontal-tabs.entry.cjs.js","sources":["src/components/gb-horizontal-tabs/gb-horizontal-tabs.css?tag=gb-horizontal-tabs&encapsulation=shadow","src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.horizontal_tab_div{\r\n display: flex;\r\n justify-content: flex-start;\r\n height: fit-content;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n/* Tab Type Styles */\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled{\r\n box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #CDD5DF);\r\n width: 100%;\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n padding: var(--spacing-1);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border{\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n\r\n.horizontal_tab_div.rounded_button_white_border{\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Full Width Styles */\r\n.horizontal_tab_div.full_width{\r\n justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.tab_button_base.full_width{\r\n display: flex;\r\n justify-content: center;\r\n flex-grow: 1;\r\n}","import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["h","index"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,mjnEAAmjnE;;MCQlknE,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;QAEtB,IAAA,CAAA,IAAI,GAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuEtE;QACQ,IAAA,CAAA,YAAY,GAA2D,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;AACrF,QAAA,IAAmB,CAAA,mBAAA,GAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"gb-horizontal-tabs.entry.cjs.js","sources":["src/components/gb-horizontal-tabs/gb-horizontal-tabs.css?tag=gb-horizontal-tabs&encapsulation=shadow","src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.horizontal_tab_div{\r\n display: flex;\r\n justify-content: flex-start;\r\n height: fit-content;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n/* Tab Type Styles */\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled{\r\n box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #CDD5DF);\r\n width: 100%;\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n padding: var(--spacing-1);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border{\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n\r\n.horizontal_tab_div.rounded_button_white_border{\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Full Width Styles */\r\n.horizontal_tab_div.full_width{\r\n justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.tab_button_base.full_width{\r\n display: flex;\r\n justify-content: center;\r\n flex-grow: 1;\r\n}","import { Component, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-horizontal-tabs',\r\n styleUrl: 'gb-horizontal-tabs.css',\r\n shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n @Prop() type: TabTypes;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Prop() tabs: { name: string; index: number; badgeCount?: string }[] = [\r\n // {\r\n // name: 'First',\r\n // index: 0,\r\n // badgeCount: '5',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n // {\r\n // name: 'Second',\r\n // index: 1,\r\n // badgeCount: '10',\r\n // },\r\n ];\r\n @State() internalTabs: { name: string; index: number; badgeCount?: string }[] = [...this.tabs];\r\n @State() internalActiveIndex: number = 0;\r\n @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n @Watch('activeIndex')\r\n setActiveIndex(_oldValue: number, newValue: number) {\r\n this.internalActiveIndex = newValue;\r\n }\r\n\r\n @Watch('tabs')\r\n onTabsChanged(newTabs: { name: string; index: number; badgeCount?: string }[]) {\r\n this.internalTabs = newTabs;\r\n }\r\n\r\n componentWillLoad() {\r\n this.internalTabs = this.tabs;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalActiveIndex = this.activeIndex;\r\n }\r\n\r\n async handleTabClick(index: number) {\r\n this.activeIndex = index;\r\n this.tabItemClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n {this.internalTabs.map((tab, index) => (\r\n <gb-tab-button-base\r\n class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n size={this.size}\r\n full-width={this.fullWidth}\r\n type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n onClick={() => this.handleTabClick(index)}\r\n current={this.internalActiveIndex === index}\r\n tab-name={tab.name}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <p slot=\"count\">{tab.badgeCount}</p>\r\n </gb-tab-button-base>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["h","index"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,mjnEAAmjnE;;MCQlknE,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;QAEtB,IAAA,CAAA,IAAI,GAA2D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuEtE;QACQ,IAAA,CAAA,YAAY,GAA2D,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;AACrF,QAAA,IAAmB,CAAA,mBAAA,GAAW,CAAC;AA+CzC;IA3CC,cAAc,CAAC,SAAiB,EAAE,QAAgB,EAAA;AAChD,QAAA,IAAI,CAAC,mBAAmB,GAAG,QAAQ;;AAIrC,IAAA,aAAa,CAAC,OAA+D,EAAA;AAC3E,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;;IAG7B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI;;IAG/B,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW;;IAG7C,MAAM,cAAc,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGjC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,EAAE,CAAA,CAAE,EAAA,EAChF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAEC,OAAK,MAChCD,OACE,CAAA,oBAAA,EAAA,EAAA,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,EAAE,CAAE,CAAA,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,EACH,YAAA,EAAA,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,GAAG,cAAc,GAAG,IAAI,CAAC,IAAI,KAAK,6BAA6B,GAAG,sBAAsB,GAAG,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAACC,OAAK,CAAC,EACzC,OAAO,EAAE,IAAI,CAAC,mBAAmB,KAAKA,OAAK,EACjC,UAAA,EAAA,GAAG,CAAC,IAAI,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAC,YAAY,EAAA,EAEtBD,OAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,OAAO,EAAA,EAAE,GAAG,CAAC,UAAU,CAAK,CACjB,CACtB,CAAC,CACE;;;;;;;;;;;"}
|
|
@@ -370,16 +370,16 @@ const GbInputDropdown = class {
|
|
|
370
370
|
const emptyStateBackground = index.getAssetPath('assets/empty-state-background.svg');
|
|
371
371
|
const illustration = index.getAssetPath('assets/empty-state-no-data.svg');
|
|
372
372
|
return [
|
|
373
|
-
index.h("div", { key: '
|
|
373
|
+
index.h("div", { key: 'a08c8ff0005138c4aee4289a98c815a5204f2f84', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '6c942ae9c9c56cfec3721e479b3850b47d375565', class: `input_with_label` }, this.showLabel && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "label text-sm-medium" }, this.label)))), index.h("div", { key: 'd40bc9346dc449f5b8b2493246f0fc6421016620', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (index.h("svg", { key: '0c139449994eef595711d744ded7f5e98256890a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '7ff723fa4286617994293a6d323974ed7e63539a', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), index.h("path", { key: '14bb4a35c1ae2b572f19c25982ca17a9e0e7ede1', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: '87a7536899e10bdd8d0b66e00028c26404348864', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f1ba61c07548ea99d7f696cfd3a063ad4f6524e4', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: '25e57cbc84001246e2baa98f798da5ec17447e47', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '5c8a907e351aff63c5ac16ced0d3bd33ecfc02ca', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (index.h("svg", { key: '16f724df65f72b491d0353295aca54ce4f6bd4a8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: '1bab5ab5752293e9aa857fff56e12650fa20f23b', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && this.type !== 'search' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: 'd28e92b19adc6de419f52638c8f5b40dd3e5e24a', class: "placeholder" }, index.h("p", { key: '08b877e446ab79ce0e548d5bfac7a70bf94d1dd4', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (index.h("div", { key: '1c76a6ed13d7840ae705f05c299aa93726e0d1b1', class: "search_input" }, index.h("input", { key: '0ebf9381e2beaff2bf7b20b7d61079c5c96e4689', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (index.h("gb-button", { key: '399bb12c343c6c1e371c3dcd1dc78f81e05fe46c', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '274fb8f21ddf92db1408fa5c73575da035ea52ff', class: `content` }, index.h("div", { key: '494d658a4ca4a3ea135e877e9c61cb191958bb5e', class: `text text-${this.size}-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
374
374
|
.split(' ')
|
|
375
375
|
.map(part => part.charAt(0).toUpperCase())
|
|
376
376
|
.join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
377
377
|
.split(' ')
|
|
378
378
|
.map(part => part.charAt(0).toUpperCase())
|
|
379
|
-
.join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '
|
|
379
|
+
.join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'b08834b64f0839d0a96e1f11a8a2d6ad3168154c', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: '2611c07d4a571721502ad4f5e25fb37888b6facf', class: `content` }, index.h("div", { key: '11a88276f5e7d842591c241389f2ed1b36c10fc1', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
|
|
380
380
|
.split(' ')
|
|
381
381
|
.map(part => part.charAt(0).toUpperCase())
|
|
382
|
-
.join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '
|
|
382
|
+
.join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'a8dfbe8957ca43be45f88e2018e260e6b6920f13', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: '58cfd9fc01ea4dc6761525f5b6d9c469c5e49009', class: `help_icon` }, index.h("gb-help-tooltip", { key: 'f7072c770264723851021851ea26fa9c8f7c0f47', "show-supporting-text": true }, index.h("slot", { key: '4d469fb73c60ad7e0e5fe39685eba2edcc69d94e', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '2970bfc0ca2e7bf8d65a9654c0d14f22b5cc07b7', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '1644280a7d2bdebe577cd05b3b04b472ec52a286', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '53ca8ad9e42c5aa45e4132798fd2e4c25273e553', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: '786ebe274178a6c9c032b889b1cbd01b92e975fa', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: '449da8643249f0b002dfd71a9f80945c0bd3a860', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: 'ed89f83d37ad5fc6c6a46eec220cfde6b04d50cc', class: "dropdown_search_field" }, index.h("gb-input-field", { key: '4d1160ade34ee39796a2ed9f26ffe4756e096ced', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (index.h("div", { key: '44871e5cb6b796c540159639fc6fd1e1df06f5c0', class: "loader_div" }, index.h("div", { key: '74d78255ad677ebee301d802d7bac67cb52ca14c', class: "loader" }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
|
|
383
383
|
//Empty state for when there are no search results
|
|
384
384
|
index.h("div", { class: "empty_state" }, index.h("img", { src: emptyStateBackground, class: "background", alt: "" }), index.h("div", { class: "message_background" }, index.h("img", { src: illustration, alt: "", class: "illustration" }), index.h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (index.h(index.Fragment, null, this.type === 'tags' ? (index.h(index.Fragment, null, this.selectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : (index.h(index.Fragment, null, index.h("gb-input-dropdown-menu-item", { state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, color: this.color, onClick: () => this.handleItemSelect() }, index.h("p", { slot: "name" }, "--", this.placeholder, "--")), this.items.map(item => [
|
|
385
385
|
index.h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("h1", { slot: "initials" }, item.name
|
|
@@ -425,7 +425,7 @@ const GbPaginationButtonGroupBase = class {
|
|
|
425
425
|
this.leadingIconSvg = svg;
|
|
426
426
|
}
|
|
427
427
|
render() {
|
|
428
|
-
return (index.h("div", { key: '
|
|
428
|
+
return (index.h("div", { key: 'cc657b95146a6e18a4de5bedb5a819c5be292561', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: '44590b00be0dfc96bd75dda9f6dfa501d01d3107' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: 'a68f3a199a2cae9405ff7f17abee44111dd8ff44', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '0630ec1cc12eac59b694e1d5a6fedd8aa716756f', 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" })), index.h("slot", { key: 'f25e4abe7ea0382620320f0460c6d597834c68f9' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'e54885aa4ea5d226afd088b5180fc71c622e2c99' }), index.h("svg", { key: 'dc701e9af1a13c4a1deb031934be1582bbb80ca9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1465719a1c335cd30c446dc700d031768aca0dd5', 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" })))), this.icon === 'only' && (index.h(index.Fragment, null, index.h("div", { key: 'fe50a1661ef24f5a2d792ae802b07c8ecc1f3c13', class: `icon`, innerHTML: this.leadingIconSvg })))));
|
|
429
429
|
}
|
|
430
430
|
get el() { return index.getElement(this); }
|
|
431
431
|
};
|
|
@@ -450,7 +450,7 @@ const GbPaginationNumberBase = class {
|
|
|
450
450
|
}
|
|
451
451
|
}
|
|
452
452
|
render() {
|
|
453
|
-
return (index.h("div", { key: '
|
|
453
|
+
return (index.h("div", { key: '828303cf21825259f869deff4293f03cfb0db8da', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '274f5e8a50884dd6c696aa2fa357740308399ecc', name: "page_number" })));
|
|
454
454
|
}
|
|
455
455
|
get el() { return index.getElement(this); }
|
|
456
456
|
};
|
|
@@ -20,10 +20,10 @@ const GbMegaInputFieldBase = class {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (index.h("div", { key: '
|
|
23
|
+
return (index.h("div", { key: 'a03db23d8e6fd5fc3168bd9a037f5b21c65fa06d', class: {
|
|
24
24
|
[this.size]: true,
|
|
25
25
|
disabled: this.state === 'disabled'
|
|
26
|
-
} }, index.h("input", { key: '
|
|
26
|
+
} }, index.h("input", { key: 'e0d56b18c166cea04daba08ae93f97e564ed1a06', class: {
|
|
27
27
|
[this.size]: true,
|
|
28
28
|
disabled: this.state === 'disabled'
|
|
29
29
|
}, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));
|
|
@@ -12,7 +12,7 @@ const GbMetricCard = class {
|
|
|
12
12
|
this.percentage = '';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("div", { key: '
|
|
15
|
+
return (index.h("div", { key: 'c9138faf2ff78d1013dad75e699dcb01b1a41934', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, index.h("div", { key: '30b31f809cfa7337de2bd0a5e5e79170bde5403b', class: `icon_and_label ${this.size}` }, index.h("div", { key: 'b94d9c0213b0da777d29372fcb8d3f9d4176db92', class: "featured_icon" }, index.h("gb-metric-featured-icon", { key: 'aece275f4055bc6b12423cb49c6729aa970ac861', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && index.h("p", { key: '9e07c9e1193f3f19e4e02e952fb3283dedade8a1', class: "heading text-sm-medium" }, this.label)), index.h("div", { key: '4f705ad492fc5b792f5d95527e7704fc617d72cb', class: "heading_and_number" }, this.size === 'sm' && index.h("p", { key: '1588b676b9cd117d873a72dd0a9283a625c88635', class: "heading text-sm-medium" }, this.label), index.h("div", { key: 'c9f046eb7db14f74f18761925dc1c1f2b8d27926', class: "number_and_badge" }, index.h("p", { key: '664f9f463628c08584bc1a87467367a150b95397', class: "number display-md-semi-bold" }, this.metric), this.showBadge && (index.h("gb-badge", { key: 'd8ed625d10ef49a8c26ea1c99782ad8239aee8af', size: "lg", type: "pill_color", color: "gray" }, index.h("p", { key: '9278f4608012caf02e3321585ebfb707d1c0272d' }, this.percentage)))))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
GbMetricCard.style = gbMetricCardCss;
|
|
@@ -19,7 +19,7 @@ const GbMetricFeaturedIcon = class {
|
|
|
19
19
|
this.loadIcon(this.icon);
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (index.h(index.Fragment, null, this.featuredIconStyle === 'glassmorphism' && (index.h("div", { key: '
|
|
22
|
+
return (index.h(index.Fragment, null, this.featuredIconStyle === 'glassmorphism' && (index.h("div", { key: '7fe3a16c4c87eba2b2e32959f5cc1e5034d782de', class: `metric_featured_icon_wrapper ${this.size}` }, index.h("div", { key: '4dd35238a6f08ac4b26c7831aff5ac5248868c12', class: `icon_glass ${this.size}` }, index.h("div", { key: '6410e0eb1979294a277bfb98f9386ccc068e40e6', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), index.h("div", { key: 'f0215c4f3330e58a20817dce3e9eec70d8b72144', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (index.h("div", { key: '8bcb62605ab4be199eaa3e6fe157f34ee4ece2cd', class: `circular_filled_outer ${this.color} ${this.size}` }, index.h("div", { key: '8cfbd502fe7aa5af1352c899b5055fb3b99e0e03', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
GbMetricFeaturedIcon.style = gbMetricFeaturedIconCss;
|
|
@@ -43,7 +43,7 @@ const GbNavBarSidemenu = class {
|
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
45
|
const patternSrc = index.getAssetPath(`assets/pattern_wrapper.svg`);
|
|
46
|
-
return (index.h("div", { key: '
|
|
46
|
+
return (index.h("div", { key: '165a722d33d4021c404f993b3284ae74fe401102', class: "top_bar_sidemenu_div" }, index.h("div", { key: '7b86870572d2f6a5abd4e7cb0c0609b3aff01a7c', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: 'b21a4f5f476aa07ec120656412dc2133ca012f46', size: "md", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), index.h("div", { key: 'de7d1e7ceb984b454b3bfe2f02b75e129f8ec753', class: "wrapper" }, index.h("div", { key: '7f591f7090fd9606dbc0d2488f0fe65b0e99b242', class: "wrapper_pattern" }, index.h("img", { key: '7b47aaf173cdbd3ae08cf49a422aee8e865c7c74', src: patternSrc, alt: "" })), index.h("div", { key: 'aed2feaa7f383f86d6e0bb32dda337fa4734699e', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: '10818967609f917112f89b3373bcfc9677fb001d', class: "application_name" }, index.h("slot", { key: 'ff337486a98b3d2c8bfdd691aeeedfc419719d73', name: "application_name" })))));
|
|
47
47
|
}
|
|
48
48
|
get el() { return index.getElement(this); }
|
|
49
49
|
};
|