globuswebcomponents 2.14.0 → 2.14.2

package/dist/components/gb-table.js

@@ -6,14 +6,14 @@ import { d as defineCustomElement$H } from './p-zeV1rDFJ.js';
 import { d as defineCustomElement$G } from './p-DpBNYxJb.js';
 import { d as defineCustomElement$F } from './p-BZK13bX8.js';
 import { d as defineCustomElement$E } from './p-CQNbD8w1.js';
-import { d as defineCustomElement$D } from './p-C0rCjG98.js';
-import { d as defineCustomElement$C } from './p-CxM4XNQT.js';
+import { d as defineCustomElement$D } from './p-DIxw05_K.js';
+import { d as defineCustomElement$C } from './p-CBuFpTEj.js';
 import { d as defineCustomElement$B } from './p-zchpoi2I.js';
 import { d as defineCustomElement$A } from './p-BChRlvEK.js';
-import { d as defineCustomElement$z } from './p-A1vYsLdl.js';
+import { d as defineCustomElement$z } from './p-DFgUMHPG.js';
 import { d as defineCustomElement$y } from './p-BGbrZd6N.js';
 import { d as defineCustomElement$x } from './p-DVdANjHj.js';
-import { d as defineCustomElement$w } from './p-DpIRYK79.js';
+import { d as defineCustomElement$w } from './p-DEzF6er7.js';
 import { d as defineCustomElement$v } from './p-BnzBTlul.js';
 import { d as defineCustomElement$u } from './p-D2wn-eCd.js';
 import { d as defineCustomElement$t } from './p-BgvJUaqF.js';
@@ -21,25 +21,25 @@ import { d as defineCustomElement$s } from './p-AL5KgxpT.js';
 import { d as defineCustomElement$r } from './p-BFCdkGF1.js';
 import { d as defineCustomElement$q } from './p-zxY6iDVS.js';
 import { d as defineCustomElement$p } from './p-CgVJBrXf.js';
-import { d as defineCustomElement$o } from './p-Dk8QQImS.js';
+import { d as defineCustomElement$o } from './p-Cg6JI0Rl.js';
 import { d as defineCustomElement$n } from './p-D449gHbv.js';
 import { d as defineCustomElement$m } from './p-DPgzfv5f.js';
-import { d as defineCustomElement$l } from './p-B1uXJB2t.js';
+import { d as defineCustomElement$l } from './p-Dahz1TX7.js';
 import { d as defineCustomElement$k } from './p-DIXjq-k3.js';
-import { d as defineCustomElement$j } from './p-B73FQ8lt.js';
-import { d as defineCustomElement$i } from './p-Ctc-HeVm.js';
+import { d as defineCustomElement$j } from './p-BHlrlj3V.js';
+import { d as defineCustomElement$i } from './p-DDbqlJTr.js';
 import { d as defineCustomElement$h } from './p-Bz-640gd.js';
 import { d as defineCustomElement$g } from './p-BoIhIaOp.js';
 import { d as defineCustomElement$f } from './p-ByZavslg.js';
 import { d as defineCustomElement$e } from './p-BFCCj9F3.js';
 import { d as defineCustomElement$d } from './p-D8BrBTRA.js';
 import { d as defineCustomElement$c } from './p-CzeiCe0J.js';
-import { d as defineCustomElement$b } from './p-DZxMRozZ.js';
+import { d as defineCustomElement$b } from './p-BrrlGogO.js';
 import { d as defineCustomElement$a } from './p-B_KMpSuF.js';
 import { d as defineCustomElement$9 } from './p-CWV6T742.js';
 import { d as defineCustomElement$8 } from './p-DDp4uvg2.js';
 import { d as defineCustomElement$7 } from './p-WxJDX66i.js';
-import { d as defineCustomElement$6 } from './p-DHcE25qk.js';
+import { d as defineCustomElement$6 } from './p-C80-_JGf.js';
 import { d as defineCustomElement$5 } from './p-CNIxnPkC.js';
 import { d as defineCustomElement$4 } from './p-CuBFMtvI.js';
 import { d as defineCustomElement$3 } from './p-BnV7TFqg.js';
@@ -64,6 +64,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
         this.layoutButtonClicked = createEvent(this, "layoutButtonClicked");
         this.mobileRowClicked = createEvent(this, "mobileRowClicked");
         this.filterApplied = createEvent(this, "filterApplied");
+        this.filterCleared = createEvent(this, "filterCleared");
         this.loading = false;
         this.columns = [
         // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },
@@ -1024,6 +1025,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
     handleClearFilters() {
         this.appliedFilterValues = {};
         this.internalCurrentPage = 1;
+        this.filterCleared.emit();
         this.showAndHideToast('Filter cleared');
     }
     get filteredData() {
@@ -1144,16 +1146,16 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: '64177d7cbc852dabae7a3d206ee7367f2ed379fe', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'f2aa336d3c73e06b36cf12165ff1c69ef4761536', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '319f681c1df226c426ff545e196d5713c5beed0f', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '9c93583e9fb9f206aae0fd05782e3e4587961a8a', class: "dialog", style: {
+        return (h("div", { key: 'a155bbbd664bdbb0b1debdf5caaa8f70619c03ee', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: '06174ccba7dc4f9a4a92b8c3e4b813b6779e72a8', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: 'ea4cc2ff37df9562f1e684e50315800b508fb009', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '4d5501f0fe46621ed600bf746cdf7d3c2ee6f437', class: "dialog", style: {
                 transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
-            } }, h("div", { key: '816d3e43c41803bfc55c167295e00e6800b36128', class: "column-modal" }, h("div", { key: 'f255a76eb29a291f5b21886939099ed2b228246c', class: "modal_header" }, h("div", { key: '2aa58cae1630f83f275df332006b5575ee77de68', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '007e5c883df3d5c0aae3a6443e261381f905c54a', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '94497d976f87999757bbf92395f003a338139a1a', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '49700e1c9169140019c761c9510c13a63ddd8031', class: "content_wrapper" }, h("div", { key: 'a5fbe9a286fa8ae669c12fc318ad961f12d690ca', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
+            } }, h("div", { key: 'b0c4d76efb793f3ce64faf492cbe1fad2ccb3019', class: "column-modal" }, h("div", { key: '32383425d3b678b158aec6aebd7de4809147a29b', class: "modal_header" }, h("div", { key: '92ada9f7c01a90f4b910c2d11e55138d26591597', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '75fb0f5854798c743fc4754cb539676883241fdb', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '9d037d9614e493cd4db92b0486114ea4de71bd24', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '96a761970ce7a9d4def98d7b2825c42ba97f2c0f', class: "content_wrapper" }, h("div", { key: 'ae6cc92f031eb7c598d980d728c3f5d8be895af1', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
                 if (this.draggedIndex !== null && this.draggedIndex !== index) {
                     this.reorderColumns(this.draggedIndex, index);
                 }
                 this.draggedIndex = null;
             } }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
                 this.toggleColumn(e, col.key);
-            } })))), h("div", { key: 'f1e108ef964d897feb260a9b4b16c2ddb496183c', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '64af14d0c421c0543891c327747102727cb167e6', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: 'e7bd448af47efd4508a1bdb759a52e2de0d7ed38', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
+            } })))), h("div", { key: '5e12db72c9cbcced3f82db9f83b03c232ed46faa', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '96831e44c488710314c882de0d94714240c96194', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '2d46b27bb123971d31e0903cd47077da04f0d34d', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
                 e.stopPropagation();
                 this.closeFilterModal();
             }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
@@ -1200,7 +1202,7 @@ const GbTable$1 = /*@__PURE__*/ proxyCustomElement(class GbTable extends H {
                 ? this.renderDesktopView()
                 : this.currentTableLayout === 'grid'
                     ? this.renderGridView()
-                    : null)), this.paginationConfig && (h("div", { key: 'bdb976fef70b6217345e5587928d48189c88796b', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'eb87fb17b3babc380b76531aab31efa5c60d54df', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '0322969248bc428d7e95392b039227c2a570bb0d', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
+                    : null)), this.paginationConfig && (h("div", { key: '5f65391d8674c26f900524332029d2a769bbec26', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '3934309d1afb0484970125bcaee0c818c3f83575', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '135d003a2cb5484ebc8b88691acc702bfb9e9f6a', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
     }
     static get watchers() { return {
         "data": ["onDataChange"],