globuswebcomponents 2.14.0 → 2.14.1

package/dist/collection/components/gb-table/gb-table.js

@@ -972,6 +972,7 @@ export class GbTable {
     handleClearFilters() {
         this.appliedFilterValues = {};
         this.internalCurrentPage = 1;
+        this.filterCleared.emit();
         this.showAndHideToast('Filter cleared');
     }
     get filteredData() {
@@ -1092,16 +1093,16 @@ export class GbTable {
         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 ? (
@@ -1148,7 +1149,7 @@ export class GbTable {
                 ? 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 is() { return "gb-table"; }
     static get encapsulation() { return "shadow"; }
@@ -1725,6 +1726,21 @@ export class GbTable {
                     "resolved": "any",
                     "references": {}
                 }
+            }, {
+                "method": "filterCleared",
+                "name": "filterCleared",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get watchers() {