globuswebcomponents 2.16.7 → 2.17.0
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-accordion-card_80.cjs.entry.js +56 -34
- package/dist/cjs/gb-token-field-compact.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field-compressed.cjs.entry.js +2 -2
- package/dist/cjs/gb-vertical-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js +1 -1
- package/dist/cjs/gb-wysiwyg-toolbar.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/cjs/test-wrapper.cjs.entry.js +16 -0
- package/dist/cjs/test-wrapper.entry.cjs.js.map +1 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/gb-button/readme.md +102 -101
- package/dist/collection/components/gb-table/gb-table.js +92 -20
- package/dist/collection/components/gb-table/gb-table.js.map +1 -1
- package/dist/collection/components/gb-table-header/gb-table-header.js +1 -4
- package/dist/collection/components/gb-table-header/gb-table-header.js.map +1 -1
- package/dist/collection/components/gb-table-test/gb-table-test.js +12 -0
- package/dist/collection/components/gb-table-test/gb-table-test.js.map +1 -0
- 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-toolbar/gb-wysiwyg-toolbar.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-accordion-card.js +2 -2
- package/dist/components/gb-action-panel.js +2 -2
- package/dist/components/gb-approval-modal.js +8 -8
- 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 +2 -2
- package/dist/components/gb-btn.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 +3 -3
- 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-date-picker.js +1 -1
- package/dist/components/gb-detail-cell.js +2 -2
- package/dist/components/gb-empty-state.js +1 -1
- 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-filter-modal.js +1 -1
- package/dist/components/gb-header.js +13 -13
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-icon-button-base.js +1 -1
- package/dist/components/gb-input-dropdown-test.js +9 -9
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +1 -1
- package/dist/components/gb-modal-action.js +1 -1
- package/dist/components/gb-modal.js +3 -3
- package/dist/components/gb-nav-bar-item.js +1 -1
- package/dist/components/gb-nav-bar-sidemenu.js +1 -1
- package/dist/components/gb-nav-bar.js +2 -2
- package/dist/components/gb-notification-pane.js +1 -1
- package/dist/components/gb-pagination.js +1 -1
- package/dist/components/gb-password-button.js +1 -1
- package/dist/components/gb-progress-bar.js +1 -1
- package/dist/components/gb-prompt-modal.js +2 -2
- package/dist/components/gb-rich-text.js +12 -12
- package/dist/components/gb-sidebar.js +5 -5
- 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 +2 -2
- package/dist/components/gb-table-header.js +1 -1
- package/dist/components/gb-table.js +1 -1502
- package/dist/components/gb-table.js.map +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 +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 +1 -1
- package/dist/components/gb-toggle-base.js +1 -1
- package/dist/components/gb-toggle.js +1 -1
- 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-toolbar.js +1 -1
- package/dist/components/gb-wysiwyg-tooltip.js +1 -1
- package/dist/components/{p-RYI-NXAf.js → p-4YZvp-qM.js} +3 -3
- package/dist/components/{p-RYI-NXAf.js.map → p-4YZvp-qM.js.map} +1 -1
- package/dist/components/{p-CNZgIErI.js → p-B-_n34Mq.js} +3 -3
- package/dist/components/{p-CNZgIErI.js.map → p-B-_n34Mq.js.map} +1 -1
- package/dist/components/{p-eocLyEbn.js → p-B0otylT9.js} +4 -4
- package/dist/components/{p-eocLyEbn.js.map → p-B0otylT9.js.map} +1 -1
- package/dist/components/{p-BPKh01-Y.js → p-B9y0gFWa.js} +3 -3
- package/dist/components/{p-BPKh01-Y.js.map → p-B9y0gFWa.js.map} +1 -1
- package/dist/components/{p-BBJx6t2D.js → p-BH_pWFmu.js} +10 -10
- package/dist/components/{p-BBJx6t2D.js.map → p-BH_pWFmu.js.map} +1 -1
- package/dist/components/{p-CZa3TqhR.js → p-BNAvzBZq.js} +3 -3
- package/dist/components/{p-CZa3TqhR.js.map → p-BNAvzBZq.js.map} +1 -1
- package/dist/components/{p-Dkns49uP.js → p-BQeqF_-6.js} +4 -4
- package/dist/components/{p-Dkns49uP.js.map → p-BQeqF_-6.js.map} +1 -1
- package/dist/components/{p-Bz0jFwYF.js → p-BX4Hw5Pp.js} +3 -3
- package/dist/components/{p-Bz0jFwYF.js.map → p-BX4Hw5Pp.js.map} +1 -1
- package/dist/components/{p-DIl8jQ_E.js → p-Bp0YR1uJ.js} +3 -3
- package/dist/components/{p-DIl8jQ_E.js.map → p-Bp0YR1uJ.js.map} +1 -1
- package/dist/components/{p-ruRtAV-Q.js → p-C-e3hNlH.js} +4 -4
- package/dist/components/{p-ruRtAV-Q.js.map → p-C-e3hNlH.js.map} +1 -1
- package/dist/components/{p-CYZqV7dd.js → p-C1BEL6jH.js} +12 -12
- package/dist/components/{p-CYZqV7dd.js.map → p-C1BEL6jH.js.map} +1 -1
- package/dist/components/{p-DZZ7BGdd.js → p-C2x5lNJ2.js} +3 -3
- package/dist/components/{p-DZZ7BGdd.js.map → p-C2x5lNJ2.js.map} +1 -1
- package/dist/components/{p-B3_8Yy_f.js → p-C5In_G7H.js} +3 -3
- package/dist/components/{p-B3_8Yy_f.js.map → p-C5In_G7H.js.map} +1 -1
- package/dist/components/{p-BmbAWgDy.js → p-CHKnEWqk.js} +4 -4
- package/dist/components/{p-BmbAWgDy.js.map → p-CHKnEWqk.js.map} +1 -1
- package/dist/components/{p-BmO34cKZ.js → p-CU5l35gn.js} +3 -3
- package/dist/components/{p-BmO34cKZ.js.map → p-CU5l35gn.js.map} +1 -1
- package/dist/components/{p-D2ggwGg4.js → p-CZkEMeZd.js} +4 -4
- package/dist/components/{p-D2ggwGg4.js.map → p-CZkEMeZd.js.map} +1 -1
- package/dist/components/{p-2sFOwXcZ.js → p-CcdQMEiN.js} +14 -14
- package/dist/components/{p-2sFOwXcZ.js.map → p-CcdQMEiN.js.map} +1 -1
- package/dist/components/{p-5Xq8t1Mq.js → p-Cf_GFf1d.js} +4 -4
- package/dist/components/{p-5Xq8t1Mq.js.map → p-Cf_GFf1d.js.map} +1 -1
- package/dist/components/{p-DRCUtDIM.js → p-ChGsSHyD.js} +3 -3
- package/dist/components/{p-DRCUtDIM.js.map → p-ChGsSHyD.js.map} +1 -1
- package/dist/components/{p-CjigXln7.js → p-Cp9sNYro.js} +3 -3
- package/dist/components/{p-CjigXln7.js.map → p-Cp9sNYro.js.map} +1 -1
- package/dist/components/{p-Djuz39na.js → p-Cx4oJFSt.js} +3 -3
- package/dist/components/{p-Djuz39na.js.map → p-Cx4oJFSt.js.map} +1 -1
- package/dist/components/{p-DPuTbMwA.js → p-CxgSqKYx.js} +3 -3
- package/dist/components/{p-DPuTbMwA.js.map → p-CxgSqKYx.js.map} +1 -1
- package/dist/components/{p-CeoQ2L1U.js → p-D2XNcd98.js} +11 -11
- package/dist/components/{p-CeoQ2L1U.js.map → p-D2XNcd98.js.map} +1 -1
- package/dist/components/p-DDeW0ybD.js +1534 -0
- package/dist/components/p-DDeW0ybD.js.map +1 -0
- package/dist/components/{p-BKpTpaGR.js → p-DTVnCJvY.js} +3 -3
- package/dist/components/{p-BKpTpaGR.js.map → p-DTVnCJvY.js.map} +1 -1
- package/dist/components/{p-DG0h2Btt.js → p-DX7NMlGY.js} +9 -9
- package/dist/components/{p-DG0h2Btt.js.map → p-DX7NMlGY.js.map} +1 -1
- package/dist/components/{p-BhAtkEeE.js → p-DclzsKE1.js} +3 -3
- package/dist/components/{p-BhAtkEeE.js.map → p-DclzsKE1.js.map} +1 -1
- package/dist/components/{p-DOIqRGL9.js → p-DeXQ5EJ5.js} +3 -3
- package/dist/components/{p-DOIqRGL9.js.map → p-DeXQ5EJ5.js.map} +1 -1
- package/dist/components/{p-B_4Sufqr.js → p-DgixiwuN.js} +14 -17
- package/dist/components/p-DgixiwuN.js.map +1 -0
- package/dist/components/{p-I-FsdhaJ.js → p-Dh9pNyX0.js} +4 -4
- package/dist/components/{p-I-FsdhaJ.js.map → p-Dh9pNyX0.js.map} +1 -1
- package/dist/components/{p-DxHosdd2.js → p-Dt60TTUE.js} +6 -6
- package/dist/components/{p-DxHosdd2.js.map → p-Dt60TTUE.js.map} +1 -1
- package/dist/components/{p-COetkeEu.js → p-GszQCyXb.js} +4 -4
- package/dist/components/{p-COetkeEu.js.map → p-GszQCyXb.js.map} +1 -1
- package/dist/components/{p-BDWjPR9l.js → p-QPpFI6Tl.js} +5 -5
- package/dist/components/{p-BDWjPR9l.js.map → p-QPpFI6Tl.js.map} +1 -1
- package/dist/components/{p-Bd2ZnVK1.js → p-TVd0-ncC.js} +5 -5
- package/dist/components/{p-Bd2ZnVK1.js.map → p-TVd0-ncC.js.map} +1 -1
- package/dist/components/{p-CHQxg5wT.js → p-XOEsdWXU.js} +4 -4
- package/dist/components/{p-CHQxg5wT.js.map → p-XOEsdWXU.js.map} +1 -1
- package/dist/components/{p-DeOS2_XS.js → p-b_TGMORd.js} +5 -5
- package/dist/components/{p-DeOS2_XS.js.map → p-b_TGMORd.js.map} +1 -1
- package/dist/components/p-cHn6O-Kf.js.map +1 -1
- package/dist/components/{p-B6qvek5r.js → p-dvsnNsWY.js} +5 -5
- package/dist/components/{p-B6qvek5r.js.map → p-dvsnNsWY.js.map} +1 -1
- package/dist/components/{p-BllD9Ljp.js → p-iWdssWCr.js} +3 -3
- package/dist/components/{p-BllD9Ljp.js.map → p-iWdssWCr.js.map} +1 -1
- package/dist/components/{p-B9JGeRlv.js → p-n4Lzg2Aw.js} +3 -3
- package/dist/components/{p-B9JGeRlv.js.map → p-n4Lzg2Aw.js.map} +1 -1
- package/dist/components/{p-CoJ4VSgF.js → p-wH0NPWp6.js} +6 -6
- package/dist/components/{p-CoJ4VSgF.js.map → p-wH0NPWp6.js.map} +1 -1
- package/dist/components/test-input-tag.js +6 -6
- package/dist/components/test-wrapper.d.ts +11 -0
- package/dist/components/test-wrapper.js +307 -0
- package/dist/components/test-wrapper.js.map +1 -0
- package/dist/docs.json +239 -12
- package/dist/esm/gb-accordion-card_80.entry.js +56 -34
- package/dist/esm/gb-token-field-compact.entry.js +1 -1
- package/dist/esm/gb-token-field-compressed.entry.js +2 -2
- package/dist/esm/gb-vertical-tabs.entry.js +1 -1
- package/dist/esm/gb-wysiwyg-editor-icon.entry.js +1 -1
- package/dist/esm/gb-wysiwyg-toolbar.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/esm/test-wrapper.entry.js +14 -0
- package/dist/esm/test-wrapper.entry.js.map +1 -0
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/p-0bb96d33.entry.js +2 -0
- package/dist/globuscomponents/p-0bb96d33.entry.js.map +1 -0
- package/dist/globuscomponents/{p-56c49467.entry.js → p-1e5f04e2.entry.js} +2 -2
- package/dist/globuscomponents/{p-db354494.entry.js → p-3bf86ca5.entry.js} +2 -2
- package/dist/globuscomponents/p-3bf86ca5.entry.js.map +1 -0
- package/dist/globuscomponents/{p-7614551d.entry.js → p-42063daf.entry.js} +2 -2
- package/dist/globuscomponents/{p-8894dc1d.entry.js → p-528e9bbf.entry.js} +2 -2
- package/dist/globuscomponents/{p-7e0ff4ed.entry.js → p-53b415e8.entry.js} +2 -2
- package/dist/globuscomponents/{p-5782ab88.entry.js → p-9767bb82.entry.js} +2 -2
- package/dist/globuscomponents/{p-28feaec2.entry.js → p-b2bab8bd.entry.js} +2 -2
- package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/readme.md +102 -101
- package/dist/globuscomponents/test-wrapper.entry.esm.js.map +1 -0
- package/dist/types/components/gb-table/gb-table.d.ts +2 -1
- package/dist/types/components/gb-table-test/gb-table-test.d.ts +4 -0
- package/dist/types/components.d.ts +28 -6
- package/dist/types/models/reusableModels.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/p-B_4Sufqr.js.map +0 -1
- package/dist/globuscomponents/p-db354494.entry.js.map +0 -1
- /package/dist/globuscomponents/{p-56c49467.entry.js.map → p-1e5f04e2.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-7614551d.entry.js.map → p-42063daf.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8894dc1d.entry.js.map → p-528e9bbf.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-7e0ff4ed.entry.js.map → p-53b415e8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-5782ab88.entry.js.map → p-9767bb82.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-28feaec2.entry.js.map → p-b2bab8bd.entry.js.map} +0 -0
|
@@ -101,10 +101,7 @@ export class GbTableHeader {
|
|
|
101
101
|
return (h("div", { key: 'cf866469787e9459c7b4732b49694a1c634ab83e', class: "table_header_div" }, this.type === 'default' && (h(Fragment, null, this.tableHeading && h("p", { key: '21c55a6eadc4c5d31b47a862368a5181c0e0af85', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '94bcf782a391d38dd90968f5ee974691d46a4174', class: "date_filters" }, h("div", { key: '0d0e79abedb98a3b22385c70e6e59d6c308cbb83', class: "date_input" }, h("gb-date-picker", { key: '5df211d7094ca13e36b02ac29e968458a023dba7', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: 'f140879f196104b09d6532d070531b04f87a94b5', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: 'c758a57f39c938518038870ddf9ceeac70f34726', class: "input_field" }, h("gb-input-field", { key: '333c0a04227e801b68ff9f2b91b6ca67aa70bebb', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'ddb4fb613583eb814446c6da07b5239a9f44ef8b', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'afebd6bbc2c9fbb11202406c2c29f5cb6f3ea584', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '429c7e56cdb71f620189774200a098a5168263ee', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: 'ca16e4a10d101f361e03002ef2c5828997f22373' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'a38f0322ee0d8d55ba20d868ad95ed1e5a1265ca', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'ed888bfced3863a3385c25175e42fd21d21ea438', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '5b1301a1711ba0f91587f7862172cfb502af8750', class: "export" }, h("gb-button", { key: '8bae5f018859c893238916997336d9084ee74445', 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: e => {
|
|
102
102
|
e.stopPropagation();
|
|
103
103
|
this.toggleDropdown();
|
|
104
|
-
} }, h("p", { key: 'e49162d53063e8a5a2c8b6aebfc758f72f226edd' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '6975b1acf887a06ce051907b84f0de69b533bd78', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '3bb71ebbc010ac46bcc7509ba73e1770dc2d63ff', class: "refresh_button" }, h("gb-button", { key: '0dba4c3b8b04f1e8a61c3ff0ec5e5ad05259b053', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))), this.type === 'table_control' && (h(Fragment, null, h("p", { key: '3d0d7f659f0ef3a517bb8956187e99edf2611655', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '51bde1e76781bc1119579db2e0d607f61c4e1265', class: "controls" }, h("gb-button", { key: '
|
|
105
|
-
e.stopPropagation();
|
|
106
|
-
this.toggleDropdown();
|
|
107
|
-
} }, h("p", { key: '3c02be20a6ad3141ace128b1029b93c789f6cf9f' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '7617c548a448c937a44f9ce55425ed2ace0b814b', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event.detail), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'd428bd52860b93d690701d9be60b640d99a56054', class: "refresh_button" }, h("gb-button", { key: 'f835b8fb5a0e1c63a8dc20cc45410c1fcffc4cae', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
|
|
104
|
+
} }, h("p", { key: 'e49162d53063e8a5a2c8b6aebfc758f72f226edd' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '6975b1acf887a06ce051907b84f0de69b533bd78', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '3bb71ebbc010ac46bcc7509ba73e1770dc2d63ff', class: "refresh_button" }, h("gb-button", { key: '0dba4c3b8b04f1e8a61c3ff0ec5e5ad05259b053', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))), this.type === 'table_control' && (h(Fragment, null, h("p", { key: '3d0d7f659f0ef3a517bb8956187e99edf2611655', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '51bde1e76781bc1119579db2e0d607f61c4e1265', class: "controls" }, h("gb-button", { key: 'd56be2061fabd7037dc2d04bfe87d205947a5854', size: "md", hierarchy: "secondary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/icons/arrow-left-01/stroke/rounded.svg", onClick: () => this.emitTableControlClicked('previous') }), h("gb-button", { key: '490d4fa17404197f3a316fc2a64e436eec2ddc74', size: "md", hierarchy: "secondary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/icons/arrow-right-01/stroke/rounded.svg", onClick: () => this.emitTableControlClicked('next') }))))));
|
|
108
105
|
}
|
|
109
106
|
static get is() { return "gb-table-header"; }
|
|
110
107
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h, Fragment } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-table-header',\r\n styleUrl: 'gb-table-header.css',\r\n shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n @Prop() type: 'default' | 'table_control' = 'default';\r\n @Prop() showFilter: boolean = false;\r\n @Prop() showColumnOptions: boolean = false;\r\n @Prop() tableHeading: boolean = false;\r\n @Prop() tableHeadingLabel: string = '';\r\n @Prop() showSearch: boolean = false;\r\n @Prop() showExport: boolean = false;\r\n @Prop() showRefreshButton: boolean = false;\r\n @Prop() showLayoutToggle: boolean = false;\r\n @Prop() filterState: StateType;\r\n @Prop() filterCount: number = 0;\r\n @Prop() showEntireData: boolean = false;\r\n @Prop() exportButtonState: StateType = 'default';\r\n @Prop() pdfState: StateEnum = StateEnum.Default;\r\n @Prop() csvState: StateEnum = StateEnum.Default;\r\n @Prop() showDateFilter: boolean = false;\r\n @State() items = [\r\n { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n ];\r\n @Prop() mode: 'single' | 'range' = 'single';\r\n @Prop() format: string = 'M j, Y';\r\n @Prop() datePickerDisabled: boolean = false;\r\n @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\r\n @Prop() datePickerDropdownPosition: CloseButtonPositions = 'left';\r\n @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n @Prop() enableTime: boolean = false;\r\n @Prop() noCalendar: boolean = false;\r\n @Prop() twentyfourHr: boolean = false;\r\n @Prop() showMonths: number = 2;\r\n @Prop() inputPlaceholder: string = 'Search';\r\n @State() width: number = window.innerWidth;\r\n @State() buttonIcon: 'default' | 'only';\r\n @State() showExportDropdown: boolean = false;\r\n @State() isDatePickerShown: boolean = false;\r\n @State() isDatePickerFullWidth: boolean = false;\r\n @Event() inputValueChanged: EventEmitter<void>;\r\n @Event() filterButtonClicked: EventEmitter<void>;\r\n @Event() exportClicked: EventEmitter<{ dataType: string; exportType: string }>;\r\n @Event() refreshButtonClicked: EventEmitter<void>;\r\n @Event() layoutButtonClicked: EventEmitter<string>;\r\n @Event() columnOptionsButtonClicked: EventEmitter<string>;\r\n @Event() tableControlClicked: EventEmitter<string>;\r\n @Event({ bubbles: true, composed: true }) dateChange: EventEmitter<string | string[]>;\r\n @Element() el: HTMLElement;\r\n\r\n exportDropdown!: HTMLElement;\r\n\r\n isMobile = this.width < 768;\r\n\r\n componentDidLoad() {\r\n document.addEventListener('click', this.handleClickOutside.bind(this));\r\n }\r\n\r\n componentWillLoad() {\r\n this.updateParameters();\r\n window.addEventListener('resize', this.handleResize.bind(this));\r\n }\r\n\r\n // extractDropdownItemSelected(item) {\r\n // if (item.detail === 'Custom') {\r\n // this.isDatePickerShown = true;\r\n // } else {\r\n // this.isDatePickerShown = false;\r\n // }\r\n // }\r\n\r\n emitDateSelected(date) {\r\n this.dateChange.emit(date.detail);\r\n }\r\n\r\n toggleDropdown() {\r\n this.showExportDropdown = !this.showExportDropdown;\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n handleResize() {\r\n this.width = window.innerWidth;\r\n this.updateParameters();\r\n }\r\n\r\n private updateParameters() {\r\n this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n this.isDatePickerFullWidth = this.width <= 700 ? true : false;\r\n }\r\n\r\n emitTableControlClicked(control: 'previous' | 'next') {\r\n this.tableControlClicked.emit(control);\r\n }\r\n\r\n emitValue(inputValue) {\r\n this.inputValueChanged.emit(inputValue);\r\n }\r\n\r\n onFilterButtonClicked() {\r\n this.filterButtonClicked.emit();\r\n }\r\n\r\n emitSelection(selection) {\r\n this.exportClicked.emit(selection);\r\n }\r\n\r\n onRefreshButtonClicked() {\r\n this.refreshButtonClicked.emit();\r\n }\r\n\r\n onColumnOptionsButtonClicked() {\r\n this.columnOptionsButtonClicked.emit();\r\n }\r\n\r\n onLayoutButtonClicked(layout) {\r\n this.layoutButtonClicked.emit(layout.detail);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n this.showExportDropdown = false;\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"table_header_div\">\r\n {this.type === 'default' && (\r\n <>\r\n {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n {this.showDateFilter && (\r\n <div class=\"date_filters\">\r\n <div class=\"date_input\">\r\n <gb-date-picker\r\n mode={this.mode}\r\n disabled={this.datePickerDisabled}\r\n format={this.format}\r\n icon-position={this.datePickerIconPosition}\r\n placeholder={this.datePickerPlaceholder}\r\n dropdown-alignment={this.datePickerDropdownPosition}\r\n enable-time={this.enableTime}\r\n no-calendar={this.noCalendar}\r\n twentyfour-hr={this.twentyfourHr}\r\n show-months={this.showMonths}\r\n full-width={this.isDatePickerFullWidth}\r\n onDateChange={this.emitDateSelected.bind(this)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )}\r\n <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n {this.showSearch && (\r\n <div class=\"input_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n type=\"icon_leading\"\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder={this.inputPlaceholder}\r\n enable-cancel-button-function={true}\r\n onInputValueChanged={this.emitValue.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n <div class=\"action\">\r\n {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n {this.showColumnOptions && this.width > 768 && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/column-insert.svg\"\r\n onClick={() => this.onColumnOptionsButtonClicked()}\r\n >\r\n <p>Columns</p>\r\n </gb-button>\r\n )}\r\n {this.showFilter && (\r\n <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n <p slot=\"filter_count\">{this.filterCount}</p>\r\n </gb-filter-button>\r\n )}\r\n {this.showExport && (\r\n <div class=\"export\">\r\n <gb-button\r\n size=\"md\"\r\n state={this.exportButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/file-export.svg\"\r\n icon-trailing={this.width <= 1007 ? false : true}\r\n icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n onClick={e => {\r\n e.stopPropagation();\r\n this.toggleDropdown();\r\n }}\r\n >\r\n <p>Export</p>\r\n </gb-button>\r\n {this.showExportDropdown && (\r\n <gb-export-dropdown\r\n ref={el => (this.exportDropdown = el)}\r\n show-entire-data={this.showEntireData}\r\n pdf-state={this.pdfState}\r\n csv-state={this.csvState}\r\n onExportClicked={event => this.emitSelection(event)}\r\n class={`dropdown ${this.exportDropdownPosition}`}\r\n ></gb-export-dropdown>\r\n )}\r\n </div>\r\n )}\r\n {this.showRefreshButton && (\r\n <div class=\"refresh_button\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/refresh.svg\"\r\n onClick={() => this.onRefreshButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'table_control' && (\r\n <>\r\n <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>\r\n <div class=\"controls\">\r\n <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon=\"only\" icon-leading={true} icon-leading-swap=\"assets/icons/arrow-left-01/stroke/rounded.svg\" onClick={() => this.emitTableControlClicked('previous')}></gb-button>\r\n <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon=\"only\" icon-leading={true} icon-leading-swap=\"assets/icons/arrow-right-01/stroke/rounded.svg\" onClick={() => this.emitTableControlClicked('next')}></gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n {this.showDateFilter && (\r\n <div class=\"date_filters\">\r\n <div class=\"date_input\">\r\n <gb-date-picker\r\n mode={this.mode}\r\n disabled={this.datePickerDisabled}\r\n format={this.format}\r\n icon-position={this.datePickerIconPosition}\r\n placeholder={this.datePickerPlaceholder}\r\n dropdown-alignment={this.datePickerDropdownPosition}\r\n enable-time={this.enableTime}\r\n no-calendar={this.noCalendar}\r\n twentyfour-hr={this.twentyfourHr}\r\n show-months={this.showMonths}\r\n full-width={this.isDatePickerFullWidth}\r\n onDateChange={this.emitDateSelected.bind(this)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )}\r\n <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n {this.showSearch && (\r\n <div class=\"input_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n type=\"icon_leading\"\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder={this.inputPlaceholder}\r\n enable-cancel-button-function={true}\r\n onInputValueChanged={this.emitValue.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n <div class=\"action\">\r\n {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n {this.showColumnOptions && this.width > 768 && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/column-insert.svg\"\r\n onClick={() => this.onColumnOptionsButtonClicked()}\r\n >\r\n <p>Columns</p>\r\n </gb-button>\r\n )}\r\n {this.showFilter && (\r\n <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n <p slot=\"filter_count\">{this.filterCount}</p>\r\n </gb-filter-button>\r\n )}\r\n {this.showExport && (\r\n <div class=\"export\">\r\n <gb-button\r\n size=\"md\"\r\n state={this.exportButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/file-export.svg\"\r\n icon-trailing={this.width <= 1007 ? false : true}\r\n icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n onClick={e => {\r\n e.stopPropagation();\r\n this.toggleDropdown();\r\n }}\r\n >\r\n <p>Export</p>\r\n </gb-button>\r\n {this.showExportDropdown && (\r\n <gb-export-dropdown\r\n ref={el => (this.exportDropdown = el)}\r\n show-entire-data={this.showEntireData}\r\n pdf-state={this.pdfState}\r\n csv-state={this.csvState}\r\n onExportClicked={event => this.emitSelection(event.detail)}\r\n class={`dropdown ${this.exportDropdownPosition}`}\r\n ></gb-export-dropdown>\r\n )}\r\n </div>\r\n )}\r\n {this.showRefreshButton && (\r\n <div class=\"refresh_button\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/refresh.svg\"\r\n onClick={() => this.onRefreshButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h, Fragment } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-table-header',\r\n styleUrl: 'gb-table-header.css',\r\n shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n @Prop() type: 'default' | 'table_control' = 'default';\r\n @Prop() showFilter: boolean = false;\r\n @Prop() showColumnOptions: boolean = false;\r\n @Prop() tableHeading: boolean = false;\r\n @Prop() tableHeadingLabel: string = '';\r\n @Prop() showSearch: boolean = false;\r\n @Prop() showExport: boolean = false;\r\n @Prop() showRefreshButton: boolean = false;\r\n @Prop() showLayoutToggle: boolean = false;\r\n @Prop() filterState: StateType;\r\n @Prop() filterCount: number = 0;\r\n @Prop() showEntireData: boolean = false;\r\n @Prop() exportButtonState: StateType = 'default';\r\n @Prop() pdfState: StateEnum = StateEnum.Default;\r\n @Prop() csvState: StateEnum = StateEnum.Default;\r\n @Prop() showDateFilter: boolean = false;\r\n @State() items = [\r\n { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n ];\r\n @Prop() mode: 'single' | 'range' = 'single';\r\n @Prop() format: string = 'M j, Y';\r\n @Prop() datePickerDisabled: boolean = false;\r\n @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\r\n @Prop() datePickerDropdownPosition: CloseButtonPositions = 'left';\r\n @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n @Prop() enableTime: boolean = false;\r\n @Prop() noCalendar: boolean = false;\r\n @Prop() twentyfourHr: boolean = false;\r\n @Prop() showMonths: number = 2;\r\n @Prop() inputPlaceholder: string = 'Search';\r\n @State() width: number = window.innerWidth;\r\n @State() buttonIcon: 'default' | 'only';\r\n @State() showExportDropdown: boolean = false;\r\n @State() isDatePickerShown: boolean = false;\r\n @State() isDatePickerFullWidth: boolean = false;\r\n @Event() inputValueChanged: EventEmitter<void>;\r\n @Event() filterButtonClicked: EventEmitter<void>;\r\n @Event() exportClicked: EventEmitter<{ dataType: string; exportType: string }>;\r\n @Event() refreshButtonClicked: EventEmitter<void>;\r\n @Event() layoutButtonClicked: EventEmitter<string>;\r\n @Event() columnOptionsButtonClicked: EventEmitter<string>;\r\n @Event() tableControlClicked: EventEmitter<string>;\r\n @Event({ bubbles: true, composed: true }) dateChange: EventEmitter<string | string[]>;\r\n @Element() el: HTMLElement;\r\n\r\n exportDropdown!: HTMLElement;\r\n\r\n isMobile = this.width < 768;\r\n\r\n componentDidLoad() {\r\n document.addEventListener('click', this.handleClickOutside.bind(this));\r\n }\r\n\r\n componentWillLoad() {\r\n this.updateParameters();\r\n window.addEventListener('resize', this.handleResize.bind(this));\r\n }\r\n\r\n // extractDropdownItemSelected(item) {\r\n // if (item.detail === 'Custom') {\r\n // this.isDatePickerShown = true;\r\n // } else {\r\n // this.isDatePickerShown = false;\r\n // }\r\n // }\r\n\r\n emitDateSelected(date) {\r\n this.dateChange.emit(date.detail);\r\n }\r\n\r\n toggleDropdown() {\r\n this.showExportDropdown = !this.showExportDropdown;\r\n }\r\n\r\n @Listen('resize', { target: 'window' })\r\n handleResize() {\r\n this.width = window.innerWidth;\r\n this.updateParameters();\r\n }\r\n\r\n private updateParameters() {\r\n this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n this.isDatePickerFullWidth = this.width <= 700 ? true : false;\r\n }\r\n\r\n emitTableControlClicked(control: 'previous' | 'next') {\r\n this.tableControlClicked.emit(control);\r\n }\r\n\r\n emitValue(inputValue) {\r\n this.inputValueChanged.emit(inputValue);\r\n }\r\n\r\n onFilterButtonClicked() {\r\n this.filterButtonClicked.emit();\r\n }\r\n\r\n emitSelection(selection) {\r\n this.exportClicked.emit(selection);\r\n }\r\n\r\n onRefreshButtonClicked() {\r\n this.refreshButtonClicked.emit();\r\n }\r\n\r\n onColumnOptionsButtonClicked() {\r\n this.columnOptionsButtonClicked.emit();\r\n }\r\n\r\n onLayoutButtonClicked(layout) {\r\n this.layoutButtonClicked.emit(layout.detail);\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n this.showExportDropdown = false;\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n window.removeEventListener('resize', this.handleResize);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"table_header_div\">\r\n {this.type === 'default' && (\r\n <>\r\n {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n {this.showDateFilter && (\r\n <div class=\"date_filters\">\r\n <div class=\"date_input\">\r\n <gb-date-picker\r\n mode={this.mode}\r\n disabled={this.datePickerDisabled}\r\n format={this.format}\r\n icon-position={this.datePickerIconPosition}\r\n placeholder={this.datePickerPlaceholder}\r\n dropdown-alignment={this.datePickerDropdownPosition}\r\n enable-time={this.enableTime}\r\n no-calendar={this.noCalendar}\r\n twentyfour-hr={this.twentyfourHr}\r\n show-months={this.showMonths}\r\n full-width={this.isDatePickerFullWidth}\r\n onDateChange={this.emitDateSelected.bind(this)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )}\r\n <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n {this.showSearch && (\r\n <div class=\"input_field\">\r\n <gb-input-field\r\n size=\"sm\"\r\n type=\"icon_leading\"\r\n icon-swap=\"assets/search-01.svg\"\r\n placeholder={this.inputPlaceholder}\r\n enable-cancel-button-function={true}\r\n onInputValueChanged={this.emitValue.bind(this)}\r\n ></gb-input-field>\r\n </div>\r\n )}\r\n <div class=\"action\">\r\n {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n {this.showColumnOptions && this.width > 768 && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/column-insert.svg\"\r\n onClick={() => this.onColumnOptionsButtonClicked()}\r\n >\r\n <p>Columns</p>\r\n </gb-button>\r\n )}\r\n {this.showFilter && (\r\n <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n <p slot=\"filter_count\">{this.filterCount}</p>\r\n </gb-filter-button>\r\n )}\r\n {this.showExport && (\r\n <div class=\"export\">\r\n <gb-button\r\n size=\"md\"\r\n state={this.exportButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/file-export.svg\"\r\n icon-trailing={this.width <= 1007 ? false : true}\r\n icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n onClick={e => {\r\n e.stopPropagation();\r\n this.toggleDropdown();\r\n }}\r\n >\r\n <p>Export</p>\r\n </gb-button>\r\n {this.showExportDropdown && (\r\n <gb-export-dropdown\r\n ref={el => (this.exportDropdown = el)}\r\n show-entire-data={this.showEntireData}\r\n pdf-state={this.pdfState}\r\n csv-state={this.csvState}\r\n onExportClicked={event => this.emitSelection(event)}\r\n class={`dropdown ${this.exportDropdownPosition}`}\r\n ></gb-export-dropdown>\r\n )}\r\n </div>\r\n )}\r\n {this.showRefreshButton && (\r\n <div class=\"refresh_button\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon={this.width <= 1007 ? 'only' : 'default'}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/refresh.svg\"\r\n onClick={() => this.onRefreshButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'table_control' && (\r\n <>\r\n <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>\r\n <div class=\"controls\">\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/icons/arrow-left-01/stroke/rounded.svg\"\r\n onClick={() => this.emitTableControlClicked('previous')}\r\n ></gb-button>\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/icons/arrow-right-01/stroke/rounded.svg\"\r\n onClick={() => this.emitTableControlClicked('next')}\r\n ></gb-button>\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { h, Fragment } from "@stencil/core";
|
|
2
|
+
export class TestWrapper {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.renderRowActions = (row) => (h(Fragment, null, h("gb-button", { hierarchy: "tertiary_gray", size: "sm", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/thumbs-up.svg", onClick: () => document.querySelector('gb-table').handleAction('approve', row) }, "Approve"), h("gb-button", { hierarchy: "tertiary_gray", size: "sm", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/thumbs-up.svg", onClick: () => document.querySelector('gb-table').handleAction('reject', row) }, "Reject")));
|
|
5
|
+
}
|
|
6
|
+
render() {
|
|
7
|
+
return h("gb-table", { key: 'c2ca9869b7839b87d1ef7b4c4690bc093299e4ed', renderCustomActions: this.renderRowActions });
|
|
8
|
+
}
|
|
9
|
+
static get is() { return "test-wrapper"; }
|
|
10
|
+
static get encapsulation() { return "shadow"; }
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=gb-table-test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gb-table-test.js","sourceRoot":"","sources":["../../../src/components/gb-table-test/gb-table-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMvD,MAAM,OAAO,WAAW;IAJxB;QAKU,qBAAgB,GAAG,CAAC,GAAQ,EAAE,EAAE,CAAC,CACvC;YACE,iBACE,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,kBACG,IAAI,uBACA,sBAAsB,EACxC,OAAO,EAAE,GAAG,EAAE,CAAE,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAS,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,cAG7E;YACZ,iBACE,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,kBACG,IAAI,uBACA,sBAAsB,EACxC,OAAO,EAAE,GAAG,EAAE,CAAE,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,aAG5E,CACX,CACJ,CAAC;KAKH;IAHC,MAAM;QACJ,OAAO,iEAAU,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,GAAa,CAAC;IAC3E,CAAC;;;CACF","sourcesContent":["import { Component, h, Fragment } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'test-wrapper',\r\n shadow: true,\r\n})\r\nexport class TestWrapper {\r\n private renderRowActions = (row: any) => (\r\n <>\r\n <gb-button\r\n hierarchy=\"tertiary_gray\"\r\n size=\"sm\"\r\n icon=\"only\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/thumbs-up.svg\"\r\n onClick={() => (document.querySelector('gb-table') as any).handleAction('approve', row)}\r\n >\r\n Approve\r\n </gb-button>\r\n <gb-button\r\n hierarchy=\"tertiary_gray\"\r\n size=\"sm\"\r\n icon=\"only\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/thumbs-up.svg\"\r\n onClick={() => (document.querySelector('gb-table') as any).handleAction('reject', row)}\r\n >\r\n Reject\r\n </gb-button>\r\n </>\r\n );\r\n\r\n render() {\r\n return <gb-table renderCustomActions={this.renderRowActions}></gb-table>;\r\n }\r\n}\r\n"]}
|
|
@@ -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: '456446acb2db65f6d32325a19e1a567b5402f2ce', class: `container ${this.size} ${this.action}` }, h("div", { key: '51b5a7fc2b83b3187eb3e280ad2059f17cd0997d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'd7419011cf70a8321ead9747c9987b2d8eca02c3', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'd680fb34a94d99de78a8b0eb6a45bd6fddcf20db', class: "icon left-icon" }, h("img", { key: '1703cb1212deb001bf9c6dc061dfba8854e96f49', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '69816c817ff85523a8e86962d26aebaad7b5e825', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'e7a1880fbc0437f390986364706337bda3389fc9', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '531fe87bce4eac8d6c59c389349949624ca13f66', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '4f5baf8165dd618423cda541a050e7bf2db0f635', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '3baeee3261e2bff7dd5a383d28929d5491c5d805', class: "label" }, h("slot", { key: '255ba7624b1b083bf95b840e8a4ed599331ae265' })), this.action === 'count' && (h("gb-tag-count", { key: '21b2c1577ae18e544d3fbc48a279a4d2dfcad427', size: this.size }, h("slot", { key: 'd55fa285d52bcbefa2ccb52a44d1954f7b24e926', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'bfdc29e2243ae4ff966b3d5bc3939fd7f9f8ab61', 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: '593aa8bb61260ab154f270a3d802b38466020c00', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'c075c76d23dd33a07818b9ad6166686d014de54c', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '073e081198af1a648701dde6b2b4bfabccb3b90d', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'cfd34499afdd3dd86bcceb5f4f1aff4da5515218', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '9e8df722ddfa2fd5a7f14461d84749c3b1014a8e', 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: '18aaed96c3d07453fc649bfb0017220dd272aa60', class: this.size }, h("svg", { key: 'caaf0dfc1f8fe65dd12b1cf7ca7c6fc3becb9369', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0e206add91ba5d0706cb85164d0a86b4faa1dc37', 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: '8c04c032237219dd1cedde84e898c5ca5bc4388b', class: this.size }, h("slot", { key: 'c160e597851fe8117d23e9d1a6fd6bd51fbdf8b8', name: "count" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "gb-tag-count"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -202,12 +202,12 @@ export class GbTextareaInputField {
|
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
render() {
|
|
205
|
-
return (h("div", { key: '
|
|
205
|
+
return (h("div", { key: 'b1ff947a4ff647bb1944ace40327577657aef529', class: "textarea_container" }, h("div", { key: '15d6b0d8a9c3c34c204c9f3c153074a35381cb41', class: "input_with_label" }, this.showLabel && h("p", { key: '4f0089f0474316adde6b087b42b517ebddc7f8c3', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '43d7f00d55e08cc13a733ec53e79c37b8e3d7f73', 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: 'ed595e8f10a3ee5ebe2fcfa564f956c838c809b4', class: "textarea_tags" }, h("div", { key: 'c1a4e3ba88086d7d6af4dec4f898a63285844e19', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'd0ae0a2caeded866a3969fcde206a0beca1b832f', 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
|
|
206
206
|
.split(' ')
|
|
207
207
|
.map(part => part.charAt(0).toUpperCase())
|
|
208
|
-
.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: '
|
|
208
|
+
.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: 'd86a6ce2c1b27416582edf18cf8fc34cacf073ac', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || ' '), h("div", { key: '45a3747a6f52dabf3be05b3ed8b8386f866f2e6f', class: "input_field" }, h("input", { key: '8cf4b7e89c06df8eb229ac0c6bcbb8556e82373c', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
|
|
209
209
|
// placeholder={this.placeholderText}
|
|
210
|
-
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '
|
|
210
|
+
value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '78b0be1d3d2b30dcea9eb89a9ec2bbaadc02334c', class: "help_icon" }, h("svg", { key: '03faf3ca8827614bb947495d921122841b37a7a2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '3c2226f027d393c69ed8f279f93155c078c6da88', 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: '07dea6654883a65387fc553a2c754cff8bcf7e2c', 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'
|
|
211
211
|
? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
|
|
212
212
|
: 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))));
|
|
213
213
|
}
|
|
@@ -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: 'b1ce2e2172611689b2fe71adece4fb8eaa52cd5b', class: `theme_tab_div` }, h("div", { key: '28ff1b84efa49ae845e399e9aabd9701a8abf91b', class: "tab" }, h("gb-icon-button-base", { key: 'a980fddc24a08256cf662b2ba678d4f8508eb6a5', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '555ef1f084852f673f107a141877432bd3c0a859', class: "tab" }, h("gb-icon-button-base", { key: 'c309d3757d670db5bfe31afc34101897671d3d9a', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '479aa273c2d91fc30993197995b8ab188883eb84', class: "tab" }, h("gb-icon-button-base", { key: 'c3842452e0b98b60d6ecc2dd4bfd29f03ff6b661', 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"; }
|
|
@@ -45,7 +45,7 @@ export class GbToast {
|
|
|
45
45
|
window.removeEventListener('resize', this.handleResize);
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h("div", { key: '0fff546d2a368d2e7bb0b7bb8dd479a4b0dd34ed', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '49bf49712b8bec28614c9d9dc0c5ad6f5161e1d3', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, 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: 'd5e979790ea161ad5d3309bc89ee9429c331d197', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: 'c47dfa295183e4a1d9bc1622e8f097c2bf3b15d4', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: '7e45767193f75e93e5d66330d35fbc398c2fad6f', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '6de192cc3693797f038a500124d7666ddcc53660', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '4c3a830b13dbe4f3441c530ed355481766e0c26b', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '79e6cb7435a367400b4a103dace6610fd4a544ef', 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: 'e91ee9ce2bc41c5451f929be42d6d0f162886983', class: `container ${this.breakpoint}` }, h("div", { key: '14d4f903b7141ded1eca07b67fc4948bf8bbcd1e', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'e3fbf8d4ec47d9463716595b069e2dacbb0a05e3', class: `inner_content ${this.breakpoint}` }, h("div", { key: '0c66b1898a8dffac3cd7db9ef3f57514169a4f45', class: `icon_container` }, h("svg", { key: 'de1a0329e99997eaef4382ddef28c38fc9ed99a1', 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: '6484247665faea5d4ff483fc01c7e83c668cdbe5', 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: '4e5d4dc0596ff6be803c87d9308f1cd9242a7dd1', "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: '920e4700489339ee7e55da9f808c0a4b3b5b22c2', "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: '790d7c0dbf32878f60965d96056eda5a04747183', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '4e428cf747c79ac8ce24560fcba2c296d7e34510', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'b27be8e289607d177e255c2e75b94da656b14e46', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '2a30fe5809ae47941f2cc3e947e3316c6cd9c019', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '8b447961814163b7da9a1b0667911b37645a1cca', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
|
|
48
|
+
return (h("div", { key: '3b9a59852036eaf166823e74b8714678a9bccc54', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '339af981e78b494e0d22863dc401a97e031df8a5', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, 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: '30a207ae18cc11b83d09686a8298601c93f4b8a6', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: '3a16ddf29c9775251ef10b50cb86965ee5b1c55b', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'a8c9f2c55a0cc94608dad534107375b51fe40da0', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '6667ff9aa3a4c9acd7888cd35c583f5d54cee01f', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '570c09fee014c610d5fef81c06a7f5da1ef9c07b', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'f947308ef92b308c6f74be6db0a6f3b9f9d992c4', 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: '603c65e5d94bb1a4fdfe1327cadec2be53a478da', class: `container ${this.breakpoint}` }, h("div", { key: '9442ea4319ed01a12530fa2642f2ee7de99b5944', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '9ebd126672fef115a1255a37b257f80995fedca1', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'fd830f1a5c5e23dafe56e85c54a69ccd6d17bfdd', class: `icon_container` }, h("svg", { key: 'b7777014e801963cafb26b3961eb5f03c8281078', 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: 'fc9ad47d78a092a08ce62935aba86c7fab3260bb', 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: '4d49df1dafb2eacf15bb6e4803bc73f02ae43c1a', "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: 'f5f600cb830772ffffefb8f60fe78f815084d75b', "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: '920a24627109d3999f584f5d81dd5c03dc1e5ed3', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'f14a86c6f73fd7da201283962f6ced496d5fcdad', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'd8cdf3c0c284c0a694ca84c7707de795065b58ce', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '0ed33c363c03aee031fad6da00f146b8717d7a7b', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '4662f8ecbb37a7687ded523d9642bf7df61d0a2a', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "gb-toast"; }
|
|
51
51
|
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: '29ef2ed415fe9ba7c13d30e04d5c20a103e0ce78', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '505fac54480d6806d20c6dc8fa1b6983f9fcbc83' })));
|
|
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: 'f9072223aec45076a93b268716d239473affafe0', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'ae3a1bbb8aee1af3d4937f39d365a40c6ff28e92', class: "text" }, h("slot", { key: '0306c2df643427fd9b530360bcb4fc68935942a6', name: "main_text" }), this.supportingText && h("slot", { key: '8e6481e8c87043054f8b22c5b4a49668ef0cb376', name: "supporting_text" }))))), h("div", { key: 'cd463f75cb109ed7d920e536b16decb0ed6c17fe', class: "toggle_base" }, h("gb-toggle-base", { key: '23a782a77372d2060658a27b7ff9837807353b5c', 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: '075222964f183c553d01f30101854a7a8c3585ca', class: "text" }, h("slot", { key: 'd4de97556ad4c23d1e149c7cab3083a46fbbcdec', name: "main_text" }), this.supportingText && h("slot", { key: 'adf6eafb8d749410150559286e63f559470f55f6', 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: 'a03f12e87a543efdce3e68ac9403f3ae5dfe0fd5', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
|
|
15
|
+
h("label", { key: 'e36a186cea398eb67edca395d8558a955367078c', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #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"; }
|
|
@@ -38,7 +38,7 @@ export class GbTokenFieldCompact {
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h("div", { key: '
|
|
41
|
+
return (h("div", { key: '43d241bbf4bc3464863300ddb0089ceff606107d', class: `compact_field_wrapper ${this.size}` }, h("div", { key: 'beea89f5a01bedacd27b8a40d7924e0be8ce884c', class: "input_with_label" }, this.showLabel && h("label", { key: 'f87c24ad063031e32670bf9dedb688b3397a9fbd', class: "text-sm-medium" }, this.label), h("input", { key: 'ae414f39983a7e32ad3feb5f78fcd15847d20c84', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: '7cc4761cfd625f915570e89a779bae85967ef1b2', class: "supporting_text text-sm-regular" }, this.supportingText)));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "gb-token-field-compact"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -79,11 +79,11 @@ export class GbTokenFieldCompressed {
|
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
|
-
return (h("div", { key: '
|
|
82
|
+
return (h("div", { key: 'c28146f0ba5057e870143b892c09a41d3e6a35f7', class: {
|
|
83
83
|
container: true,
|
|
84
84
|
[this.size]: true,
|
|
85
85
|
[`digits-${this.digits}`]: true,
|
|
86
|
-
} }, h("div", { key: '
|
|
86
|
+
} }, h("div", { key: '0129b374a36d07dffb94e1307aa9942a04e6111b', class: "input-with-label" }, this.showLabel && (h("label", { key: '54c722c9fb9f504e2163134dfedb92b7eebd7c76', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: '5db66e60479dff5540320089e60775870cd5260c', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: 'd034ca0df1d382d60ba982c6e5e9e34fecad41cf', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: '0f836572f391fe2f01fe2d059775e1e5bfa869da', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: 'd51c9630e8d3868c2e680253c540b31079e9feea', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: 'a46f2ef300eaba61f89d01627721295e40710ae5', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: '426c192e7f2a2b377e608b4bcf886dd7f9166fd3', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
|
|
87
87
|
}
|
|
88
88
|
static get is() { return "gb-token-field-compressed"; }
|
|
89
89
|
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: 'ed653caf44febe6a3d54ed25aa75fb91706db893', class: "tooltip_container" }, h("div", { key: '2264f1ae517cb345f03e87f5330866751c098218', class: "tooltip" }, this.showArrow && h("div", { key: '10d8e432af8e3672962b7e363b5a2e49ae70a753', class: this.getArrowClass() }), h("div", { key: 'eb342f71471bbef672dd1965126073fcfb1c7fb8', class: "tooltip_content" }, h("slot", { key: '9fb20bf41b940a2f608f51d608c76815767ba521', name: "label" }), this.showSupportingText && h("slot", { key: '6c6c9f4a32715d828b5f48fa9d7412623063e507', 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: 'efbc55ae3937dbccf6176873492f2dce7367f44e', 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"; }
|