globuswebcomponents 2.6.21 → 2.7.1
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-action-panel_76.cjs.entry.js +54 -25
- package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
- package/dist/cjs/gb-slider.cjs.entry.js +1 -1
- package/dist/cjs/gb-step-base.cjs.entry.js +1 -1
- package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js +1 -1
- package/dist/cjs/gb-stepper-horizontal-icons-connected.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 +1 -1
- package/dist/cjs/gb-table-cell.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-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/test-input-tag.cjs.entry.js +2 -2
- package/dist/collection/assets/link-square-01.svg +3 -0
- package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.css +99 -8
- package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js +74 -4
- package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js.map +1 -1
- package/dist/collection/components/gb-slider/gb-slider.js +1 -1
- package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
- package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
- package/dist/collection/components/gb-step-base/gb-step-base.js +1 -1
- package/dist/collection/components/gb-step-icon-base/gb-step-icon-base.js +1 -1
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -1
- package/dist/collection/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.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-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js +1 -1
- package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js +1 -1
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
- package/dist/collection/components/gb-table-cell/gb-table-cell.js +1 -1
- package/dist/collection/components/gb-table-header/gb-table-header.js +1 -1
- package/dist/collection/components/gb-tag/gb-tag.js +1 -1
- package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
- package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
- package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
- package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js +3 -3
- package/dist/collection/components/gb-theme-tab/gb-theme-tab.js +1 -1
- package/dist/collection/components/gb-toast/gb-toast.js +1 -1
- package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
- package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
- package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
- package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js +1 -1
- package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +2 -2
- package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
- package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js +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/components/gb-action-panel.js +2 -2
- package/dist/components/gb-approval-modal.js +12 -12
- package/dist/components/gb-avatar-add-button.js +1 -1
- package/dist/components/gb-avatar-dropdown.js +1 -1
- package/dist/components/gb-avatar-group.js +4 -4
- package/dist/components/gb-avatar-label-group.js +1 -1
- package/dist/components/gb-avatar-profile-photo.js +2 -2
- package/dist/components/gb-avatar.js +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-button.js +1 -1
- package/dist/components/gb-checkbox-group-item.js +1 -1
- package/dist/components/gb-checkbox-group.js +5 -5
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-comment.js +2 -2
- package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
- package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
- package/dist/components/gb-detail-cell.js +5 -5
- package/dist/components/gb-empty-state.js +2 -2
- package/dist/components/gb-file-upload-item-base.js +1 -1
- package/dist/components/gb-file-upload.js +4 -4
- package/dist/components/gb-filter-button.js +1 -1
- package/dist/components/gb-header.js +18 -18
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +4 -4
- package/dist/components/gb-icon-button-base.js +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-metric-card.js +3 -3
- package/dist/components/gb-modal-action.js +1 -1
- package/dist/components/gb-nav-bar-item.js +1 -1
- package/dist/components/gb-nav-bar-sidemenu.js +5 -5
- package/dist/components/gb-nav-bar.js +2 -2
- package/dist/components/gb-notification-pane.js +1 -1
- package/dist/components/gb-pagination.js +13 -13
- package/dist/components/gb-password-button.js +1 -1
- package/dist/components/gb-progress-bar.js +1 -1
- package/dist/components/gb-prompt-modal.js +2 -2
- package/dist/components/gb-sidebar.js +8 -8
- package/dist/components/gb-simple-side-bar-item.js +1 -1
- package/dist/components/gb-slider-control-handle.js +1 -1
- package/dist/components/gb-slider.js +3 -3
- package/dist/components/gb-status-indicator.js +1 -1
- package/dist/components/gb-step-base.js +1 -1
- package/dist/components/gb-step-icon-base.js +1 -1
- package/dist/components/gb-stepper-horizontal-icons-centered.js +3 -3
- package/dist/components/gb-stepper-horizontal-icons-connected.js +1 -1
- package/dist/components/gb-stepper-horizontal-line-with-text.js +3 -3
- package/dist/components/gb-stepper-horizontal-minimal-icons.js +2 -2
- package/dist/components/gb-stepper-vertical-icons-with-text.js +3 -3
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-table-cell.js +1 -1
- package/dist/components/gb-table-header.js +16 -16
- 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 +1 -1
- package/dist/components/gb-theme-tab.js +1 -1
- package/dist/components/gb-toast-button.js +1 -1
- package/dist/components/gb-toast.js +4 -4
- package/dist/components/gb-toggle-base.js +1 -1
- package/dist/components/gb-toggle.js +2 -2
- package/dist/components/gb-token-field-compact.js +1 -1
- package/dist/components/gb-token-field-compressed.js +2 -2
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-vertical-tabs.js +1 -1
- package/dist/components/gb-wysiwyg-editor-icon.js +1 -1
- package/dist/components/gb-wysiwyg-tooltip.js +2 -2
- package/dist/components/{p-ClXamGR5.js → p-1cJz-T9N.js} +4 -4
- package/dist/components/{p-ClXamGR5.js.map → p-1cJz-T9N.js.map} +1 -1
- package/dist/components/{p-ycvY3d5Z.js → p-8rV42Wnl.js} +3 -3
- package/dist/components/{p-ycvY3d5Z.js.map → p-8rV42Wnl.js.map} +1 -1
- package/dist/components/{p-D17r2sEx.js → p-B1rwnxgE.js} +3 -3
- package/dist/components/{p-D17r2sEx.js.map → p-B1rwnxgE.js.map} +1 -1
- package/dist/components/{p-DNZe5Vow.js → p-B41fVK4O.js} +42 -10
- package/dist/components/p-B41fVK4O.js.map +1 -0
- package/dist/components/{p-BNsXNBjc.js → p-B6fbe1qF.js} +6 -6
- package/dist/components/{p-BNsXNBjc.js.map → p-B6fbe1qF.js.map} +1 -1
- package/dist/components/{p-CbvFmyN4.js → p-BHBwyin7.js} +3 -3
- package/dist/components/{p-CbvFmyN4.js.map → p-BHBwyin7.js.map} +1 -1
- package/dist/components/{p-DFl_Vm-4.js → p-BTPEHvsn.js} +3 -3
- package/dist/components/{p-DFl_Vm-4.js.map → p-BTPEHvsn.js.map} +1 -1
- package/dist/components/{p-Di0-lmQZ.js → p-BedDyrrw.js} +4 -4
- package/dist/components/{p-Di0-lmQZ.js.map → p-BedDyrrw.js.map} +1 -1
- package/dist/components/{p-C4TLf1gY.js → p-ByS5YU1I.js} +8 -8
- package/dist/components/{p-C4TLf1gY.js.map → p-ByS5YU1I.js.map} +1 -1
- package/dist/components/{p-DzWMYldJ.js → p-C3iE1m9f.js} +3 -3
- package/dist/components/{p-DzWMYldJ.js.map → p-C3iE1m9f.js.map} +1 -1
- package/dist/components/{p-Cl3VBzhu.js → p-C9uK9anm.js} +3 -3
- package/dist/components/{p-Cl3VBzhu.js.map → p-C9uK9anm.js.map} +1 -1
- package/dist/components/{p-CTj_6CFb.js → p-CS-RzLDM.js} +3 -3
- package/dist/components/{p-CTj_6CFb.js.map → p-CS-RzLDM.js.map} +1 -1
- package/dist/components/{p-BMoJT72G.js → p-C_7QVtIw.js} +3 -3
- package/dist/components/{p-BMoJT72G.js.map → p-C_7QVtIw.js.map} +1 -1
- package/dist/components/{p-QQMD9lyS.js → p-CoMk2syw.js} +3 -3
- package/dist/components/{p-QQMD9lyS.js.map → p-CoMk2syw.js.map} +1 -1
- package/dist/components/{p-BhZ9gO-e.js → p-Cy1G7n3s.js} +12 -12
- package/dist/components/{p-BhZ9gO-e.js.map → p-Cy1G7n3s.js.map} +1 -1
- package/dist/components/{p-B-cu_ylY.js → p-D2e3sFp9.js} +5 -5
- package/dist/components/{p-B-cu_ylY.js.map → p-D2e3sFp9.js.map} +1 -1
- package/dist/components/{p-CyxVWv20.js → p-DBoMRG-i.js} +4 -4
- package/dist/components/{p-CyxVWv20.js.map → p-DBoMRG-i.js.map} +1 -1
- package/dist/components/{p-D2bypnF7.js → p-DCQ53BF9.js} +3 -3
- package/dist/components/{p-D2bypnF7.js.map → p-DCQ53BF9.js.map} +1 -1
- package/dist/components/{p-CG8DbGtu.js → p-DI9ghOLU.js} +3 -3
- package/dist/components/{p-CG8DbGtu.js.map → p-DI9ghOLU.js.map} +1 -1
- package/dist/components/{p-BvZIc1VI.js → p-DIx475zM.js} +3 -3
- package/dist/components/{p-BvZIc1VI.js.map → p-DIx475zM.js.map} +1 -1
- package/dist/components/{p-4OOjC1er.js → p-DLTE2tVh.js} +4 -4
- package/dist/components/{p-4OOjC1er.js.map → p-DLTE2tVh.js.map} +1 -1
- package/dist/components/{p-BL3HoZ2Q.js → p-DWblEm0D.js} +13 -13
- package/dist/components/{p-BL3HoZ2Q.js.map → p-DWblEm0D.js.map} +1 -1
- package/dist/components/{p-BM7k30uX.js → p-D_fAkkfC.js} +4 -4
- package/dist/components/{p-BM7k30uX.js.map → p-D_fAkkfC.js.map} +1 -1
- package/dist/components/{p-CzpMi2Ey.js → p-D_tgDgR2.js} +7 -7
- package/dist/components/{p-CzpMi2Ey.js.map → p-D_tgDgR2.js.map} +1 -1
- package/dist/components/{p-Js2rzLFz.js → p-DdgP4Uzy.js} +8 -8
- package/dist/components/{p-Js2rzLFz.js.map → p-DdgP4Uzy.js.map} +1 -1
- package/dist/components/{p-DFF4ussj.js → p-DeX6xcj4.js} +5 -5
- package/dist/components/{p-DFF4ussj.js.map → p-DeX6xcj4.js.map} +1 -1
- package/dist/components/{p-cCTNzWg9.js → p-DfrRBQ7g.js} +4 -4
- package/dist/components/{p-cCTNzWg9.js.map → p-DfrRBQ7g.js.map} +1 -1
- package/dist/components/{p-sotltPnn.js → p-DgLzhATT.js} +4 -4
- package/dist/components/{p-sotltPnn.js.map → p-DgLzhATT.js.map} +1 -1
- package/dist/components/{p-2dfyGxAA.js → p-Dx_pgvGO.js} +3 -3
- package/dist/components/{p-2dfyGxAA.js.map → p-Dx_pgvGO.js.map} +1 -1
- package/dist/components/{p-Bmg-QP0k.js → p-DzyraiP1.js} +14 -14
- package/dist/components/{p-Bmg-QP0k.js.map → p-DzyraiP1.js.map} +1 -1
- package/dist/components/{p-DaLqa3xy.js → p-KHIQLncO.js} +4 -4
- package/dist/components/{p-DaLqa3xy.js.map → p-KHIQLncO.js.map} +1 -1
- package/dist/components/{p-IiVhqd54.js → p-PUj1CDrx.js} +3 -3
- package/dist/components/{p-IiVhqd54.js.map → p-PUj1CDrx.js.map} +1 -1
- package/dist/components/{p-CphytsDo.js → p-SeHWG1Po.js} +4 -4
- package/dist/components/{p-CphytsDo.js.map → p-SeHWG1Po.js.map} +1 -1
- package/dist/components/{p-BxOhNcI-.js → p-YDy7AsIZ.js} +3 -3
- package/dist/components/{p-BxOhNcI-.js.map → p-YDy7AsIZ.js.map} +1 -1
- package/dist/components/{p-UTnw0K3Z.js → p-aSxp1Y_O.js} +9 -9
- package/dist/components/{p-UTnw0K3Z.js.map → p-aSxp1Y_O.js.map} +1 -1
- package/dist/components/{p-BIZJMi3r.js → p-e2LApsjl.js} +3 -3
- package/dist/components/{p-BIZJMi3r.js.map → p-e2LApsjl.js.map} +1 -1
- package/dist/components/{p--yTC9FTD.js → p-lAtax3Pi.js} +3 -3
- package/dist/components/{p--yTC9FTD.js.map → p-lAtax3Pi.js.map} +1 -1
- package/dist/components/{p-DEOwKVSS.js → p-vOKR32Pz.js} +7 -7
- package/dist/components/{p-DEOwKVSS.js.map → p-vOKR32Pz.js.map} +1 -1
- package/dist/components/{p-_KWkgCZp.js → p-zSZ68c1p.js} +3 -3
- package/dist/components/{p-_KWkgCZp.js.map → p-zSZ68c1p.js.map} +1 -1
- package/dist/components/test-input-tag.js +9 -9
- package/dist/docs.json +63 -5
- package/dist/esm/gb-action-panel_76.entry.js +54 -25
- package/dist/esm/gb-slider-control-handle.entry.js +1 -1
- package/dist/esm/gb-slider.entry.js +1 -1
- package/dist/esm/gb-step-base.entry.js +1 -1
- package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js +1 -1
- package/dist/esm/gb-stepper-horizontal-icons-connected.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 +1 -1
- package/dist/esm/gb-table-cell.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-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/test-input-tag.entry.js +2 -2
- package/dist/globuscomponents/assets/link-square-01.svg +3 -0
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-3d83784c.entry.js → p-0c96b57b.entry.js} +2 -2
- package/dist/globuscomponents/{p-9ad95a7f.entry.js → p-33371921.entry.js} +2 -2
- package/dist/globuscomponents/{p-7f63f435.entry.js → p-37db3066.entry.js} +2 -2
- package/dist/globuscomponents/{p-2185c841.entry.js → p-39743958.entry.js} +2 -2
- package/dist/globuscomponents/{p-ed8c93a1.entry.js → p-56113c0d.entry.js} +2 -2
- package/dist/globuscomponents/p-56113c0d.entry.js.map +1 -0
- package/dist/globuscomponents/{p-871f3fdd.entry.js → p-7532dc88.entry.js} +2 -2
- package/dist/globuscomponents/p-889d788a.entry.js +2 -0
- package/dist/globuscomponents/{p-863e7132.entry.js → p-9015ac41.entry.js} +2 -2
- package/dist/globuscomponents/p-b898b328.entry.js +2 -0
- package/dist/globuscomponents/{p-f05e0123.entry.js → p-bb0e30e7.entry.js} +2 -2
- package/dist/globuscomponents/{p-e7419d13.entry.js → p-bbcf9ec2.entry.js} +2 -2
- package/dist/globuscomponents/{p-f7d91fec.entry.js → p-c071df47.entry.js} +2 -2
- package/dist/globuscomponents/{p-440d82f8.entry.js → p-c8981810.entry.js} +2 -2
- package/dist/globuscomponents/{p-0a36da0b.entry.js → p-e50c3c5f.entry.js} +2 -2
- package/dist/types/components/gb-simple-side-bar-item/gb-simple-side-bar-item.d.ts +5 -1
- package/dist/types/components.d.ts +20 -4
- package/package.json +1 -1
- package/dist/components/p-DNZe5Vow.js.map +0 -1
- package/dist/globuscomponents/p-09b6e321.entry.js +0 -2
- package/dist/globuscomponents/p-9a7a1346.entry.js +0 -2
- package/dist/globuscomponents/p-ed8c93a1.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-3d83784c.entry.js.map → p-0c96b57b.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9ad95a7f.entry.js.map → p-33371921.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-7f63f435.entry.js.map → p-37db3066.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-2185c841.entry.js.map → p-39743958.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-871f3fdd.entry.js.map → p-7532dc88.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-09b6e321.entry.js.map → p-889d788a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-863e7132.entry.js.map → p-9015ac41.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-9a7a1346.entry.js.map → p-b898b328.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f05e0123.entry.js.map → p-bb0e30e7.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-e7419d13.entry.js.map → p-bbcf9ec2.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-f7d91fec.entry.js.map → p-c071df47.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-440d82f8.entry.js.map → p-c8981810.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-0a36da0b.entry.js.map → p-e50c3c5f.entry.js.map} +0 -0
|
@@ -8,7 +8,7 @@ export class GbStatusIndicator {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
return [
|
|
11
|
-
h("div", { key: '
|
|
11
|
+
h("div", { key: '7c45f76a53090e5f78c930b9565ab63da22ce10d' }, this.statusIcon === 'online_indicator' && h("div", { key: 'a834831510d03dce550feb147087c1bccf140a7a', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '8dc322b87ad914c29c6c40462ca614319501bfca', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'c2937e9e7d58f0bb462609d43f63c0ccac2496b2', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'c28bbb6754a06c41fa8e8de2156d2797f96c3202', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'bb57e7a88fd44f215e236b3100e0461299939978', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'f384f1bf4c9768823e263b21a25656423685ac24' }, h("clipPath", { key: 'c7c87df15509199603f05781e917bb203f7c8538', id: "clip0_0_21453" }, h("rect", { key: '5aec27ac39b0fadb63fb21a5e24eca98a89a4a60', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '992d02c8ae1cd4286464d92e7751193862f48c5a', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '3ba71f8d7c849c7452108c9912d33fee6e912aaa', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '488e6f1c33a0cacaa1202def3ce95a374bf39842', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
|
|
12
12
|
];
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-status-indicator"; }
|
|
@@ -38,7 +38,7 @@ export class GbStepBase {
|
|
|
38
38
|
this.internalState = newValue;
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '
|
|
41
|
+
return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '6a81c22678cf7f791baa2c5b0f262a9dc0a8dc1e', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '91de24632521ac4d469673bf0f6f81ce0b06f71f', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: 'ccf0427bd2dea7cbf7be74e86c916f1ec22260bf', class: `text_line_div_content` }, h("p", { key: '868367dfcb2ce3ca255470b9762603e107080b80', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: 'eb9154663de22dd5c46534e4ae49a12eaec2f709', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '42b7e7e1ba8a6c638bae1a639c7645b7b965cd9a', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '03b218fe9942c44165505c316290070bcfb50313', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '10d22ef76dc3e6552287144fc7dfae471957674f', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '0206f69e313aec6a262f011fe417b1e2d02657d9', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'cc4aeed6393b73d4985bd7f82904efed80efa212', class: `icon_left_div ${this.size}` }, h("div", { key: '832c66beea7a0ca4f5adda814909facb2d74b8a2', class: "connector_wrap" }, h("gb-step-icon-base", { key: '3783df0cf3e9a0d28015c05fde32b8bd4c35c9e0', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '5a5651551f4be22ddccd1c738f5c3fcd66296b99', class: "connector_div" }, h("div", { key: '9eefd0ef3a1c54f5892992ae82260ce51739a521', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '7eb805fa83cc543d14998ac9cbc8cdea49edad72', class: "icon_left_text" }, h("p", { key: 'c6cd49e8c96d295c1b98f92658ee17be7ded1127', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '64e96d624d72b19372cb518f1c334b33fbe3f0c0', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '602970a4acfc1a07d6762e78cdfebe3d7a6d9898', class: `icon_top_div ${this.size}` }, h("div", { key: '2e258c1beb978c1524eb0181f278c1688e204d0b', class: "step_icon_div" }, h("div", { key: 'b6550196ca4d5b215efe30da4c56a3189985b13d', class: "step_icon" }, h("div", { key: '660d3ccbcfa8f88a811c028799f3a052d91e3526', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'c0eea966154c3a480daa15bf2498a217a6b1678e', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'd87695d25a0d0369b7a206a1cbd2bc50401414ee', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '1cdd895b5d169eb91b1803bb117b2d59efde307c', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '92a2c311c793750592dfe2c0dfce3d4a8b32450b', class: "icon_top_content" }, h("p", { key: '8b26112fe00f023709f4a0757ed69aaa6f0b188a', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '368bc2a0a418abbae79db373c561e8b2d0d1cab8', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'e1be698150d1d0e68325696c9b7421ab47bf269c', class: "featured_icon_left_div" }, h("div", { key: '9f0a6ca852b6e474710149011d47abd0b250b5d4', class: "connector_wrap" }, h("gb-featured-icon", { key: '14fec669653ac47b2abbb6bc35aeeb0c79b2c01b', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '1f32af7cd6a2049ed4e559adaf3f37b3b15acae9', class: "connector_div" }, h("div", { key: 'dff852957c59836756b23b2c71538cb9a01010fc', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: 'a3954c3db5416a6b52c304e8d964905e19642c11', class: "featured_icon_left_content" }, h("p", { key: '315fa8eb45a33f7df548843578721b90cef50287', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '31830664c057e3f7112a46c7bbfd7324a98334a0', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "gb-step-base"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,7 +11,7 @@ export class GbStepIconBase {
|
|
|
11
11
|
this.internalState = newValue;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: '50788adc7e7c29be5a3ab9a7c5b257a3d958f64a', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '6cb21f794112bff65f40e43b30f16cd5191fdf36', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'baa7f143c033e38641568331399796257367df35', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '97e25e3c101370685d53c8d7098dab1e2b92c064', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "gb-step-icon-base"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -29,7 +29,7 @@ export class GbStepperHorizontalIconsCentered {
|
|
|
29
29
|
];
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '
|
|
32
|
+
return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'db75c87dfce1a8b9e8b85fbaa8c80fa88d84bd13', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'cfbbc56fe24c97ca6ecf07eb3a2b9223b483610d', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '3c66246e4b2bb97c71cb31122d37ff88fc6f4102', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'c0ff65b51b5e3da3b88e32a9b47156e564805232', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "gb-stepper-horizontal-icons-centered"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -21,7 +21,7 @@ export class GbStepperHorizontalIconsCentered {
|
|
|
21
21
|
];
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h("div", { key: '
|
|
24
|
+
return (h("div", { key: 'a728f1e732704bb6bd3f583c75d8f1944f060d2d', class: "icons_centered_container" }, h("div", { key: '0006aa5304cd04a960590aba6e5011f1ac6585ad', class: "icons_centered_div" })));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "gb-stepper-horizontal-icons-connected"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
@@ -41,7 +41,7 @@ export class GbStepperHorizontalLineWithText {
|
|
|
41
41
|
this.showSupportingText = this.width < 768 ? false : true;
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h("div", { key: '
|
|
44
|
+
return (h("div", { key: '31f92bc5f9f0919a1e460d51f9bbaf40a27b03bd', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "gb-stepper-horizontal-line-with-text"; }
|
|
47
47
|
static get encapsulation() { return "shadow"; }
|
|
@@ -26,7 +26,7 @@ export class GbStepperHorizontalMinimalIcons {
|
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
28
|
const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: '02344870204dc425d4759dd18ff586da17b1e253', class: `minimai_icons_container ${this.position}` }, h("div", { key: 'bba82fa8f446f6f6480d056349dde0ddb1da586e', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '246ac5adbdbc56b1b56a39db601eedb6409d807b', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '37010100971b32b1bd08d2f468c7c1931a83f841', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "gb-stepper-horizontal-minimal-icons"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -31,7 +31,7 @@ export class GbstepperVerticalIconsWithText {
|
|
|
31
31
|
this.stepClicked.emit(index);
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h("div", { key: '
|
|
34
|
+
return (h("div", { key: '061f11c511790f3a94aedff3ed7c1440ab1651c8', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
|
|
35
35
|
}
|
|
36
36
|
static get is() { return "gb-stepper-vertical-icons-with-text"; }
|
|
37
37
|
static get encapsulation() { return "shadow"; }
|
|
@@ -40,11 +40,11 @@ export class GbTabButtonBase {
|
|
|
40
40
|
this.tabClicked.emit();
|
|
41
41
|
}
|
|
42
42
|
render() {
|
|
43
|
-
return (h("div", { key: '
|
|
43
|
+
return (h("div", { key: '818bc8305a768be38627d2bacddedd6bfae9353a', class: `tab_button_div ${this.type}
|
|
44
44
|
${this.current ? 'current' : ''}
|
|
45
45
|
${this.fullWidth ? 'full_width' : ''}
|
|
46
46
|
${this.size}
|
|
47
|
-
${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '
|
|
47
|
+
${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'dcbf568e9221b1dbf328d1a595ccdd8edc149d95', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '151fb5488fa856e5db4907107681bb530a977a20', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
|
|
48
48
|
? 'information'
|
|
49
49
|
: this.current && this.type === 'underline'
|
|
50
50
|
? 'information'
|
|
@@ -53,7 +53,7 @@ export class GbTabButtonBase {
|
|
|
53
53
|
:
|
|
54
54
|
this.current && this.type === 'line'
|
|
55
55
|
? 'information'
|
|
56
|
-
: 'gray' }, h("slot", { key: '
|
|
56
|
+
: 'gray' }, h("slot", { key: '1914cb6cf5f46cda0bed3dfb2e840c9b7f2f5486', name: "count" })))));
|
|
57
57
|
}
|
|
58
58
|
static get is() { return "gb-tab-button-base"; }
|
|
59
59
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class GbTableCell {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: 'e93943441075b6f03374c0a52d582b7d910833f4', class: "table_cell_div" }));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "gb-table-cell"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -100,7 +100,7 @@ export class GbTableHeader {
|
|
|
100
100
|
document.removeEventListener('click', this.handleClickOutside);
|
|
101
101
|
}
|
|
102
102
|
render() {
|
|
103
|
-
return (h("div", { key: '
|
|
103
|
+
return (h("div", { key: '889b7ea899b2f7977d5259474cf46eaff1d3e510', class: "table_header_div" }, this.tableHeading && h("p", { key: '0e0a1f9c640954c640205c38d6e5004392241ae8', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: 'de4eb8633fd72f522c1accea90f2e16e14630efd', class: "date_filters" }, h("div", { key: 'c458d4c87746f315e23e34da59ce375816df7d1f', class: "date_dropdown" }, h("gb-input-dropdown", { key: '1d6656ae4166345b0437ee75716055b951583ace', "show-placeholder": "true", placeholder: "Select a period", size: "sm", state: "default", type: "icon_leading", color: "blue", "show-leading-icon": "true", "leading-icon": "assets/calendar-02.svg", "menu-position": "bottom", icon: "false", items: this.dateItems, onDropdownItemSelected: this.extractDropdownItemSelected.bind(this) }, h("h1", { key: '63c921c426216231d4bb9b681867e5bc2aba1a4d', slot: "initials" }, "EK"), h("p", { key: 'ac6fe169761345df73fd9469d214ae64f95795ec', slot: "tooltip_label" }, "This is a label"), h("p", { key: 'bd7870987e7efc141934ab703c30a2041c24a942', slot: "tooltip_supporting_text" }, "This is a supporting text for the tooltip"))), this.isDatePickerShown && (h("div", { key: 'b1d10022213ba68790108d9ece5c963110a07a97', class: "date_input" }, h("gb-date-picker", { key: '729bd1a33baae56e9b706eada2512cc9510e7f55', mode: this.mode, placeholder: this.datePickerPlaceholder, onDateChange: this.emitDateSelected.bind(this) }))))), h("div", { key: '5841c213d5bc9d4a0b467978c5a9e3dbd0e60681', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '5841f9bebee00622049f20aa0f5bf22f54623c8c', class: "input_field" }, h("gb-input-field", { key: '2a29413d157013ef4b49851c6c56251a2f36ce1a', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'ed025935ec622b11bbf5925fc7c866f3b364ed7e', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '447f14237a669c255923efbb195276d463d5105f', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '68246d9c990ff7c03de0147517b3c8591603a400', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'dd10d11e87f7c8157f9356ea2bebfcbcb74e4128' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '5013627e6f79cf30e6ed87d09b33ccb5def58f1b', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '1ec37b061317ba3e40c44959f3a17b7db6f5d7b4', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'aedd67da2bd9b973bbc8cd7b458747d3890c4a22', class: "export" }, h("gb-button", { key: '0e7e3b63e044d2aeb752410d1379c6f82ecf8786', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '42d1666e19a5b2bd3a7939dea3008435e45e9d7f' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '0bc023b1b229b3c9f2c98288536017ec89841556', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '5c67c763299e1f1f7cffa6636ebf400cb054e033', class: "refresh_button" }, h("gb-button", { key: 'f2c75ee910d15d7247fd66c1c33f66a5f31be68f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
|
|
104
104
|
}
|
|
105
105
|
static get is() { return "gb-table-header"; }
|
|
106
106
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,7 +22,7 @@ export class GbTag {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const flagSwap = getAssetPath(`${this.flagSwap}`);
|
|
25
|
-
return (h("div", { key: '
|
|
25
|
+
return (h("div", { key: 'ac000cd749469ee6f9992d46224d0bfe4123bc51', class: `container ${this.size} ${this.action}` }, h("div", { key: '3e7e05123e813658bf7b1c37412b5e6de39fc056', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '312c38e32e61d23bde2c0f620e8b8d1174e8d1b4', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '0a757126677b15a4430effc735846c0df714049a', class: "icon left-icon" }, h("img", { key: 'aca0f1b2c8813c348f73f147712dcda5fa9f61a6', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'dfd712fceaa4f1b009659773289e6c3b43e3029b', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'f866bf2c9c1c38d18573dd42c6e7ed5c45ca7e16', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: 'e8274ea192ecf6c51c2e9d7a0fd68a2fddd7d1ae', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '14b90a4b8a41f13d90b0ce6b23246631643f37af', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '45eea6a38b689cf8200c089feb2d482ae97951fa', class: "label" }, h("slot", { key: '5e96183b81538062bfe843a7326162a8d4173252' })), this.action === 'count' && (h("gb-tag-count", { key: '1666523150df0dfde98d5098727ed7cc67b0bbd0', size: this.size }, h("slot", { key: 'd121f8e800a4f076cc2e4ed604b419d8eb02cf6c', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'f35884a445aac7ef5216db4d17006bdbebde5b71', size: this.size, onClick: () => this.onTagClose() })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "gb-tag"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export class GbTagCheckbox {
|
|
|
6
6
|
this.disabled = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h("label", { key: '
|
|
9
|
+
return (h("label", { key: '52c331cedf61369353d95a2419df8ad6fac4d842', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '8f21eac6a6456daa39aa8aeb6d1fd94296c62f76', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '2ae86545adbb3aa1b1566fa6c3fdea31f07f4092', class: `custom-checkbox ${this.size}` }, h("svg", { key: '369edb2dd9654cdcd28304d58a4e351554fbdf29', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'a573c5836af2af394b88a06cdbf0da3b7f39082c', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "gb-tag-checkbox"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class GbTagClose {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '44aadf100fdc8861e25c632edad9b2fe2f280cd6', class: this.size }, h("svg", { key: '4e3439e5112815b2ee77f5c975079999278193ee', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '5a3c47dc5eac722e06073d68e61e1a985077a47c', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "gb-tag-close"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class GbTagCount {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '1d8bd87aeba92db7b69f2ea453788cd1df9c8a72', class: this.size }, h("slot", { key: 'cd0e489d68db8209234834916957d77c7ae0cecb', name: "count" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "gb-tag-count"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -203,12 +203,12 @@ export class GbTextareaInputField {
|
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
render() {
|
|
206
|
-
return (h("div", { key: '
|
|
206
|
+
return (h("div", { key: '3ce73710e1e9e65fa1626ded90645109294a2a96', class: "textarea_container" }, h("div", { key: '177f838cbd2d4ebe64e62ebb853e682bd2567978', class: "input_with_label" }, this.showLabel && h("p", { key: '02df7def105883e37cf9f19fde333c02cd4a9982', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '746e693eda4ece0c65c427798237cec46c103357', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '8e60f520f5aa6105866e77e5bd4d9718cd0e69ca', class: "textarea_tags" }, h("div", { key: '26aa9fe72a179c5c2693a103614255ced9e2aed6', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'fe9e7d5616b0723a5fd43fb1cc671b03115704a4', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
|
|
207
207
|
.split(' ')
|
|
208
208
|
.map(part => part.charAt(0).toUpperCase())
|
|
209
|
-
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '
|
|
209
|
+
.join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '7c37c52ea661118dd3639f264e2d9ec36ebfa1d5', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || ' '), h("div", { key: 'c62336846db61faa8a4736e307ed3ab8f3aa6769', class: "input_field" }, h("input", { key: '3c24bb40700bf0dfee85a582091759f6c828a3c7', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
|
|
210
210
|
// placeholder={this.placeholderText}
|
|
211
|
-
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '
|
|
211
|
+
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '8df2d527ef6a32063d02fb696ef0dcab09cd7d96', class: "help_icon" }, h("svg", { key: 'd7df25edf4276e6ec16117dbfdcca70fa9736ba6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '7e71e0b6edf6e53bb07db638c67800734785139a', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'dbd0e090c3902f1adcb7e34548aa278ce1e1754a', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
|
|
212
212
|
? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
|
|
213
213
|
: typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
|
|
214
214
|
}
|
|
@@ -18,7 +18,7 @@ export class GbThemeTab {
|
|
|
18
18
|
const systemIconSrc = getAssetPath(`assets/laptop.svg`);
|
|
19
19
|
const sunSrc = getAssetPath(`assets/sun-02.svg`);
|
|
20
20
|
const moonSrc = getAssetPath(`assets/moon-02.svg`);
|
|
21
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: '3f8d14ae1d7f9f18809cdc7c5186680a018333f5', class: `theme_tab_div` }, h("div", { key: '4bee4e6217e31f5b5722f818351f52493af2ba57', class: "tab" }, h("gb-icon-button-base", { key: 'd0cae89eb3863e295896fdced0cd383fc582f120', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '45ea5412310d54163cd719c2398a31612827df33', class: "tab" }, h("gb-icon-button-base", { key: '53792a66e6eb789e96b98875167c5576c2e517a6', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'ff4ecb8f767c63334199a1e45135ebe68532b2c7', class: "tab" }, h("gb-icon-button-base", { key: '9e3beb38b6b543e1e41f5c121327bc18fa1efe45', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "gb-theme-tab"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -21,7 +21,7 @@ export class GbToast {
|
|
|
21
21
|
this.close.emit();
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h("div", { key: 'b4c06a7f838b7bae30895f83809d6ff3532ce729', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'c305efd6aced24124c0301822751e0910401401d', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '069dcb998b258a746bed1ebeb67af41a5fbac18e', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '9993edb8dc6cb2ab4e9e982158067d8d2d3e69d4', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'fe857deafe03de73dc845392e7e214b94900be0c', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '185d52aab02a2761af586b071e49e15a29ce340f', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '5bc566ee1e03d4fc05b41ff3ee92228abe4b1cae', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'b2cb24060117415ec240280c45545915dff5c488', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '3c22f9a51fe19cd549b059d12652aa75ff6cd875', class: `container ${this.breakpoint}` }, h("div", { key: 'de18281e756203f8f6bad3c0cfa4c6ce136ce0cd', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '74ea79441907003f8846f10d56c52a61104ddab5', class: `inner_content ${this.breakpoint}` }, h("div", { key: '8793f9ca0d36e41584a51f61b05d40eabe5df4d4', class: `icon_container` }, h("svg", { key: 'ea66a548887c5c7cb299ab0ab69357fb3d5487ec', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'a7ce0fc5a11164a9a004799872ecf2c3f55512c6', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '924d0eb933e6e5e8a0c72baf07310541e86d8da3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'db7f4edc6aa13a906437b91733f749c1e3cd2d19', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'c491a792b0a57dc844c05ea2795c3987b7d83a8d', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '0bbc8bd95cd6b32f66fcf2962552ec92d707bf49', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'ad87d1ce2fc31ee8654fd13d74b45552d827ee93', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '25837a8f124ed783bb0a27b8009584d110579484', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText))))))), this.xCloseButton && (h("gb-button-close", { key: '3ce96e9037d41498e6abc3ea6bb9a8e3ba1dd46b', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
|
|
24
|
+
return (h("div", { key: 'ce117c0841a63cc1e3c4aae7176a336d6814286c', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '65d723c9439677d98f57e4f8c55ea96dab48a7f9', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '483bcdf2faad65e6e9e890999ef7b286d5726bb5', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '8b5326a5bccc99f14317a234ad5e0bb867260fbc', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: '849fbfcc40506c0dcb51eb2ebec441aa5efeab88', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'e778522e9765ec6c898a95dc85ba6250e6985d2b', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '594f49aba55bfdb37f6a384fe32ceed4a22dbdb8', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'f89c44da0ef14451e9ff10ff1227ee69a968b6a9', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '19e0ef0b939b05b311fec9e5267e8fdbe0fc0387', class: `container ${this.breakpoint}` }, h("div", { key: '923b6f068b7911f28f146177774b1a55d2a3a181', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'cad8779f8b542cd139bd7fbe00276ae268078c6d', class: `inner_content ${this.breakpoint}` }, h("div", { key: '6bdd3864ee25df9cefa1c44dabffec67e8acfa33', class: `icon_container` }, h("svg", { key: '9f0c907901d2788371daa84ba87c5f6b9b1974fb', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '5662f0b516462fa0de5671bc8fe6df3ce0b9c78e', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '39d44767e33f2f784c562bfb16c0051f926895ed', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '2b03b8131525440c09cb1b7dc8b6ae1e41ec75d9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '36c045f2223850b994c0d26f8802aec9c24239d7', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'c2ed5da89ef5a3e16483e2c15ff4007207a1d48e', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '43d67c13b6fee498404dda650cd5de797f7679e7', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '85b2e5b0162063abcfe72bc237f596f55956b21d', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText))))))), this.xCloseButton && (h("gb-button-close", { key: 'edd5a26e1889602a06c7f9cbfdaa8e033f5c21a2', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "gb-toast"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ export class GbToastButton {
|
|
|
5
5
|
slottedContent.classList.add('text-sm-semi-bold');
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h("div", { key: '
|
|
8
|
+
return (h("div", { key: 'f6994c85e5529be3485b03ee88e11aefccbb8db8', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '3e9316df85783122b056b37176fb24980d358bf6' })));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "gb-toast-button"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -42,7 +42,7 @@ export class GbToggle {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: 'f04c73fe6ba2de46c60cb76c809d25ea449f1a3e', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '7b502f61356e38ba12994bc55117bff0c43a4f92', class: "text" }, h("slot", { key: 'a15c5fad0bf479a6b413a01a38ab10b3b976b918', name: "main_text" }), this.supportingText && h("slot", { key: '83fa9e23e9290a7f13f4d46c5cccc0acc1507133', name: "supporting_text" }))))), h("div", { key: '83f86b05ed604b1292ed79ff8f8baa196a3b2956', class: "toggle_base" }, h("gb-toggle-base", { key: 'b07784c0d0cc381835aa4f02ea76281f041e7b29', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '0cb44e658620b359d6779f82073430c6bbdc0e7f', class: "text" }, h("slot", { key: '6f1b389de5ad54f5ece8659793bf70ced149c4ef', name: "main_text" }), this.supportingText && h("slot", { key: 'a4ff551b8d1c969c0784dd08518fffcffe144b8e', name: "supporting_text" })))))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "gb-toggle"; }
|
|
48
48
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,8 +11,8 @@ export class GbToggleBase {
|
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
return [
|
|
14
|
-
h("input", { key: '
|
|
15
|
-
h("label", { key: '
|
|
14
|
+
h("input", { key: '2776ee8fabe35b0846d9ead9611d2619fc110748', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
|
|
15
|
+
h("label", { key: '95c5277fe6e184de3839d930a632bbae5a5a3d43', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
|
|
16
16
|
];
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "gb-toggle-base"; }
|
|
@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
|
|
|
5
5
|
this.supportingText = '';
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h("div", { key: '
|
|
8
|
+
return (h("div", { key: 'd349681ed9b355cbdd8095bf66f25163c193a91d', class: this.size }, h("div", { key: '0844465ea43e8f704169f9e8fedbbd8a8ba2a4f5', class: "input_with_label" }, this.showLabel && h("label", { key: '3ed4b9c4ce9ae7c6e3a36b8fa4bba3dc2f634c8f' }, this.label), h("input", { key: '0e0aad6db6cb11bb467994de87b03a7cffc7c1e8', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '0e060bdb4378a2535af61ca6b162baafd11f38a8' }, this.supportingText)));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "gb-token-field-compact"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,11 +5,11 @@ export class GbTokenFieldCompressed {
|
|
|
5
5
|
this.hintText = '';
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h("div", { key: '
|
|
8
|
+
return (h("div", { key: '9ba06f1378edfe4ee6805b7cacb1a61a416182fe', class: {
|
|
9
9
|
container: true,
|
|
10
10
|
[this.size]: true,
|
|
11
11
|
[this.digits]: true,
|
|
12
|
-
} }, h("div", { key: '
|
|
12
|
+
} }, h("div", { key: '3b24c0103f56dbce8facfd9209c2c6262bfe986c', class: "input-with-label" }, this.showLabel && (h("label", { key: 'ce6310064f5eb722267ed8ade75855bde2266006', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'ade45cdc7defa89bf2f41be3777d71466ba8ee97', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2a1921d3d0d0cb18a925cbd66d424e85fef14d9f', size: this.size }), h("gb-mega-input-field-base", { key: '2112d29e1c4406628dd4d35a4700d3dbb7820acd', size: this.size }), h("gb-mega-input-field-base", { key: '7a572e5afbb4c407c2adb5cd14abcfd037992c7e', size: this.size }), h("gb-mega-input-field-base", { key: '7ac8dfeb339343db352f9d0fd803e14d9f66f731', size: this.size }))), this.digits === 6 && (h("div", { key: '302211ddbd2eb5627bcca4c18094fb90d9b67fad', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2bfd99cb00419c019279d87c32b230ba0b5fe218', size: this.size }), h("gb-mega-input-field-base", { key: 'a6282b48692ab9a9a106f176b3e1a4e6cfc56a9c', size: this.size }), h("gb-mega-input-field-base", { key: '9761b64d6aaac0c93194f302b614a7b257ec8f71', size: this.size }), h("p", { key: '78d07330bd97984387e5790e5fc7543becd30faa', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '97136e5e80d8a6c93bf461c995fc13ac7bc1dc3f', size: this.size }), h("gb-mega-input-field-base", { key: '19fa2b27f87e7276686990bc62417a76eb22ae66', size: this.size }), h("gb-mega-input-field-base", { key: 'be51e8051c9b58ce75d11779e8e787f29ddde6ba', size: this.size }))), this.digits === 8 && (h("div", { key: '8b900dad5f420500abaf1742fe8f4b8e4243d64f', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'c3d06582f96245c33f204aa2dc499c472f9d0b21', size: this.size }), h("gb-mega-input-field-base", { key: '3e9a681c3d826ac542f16b4ea97ed183829ebbb4', size: this.size }), h("gb-mega-input-field-base", { key: '75f92d0c912a6440a941a9173ca5870738ab246a', size: this.size }), h("gb-mega-input-field-base", { key: '5b65f278438e3aec8aec2331f0150fc812352c6a', size: this.size }), h("p", { key: 'a5d4386542b6fc58cb57d205423fead83a14a463', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'e77168ffec41a9f8e33f8969391ac7f83cfcbab2', size: this.size }), h("gb-mega-input-field-base", { key: '0496b982a316252ea8e637557734e23a6c663608', size: this.size }), h("gb-mega-input-field-base", { key: '76f13d1a311124c7777aeda3437af5835eee0302', size: this.size }), h("gb-mega-input-field-base", { key: 'f263231ced4421e663ba1cdeac67e6b3a56fc681', size: this.size })))), this.showHintText && (h("div", { key: 'ff767335e8ce74bd1d8c0d86e75127d4cbc1f76d', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-token-field-compressed"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -26,7 +26,7 @@ export class GbTooltip {
|
|
|
26
26
|
return this.showArrow ? `arrow ${this.arrow}` : '';
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: 'ebdb4f43c66a437848c77b1b0acc9b46acb49f48', class: "tooltip_container" }, h("div", { key: 'b183e26af764b13187a374d955333c5ffe34ac58', class: "tooltip" }, this.showArrow && h("div", { key: '3a9f641e623578a250906c682f9d830ceb206375', class: this.getArrowClass() }), h("div", { key: '40d82706e7721390009491460bc52c9779b951b3', class: "tooltip_content" }, h("slot", { key: 'b877865eedb03e76aaf67906c7a708e853c707df', name: "label" }), this.showSupportingText && h("slot", { key: 'ae05d877de2b7912691198a9df8e39670cf4e8fd', name: "supporting_text" })))));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "gb-tooltip"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class GbVerticalTabs {
|
|
|
25
25
|
this.tabItemClicked.emit({ index, label });
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: 'fa5edaf557faede4f36edebe759f0c10930cb9a9', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "gb-vertical-tabs"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|