globuswebcomponents 1.7.3 → 1.7.5
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-add-button.cjs.entry.js +21 -0
- package/dist/cjs/gb-avatar-add-button.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-avatar-add-button.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-avatar-group.cjs.entry.js +56 -0
- package/dist/cjs/gb-avatar-group.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-avatar-group.entry.cjs.js.map +1 -0
- package/dist/cjs/{gb-avatar_29.cjs.entry.js → gb-avatar_24.cjs.entry.js} +135 -420
- package/dist/cjs/gb-avatar_24.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-close.cjs.entry.js +20 -0
- package/dist/cjs/gb-button-close.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-close.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-collapse-button_4.cjs.entry.js +1 -1
- package/dist/cjs/gb-featured-icon_2.cjs.entry.js +1 -1
- package/dist/cjs/gb-file-upload-item-base.cjs.entry.js +25 -0
- package/dist/cjs/gb-file-upload-item-base.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-file-upload-item-base.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-file-upload.cjs.entry.js +200 -0
- package/dist/cjs/gb-file-upload.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-file-upload.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-filter-button.cjs.entry.js +1 -1
- package/dist/cjs/gb-header-icon.cjs.entry.js +4 -4
- package/dist/cjs/gb-header.cjs.entry.js +1 -1
- package/dist/cjs/gb-help-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gb-horizontal-tabs.cjs.entry.js +47 -0
- package/dist/cjs/gb-horizontal-tabs.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-horizontal-tabs.entry.cjs.js.map +1 -0
- 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-notification-content.cjs.entry.js +1 -1
- package/dist/cjs/gb-notification-pane.cjs.entry.js +3 -3
- 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 +1 -1
- 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-stepper-horizontal-icons-centered.cjs.entry.js +1 -1
- package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js +1 -1
- package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js +9 -1
- package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-stepper-vertical-icons-with-text.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-tab-button-base.cjs.entry.js +72 -0
- package/dist/cjs/gb-tab-button-base.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-tab-button-base.entry.cjs.js.map +1 -0
- package/dist/cjs/gb-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/gb-textarea-input-field.cjs.entry.js +4 -4
- 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-top-bar-item.cjs.entry.js +1 -1
- package/dist/cjs/gb-top-bar-sidemenu.cjs.entry.js +1 -1
- package/dist/cjs/gb-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/gb-vertical-tabs.cjs.entry.js +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/computer.svg +4 -0
- package/dist/collection/assets/default-file-icons/default_png.svg +6 -0
- package/dist/collection/assets/gray-file-icons/gray_png.svg +5 -0
- package/dist/collection/assets/moon-02.svg +4 -0
- package/dist/collection/assets/solid-file-icons/solid_png.svg +5 -0
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js +3 -3
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js.map +1 -1
- package/dist/collection/components/gb-badge/gb-badge.js +9 -3
- package/dist/collection/components/gb-badge/gb-badge.js.map +1 -1
- package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +69 -2
- package/dist/collection/components/gb-detail-cell/gb-detail-cell.js.map +1 -1
- package/dist/collection/components/gb-file-type-icon/gb-file-type-icon.js +2 -2
- package/dist/collection/components/gb-file-type-icon/gb-file-type-icon.js.map +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 +2 -2
- 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 +4 -4
- package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js +1 -1
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +1 -1
- package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js +1 -1
- package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.css +3 -3
- package/dist/collection/components/gb-icon-button-base/gb-icon-button-base.js +1 -1
- 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.js +17 -18
- 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-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 +1 -1
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
- package/dist/collection/components/gb-pagination-dot-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-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-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +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-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js +26 -1
- package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js.map +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-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 +4 -4
- package/dist/collection/components/gb-theme-tab/gb-theme-tab.css +15 -0
- package/dist/collection/components/gb-theme-tab/gb-theme-tab.js +64 -1
- package/dist/collection/components/gb-theme-tab/gb-theme-tab.js.map +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-top-bar/gb-top-bar.js +1 -1
- package/dist/collection/components/gb-top-bar-item/gb-top-bar-item.js +1 -1
- package/dist/collection/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.js +1 -1
- package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +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 +3 -3
- package/dist/components/gb-avatar-group.js +6 -6
- package/dist/components/gb-avatar-group.js.map +1 -1
- package/dist/components/gb-avatar-label-group.js +1 -1
- package/dist/components/gb-avatar-profile-photo.js +2 -2
- package/dist/components/gb-avatar.js +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-checkbox-group-item.js +1 -1
- package/dist/components/gb-checkbox-group.js +3 -3
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-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 +11 -6
- package/dist/components/gb-detail-cell.js.map +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 +4 -4
- package/dist/components/gb-header-icon.js +1 -1
- package/dist/components/gb-header.js +4 -4
- package/dist/components/gb-help-dropdown.js +1 -1
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +5 -5
- package/dist/components/gb-icon-button-base.js +1 -55
- package/dist/components/gb-icon-button-base.js.map +1 -1
- 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-notification-content.js +1 -1
- package/dist/components/gb-notification-pane.js +4 -4
- 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 +15 -15
- 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-stepper-horizontal-icons-centered.js +2 -2
- package/dist/components/gb-stepper-horizontal-line-with-text.js +2 -2
- package/dist/components/gb-stepper-vertical-icons-with-text.js +11 -3
- package/dist/components/gb-stepper-vertical-icons-with-text.js.map +1 -1
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-table-cell.js +1 -1
- package/dist/components/gb-tag-checkbox.js +1 -1
- package/dist/components/gb-tag-close.js +1 -1
- package/dist/components/gb-tag-count.js +1 -1
- package/dist/components/gb-tag.js +1 -1
- package/dist/components/gb-textarea-input-field.js +11 -11
- package/dist/components/gb-theme-tab.js +29 -5
- package/dist/components/gb-theme-tab.js.map +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 +2 -2
- package/dist/components/gb-token-field-compressed.js +3 -3
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-top-bar-item.js +1 -1
- package/dist/components/gb-top-bar-sidemenu.js +6 -6
- package/dist/components/gb-top-bar.js +3 -3
- 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-DXNjq8Cs.js → p-58s1T6zX.js} +3 -3
- package/dist/components/{p-DXNjq8Cs.js.map → p-58s1T6zX.js.map} +1 -1
- package/dist/{esm/gb-icon-button-base.entry.js → components/p-610763AN.js} +39 -11
- package/dist/components/p-610763AN.js.map +1 -0
- package/dist/components/{p-BJdvbG4i.js → p-B2GgOhxe.js} +4 -4
- package/dist/components/{p-BJdvbG4i.js.map → p-B2GgOhxe.js.map} +1 -1
- package/dist/components/{p-C3Zc1nUH.js → p-B3vwqSMg.js} +7 -7
- package/dist/components/{p-C3Zc1nUH.js.map → p-B3vwqSMg.js.map} +1 -1
- package/dist/components/{p-BTFaE2zF.js → p-BDjUXSe6.js} +3 -3
- package/dist/components/{p-BTFaE2zF.js.map → p-BDjUXSe6.js.map} +1 -1
- package/dist/components/{p-n278m4fp.js → p-BF08oPhK.js} +8 -8
- package/dist/components/{p-n278m4fp.js.map → p-BF08oPhK.js.map} +1 -1
- package/dist/components/{p-C0M14Veu.js → p-BG4U8n-I.js} +3 -3
- package/dist/components/{p-C0M14Veu.js.map → p-BG4U8n-I.js.map} +1 -1
- package/dist/components/{p-BAPKKKt8.js → p-BIrwac_S.js} +4 -4
- package/dist/components/{p-BAPKKKt8.js.map → p-BIrwac_S.js.map} +1 -1
- package/dist/components/{p-Cl1h717B.js → p-BK2fLoR1.js} +7 -7
- package/dist/components/{p-Cl1h717B.js.map → p-BK2fLoR1.js.map} +1 -1
- package/dist/components/{p-1pWnCCSX.js → p-BQtF3yLD.js} +4 -4
- package/dist/components/{p-1pWnCCSX.js.map → p-BQtF3yLD.js.map} +1 -1
- package/dist/components/{p-K9pS4m2L.js → p-BZ0ETjZ_.js} +3 -3
- package/dist/components/{p-K9pS4m2L.js.map → p-BZ0ETjZ_.js.map} +1 -1
- package/dist/components/{p-BqfafKiE.js → p-BbIDFBZw.js} +16 -16
- package/dist/components/{p-BqfafKiE.js.map → p-BbIDFBZw.js.map} +1 -1
- package/dist/components/{p-9EsKZYmR.js → p-BeuSsBEM.js} +3 -3
- package/dist/components/{p-9EsKZYmR.js.map → p-BeuSsBEM.js.map} +1 -1
- package/dist/components/{p-BguKzkVr.js → p-BfTaK0SY.js} +3 -3
- package/dist/components/{p-BguKzkVr.js.map → p-BfTaK0SY.js.map} +1 -1
- package/dist/components/{p-DT4oWfEH.js → p-BiW721qS.js} +3 -3
- package/dist/components/{p-DT4oWfEH.js.map → p-BiW721qS.js.map} +1 -1
- package/dist/components/{p-DzucC67Z.js → p-BlMglM7m.js} +29 -30
- package/dist/components/p-BlMglM7m.js.map +1 -0
- package/dist/components/{p-dsbNmoTw.js → p-BsmmyyVA.js} +4 -4
- package/dist/components/{p-dsbNmoTw.js.map → p-BsmmyyVA.js.map} +1 -1
- package/dist/components/{p-BXuKWLQY.js → p-BxVBZl-X.js} +8 -8
- package/dist/components/{p-BXuKWLQY.js.map → p-BxVBZl-X.js.map} +1 -1
- package/dist/components/{p-Bx39SkcT.js → p-ByyRIJQv.js} +3 -3
- package/dist/components/{p-Bx39SkcT.js.map → p-ByyRIJQv.js.map} +1 -1
- package/dist/components/p-C27wAUgy.js +37 -0
- package/dist/components/p-C27wAUgy.js.map +1 -0
- package/dist/components/{p-BPvV3HkU.js → p-CCve_NCa.js} +3 -3
- package/dist/components/{p-BPvV3HkU.js.map → p-CCve_NCa.js.map} +1 -1
- package/dist/components/{p-VHUYppmu.js → p-CIrDkfXz.js} +3 -3
- package/dist/components/{p-VHUYppmu.js.map → p-CIrDkfXz.js.map} +1 -1
- package/dist/components/{p-DGV-6-wy.js → p-CM5C6-e7.js} +4 -4
- package/dist/components/{p-DGV-6-wy.js.map → p-CM5C6-e7.js.map} +1 -1
- package/dist/components/{p-DmsY-BJL.js → p-CMYyvAXs.js} +4 -4
- package/dist/components/{p-DmsY-BJL.js.map → p-CMYyvAXs.js.map} +1 -1
- package/dist/components/{p-CmMYvnbP.js → p-CQGTfRDL.js} +3 -3
- package/dist/components/{p-CmMYvnbP.js.map → p-CQGTfRDL.js.map} +1 -1
- package/dist/components/{p-BzAaOSfU.js → p-D8I9rF8S.js} +3 -3
- package/dist/components/{p-BzAaOSfU.js.map → p-D8I9rF8S.js.map} +1 -1
- package/dist/components/{p-C9O4zAOU.js → p-DD2bKMam.js} +3 -3
- package/dist/components/{p-C9O4zAOU.js.map → p-DD2bKMam.js.map} +1 -1
- package/dist/components/{p-j_rq4uUN.js → p-DbSC-PKN.js} +3 -3
- package/dist/components/{p-j_rq4uUN.js.map → p-DbSC-PKN.js.map} +1 -1
- package/dist/components/{p-BfhtJozf.js → p-Dbe9sjzG.js} +3 -3
- package/dist/components/{p-BfhtJozf.js.map → p-Dbe9sjzG.js.map} +1 -1
- package/dist/components/{p-FD4G0PWT.js → p-Di2Q1JQ0.js} +4 -4
- package/dist/components/{p-FD4G0PWT.js.map → p-Di2Q1JQ0.js.map} +1 -1
- package/dist/components/{p-B8mlYcRs.js → p-DjXzxs-G.js} +3 -3
- package/dist/components/{p-B8mlYcRs.js.map → p-DjXzxs-G.js.map} +1 -1
- package/dist/components/{p-06Haw1Ad.js → p-Dodtsvdi.js} +6 -6
- package/dist/components/{p-06Haw1Ad.js.map → p-Dodtsvdi.js.map} +1 -1
- package/dist/components/{p-5sI2ucaf.js → p-LVQjG2cv.js} +6 -6
- package/dist/components/{p-5sI2ucaf.js.map → p-LVQjG2cv.js.map} +1 -1
- package/dist/components/p-cHn6O-Kf.js.map +1 -1
- package/dist/components/{p-B5ZJYH-w.js → p-e3GirOiY.js} +3 -3
- package/dist/components/{p-B5ZJYH-w.js.map → p-e3GirOiY.js.map} +1 -1
- package/dist/components/{p-DjSA45AV.js → p-nGv2LMRe.js} +6 -6
- package/dist/components/{p-DjSA45AV.js.map → p-nGv2LMRe.js.map} +1 -1
- package/dist/components/{p-C8bcvuoe.js → p-rvs_81wL.js} +5 -5
- package/dist/components/{p-C8bcvuoe.js.map → p-rvs_81wL.js.map} +1 -1
- package/dist/components/{p-291midyb.js → p-u_6cL99Y.js} +4 -4
- package/dist/components/{p-291midyb.js.map → p-u_6cL99Y.js.map} +1 -1
- package/dist/components/test-input-tag.js +9 -9
- package/dist/docs.json +230 -17
- package/dist/esm/gb-avatar-add-button.entry.js +19 -0
- package/dist/esm/gb-avatar-add-button.entry.js.map +1 -0
- package/dist/esm/gb-avatar-group.entry.js +54 -0
- package/dist/esm/gb-avatar-group.entry.js.map +1 -0
- package/dist/esm/{gb-avatar_29.entry.js → gb-avatar_24.entry.js} +134 -414
- package/dist/esm/gb-avatar_24.entry.js.map +1 -0
- package/dist/esm/gb-button-close.entry.js +18 -0
- package/dist/esm/gb-button-close.entry.js.map +1 -0
- package/dist/esm/gb-collapse-button_4.entry.js +1 -1
- package/dist/esm/gb-featured-icon_2.entry.js +1 -1
- package/dist/esm/gb-file-upload-item-base.entry.js +23 -0
- package/dist/esm/gb-file-upload-item-base.entry.js.map +1 -0
- package/dist/esm/gb-file-upload.entry.js +198 -0
- package/dist/esm/gb-file-upload.entry.js.map +1 -0
- package/dist/esm/gb-filter-button.entry.js +1 -1
- package/dist/esm/gb-header-icon.entry.js +4 -4
- package/dist/esm/gb-header.entry.js +1 -1
- package/dist/esm/gb-help-dropdown.entry.js +1 -1
- package/dist/{cjs/gb-icon-button-base.cjs.entry.js → esm/gb-horizontal-tabs.entry.js} +35 -24
- package/dist/esm/gb-horizontal-tabs.entry.js.map +1 -0
- 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-notification-content.entry.js +1 -1
- package/dist/esm/gb-notification-pane.entry.js +3 -3
- 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 +1 -1
- 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-stepper-horizontal-icons-centered.entry.js +1 -1
- package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js +1 -1
- package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js +10 -2
- package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js.map +1 -1
- package/dist/esm/gb-tab-button-base.entry.js +70 -0
- package/dist/esm/gb-tab-button-base.entry.js.map +1 -0
- package/dist/esm/gb-table-cell.entry.js +1 -1
- package/dist/esm/gb-textarea-input-field.entry.js +4 -4
- 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-top-bar-item.entry.js +1 -1
- package/dist/esm/gb-top-bar-sidemenu.entry.js +1 -1
- package/dist/esm/gb-top-bar.entry.js +1 -1
- package/dist/esm/gb-vertical-tabs.entry.js +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/computer.svg +4 -0
- package/dist/globuscomponents/assets/default-file-icons/default_png.svg +6 -0
- package/dist/globuscomponents/assets/gray-file-icons/gray_png.svg +5 -0
- package/dist/globuscomponents/assets/moon-02.svg +4 -0
- package/dist/globuscomponents/assets/solid-file-icons/solid_png.svg +5 -0
- package/dist/globuscomponents/gb-avatar-add-button.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-avatar-group.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-button-close.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-file-upload-item-base.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-file-upload.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-horizontal-tabs.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-progress-bar.entry.esm.js.map +1 -0
- package/dist/globuscomponents/gb-stepper-vertical-icons-with-text.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-tab-button-base.entry.esm.js.map +1 -0
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-f7e08d06.entry.js → p-004818f6.entry.js} +2 -2
- package/dist/globuscomponents/{p-dd951778.entry.js → p-004fcef0.entry.js} +2 -2
- package/dist/globuscomponents/p-05d2732a.entry.js +2 -0
- package/dist/globuscomponents/p-05d2732a.entry.js.map +1 -0
- package/dist/globuscomponents/{p-27d0111a.entry.js → p-13992547.entry.js} +2 -2
- package/dist/globuscomponents/{p-7cd8839d.entry.js → p-148500c4.entry.js} +2 -2
- package/dist/globuscomponents/p-1cbbac32.entry.js +2 -0
- package/dist/globuscomponents/p-1cbbac32.entry.js.map +1 -0
- package/dist/globuscomponents/{p-91e81343.entry.js → p-32a3899f.entry.js} +2 -2
- package/dist/globuscomponents/{p-c559161f.entry.js → p-3a434973.entry.js} +2 -2
- package/dist/globuscomponents/p-3b29514b.entry.js +2 -0
- package/dist/globuscomponents/{p-648feb8c.entry.js → p-3e11f91c.entry.js} +2 -2
- package/dist/globuscomponents/{p-b0ede2d0.entry.js → p-3efd5c15.entry.js} +2 -2
- package/dist/globuscomponents/{p-826e5749.entry.js → p-43e0f83c.entry.js} +2 -2
- package/dist/globuscomponents/{p-03185a8e.entry.js → p-4526743e.entry.js} +2 -2
- package/dist/globuscomponents/{p-2bb339c2.entry.js → p-504dd800.entry.js} +2 -2
- package/dist/globuscomponents/{p-4f8146d3.entry.js → p-51a14523.entry.js} +2 -2
- package/dist/globuscomponents/p-51dca1d7.entry.js +2 -0
- package/dist/globuscomponents/p-51dca1d7.entry.js.map +1 -0
- package/dist/globuscomponents/p-53482f8d.entry.js +2 -0
- package/dist/globuscomponents/p-53482f8d.entry.js.map +1 -0
- package/dist/globuscomponents/p-5948b2e6.entry.js +2 -0
- package/dist/globuscomponents/p-5948b2e6.entry.js.map +1 -0
- package/dist/globuscomponents/{p-e02a56a6.entry.js → p-5e2fa657.entry.js} +2 -2
- package/dist/globuscomponents/p-620cab0a.entry.js +2 -0
- package/dist/globuscomponents/p-620cab0a.entry.js.map +1 -0
- package/dist/globuscomponents/p-620e9101.entry.js +2 -0
- package/dist/globuscomponents/p-6e7d5997.entry.js +2 -0
- package/dist/globuscomponents/p-6e7d5997.entry.js.map +1 -0
- package/dist/globuscomponents/{p-4ce8a008.entry.js → p-7229e160.entry.js} +2 -2
- package/dist/globuscomponents/{p-1ae4ef23.entry.js → p-72fb092b.entry.js} +2 -2
- package/dist/globuscomponents/{p-f8dc7f7e.entry.js → p-78b88c1e.entry.js} +2 -2
- package/dist/globuscomponents/{p-78e45169.entry.js → p-7a3d7ceb.entry.js} +2 -2
- package/dist/globuscomponents/{p-604dad70.entry.js → p-7e5612e3.entry.js} +2 -2
- package/dist/globuscomponents/{p-afa3ea51.entry.js → p-8dc78860.entry.js} +2 -2
- package/dist/globuscomponents/{p-8f6b923b.entry.js → p-96e405f7.entry.js} +2 -2
- package/dist/globuscomponents/{p-21d93dd7.entry.js → p-9f1ac2cd.entry.js} +2 -2
- package/dist/globuscomponents/{p-179bdd7e.entry.js → p-9f62534b.entry.js} +2 -2
- package/dist/globuscomponents/p-9f6b4e8b.entry.js +2 -0
- package/dist/globuscomponents/p-9f6b4e8b.entry.js.map +1 -0
- package/dist/globuscomponents/{p-6aacdc11.entry.js → p-a5640646.entry.js} +2 -2
- package/dist/globuscomponents/{p-311944da.entry.js → p-b0d53b3d.entry.js} +2 -2
- package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/{p-b19322f3.entry.js → p-cb49cd8a.entry.js} +2 -2
- package/dist/globuscomponents/{p-66ce02fa.entry.js → p-cd354568.entry.js} +2 -2
- package/dist/globuscomponents/{p-8bdf08c9.entry.js → p-d175dcf0.entry.js} +2 -2
- package/dist/globuscomponents/{p-e70eb0ab.entry.js → p-d20ba3e5.entry.js} +2 -2
- package/dist/globuscomponents/{p-9d1098f2.entry.js → p-d23cc258.entry.js} +2 -2
- package/dist/globuscomponents/{p-42d8a972.entry.js → p-d42708b8.entry.js} +2 -2
- package/dist/globuscomponents/p-dd81e164.entry.js +2 -0
- package/dist/globuscomponents/p-dd81e164.entry.js.map +1 -0
- package/dist/globuscomponents/{p-7a7721ba.entry.js → p-e58c84cb.entry.js} +2 -2
- package/dist/globuscomponents/{p-f0e7abde.entry.js → p-ed96270a.entry.js} +2 -2
- package/dist/globuscomponents/{p-8f805afb.entry.js → p-eef95f66.entry.js} +2 -2
- package/dist/globuscomponents/{p-144dd4ca.entry.js → p-ef872064.entry.js} +2 -2
- package/dist/globuscomponents/p-ef872064.entry.js.map +1 -0
- package/dist/globuscomponents/{p-b9a1d070.entry.js → p-f23244d8.entry.js} +2 -2
- package/dist/globuscomponents/{p-0f5a8dbf.entry.js → p-fe09927f.entry.js} +2 -2
- package/dist/types/components/gb-badge/gb-badge.d.ts +2 -2
- package/dist/types/components/gb-detail-cell/gb-detail-cell.d.ts +4 -1
- package/dist/types/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.d.ts +2 -0
- package/dist/types/components/gb-theme-tab/gb-theme-tab.d.ts +7 -1
- package/dist/types/components.d.ts +44 -4
- package/dist/types/models/reusableModels.d.ts +3 -1
- package/package.json +1 -1
- package/dist/cjs/gb-avatar_29.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-detail-cell.cjs.entry.js +0 -77
- package/dist/cjs/gb-detail-cell.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-detail-cell.entry.cjs.js.map +0 -1
- package/dist/cjs/gb-icon-button-base.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-icon-button-base.entry.cjs.js.map +0 -1
- package/dist/cjs/gb-theme-tab.cjs.entry.js +0 -20
- package/dist/cjs/gb-theme-tab.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-theme-tab.entry.cjs.js.map +0 -1
- package/dist/components/p-DzucC67Z.js.map +0 -1
- package/dist/components/p-daAstI1S.js +0 -37
- package/dist/components/p-daAstI1S.js.map +0 -1
- package/dist/esm/gb-avatar_29.entry.js.map +0 -1
- package/dist/esm/gb-detail-cell.entry.js +0 -75
- package/dist/esm/gb-detail-cell.entry.js.map +0 -1
- package/dist/esm/gb-icon-button-base.entry.js.map +0 -1
- package/dist/esm/gb-theme-tab.entry.js +0 -18
- package/dist/esm/gb-theme-tab.entry.js.map +0 -1
- package/dist/globuscomponents/gb-detail-cell.entry.esm.js.map +0 -1
- package/dist/globuscomponents/gb-icon-button-base.entry.esm.js.map +0 -1
- package/dist/globuscomponents/gb-theme-tab.entry.esm.js.map +0 -1
- package/dist/globuscomponents/p-123613ff.entry.js +0 -2
- package/dist/globuscomponents/p-123613ff.entry.js.map +0 -1
- package/dist/globuscomponents/p-144dd4ca.entry.js.map +0 -1
- package/dist/globuscomponents/p-55605628.entry.js +0 -2
- package/dist/globuscomponents/p-55605628.entry.js.map +0 -1
- package/dist/globuscomponents/p-7bf9439f.entry.js +0 -2
- package/dist/globuscomponents/p-7bf9439f.entry.js.map +0 -1
- package/dist/globuscomponents/p-9c45e8c3.entry.js +0 -2
- package/dist/globuscomponents/p-aff5cadb.entry.js +0 -2
- package/dist/globuscomponents/p-aff5cadb.entry.js.map +0 -1
- package/dist/globuscomponents/p-d8f85df2.entry.js +0 -2
- /package/dist/globuscomponents/{p-f7e08d06.entry.js.map → p-004818f6.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-dd951778.entry.js.map → p-004fcef0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-27d0111a.entry.js.map → p-13992547.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-7cd8839d.entry.js.map → p-148500c4.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-91e81343.entry.js.map → p-32a3899f.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c559161f.entry.js.map → p-3a434973.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9c45e8c3.entry.js.map → p-3b29514b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-648feb8c.entry.js.map → p-3e11f91c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b0ede2d0.entry.js.map → p-3efd5c15.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-826e5749.entry.js.map → p-43e0f83c.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-03185a8e.entry.js.map → p-4526743e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-2bb339c2.entry.js.map → p-504dd800.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4f8146d3.entry.js.map → p-51a14523.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e02a56a6.entry.js.map → p-5e2fa657.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-d8f85df2.entry.js.map → p-620e9101.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-4ce8a008.entry.js.map → p-7229e160.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-1ae4ef23.entry.js.map → p-72fb092b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f8dc7f7e.entry.js.map → p-78b88c1e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-78e45169.entry.js.map → p-7a3d7ceb.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-604dad70.entry.js.map → p-7e5612e3.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-afa3ea51.entry.js.map → p-8dc78860.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8f6b923b.entry.js.map → p-96e405f7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-21d93dd7.entry.js.map → p-9f1ac2cd.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-179bdd7e.entry.js.map → p-9f62534b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-6aacdc11.entry.js.map → p-a5640646.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-311944da.entry.js.map → p-b0d53b3d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b19322f3.entry.js.map → p-cb49cd8a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-66ce02fa.entry.js.map → p-cd354568.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8bdf08c9.entry.js.map → p-d175dcf0.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e70eb0ab.entry.js.map → p-d20ba3e5.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9d1098f2.entry.js.map → p-d23cc258.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-42d8a972.entry.js.map → p-d42708b8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-7a7721ba.entry.js.map → p-e58c84cb.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f0e7abde.entry.js.map → p-ed96270a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8f805afb.entry.js.map → p-eef95f66.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-b9a1d070.entry.js.map → p-f23244d8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0f5a8dbf.entry.js.map → p-fe09927f.entry.js.map} +0 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M11 0.75H27C27.0911 0.75 27.1793 0.777281 27.2539 0.827148L27.3232 0.883789L38.1162 11.6768C38.2019 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4C7.75 2.20507 9.20508 0.75 11 0.75Z" fill="white" stroke="#E3E8EF" stroke-width="1.5"/>
|
|
3
|
+
<path d="M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5" stroke="#E3E8EF" stroke-width="1.5"/>
|
|
4
|
+
<rect y="17.5" width="30" height="17" rx="2" fill="#6938EF"/>
|
|
5
|
+
<path d="M5.38012 27.41V25.99H6.69012C6.94345 25.99 7.16012 25.94 7.34012 25.84C7.52678 25.74 7.67012 25.6 7.77012 25.42C7.87012 25.2333 7.92012 25.02 7.92012 24.78C7.92012 24.5267 7.87012 24.31 7.77012 24.13C7.67012 23.9433 7.52678 23.8033 7.34012 23.71C7.16012 23.61 6.94345 23.56 6.69012 23.56H5.38012V22.14H6.61012C7.23012 22.14 7.76012 22.2433 8.20012 22.45C8.64678 22.6567 8.98678 22.95 9.22012 23.33C9.46012 23.71 9.58012 24.1667 9.58012 24.7V24.86C9.58012 25.38 9.46012 25.8333 9.22012 26.22C8.98678 26.6 8.64678 26.8933 8.20012 27.1C7.76012 27.3067 7.23012 27.41 6.61012 27.41H5.38012ZM3.94012 29.5V22.14H5.58012V29.5H3.94012ZM10.61 29.5V22.2H13.3L16.05 28.17H16.39L16.19 28.35V22.2H17.73V29.5H15.02L12.27 23.53H11.93L12.13 23.35V29.5H10.61ZM22.8298 29.69C22.1765 29.69 21.6065 29.5833 21.1198 29.37C20.6331 29.15 20.2298 28.8567 19.9098 28.49C19.5965 28.1233 19.3631 27.7167 19.2098 27.27C19.0565 26.8233 18.9798 26.3767 18.9798 25.93V25.71C18.9798 25.25 19.0565 24.8 19.2098 24.36C19.3631 23.92 19.5931 23.52 19.8998 23.16C20.2131 22.8 20.5998 22.5133 21.0598 22.3C21.5265 22.0867 22.0631 21.98 22.6698 21.98C23.3298 21.98 23.9131 22.1033 24.4198 22.35C24.9265 22.59 25.3331 22.9267 25.6398 23.36C25.9465 23.7867 26.1231 24.2833 26.1698 24.85H24.5298C24.4898 24.5833 24.3831 24.35 24.2098 24.15C24.0431 23.95 23.8265 23.7933 23.5598 23.68C23.2998 23.5667 23.0031 23.51 22.6698 23.51C22.3498 23.51 22.0631 23.5667 21.8098 23.68C21.5631 23.7933 21.3498 23.9533 21.1698 24.16C20.9965 24.3667 20.8631 24.6133 20.7698 24.9C20.6831 25.18 20.6398 25.49 20.6398 25.83C20.6398 26.1833 20.6865 26.5067 20.7798 26.8C20.8798 27.0867 21.0231 27.3367 21.2098 27.55C21.3965 27.7567 21.6265 27.9167 21.8998 28.03C22.1798 28.1433 22.4898 28.2 22.8298 28.2C23.2831 28.2 23.6765 28.1067 24.0098 27.92C24.3431 27.7333 24.5831 27.4867 24.7298 27.18L24.5298 28.3V26.56H26.0398V28.12C25.7265 28.6267 25.2931 29.0167 24.7398 29.29C24.1931 29.5567 23.5565 29.69 22.8298 29.69ZM22.6198 26.88V25.7H26.6398V26.88H22.6198Z" fill="white"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z" fill="#F6F8FA"/>
|
|
3
|
+
<path d="M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z" fill="#EEF2F6"/>
|
|
4
|
+
<path d="M10.9229 32V25.4545H13.5053C14.0017 25.4545 14.4247 25.5494 14.7741 25.739C15.1235 25.9265 15.3899 26.1875 15.5731 26.522C15.7585 26.8544 15.8512 27.2379 15.8512 27.6726C15.8512 28.1072 15.7574 28.4908 15.5699 28.8232C15.3824 29.1555 15.1108 29.4144 14.7549 29.5998C14.4012 29.7852 13.973 29.8778 13.4701 29.8778H11.8242V28.7688H13.2464C13.5127 28.7688 13.7322 28.723 13.9048 28.6314C14.0795 28.5376 14.2095 28.4087 14.2947 28.2447C14.3821 28.0785 14.4257 27.8878 14.4257 27.6726C14.4257 27.4553 14.3821 27.2656 14.2947 27.1037C14.2095 26.9396 14.0795 26.8129 13.9048 26.7234C13.7301 26.6317 13.5085 26.5859 13.24 26.5859H12.3068V32H10.9229ZM22.2248 25.4545V32H21.0295L18.1819 27.8803H18.1339V32H16.75V25.4545H17.9645L20.7898 29.571H20.8473V25.4545H22.2248ZM27.7084 27.5703C27.6637 27.4148 27.6008 27.2773 27.5198 27.158C27.4389 27.0366 27.3398 26.9343 27.2226 26.8512C27.1076 26.766 26.9755 26.701 26.8263 26.6562C26.6793 26.6115 26.5163 26.5891 26.3373 26.5891C26.0028 26.5891 25.7088 26.6722 25.4552 26.8384C25.2038 27.0046 25.0078 27.2464 24.8671 27.5639C24.7265 27.8793 24.6562 28.2649 24.6562 28.7209C24.6562 29.1768 24.7255 29.5646 24.8639 29.8842C25.0024 30.2038 25.1985 30.4478 25.452 30.6161C25.7056 30.7823 26.0049 30.8654 26.3501 30.8654C26.6633 30.8654 26.9307 30.81 27.1523 30.6992C27.376 30.5863 27.5465 30.4276 27.6637 30.223C27.783 30.0185 27.8426 29.7766 27.8426 29.4975L28.1239 29.5391H26.4364V28.4972H29.1754V29.3217C29.1754 29.897 29.0539 30.3913 28.811 30.8047C28.5681 31.2159 28.2336 31.5334 27.8075 31.7571C27.3813 31.9787 26.8934 32.0895 26.3437 32.0895C25.7301 32.0895 25.191 31.9542 24.7265 31.6836C24.262 31.4109 23.8998 31.0241 23.6399 30.5234C23.3821 30.0206 23.2532 29.424 23.2532 28.7337C23.2532 28.2031 23.3299 27.7301 23.4833 27.3146C23.6388 26.897 23.8561 26.5433 24.1353 26.2536C24.4144 25.9638 24.7393 25.7433 25.11 25.592C25.4808 25.4407 25.8824 25.3651 26.3149 25.3651C26.6857 25.3651 27.0309 25.4194 27.3505 25.5281C27.6701 25.6346 27.9534 25.7859 28.2006 25.9819C28.4499 26.1779 28.6534 26.4112 28.811 26.6818C28.9687 26.9503 29.0699 27.2464 29.1147 27.5703H27.7084Z" fill="#4B5565"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path opacity="0.4" d="M21.6665 14.0784C20.4668 14.7189 19.0966 15.0821 17.6417 15.0821C12.9156 15.0821 9.08442 11.2509 9.08442 6.52485C9.08442 5.06986 9.44756 3.69968 10.0881 2.5C5.83416 3.49698 2.6665 7.31513 2.6665 11.8731C2.6665 17.1899 6.9766 21.5 12.2934 21.5C16.8514 21.5 20.6695 18.3324 21.6665 14.0784Z" fill="#075DB2"/>
|
|
3
|
+
<path d="M21.6665 14.0784C20.4668 14.7189 19.0966 15.0821 17.6417 15.0821C12.9156 15.0821 9.08442 11.2509 9.08442 6.52485C9.08442 5.06986 9.44756 3.69968 10.0881 2.5C5.83416 3.49698 2.6665 7.31513 2.6665 11.8731C2.6665 17.1899 6.9766 21.5 12.2934 21.5C16.8514 21.5 20.6695 18.3324 21.6665 14.0784Z" stroke="#075DB2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z" fill="#6938EF"/>
|
|
3
|
+
<path opacity="0.3" d="M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z" fill="white"/>
|
|
4
|
+
<path d="M10.9229 32V25.4545H13.5053C14.0017 25.4545 14.4247 25.5494 14.7741 25.739C15.1235 25.9265 15.3899 26.1875 15.5731 26.522C15.7585 26.8544 15.8512 27.2379 15.8512 27.6726C15.8512 28.1072 15.7574 28.4908 15.5699 28.8232C15.3824 29.1555 15.1108 29.4144 14.7549 29.5998C14.4012 29.7852 13.973 29.8778 13.4701 29.8778H11.8242V28.7688H13.2464C13.5127 28.7688 13.7322 28.723 13.9048 28.6314C14.0795 28.5376 14.2095 28.4087 14.2947 28.2447C14.3821 28.0785 14.4257 27.8878 14.4257 27.6726C14.4257 27.4553 14.3821 27.2656 14.2947 27.1037C14.2095 26.9396 14.0795 26.8129 13.9048 26.7234C13.7301 26.6317 13.5085 26.5859 13.24 26.5859H12.3068V32H10.9229ZM22.2248 25.4545V32H21.0295L18.1819 27.8803H18.1339V32H16.75V25.4545H17.9645L20.7898 29.571H20.8473V25.4545H22.2248ZM27.7084 27.5703C27.6637 27.4148 27.6008 27.2773 27.5198 27.158C27.4389 27.0366 27.3398 26.9343 27.2226 26.8512C27.1076 26.766 26.9755 26.701 26.8263 26.6562C26.6793 26.6115 26.5163 26.5891 26.3373 26.5891C26.0028 26.5891 25.7088 26.6722 25.4552 26.8384C25.2038 27.0046 25.0078 27.2464 24.8671 27.5639C24.7265 27.8793 24.6562 28.2649 24.6562 28.7209C24.6562 29.1768 24.7255 29.5646 24.8639 29.8842C25.0024 30.2038 25.1985 30.4478 25.452 30.6161C25.7056 30.7823 26.0049 30.8654 26.3501 30.8654C26.6633 30.8654 26.9307 30.81 27.1523 30.6992C27.376 30.5863 27.5465 30.4276 27.6637 30.223C27.783 30.0185 27.8426 29.7766 27.8426 29.4975L28.1239 29.5391H26.4364V28.4972H29.1754V29.3217C29.1754 29.897 29.0539 30.3913 28.811 30.8047C28.5681 31.2159 28.2336 31.5334 27.8075 31.7571C27.3813 31.9787 26.8934 32.0895 26.3437 32.0895C25.7301 32.0895 25.191 31.9542 24.7265 31.6836C24.262 31.4109 23.8998 31.0241 23.6399 30.5234C23.3821 30.0206 23.2532 29.424 23.2532 28.7337C23.2532 28.2031 23.3299 27.7301 23.4833 27.3146C23.6388 26.897 23.8561 26.5433 24.1353 26.2536C24.4144 25.9638 24.7393 25.7433 25.11 25.592C25.4808 25.4407 25.8824 25.3651 26.3149 25.3651C26.6857 25.3651 27.0309 25.4194 27.3505 25.5281C27.6701 25.6346 27.9534 25.7859 28.2006 25.9819C28.4499 26.1779 28.6534 26.4112 28.811 26.6818C28.9687 26.9503 29.0699 27.2464 29.1147 27.5703H27.7084Z" fill="white"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-avatar-add-button.entry.esm.js","sources":["src/components/gb-avatar-add-button/gb-avatar-add-button.css?tag=gb-avatar-add-button&encapsulation=shadow","src/components/gb-avatar-add-button/gb-avatar-add-button.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n position: relative;\r\n}\r\n\r\n.tooltip{\r\n position: absolute;\r\n}\r\n\r\n.tooltip.xs{\r\n top: -215%;\r\n left: -110%;\r\n}\r\n\r\n.tooltip.sm{\r\n top: -160%;\r\n left: -69%;\r\n}\r\n\r\n.tooltip.md{\r\n top: -130%;\r\n left: -49%;\r\n}\r\n\r\n.avatar_back.default{\r\n border: 1px dashed var(--color-border-subtle, #CDD5DF);\r\n border-radius: var(--rounded-full);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n/* Sizes */\r\n.avatar_back.xs{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\n.avatar_back.sm{\r\n width: var(--spacing-7);\r\n height: var(--spacing-7);\r\n}\r\n\r\n.avatar_back.md{\r\n width: var(--spacing-8);\r\n height: var(--spacing-8);\r\n}\r\n\r\n.plus_sign.xs{\r\n width: var(--spacing-4);\r\n height: var(--spacing-4);\r\n}\r\n\r\n.plus_sign.md{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n/* States */\r\n.avatar_back.default:hover, .plus_sign.default:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.avatar_back.default:active, .plus_sign.default:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\n.avatar_back.disabled{\r\n border: 1px dashed var(--color-border-disabled, #E3E8EF);\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.plus_sign.disabled path{\r\n stroke: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-avatar-add-button',\r\n styleUrl: 'gb-avatar-add-button.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbAvatarAddButton {\r\n @Prop() size: GeneralSizes;\r\n @Prop({ mutable: true }) showToolTip: boolean = false;\r\n @Prop() state: StateEnum;\r\n @Prop() el: HTMLElement;\r\n\r\n render() {\r\n return (\r\n <div>\r\n {this.showToolTip && (\r\n <gb-tooltip class={`tooltip ${this.size}`} arrow=\"bottom_center\" show-supporting-text=\"false\">\r\n <p slot=\"label\" class=\"text-xs-semi-bold\">Add User</p>\r\n </gb-tooltip>\r\n )}\r\n <div class={`avatar_back ${this.size} ${this.state}`} onMouseEnter={() => {this.showToolTip = true}} onMouseLeave={() => {this.showToolTip = false}}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`plus_sign ${this.size} ${this.state}`}>\r\n <path d=\"M8.00008 2.6665V13.3332M13.3334 7.99984H2.66675\" stroke=\"#697586\" stroke-width=\"1.33\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n </div>\r\n )\r\n }\r\n}"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,sptEAAsptE;;MCStqtE,iBAAiB,GAAA,MAAA;AAN9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQ6B,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAoBxD;IAhBG,MAAM,GAAA;QACF,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACK,IAAI,CAAC,WAAW,KACb,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,KAAK,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAC,eAAe,0BAAsB,OAAO,EAAA,EACzF,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,EAAa,EAAA,UAAA,CAAA,CAC7C,CAChB,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,eAAe,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EAAE,YAAY,EAAE,MAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA,EAAC,EAAE,YAAY,EAAE,QAAO,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA,EAAC,EAAA,EAC/I,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,EACxI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,iDAAiD,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,MAAM,EAAgB,gBAAA,EAAA,OAAO,qBAAiB,OAAO,EAAA,CAAE,CAC7I,CACJ,CACJ;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-avatar-group.entry.esm.js","sources":["src/components/gb-avatar-group/gb-avatar-group.css?tag=gb-avatar-group&encapsulation=shadow","src/components/gb-avatar-group/gb-avatar-group.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.avatar_group{\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n width: fit-content;\r\n}\r\n\r\n.avatar{\r\n width: fit-content;\r\n border-radius: var(--rounded-full);\r\n position: relative;\r\n}\r\n\r\n.avatar.xs{\r\n padding: 1.55px;\r\n background-color: var(--color-border-inverse, #FFFFFF);\r\n}\r\n\r\n.avatar.sm{\r\n padding: 1px;\r\n background-color: var(--color-border-inverse, #FFFFFF);\r\n}\r\n\r\n.avatar.md{\r\n padding: 1.5px;\r\n background-color: var(--color-border-inverse, #FFFFFF);\r\n}\r\n\r\n.avatar.xs:not(:first-child){\r\n margin-left: -0.5rem;\r\n}\r\n\r\n.avatar.sm:not(:first-child), .avatar.md:not(:first-child){\r\n margin-left: -1.01rem;\r\n}\r\n\r\n::slotted(p){\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.image{\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n border-radius: var(--rounded-full);\r\n}","import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-avatar-group',\r\n styleUrl: 'gb-avatar-group.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarGroup {\r\n @Prop() size: GeneralSizes;\r\n @Prop() moreUsers: boolean;\r\n @Prop() addMoreButton: boolean;\r\n @Prop() text: boolean = true;\r\n @Prop() state: StateEnum = StateEnum.Default;\r\n @Prop() images: string[] = [];\r\n @Element() el: HTMLElement;\r\n @Event() addMoreButtonClicked: EventEmitter<void>;\r\n\r\n onAddMoreButtonClicked() {\r\n this.addMoreButtonClicked.emit();\r\n }\r\n\r\n getNumberSize() {\r\n switch (this.size) {\r\n case 'xs':\r\n return 'text-xs-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n setWeight() {\r\n switch (this.size) {\r\n case 'md':\r\n return BorderWeights.Regular;\r\n case 'sm':\r\n return BorderWeights.Light;\r\n case 'xs':\r\n return BorderWeights.Light;\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedNumber = this.el.querySelector('p');\r\n\r\n if (slottedNumber) {\r\n slottedNumber.classList.add(this.getNumberSize());\r\n }\r\n }\r\n\r\n render() {\r\n // console.log(this.images);\r\n return (\r\n <div class={`avatar_group ${this.size}`}>\r\n {this.images.map((image, index) => (\r\n <div class={`avatar ${this.size}`} key={index}>\r\n <gb-avatar size={this.size} weight={this.setWeight()} text={false}>\r\n <img src={image} alt=\"\" slot=\"image\" />\r\n </gb-avatar>\r\n </div>\r\n ))}\r\n {this.moreUsers && (\r\n <div class={`avatar ${this.size}`}>\r\n <gb-avatar text={this.text} size={this.size} weight={this.setWeight()}>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n </gb-avatar>\r\n </div>\r\n )}\r\n {this.addMoreButton && <gb-avatar-add-button state={this.state} size={this.size} onClick={() => this.onAddMoreButtonClicked()}></gb-avatar-add-button>}\r\n </div>\r\n );\r\n }\r\n}"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,q8qEAAq8qE;;MCQj9qE,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAY,IAAI;AACpB,QAAA,IAAA,CAAA,KAAK,GAAc,SAAS,CAAC,OAAO;AACpC,QAAA,IAAM,CAAA,MAAA,GAAa,EAAE;AA4D9B;IAxDC,sBAAsB,GAAA;AACpB,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE;;IAGlC,aAAa,GAAA;AACX,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,mBAAmB;AAC5B,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,mBAAmB;AAC5B,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,mBAAmB;;;IAIhC,SAAS,GAAA;AACP,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,OAAO;AAC9B,YAAA,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK;AAC5B,YAAA,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK;;;IAIhC,gBAAgB,GAAA;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC;QAEhD,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;;;IAIrD,MAAM,GAAA;;QAEJ,QACE,4DAAK,KAAK,EAAE,CAAgB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAA,EAC3C,CAAA,CAAA,WAAA,EAAA,EAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAA,EAC/D,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,CAC7B,CACR,CACP,CAAC,EACD,IAAI,CAAC,SAAS,KACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAA,EAC/B,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAA,EACnE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAA,CAAQ,CACnC,CACR,CACP,EACA,IAAI,CAAC,aAAa,IAAI,CAAA,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAsB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,sBAAsB,EAAE,EAAA,CAAyB,CAClJ;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-button-close.entry.esm.js","sources":["src/components/gb-button-close/gb-button-close.css?tag=gb-button-close&encapsulation=shadow","src/components/gb-button-close/gb-button-close.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\ndiv {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-none);\r\n border-radius: var(--rounded-sm);\r\n height: fit-content;\r\n width: fit-content;\r\n cursor: pointer;\r\n}\r\n\r\n/* Sizes */\r\ndiv.lg {\r\n padding: 0.625rem;\r\n}\r\n\r\ndiv.lg svg {\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\ndiv.md svg {\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\ndiv.sm {\r\n padding: var(--spacing-2);\r\n}\r\n\r\ndiv.md {\r\n padding: 0.625rem;\r\n}\r\n\r\n/* Colors */\r\ndiv.primary,\r\ndiv.information,\r\ndiv.success,\r\ndiv.gray,\r\ndiv.warning,\r\ndiv.error {\r\n background-color: transparent;\r\n}\r\n\r\ndiv.primary path {\r\n stroke: var(--color-icon-brandDarkBlue, #212C65);\r\n}\r\n\r\ndiv.success path {\r\n stroke: var(--color-icon-success, #079455);\r\n}\r\n\r\ndiv.information path {\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\ndiv.gray path {\r\n stroke: var(--color-icon, #4b5565);\r\n}\r\n\r\ndiv.warning path {\r\n stroke: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\ndiv.error path {\r\n stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n/* States */\r\ndiv.primary:hover {\r\n background-color: var(--color-background-discovery-subtler, #E0F2FE);\r\n}\r\n\r\ndiv.primary:hover path {\r\n stroke: var(--color-icon-brandRed, #E21B2E);\r\n}\r\n\r\ndiv.primary:active {\r\n background-color: var(--color-background-discovery-subtlest, #F0F9FF);\r\n}\r\n\r\ndiv.information:hover {\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\ndiv.information:hover path {\r\n stroke: var(--color-icon-information-bold, #042F59);\r\n}\r\n\r\ndiv.information:active {\r\n background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\ndiv.success:hover {\r\n background-color: var(--color-background-success-subtler, #DCFAE6);\r\n}\r\n\r\ndiv.success:hover path {\r\n stroke: var(--color-icon-success-bold, #085D3A);\r\n}\r\n\r\ndiv.success:active {\r\n background-color: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\ndiv.gray:hover {\r\n background-color: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\ndiv.gray:hover path {\r\n stroke: var(--color-icon-brandRed, #e21b2e);\r\n}\r\n\r\ndiv.gray:active {\r\n background-color: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\ndiv.warning:hover {\r\n background-color: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\ndiv.warning:hover path {\r\n stroke: var(--color-icon-warning-bold, #93370D);\r\n}\r\n\r\ndiv.warning:active {\r\n background-color: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\ndiv.error:hover {\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\ndiv.error:hover path {\r\n stroke: var(--color-icon-danger-bold, #8C121D);\r\n}\r\n\r\ndiv.error:active {\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n","import { Component, h, Prop } from '@stencil/core';\r\nimport { GeneralColors, GeneralSizes } from '../../models/reusableModels';\r\n@Component({\r\n tag: 'gb-button-close',\r\n styleUrl: 'gb-button-close.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbButtonClose {\r\n @Prop() size!: GeneralSizes;\r\n @Prop() color!: GeneralColors;\r\n\r\n render() {\r\n return (\r\n <div class={`${this.size} ${this.color}`}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class={`${this.size}`}>\r\n <path d=\"M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n )\r\n }\r\n}"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,g+uEAAg+uE;;MCQ5+uE,aAAa,GAAA,MAAA;;;;IAItB,MAAM,GAAA;AACF,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAChH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,kEAAkE,EAAA,cAAA,EAAc,GAAG,EAAA,gBAAA,EAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAA,CAAE,CAC1I,CACJ;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-file-upload-item-base.entry.esm.js","sources":["src/components/gb-file-upload-item-base/gb-file-upload-item-base.css?tag=gb-file-upload-item-base&encapsulation=shadow","src/components/gb-file-upload-item-base/gb-file-upload-item-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n/* .file_upload_item_base_div{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n} */\r\n\r\n.file_upload_item_base_container {\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n background-color: var(--color-background-card, #ffffff);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n flex-direction: row;\r\n padding: var(--spacing-4);\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n flex-direction: column;\r\n padding: var(--spacing-6);\r\n}\r\n\r\n.close_button {\r\n position: absolute;\r\n top: var(--spacing-4);\r\n right: var(--spacing-4);\r\n}\r\n\r\n.progress_bar{\r\n margin-top: 0.5rem;\r\n}\r\n\r\n.file_type_text.in_progress,\r\n.file_type_text.complete{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.file_type_text.error,\r\n.file_size_text.error{\r\n color: var(--color-background-danger, #B51726);\r\n}\r\n\r\n.file_size_text.in_progress,\r\n.file_size_text.complete{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.in_progress_div.md,\r\n.error.md,\r\n.complete.md{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.in_progress_div.lg,\r\n.error.lg,\r\n.complete.lg{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n background-color: #EEF2F6;\r\n border-radius: var(--rounded-full);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n align-items: center;\r\n}\r\n\r\n.default.lg{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.default_content{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n/* In Progress Styles */\r\n.in_progress_div.md{\r\n width: 100%;\r\n}\r\n\r\n.in_progress_div.lg{\r\n text-align: center;\r\n}\r\n\r\n.in_progress_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n width: 100%;\r\n}\r\n\r\n.upload_btn_md{\r\n position: absolute;\r\n top: 45%;\r\n right: 1.5rem;\r\n}\r\n\r\n.upload_btn_lg{\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n/* Complete Styles */\r\n.complete{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.complete.md{\r\n flex-direction: row;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.complete.lg{\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n.complete_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.complete_content.md{\r\n justify-content: center;\r\n}\r\n\r\n.complete_content.lg{\r\n align-items: center;\r\n}\r\n\r\n.delete_button{\r\n position: absolute;\r\n top: 30%;\r\n right: 1rem;\r\n}\r\n\r\n.delete_btn{\r\n position: absolute;\r\n top: 35%;\r\n right: 1.5rem;\r\n}\r\n\r\n/* Error Styles */\r\n.error{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n border-color: var(--color-border-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.error.lg{\r\n text-align: center;\r\n}\r\n\r\n.error_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.error_content_text{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.btns{\r\n display: flex;\r\n justify-content: center;\r\n gap: var(--spacing-6);\r\n}\r\n\r\n.btn{\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.try_again_btn{\r\n display: flex;\r\n width: 100%;\r\n}\r\n\r\n/* Text Styles*/\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\np.lg{\r\n display: flex;\r\n gap: var(--spacing-1);\r\n}","import { Component, h, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { FileIconTypes, FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-file-upload-item-base',\r\n styleUrl: 'gb-file-upload-item-base.css',\r\n shadow: true,\r\n})\r\nexport class GbFileUploadItemBase {\r\n @Prop() icon: FileUploadIconType;\r\n @Prop() state: FileUploadStates;\r\n @Prop() heightSize: GeneralSizes = 'md';\r\n @Prop() fileType: FileIconTypes;\r\n @Prop() buttonState: StateEnum = StateEnum.Default;\r\n @Prop() progress: number;\r\n @Prop() size: number;\r\n @Prop() fileSize: number;\r\n @Prop() fileName: string;\r\n @Event() cancelUpload: EventEmitter<void>;\r\n @Event() deleteFileUpload: EventEmitter<void>;\r\n\r\n render() {\r\n return (\r\n <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n {this.state === 'in_progress' && (\r\n <div class={`in_progress_div ${this.heightSize}`}>\r\n <div class=\"file_icon\">\r\n <gb-file-type-icon file-style={this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null} file-type={this.fileType}></gb-file-type-icon>\r\n </div>\r\n <div class=\"in_progress_content\">\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB</p>\r\n <gb-progress-bar progress={this.progress} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.cancelUpload.emit()}></gb-button-close>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB</p>\r\n <gb-progress-bar progress={this.progress} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.cancelUpload.emit()}></gb-button-close>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.state === 'complete' && (\r\n <div class={`complete ${this.heightSize}`}>\r\n <div class=\"file_icon\">\r\n <gb-file-type-icon file-style={this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null} file-type={this.fileType}></gb-file-type-icon>\r\n </div>\r\n <div class={`complete_content ${this.heightSize}`}>\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>\r\n {`${this.fileSize}`}KB – {`${this.progress}`}% uploaded\r\n </p>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"only\" icon-leading={true} icon-leading-swap=\"assets/delete-02.svg\" class=\"delete_button\" onClick={() => this.deleteFileUpload.emit()}></gb-button>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB – {`${this.progress}`} % uploaded</p>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" icon-leading={true} icon-leading-swap=\"assets/delete-02.svg\" onClick={() => this.deleteFileUpload.emit()}>\r\n <p>Clear</p>\r\n </gb-button>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.state === 'error' && (\r\n <div class={`error ${this.heightSize}`}>\r\n <div class=\"file_icon\">\r\n <gb-file-type-icon file-style={this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null} file-type={this.fileType}></gb-file-type-icon>\r\n </div>\r\n <div class=\"error_content\">\r\n {this.heightSize === 'md' && (\r\n <>\r\n <div class=\"error_content_text\">\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>Upload failed, please try again</p>\r\n </div>\r\n <div class=\"try_again_btn\">\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" destructive={true}>\r\n <p>Try again</p>\r\n </gb-button>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n destructive={true}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/delete-02.svg\"\r\n class=\"delete_button\"\r\n onClick={() => this.deleteFileUpload.emit()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB – {`${this.progress}`}% uploaded</p>\r\n <div class=\"btns\">\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" destructive={true} icon-leading={true} icon-leading-swap=\"assets/delete-02.svg\" onClick={() => this.deleteFileUpload.emit()}>\r\n <p>Clear</p>\r\n </gb-button>\r\n <div class=\"btn\">\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon={StateEnum.Default} destructive={true} class=\"btn\">\r\n <p>Try again</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-file-upload.entry.esm.js","sources":["src/components/gb-file-upload/gb-file-upload.css?tag=gb-file-upload&encapsulation=shadow","src/components/gb-file-upload/gb-file-upload.tsx"],"sourcesContent":[".file_upload_div{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.file_upload_item_base_container {\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n background-color: var(--color-background-card, #ffffff);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n flex-direction: row;\r\n padding: var(--spacing-4);\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n flex-direction: column;\r\n padding: var(--spacing-7) var(--spacing-6);\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n background-color: #EEF2F6;\r\n border-radius: var(--rounded-full);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n align-items: center;\r\n}\r\n\r\n.default.lg{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.default_content{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.upload_btn_md{\r\n position: absolute;\r\n top: 45%;\r\n right: 1.5rem;\r\n}\r\n\r\n/**/\r\n.disabled_text{\r\n color: var(--color-text-subtle, #697586); \r\n}\r\n\r\n/* Text Styles */\r\n.upload_text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.upload_text.lg,\r\n.disabled_text.lg{\r\n display: flex;\r\n gap: var(--spacing-1);\r\n align-items: center;\r\n}\r\n\r\n.file_type_text{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.multiple_upload_div{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}","import { Component, Prop, h, Fragment, State, Event, EventEmitter } from \"@stencil/core\";\r\nimport { FileIconTypes, FileUploadIconType, FileUploadStates, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-file-upload',\r\n styleUrl: 'gb-file-upload.css',\r\n shadow: true,\r\n})\r\nexport class GbFileUpload {\r\n @Prop() icon: FileUploadIconType;\r\n @Prop() type: 'single' | 'multiple';\r\n @Prop() heightSize: GeneralSizes;\r\n @Prop() state: FileUploadStates;\r\n @Prop() destructive: boolean = false;\r\n @Prop() showLabel: boolean = false;\r\n @Prop() progress: number;\r\n @Prop() fileType: FileIconTypes[];\r\n @State() files: File[] = [];\r\n @State() fileStates: { name: string; extension: FileIconTypes[] | string; state: FileUploadStates; progress: number; size: number; }[] = [];\r\n @State() isDragging: boolean = false;\r\n\r\n @Event() uploadStateChange: EventEmitter; // Event emitted to parent app\r\n\r\n private dragCounter: number = 0;\r\n\r\n // Function to dynamically create a hidden input for file selection\r\n openFilePicker() {\r\n const fileInput = document.createElement('input');\r\n fileInput.type = 'file';\r\n fileInput.multiple = this.type === 'multiple';\r\n fileInput.accept = this.fileType?.map(type => `.${type}`).join(',') || '';\r\n\r\n fileInput.addEventListener('change', (event: Event) => {\r\n const input = event.target as HTMLInputElement;\r\n if (input.files) {\r\n const selectedFiles = Array.from(input.files);\r\n\r\n // Reset files and states based on type (single/multiple)\r\n if (this.type === 'single') {\r\n this.files = [selectedFiles[0]];\r\n } else {\r\n this.files = [...this.files, ...selectedFiles];\r\n }\r\n\r\n // console.log(this.fileStates);\r\n // console.log(this.files);\r\n\r\n // Initialize fileStates array with extracted names and extensions\r\n if (this.type === 'single') {\r\n const file = this.files[0];\r\n const [name, extension] = this.extractFileNameAndExtension(file.name);\r\n this.fileStates = [\r\n {\r\n name,\r\n extension,\r\n state: 'default',\r\n size: file.size,\r\n progress: 0,\r\n },\r\n ];\r\n } else {\r\n this.fileStates = this.files.map(file => {\r\n const [name, extension] = this.extractFileNameAndExtension(file.name);\r\n return {\r\n name,\r\n fileType: file.type.slice(-3),\r\n extension,\r\n state: 'default',\r\n size: file.size,\r\n progress: 0,\r\n };\r\n });\r\n }\r\n\r\n // Emit state change for default state\r\n this.uploadStateChange.emit(this.fileStates);\r\n\r\n // Start the upload process\r\n this.startUpload();\r\n }\r\n fileInput.remove(); // Clean up after file selection\r\n });\r\n\r\n fileInput.click(); // Trigger the file input dialog\r\n }\r\n\r\n // Function to extract the file name and extension\r\n extractFileNameAndExtension(fileName: string): [string, string] {\r\n const lastDotIndex = fileName.lastIndexOf('.');\r\n if (lastDotIndex === -1) {\r\n return [fileName, 'unknown']; // No extension found\r\n }\r\n const name = fileName.slice(0, lastDotIndex);\r\n const extension = fileName.slice(lastDotIndex + 1).toLowerCase();\r\n return [name, extension];\r\n }\r\n\r\n // Function to simulate file uploads and track progress\r\n startUpload() {\r\n this.fileStates = this.fileStates.map(fileState => ({\r\n ...fileState,\r\n state: 'in_progress',\r\n progress: 0,\r\n }));\r\n this.uploadStateChange.emit(this.fileStates);\r\n\r\n // this.files.forEach((file, index) => {\r\n // let progress = 0;\r\n\r\n // const interval = setInterval(() => {\r\n // if (progress < 100) {\r\n // progress += Math.floor(Math.random() * 20) + 10; // Simulated progress increment\r\n // if (progress > 100) progress = 100;\r\n\r\n // this.fileStates = this.fileStates.map((state, i) => (i === index ? { ...state, progress } : state));\r\n\r\n // this.uploadStateChange.emit(this.fileStates); // Emit progress updates\r\n // } else {\r\n // clearInterval(interval);\r\n\r\n // this.fileStates = this.fileStates.map((state, i) => (i === index ? { ...state, state: 'complete', progress: 100 } : state));\r\n\r\n // this.uploadStateChange.emit(this.fileStates); // Emit final state\r\n // }\r\n // }, 500); // Update progress every 500ms\r\n // });\r\n }\r\n\r\n handleDragOver(event: DragEvent) {\r\n event.preventDefault();\r\n this.isDragging = true;\r\n }\r\n\r\n handleDragLeave() {\r\n this.dragCounter--;\r\n if (this.dragCounter === 0) {\r\n this.isDragging = false;\r\n }\r\n }\r\n\r\n handleDrop(event: DragEvent) {\r\n event.preventDefault();\r\n this.isDragging = false;\r\n this.dragCounter = 0;\r\n\r\n const files = Array.from(event.dataTransfer?.files || []);\r\n if (files.length > 0) {\r\n this.handleFiles(files);\r\n }\r\n }\r\n\r\n handleFiles(selectedFiles: File[]) {\r\n if (this.type === 'single') {\r\n this.files = [selectedFiles[0]];\r\n } else {\r\n this.files = [...this.files, ...selectedFiles];\r\n }\r\n\r\n const newFiles = selectedFiles.filter(file => !this.files.some(existingFile => existingFile.name === file.name && existingFile.size === file.size));\r\n\r\n this.files = [...this.files, ...newFiles];\r\n\r\n if (this.type === 'single') {\r\n const file = this.files[0];\r\n const [name, extension] = this.extractFileNameAndExtension(file.name);\r\n\r\n this.fileStates = [\r\n {\r\n size: this.files[0].size,\r\n name,\r\n extension,\r\n state: 'default',\r\n progress: 0,\r\n },\r\n ];\r\n } else {\r\n this.fileStates = this.files.map(file => {\r\n const [name, extension] = this.extractFileNameAndExtension(file.name);\r\n return {\r\n name,\r\n fileType: file.type.slice(-3),\r\n extension,\r\n state: 'default',\r\n size: file.size,\r\n progress: 0,\r\n };\r\n });\r\n }\r\n\r\n if(this.type === 'multiple') {\r\n // const newFileStates = newFiles.map(file => {\r\n // const [name, extension] = this.extractFileNameAndExtension(file.name);\r\n // return {\r\n // name,\r\n // extension,\r\n // state: 'default',\r\n // progress: 0,\r\n // };\r\n // });\r\n\r\n // Append new file states to the existing fileStates\r\n // this.fileStates = [...this.fileStates, ...newFileStates];\r\n }\r\n\r\n\r\n this.uploadStateChange.emit(this.fileStates);\r\n // this.startUpload();\r\n }\r\n\r\n handleCancelUpload(index: number) {\r\n const fileState = this.fileStates[index];\r\n\r\n // Only allow canceling files that are in progress\r\n if (fileState.state === 'in_progress') {\r\n // console.log(`Upload canceled for file: ${fileState.name}.${fileState.extension}`);\r\n }\r\n\r\n // Remove the file from files and fileStates arrays\r\n this.files.splice(index, 1);\r\n this.fileStates.splice(index, 1);\r\n\r\n // Emit the updated file states\r\n this.uploadStateChange.emit(this.fileStates);\r\n }\r\n\r\n handleDeleteFileUpload(index: number) {\r\n const fileState = this.fileStates[index];\r\n \r\n // Only allow deleting files that are complete\r\n if (fileState.state === 'complete') {\r\n // console.log(`File deleted: ${fileState.name}.${fileState.extension}`);\r\n }\r\n \r\n // Remove the file from files and fileStates arrays\r\n this.files = [...this.files.slice(0, index), ...this.files.slice(index + 1)];\r\n this.fileStates = [...this.fileStates.slice(0, index), ...this.fileStates.slice(index + 1)];\r\n \r\n // Emit the updated file states\r\n this.uploadStateChange.emit(this.fileStates);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"file_upload_div\">\r\n {this.showLabel && <p class=\"upload_text text-sm-semi-bold\">File Upload</p>}\r\n {this.type === 'single' && (\r\n <>\r\n {this.state === 'default' && !this.destructive && this.fileStates.length === 0 && (\r\n <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n {this.heightSize === 'md' && [\r\n <div class={`default ${this.heightSize}`}>\r\n <div class=\"file_upload_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"#4B5565\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"default_content\">\r\n <p class=\"upload_text text-sm-semi-bold\">Tap to upload</p>\r\n <p class=\"file_type_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n </div>\r\n </div>,\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" class=\"upload_btn_md\" icon-leading={true} onClick={() => this.openFilePicker()}>\r\n <p>Upload</p>\r\n </gb-button>,\r\n ]}\r\n {this.heightSize === 'lg' && [\r\n <div class={`default ${this.heightSize}`}>\r\n <div class=\"file_upload_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"#4B5565\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"default_content\">\r\n <p class={`upload_text text-sm-regular ${this.heightSize}`}>\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" onClick={() => this.openFilePicker()}>\r\n <p>Click to upload</p>\r\n </gb-button>\r\n or drag and drop\r\n </p>\r\n <p class=\"file_type_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n </div>\r\n </div>,\r\n ]}\r\n </div>\r\n )}\r\n {this.state === 'in_progress' && (\r\n <gb-file-upload-item-base\r\n progress={this.progress}\r\n file-type={this.fileType}\r\n icon={this.icon}\r\n height-size={this.heightSize}\r\n state=\"in_progress\"\r\n ></gb-file-upload-item-base>\r\n )}\r\n {this.state === 'complete' && (\r\n <gb-file-upload-item-base\r\n progress={this.progress}\r\n file-type={this.fileType}\r\n icon={this.icon}\r\n height-size={this.heightSize}\r\n state=\"complete\"\r\n ></gb-file-upload-item-base>\r\n )}\r\n {this.state === 'disabled' && (\r\n <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n <div class={`disabled ${this.state}`}>\r\n {this.heightSize === 'md' && [\r\n <div class={`default ${this.heightSize}`}>\r\n <div class=\"file_upload_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"#4B5565\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"default_content\">\r\n <p class=\"disabled_text text-sm-semi-bold\">Tap to upload</p>\r\n <p class=\"disabled_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n </div>\r\n </div>,\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" class=\"upload_btn_md\" state=\"disabled\">\r\n <p>Upload</p>\r\n </gb-button>,\r\n ]}\r\n {this.heightSize === 'lg' && [\r\n <div class={`default ${this.heightSize}`}>\r\n <div class=\"file_upload_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"#4B5565\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"default_content\">\r\n <p class={`disabled_text text-sm-regular ${this.heightSize}`}>\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" state=\"disabled\">\r\n <p>Click to upload</p>\r\n </gb-button>\r\n or drag and drop\r\n </p>\r\n <p class=\"disabled_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n </div>\r\n </div>,\r\n ]}\r\n </div>\r\n </div>\r\n )}\r\n {this.destructive && (\r\n <gb-file-upload-item-base progress={this.progress} file-type={this.fileType} icon={this.icon} state=\"error\" height-size={this.heightSize}></gb-file-upload-item-base>\r\n )}\r\n {this.fileStates.map(file => (\r\n <gb-file-upload-item-base\r\n progress={file.progress}\r\n file-type={file.extension}\r\n icon={this.icon}\r\n height-size={this.heightSize}\r\n state={file.state}\r\n ></gb-file-upload-item-base>\r\n ))}\r\n </>\r\n )}\r\n {this.type === 'multiple' && (\r\n <div class=\"multiple_upload_div\">\r\n <div\r\n class={`file_upload_item_base_container ${this.state} ${this.heightSize} ${this.isDragging ? 'hover' : ''}`}\r\n onDragOver={event => this.handleDragOver(event)}\r\n onDragLeave={() => this.handleDragLeave()}\r\n onDrop={event => this.handleDrop(event)}\r\n >\r\n {this.heightSize === 'md' && [\r\n <div class={`default ${this.heightSize}`}>\r\n <div class=\"file_upload_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"#4B5565\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"default_content\">\r\n <p class=\"upload_text text-sm-semi-bold\">Tap to upload</p>\r\n <p class=\"file_type_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n </div>\r\n </div>,\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" class=\"upload_btn_md\" icon-leading={true} onClick={() => this.openFilePicker()}>\r\n <p>Upload</p>\r\n </gb-button>,\r\n ]}\r\n {this.heightSize === 'lg' && [\r\n <div class={`default ${this.heightSize}`}>\r\n <div class=\"file_upload_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"#4B5565\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"default_content\">\r\n <p class={`upload_text text-sm-regular ${this.heightSize}`}>\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" onClick={() => this.openFilePicker()}>\r\n <p>Click to upload</p>\r\n </gb-button>\r\n or drag and drop\r\n </p>\r\n <p class=\"file_type_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n </div>\r\n </div>,\r\n ]}\r\n </div>\r\n {this.fileStates.map((file, index) => (\r\n <gb-file-upload-item-base\r\n progress={file.progress}\r\n file-type={file.extension}\r\n icon={this.icon}\r\n height-size=\"md\"\r\n state={file.state}\r\n file-name={file.name}\r\n file-size={(file.size / 1024).toFixed(2)}\r\n onCancelUpload={() => this.handleCancelUpload(index)}\r\n onDeleteFileUpload={() => this.handleDeleteFileUpload(index)}\r\n ></gb-file-upload-item-base>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-horizontal-tabs.entry.esm.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, 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() firstTabName: string = '';\r\n @Prop() secondTabName: string = '';\r\n @Prop() thirdTabName: string = '';\r\n @Prop() fourthTabName: string = '';\r\n @Prop() fifthTabName: string = '';\r\n @Prop() sixthTabName: string = '';\r\n @Prop() seventhTabName: string = '';\r\n @Prop() eighthTabName: string = '';\r\n @Prop() ninthTabName: string = '';\r\n @Prop() tenthTabName: string = '';\r\n @Prop() eleventhTabName: string = '';\r\n @Prop() twelfthTabName: string = '';\r\n @Prop() thirteenthTabName: string = '';\r\n @Prop() fourteenthTabName: string = '';\r\n @Prop() fifteenthTabName: string = '';\r\n @Prop() sixteenthTabName: string = '';\r\n @Prop() seventeenthTabName: string = '';\r\n @Prop() eighteenthTabName: string = '';\r\n @Prop() nineteenthTabName: string = '';\r\n @Prop() twentiethTabName: string = '';\r\n @Prop({ mutable: true }) activeIndex: number;\r\n @Event() tabItemClicked: EventEmitter<number>;\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 <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(0)}\r\n current={this.activeIndex === 0}\r\n tab-name={this.firstTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"first_tab_count\"></slot>\r\n </gb-tab-button-base>\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(1)}\r\n current={this.activeIndex === 1}\r\n tab-name={this.secondTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"second_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n {this.thirdTabName && (\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(2)}\r\n current={this.activeIndex === 2}\r\n tab-name={this.thirdTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"third_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.fourthTabName && (\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(3)}\r\n current={this.activeIndex === 3}\r\n tab-name={this.fourthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"fourth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.fifthTabName && (\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(4)}\r\n current={this.activeIndex === 4}\r\n tab-name={this.fifthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"fifth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.sixthTabName && (\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(5)}\r\n current={this.activeIndex === 5}\r\n tab-name={this.sixthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"sixth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.seventhTabName && (\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(6)}\r\n current={this.activeIndex === 6}\r\n tab-name={this.seventhTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"seventh_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.eighthTabName && (\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(7)}\r\n current={this.activeIndex === 7}\r\n tab-name={this.eighthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"eighth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.ninthTabName && (\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(8)}\r\n current={this.activeIndex === 8}\r\n tab-name={this.ninthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"ninth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.tenthTabName && (\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(9)}\r\n current={this.activeIndex === 9}\r\n tab-name={this.tenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"tenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.eleventhTabName && (\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(10)}\r\n current={this.activeIndex === 10}\r\n tab-name={this.eleventhTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"eleventh_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.twelfthTabName && (\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(11)}\r\n current={this.activeIndex === 11}\r\n tab-name={this.twelfthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"twelfth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.thirteenthTabName && (\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(12)}\r\n current={this.activeIndex === 12}\r\n tab-name={this.thirteenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"thirteenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.fourteenthTabName && (\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(13)}\r\n current={this.activeIndex === 13}\r\n tab-name={this.fourteenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"fourteenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.fifteenthTabName && (\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(14)}\r\n current={this.activeIndex === 14}\r\n tab-name={this.fifteenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"fifteenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.sixteenthTabName && (\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(15)}\r\n current={this.activeIndex === 15}\r\n tab-name={this.sixteenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"sixteenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.seventeenthTabName && (\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(16)}\r\n current={this.activeIndex === 16}\r\n tab-name={this.seventeenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"seventeenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.eighteenthTabName && (\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(17)}\r\n current={this.activeIndex === 17}\r\n tab-name={this.eighteenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"eighteenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.nineteenthTabName && (\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(18)}\r\n current={this.activeIndex === 18}\r\n tab-name={this.nineteenthTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"nineteenth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n {this.twentiethTabName && (\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(19)}\r\n current={this.activeIndex === 19}\r\n tab-name={this.twentiethTabName}\r\n badge={this.badge}\r\n alignment=\"horizontal\"\r\n >\r\n <slot slot=\"count\" name=\"twentieth_tab_count\"></slot>\r\n </gb-tab-button-base>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-progress-bar.entry.esm.js","sources":["src/components/gb-progress-bar/gb-progress-bar.css?tag=gb-progress-bar&encapsulation=shadow","src/components/gb-progress-bar/gb-progress-bar.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n.progress_bar_container {\r\n background-color: transparent;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n width: 100%;\r\n height: fit-content;\r\n position: relative;\r\n}\r\n\r\n.progress_bar {\r\n position: relative;\r\n height: 0.4rem;\r\n width: 100%;\r\n background: var(--color-border-subtler, #e3e8ef);\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n.progress_fill {\r\n position: absolute;\r\n height: 100%;\r\n width: 0%;\r\n background: var(--color-border-selected, #075db2);\r\n border-radius: 15px;\r\n transition: width 0.5s ease-in-out;\r\n}\r\n\r\n.label {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\nspan {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Label Position Styles */\r\n.progress_bar_container.right {\r\n flex-direction: row;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.progress_bar_container.bottom,\r\n.progress_bar_container.bottom_floating {\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.progress_bar_container.top_floating {\r\n flex-direction: column-reverse;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.label.bottom {\r\n align-self: flex-end;\r\n}\r\n\r\n.label.top_floating {\r\n align-self: flex-start;\r\n}\r\n\r\n.top_tooltip {\r\n position: absolute;\r\n top: -2.2rem;\r\n}\r\n\r\n.bottom_tooltip {\r\n position: absolute;\r\n top: 1rem;\r\n}\r\n\r\n.text-sm-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\r\n}\r\n","import { Component, Prop, h, Fragment } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-progress-bar',\r\n styleUrl: 'gb-progress-bar.css',\r\n shadow: true,\r\n})\r\nexport class GbProgressBar {\r\n @Prop() progress: number;\r\n @Prop() showLabel: boolean = false;\r\n @Prop() labelPosition: 'right' | 'bottom' | 'top_floating' | 'bottom_floating';\r\n\r\n render() {\r\n const progressValue = Math.min(Math.max(this.progress, 0), 100);\r\n\r\n return (\r\n <div class={`progress_bar_container ${this.labelPosition}`}>\r\n <div class=\"progress_bar\">\r\n <div class=\"progress_fill\" style={{ width: `${progressValue}%` }}></div>\r\n </div>\r\n <>\r\n {this.showLabel && (\r\n <div class={`label ${this.labelPosition}`}>\r\n {this.labelPosition === 'right' && <span class={`text-sm-medium`}>{progressValue}%</span>}\r\n {this.labelPosition === 'bottom' && <span class={`text-sm-medium`}>{progressValue}%</span>}\r\n {this.labelPosition === 'top_floating' && (\r\n <gb-tooltip class={`top_tooltip`} arrow=\"none\" style={{ marginLeft: `${(progressValue - 6.5).toString()}%` }}>\r\n <p slot=\"main_text\" class=\"text-xs-semi-bold\">\r\n {progressValue}%\r\n </p>\r\n </gb-tooltip>\r\n )}\r\n {this.labelPosition === 'bottom_floating' && (\r\n <gb-tooltip class={`bottom_tooltip`} arrow=\"none\" style={{ marginLeft: `${(progressValue - 59.5).toString()}%` }}>\r\n <p slot=\"main_text\" class=\"text-xs-semi-bold\">\r\n {progressValue}%\r\n </p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n )}\r\n </>\r\n </div>\r\n );\r\n }\r\n}"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,wiuEAAwiuE;;MCOpjuE,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAoCnC;IAjCC,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;AAE/D,QAAA,QACE,4DAAK,KAAK,EAAE,0BAA0B,IAAI,CAAC,aAAa,CAAA,CAAE,EAAA,EACxD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAA,EAAG,aAAa,CAAA,CAAA,CAAG,EAAE,GAAQ,CACpE,EACN,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAI,CAAC,SAAS,KACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,aAAa,CAAE,CAAA,EAAA,EACtC,IAAI,CAAC,aAAa,KAAK,OAAO,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAgB,cAAA,CAAA,EAAA,EAAG,aAAa,EAAS,GAAA,CAAA,EACxF,IAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,cAAA,CAAgB,EAAA,EAAG,aAAa,EAAS,GAAA,CAAA,EACzF,IAAI,CAAC,aAAa,KAAK,cAAc,KACpC,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,WAAA,CAAa,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAA,EAAG,CAAC,aAAa,GAAG,GAAG,EAAE,QAAQ,EAAE,CAAA,CAAA,CAAG,EAAE,EAAA,EAC1G,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,mBAAmB,EAAA,EAC1C,aAAa,EACZ,GAAA,CAAA,CACO,CACd,EACA,IAAI,CAAC,aAAa,KAAK,iBAAiB,KACvC,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAgB,cAAA,CAAA,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAG,EAAA,CAAC,aAAa,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAG,CAAA,CAAA,EAAE,EAAA,EAC9G,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,mBAAmB,EAAA,EAC1C,aAAa,EACZ,GAAA,CAAA,CACO,CACd,CACG,CACP,CACA,CACC;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-stepper-vertical-icons-with-text.entry.esm.js","sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n width: 100%;\r\n}","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-stepper-vertical-icons-with-text',\r\n styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n @Prop() size: GeneralSizes;\r\n @Prop() connector: boolean = false;\r\n @Prop() type: 'icon' | 'featured_icon';\r\n @Prop() showSecondStep: boolean = false;\r\n @Prop() showThirdStep: boolean = false;\r\n @Prop() showFourthStep: boolean = false;\r\n @Prop() showFifthStep: boolean = false;\r\n @Prop() showSixthStep: boolean = false;\r\n @Prop() showSeventhStep: boolean = false;\r\n @Prop() firstStepState: ProgressStepStates;\r\n @Prop() secondStepState: ProgressStepStates;\r\n @Prop() thirdStepState: ProgressStepStates;\r\n @Prop() fourthStepState: ProgressStepStates;\r\n @Prop() fifthStepState: ProgressStepStates;\r\n @Prop() sixthStepState: ProgressStepStates;\r\n @Prop() seventhStepState: ProgressStepStates;\r\n @Prop() firstStepStatus: ProgressStepStatus;\r\n @Prop() secondStepStatus: ProgressStepStatus;\r\n @Prop() thirdStepStatus: ProgressStepStatus;\r\n @Prop() fourthStepStatus: ProgressStepStatus;\r\n @Prop() fifthStepStatus: ProgressStepStatus;\r\n @Prop() sixthStepStatus: ProgressStepStatus;\r\n @Prop() seventhStepStatus: ProgressStepStatus;\r\n @Prop() firstStepLabel: string = '';\r\n @Prop() secondStepLabel: string = '';\r\n @Prop() thirdStepLabel: string = '';\r\n @Prop() fourthStepLabel: string = '';\r\n @Prop() fifthStepLabel: string = '';\r\n @Prop() sixthStepLabel: string = '';\r\n @Prop() seventhStepLabel: string = '';\r\n @Prop() firstStepSupportingText: string = '';\r\n @Prop() secondStepSupportingText: string = '';\r\n @Prop() thirdStepSupportingText: string = '';\r\n @Prop() fourthStepSupportingText: string = '';\r\n @Prop() fifthStepSupportingText: string = '';\r\n @Prop() sixthStepSupportingText: string = '';\r\n @Prop() seventhStepSupportingText: string = '';\r\n\r\n render() {\r\n const steps = [\r\n {\r\n state: this.firstStepState,\r\n status: this.firstStepStatus,\r\n label: this.firstStepLabel,\r\n supportingText: this.firstStepSupportingText,\r\n show: true, // Always show the first step\r\n },\r\n {\r\n state: this.secondStepState,\r\n status: this.secondStepStatus,\r\n label: this.secondStepLabel,\r\n supportingText: this.secondStepSupportingText,\r\n show: this.showSecondStep,\r\n },\r\n {\r\n state: this.thirdStepState,\r\n status: this.thirdStepStatus,\r\n label: this.thirdStepLabel,\r\n supportingText: this.thirdStepSupportingText,\r\n show: this.showThirdStep,\r\n },\r\n {\r\n state: this.fourthStepState,\r\n status: this.fourthStepStatus,\r\n label: this.fourthStepLabel,\r\n supportingText: this.fourthStepSupportingText,\r\n show: this.showFourthStep,\r\n },\r\n {\r\n state: this.fifthStepState,\r\n status: this.fifthStepStatus,\r\n label: this.fifthStepLabel,\r\n supportingText: this.fifthStepSupportingText,\r\n show: this.showFifthStep,\r\n },\r\n {\r\n state: this.sixthStepState,\r\n status: this.sixthStepStatus,\r\n label: this.sixthStepLabel,\r\n supportingText: this.sixthStepSupportingText,\r\n show: this.showSixthStep,\r\n },\r\n {\r\n state: this.seventhStepState,\r\n status: this.seventhStepStatus,\r\n label: this.seventhStepLabel,\r\n supportingText: this.seventhStepSupportingText,\r\n show: this.showSeventhStep,\r\n },\r\n ];\r\n\r\n // Filter out steps that should be displayed\r\n const visibleSteps = steps.filter(step => step.show);\r\n\r\n return (\r\n <div class=\"vertical_stepper_div\">\r\n {this.type === 'icon' && (\r\n <>\r\n {visibleSteps.map((step, index) => (\r\n <gb-step-base\r\n size={this.size}\r\n type=\"icon_left\"\r\n state={step.state}\r\n status={step.status}\r\n connector={index === visibleSteps.length - 1 ? false : this.connector}\r\n label={step.label}\r\n supporting-text={step.supportingText}\r\n ></gb-step-base>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,iCAAiC,GAAG,mCAAmC;;MCQhE,8BAA8B,GAAA,MAAA;AAL3C,IAAA,WAAA,CAAA,OAAA,EAAA
|
|
1
|
+
{"version":3,"file":"gb-stepper-vertical-icons-with-text.entry.esm.js","sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-stepper-vertical-icons-with-text',\r\n styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n @Prop() size: GeneralSizes;\r\n @Prop() connector: boolean = false;\r\n @Prop() type: 'icon' | 'featured_icon';\r\n @Prop() showSecondStep: boolean = false;\r\n @Prop() showThirdStep: boolean = false;\r\n @Prop() showFourthStep: boolean = false;\r\n @Prop() showFifthStep: boolean = false;\r\n @Prop() showSixthStep: boolean = false;\r\n @Prop() showSeventhStep: boolean = false;\r\n @Prop() firstStepState: ProgressStepStates;\r\n @Prop() secondStepState: ProgressStepStates;\r\n @Prop() thirdStepState: ProgressStepStates;\r\n @Prop() fourthStepState: ProgressStepStates;\r\n @Prop() fifthStepState: ProgressStepStates;\r\n @Prop() sixthStepState: ProgressStepStates;\r\n @Prop() seventhStepState: ProgressStepStates;\r\n @Prop() firstStepStatus: ProgressStepStatus;\r\n @Prop() secondStepStatus: ProgressStepStatus;\r\n @Prop() thirdStepStatus: ProgressStepStatus;\r\n @Prop() fourthStepStatus: ProgressStepStatus;\r\n @Prop() fifthStepStatus: ProgressStepStatus;\r\n @Prop() sixthStepStatus: ProgressStepStatus;\r\n @Prop() seventhStepStatus: ProgressStepStatus;\r\n @Prop() firstStepLabel: string = '';\r\n @Prop() secondStepLabel: string = '';\r\n @Prop() thirdStepLabel: string = '';\r\n @Prop() fourthStepLabel: string = '';\r\n @Prop() fifthStepLabel: string = '';\r\n @Prop() sixthStepLabel: string = '';\r\n @Prop() seventhStepLabel: string = '';\r\n @Prop() firstStepSupportingText: string = '';\r\n @Prop() secondStepSupportingText: string = '';\r\n @Prop() thirdStepSupportingText: string = '';\r\n @Prop() fourthStepSupportingText: string = '';\r\n @Prop() fifthStepSupportingText: string = '';\r\n @Prop() sixthStepSupportingText: string = '';\r\n @Prop() seventhStepSupportingText: string = '';\r\n @Event() stepClicked: EventEmitter<number>;\r\n\r\n render() {\r\n const steps = [\r\n {\r\n state: this.firstStepState,\r\n status: this.firstStepStatus,\r\n label: this.firstStepLabel,\r\n supportingText: this.firstStepSupportingText,\r\n show: true, // Always show the first step\r\n event: () => this.stepClicked.emit(0),\r\n },\r\n {\r\n state: this.secondStepState,\r\n status: this.secondStepStatus,\r\n label: this.secondStepLabel,\r\n supportingText: this.secondStepSupportingText,\r\n show: this.showSecondStep,\r\n event: () => this.stepClicked.emit(1),\r\n },\r\n {\r\n state: this.thirdStepState,\r\n status: this.thirdStepStatus,\r\n label: this.thirdStepLabel,\r\n supportingText: this.thirdStepSupportingText,\r\n show: this.showThirdStep,\r\n event: () => this.stepClicked.emit(2),\r\n },\r\n {\r\n state: this.fourthStepState,\r\n status: this.fourthStepStatus,\r\n label: this.fourthStepLabel,\r\n supportingText: this.fourthStepSupportingText,\r\n show: this.showFourthStep,\r\n event: () => this.stepClicked.emit(3),\r\n },\r\n {\r\n state: this.fifthStepState,\r\n status: this.fifthStepStatus,\r\n label: this.fifthStepLabel,\r\n supportingText: this.fifthStepSupportingText,\r\n show: this.showFifthStep,\r\n event: () => this.stepClicked.emit(4),\r\n },\r\n {\r\n state: this.sixthStepState,\r\n status: this.sixthStepStatus,\r\n label: this.sixthStepLabel,\r\n supportingText: this.sixthStepSupportingText,\r\n show: this.showSixthStep,\r\n event: () => this.stepClicked.emit(5),\r\n },\r\n {\r\n state: this.seventhStepState,\r\n status: this.seventhStepStatus,\r\n label: this.seventhStepLabel,\r\n supportingText: this.seventhStepSupportingText,\r\n show: this.showSeventhStep,\r\n event: () => this.stepClicked.emit(6),\r\n },\r\n ];\r\n\r\n // Filter out steps that should be displayed\r\n const visibleSteps = steps.filter(step => step.show);\r\n\r\n return (\r\n <div class=\"vertical_stepper_div\">\r\n {this.type === 'icon' && (\r\n <>\r\n {visibleSteps.map((step, index) => (\r\n <gb-step-base\r\n size={this.size}\r\n type=\"icon_left\"\r\n state={step.state}\r\n status={step.status}\r\n connector={index === visibleSteps.length - 1 ? false : this.connector}\r\n label={step.label}\r\n supporting-text={step.supportingText}\r\n onClick={() => step.event()}\r\n ></gb-step-base>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-tab-button-base.entry.esm.js","sources":["src/components/gb-tab-button-base/gb-tab-button-base.css?tag=gb-tab-button-base&encapsulation=shadow","src/components/gb-tab-button-base/gb-tab-button-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n display: flex;\r\n}\r\n\r\n.tab_button_div{\r\n display: flex;\r\n /* align-self: stretch; */\r\n cursor: pointer;\r\n width: 100%;\r\n}\r\n\r\n.tab_button_div.horizontal{\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.tab_button_div.vertical{\r\n justify-content: flex-start;\r\n align-items: center;\r\n}\r\n\r\n.tab_text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_primary,\r\n.tab_button_div.button_gray,\r\n.tab_button_div.button_white{\r\n display: inline-flex;\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n.rounded_button_white{\r\n display: inline-flex;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.underline,\r\n.underline_filled,\r\n.line{\r\n display: inline-flex;\r\n border-radius: var(--rounded-none);\r\n}\r\n\r\n/* Spacing Styles */\r\n.button_primary,\r\n.button_gray,\r\n.button_white,\r\n.rounded_button_white,\r\n.underline_filled,\r\n.line{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.underline{\r\n gap: 0.5rem;\r\n}\r\n\r\n/* Tab Type Styles */\r\n.tab_button_div.button_primary,\r\n.tab_button_div.button_gray,\r\n.tab_button_div.button_white,\r\n.tab_button_div.rounded_button_white,\r\n.tab_button_div.underline_filled,\r\n.tab_button_div.line{\r\n background: transparent;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_white.current{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n/* Tab State Styles */\r\n.tab_button_div.button_primary:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_primary:active{\r\n background: transparent;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_gray:hover,\r\n.tab_button_div.button_white:hover,\r\n.tab_button_div.rounded_button_white:hover{\r\n background: var(--color-background-gray-subtle, #E3E8EF);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_gray:active,\r\n.tab_button_div.button_white:active,\r\n.tab_button_div.rounded_button_white:active{\r\n background: transparent;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.underline:hover,\r\n.tab_button_div.underline_filled:hover{\r\n border-bottom: 1px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.underline:active,\r\n.tab_button_div.underline_filled:active{\r\n background: transparent;\r\n border: none;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.line:hover{\r\n border-radius: var(--rounded-xs);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.tab_button_div.line:active{\r\n border-radius: var(--rounded-none);\r\n background: transparent;\r\n}\r\n\r\n.tab_button_div.button_primary.current:hover{\r\n background: var(--color-background-information-subtler, #C8E0F9);\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.tab_button_div.button_primary.current:active{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.button_gray.current:hover,\r\n.tab_button_div.button_white.current:hover,\r\n.tab_button_div.rounded_button_white.current:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_gray.current:active{\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_white.current:active,\r\n.tab_button_div.rounded_button_white.current:active{\r\n background: var(--color-background-card, #FFFFFF);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.underline.current:hover{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-information, #064E94);\r\n border-color: var(--color-border-information, #064E94);\r\n}\r\n\r\n.tab_button_div.underline.current:active{\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.underline_filled.current:hover{\r\n background: var(--color-background-information-subtler, #C8E0F9);\r\n color: var(--color-text-information, #064E94);\r\n border-color: var(--color-border-information, #064E94);\r\n}\r\n\r\n.tab_button_div.underline_filled.current:active{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.line.current:hover{\r\n border-radius: var(--rounded-xs);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-information, #064E94);\r\n border-color: var(--color-border-information, #064E94);\r\n}\r\n\r\n.tab_button_div.line.current:active{\r\n border-radius: var(--rounded-none);\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-left: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n/* Tab Current Styles */\r\n.tab_button_div.button_primary.current{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.button_gray.current{\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_white.current,\r\n.tab_button_div.rounded_button_white.current{\r\n background: var(--color-background-card, #FFFFFF);\r\n color: var(--color-text-bold, #202939);\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.tab_button_div.underline.current{\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-bottom: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.underline_filled.current{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n border-bottom: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.line.current{\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-left: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n/* Tab Size Styles */\r\n.button_primary.sm,\r\n.button_gray.sm,\r\n.button_white.sm,\r\n.rounded_button_white.sm,\r\n.underline.sm{\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-4);\r\n}\r\n\r\n.underline_filled.sm,\r\n.line.sm{\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.button_primary.md,\r\n.button_gray.md,\r\n.button_white.md,\r\n.rounded_button_white.md,\r\n.underline.md,\r\n.underline_filled.md,\r\n.line.md{\r\n height: 2.75rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.button_primary.full_width.sm,\r\n.button_gray.full_width.sm,\r\n.button_white.full_width.sm,\r\n.rounded_button_white.full_width.sm{\r\n width: 100%;\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.underline.full_width.sm,\r\n.underline_filled.full_width.sm{\r\n width: 100%;\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.button_primary.full_width.md,\r\n.button_gray.full_width.md,\r\n.button_white.full_width.md,\r\n.rounded_button_white.full_width.md{\r\n width: 100%;\r\n height: 2.25rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.underline.full_width.md,\r\n.underline_filled.full_width.md{\r\n width: 100%;\r\n height: 2.25rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}","import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-tab-button-base',\r\n styleUrl: 'gb-tab-button-base.css',\r\n shadow: true,\r\n})\r\nexport class GbTabButtonBase {\r\n @Prop() current: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop() type: TabTypes;\r\n @Prop() tabName: string = '';\r\n @Prop() alignment: 'horizontal' | 'vertical';\r\n @Element() el: HTMLElement;\r\n @Event() tabClicked: EventEmitter<void>;\r\n\r\n getTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-medium';\r\n case 'md':\r\n return 'text-md-medium';\r\n }\r\n }\r\n\r\n getCurrentTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n getCountTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-medium';\r\n case 'md':\r\n return 'text-sm-medium';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const tabCount = this.el.querySelector('[slot=\"count\"]');\r\n\r\n if(tabCount) {\r\n tabCount.classList.add(this.getCountTextClasses());\r\n }\r\n }\r\n\r\n handleClick() {\r\n this.tabClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div \r\n class={`tab_button_div ${this.type}\r\n ${this.current ? 'current' : ''} \r\n ${this.fullWidth ? 'full_width' : ''} \r\n ${this.size}\r\n ${this.alignment}`} \r\n onClick={() => this.handleClick()}\r\n >\r\n <p class={`${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}`}>{this.tabName}</p>\r\n {this.badge && (\r\n <gb-badge\r\n size=\"sm\"\r\n type=\"pill_color\"\r\n color={\r\n this.current && this.type === 'button_primary'\r\n ? 'information'\r\n : this.current && this.type === 'underline'\r\n ? 'information'\r\n : this.current && this.type === 'underline_filled'\r\n ? 'information'\r\n :\r\n this.current && this.type === 'line'\r\n ? 'information'\r\n : 'gray'\r\n }\r\n >\r\n <slot name=\"count\"></slot>\r\n </gb-badge>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,+84EAA+84E;;MCQ794E,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAExB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AA8E7B;IAzEC,cAAc,GAAA;AACZ,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,gBAAgB;AACzB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,gBAAgB;;;IAI7B,qBAAqB,GAAA;AACnB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,mBAAmB;AAC5B,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,mBAAmB;;;IAIhC,mBAAmB,GAAA;AACjB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,gBAAgB;AACzB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,gBAAgB;;;IAI7B,gBAAgB,GAAA;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;QAExD,IAAG,QAAQ,EAAE;YACT,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;;;IAIxD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;;IAGxB,MAAM,GAAA;AACJ,QAAA,QACE,CACA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAkB,eAAA,EAAA,IAAI,CAAC,IAAI,CAAA;QAChC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,CAAA;QAC7B,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,EAAE,CAAA;AAClC,MAAA,EAAA,IAAI,CAAC,IAAI,CAAA;QACT,IAAI,CAAC,SAAS,CAAE,CAAA,EAClB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAA,EAE/B,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,IAAG,IAAI,CAAC,OAAO,CAAK,EACxI,IAAI,CAAC,KAAK,KACT,iEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,KAAK,EACH,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK;AAC5B,kBAAE;kBACA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK;AAChC,sBAAE;sBACA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK;AAChC,0BAAE;;AAEF,4BAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK;AAC9B,kCAAE;kCACA,MAAM,EAAA,EAGZ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAA,CAAQ,CACjB,CACZ,CACG;;;;;;;;"}
|