@nuralyui/table 0.0.3 → 0.0.7

package/table.component.js

@@ -1,198 +1,311 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import styles from './table.style.js';
 import { LitElement, html, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import './components/hy-table-actions.js';
-import './components/hy-table-filter.js';
-import './components/hy-table-pagination.js';
-import './components/hy-table-content.js';
-import { Sizes, SortOrder, SortValue } from './table.types.js';
-let HyTable = class HyTable extends LitElement {
+import { customElement, property, state, query } from 'lit/decorators.js';
+import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
+import styles from './table.style.js';
+import { EMPTY_STRING } from './table.types.js';
+// Import required components
+import '../select/select.component.js';
+import '../icon/icon.component.js';
+import '../radio/radio.component.js';
+// Import controllers
+import { TableSelectionController, TablePaginationController, TableSortController, TableFilterController } from './controllers/index.js';
+// Import templates
+import { renderPaginationTemplate, renderContentTemplate, renderActionsTemplate, renderFilterTemplate } from './templates/index.js';
+/**
+ * Advanced table component with sorting, filtering, pagination, selection, and fixed columns.
+ *
+ * @example
+ * ```html
+ * <!-- Basic table with fixed header -->
+ * <nr-table
+ *   .headers=${headers}
+ *   .rows=${data}
+ *   size="normal"
+ *   selectionMode="multiple"
+ *   fixedHeader
+ *   .scrollConfig=${{ y: 400 }}>
+ * </nr-table>
+ *
+ * <!-- Table with fixed columns -->
+ * <nr-table
+ *   .headers=${[
+ *     { name: 'ID', key: 'id', fixed: 'left', width: 80 },
+ *     { name: 'Name', key: 'name', fixed: 'left', width: 150 },
+ *     { name: 'Email', key: 'email' },
+ *     { name: 'Status', key: 'status' }
+ *   ]}
+ *   .rows=${data}
+ *   .scrollConfig=${{ x: 800 }}>
+ * </nr-table>
+ * ```
+ *
+ * @fires onPaginate - Fired when pagination changes
+ * @fires nr-select - Fired when row selection changes
+ * @fires onSearch - Fired when search/filter is applied
+ * @fires onSort - Fired when sorting is applied
+ */
+let HyTable = class HyTable extends NuralyUIBaseMixin(LitElement) {
     constructor() {
         super(...arguments);
         this.rows = [];
-        this.size = Sizes.Normal;
+        this.size = "normal" /* Sizes.Normal */;
         this.withFilter = false;
+        this.fixedHeader = false;
+        this.loading = false;
+        this.emptyText = 'No data available';
         this.itemPerPage = [5, 10, 15, 20];
         this.selectedItemPerPage = this.itemPerPage[0];
         this.displayedRows = [];
         this.selectedItems = [];
         this.rowsCopy = [];
         this.activeSearch = false;
-        this.sortAttribute = { index: -1, order: SortOrder.Default };
+        this.sortAttribute = { index: -1, order: "default" /* SortOrder.Default */ };
+        this.expand = [];
+        this.showFilterInput = false;
+        this.filterValue = EMPTY_STRING;
+        this.columnFilters = new Map();
+        this.activeFilterColumn = null;
+        this.requiredComponents = ['nr-select', 'nr-icon', 'nr-checkbox', 'nr-radio'];
+        // Controllers
+        this.selectionController = new TableSelectionController(this);
+        this.paginationController = new TablePaginationController(this);
+        this.sortController = new TableSortController(this);
+        this.filterController = new TableFilterController(this);
     }
     connectedCallback() {
         super.connectedCallback();
-        this._initSelection();
+        this.selectionController.initSelection();
+    }
+    updated(_changedProperties) {
+        var _a, _b;
+        if (this.globalCheck && (_changedProperties.has('selectedItems') || _changedProperties.has('currentPage') || _changedProperties.has('displayedRows'))) {
+            const checkbox = this.globalCheck;
+            // Get the selection state for the current page only
+            const startIndex = (this.currentPage - 1) * this.selectedItemPerPage;
+            const endIndex = Math.min(startIndex + this.displayedRows.length, this.selectedItems.length);
+            const currentPageSelections = this.selectedItems.slice(startIndex, endIndex);
+            if (currentPageSelections.length > 0 && currentPageSelections.every((isSelected) => isSelected)) {
+                checkbox.checked = true;
+                checkbox.indeterminate = false;
+            }
+            else if (currentPageSelections.some((isSelected) => isSelected)) {
+                checkbox.checked = false;
+                checkbox.indeterminate = true;
+            }
+            else {
+                checkbox.checked = false;
+                checkbox.indeterminate = false;
+            }
+        }
+        if (this.showFilterInput && _changedProperties.has('showFilterInput')) {
+            (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.focus();
+        }
     }
     willUpdate(_changedProperties) {
-        if (_changedProperties.has('sortAttribute') && this.sortAttribute.index > -1) {
+        if (_changedProperties.has('rows')) {
+            this.expand = Array(this.rows.length).fill(false);
+        }
+        if (_changedProperties.has('sortAttribute') && this.sortController.isSortActive()) {
             this._initPagination();
-            this._initSelection();
+            this.selectionController.initSelection();
         }
         if (_changedProperties.has('rowsCopy')) {
-            if (this.activeSearch) {
+            if (this.filterController.isSearchActive()) {
                 this._initPagination();
             }
         }
         if (_changedProperties.has('activeSearch') || _changedProperties.has('rows')) {
-            if (!this.activeSearch) {
+            if (!this.filterController.isSearchActive()) {
                 this.rowsCopy = [...this.rows];
                 this._initPagination();
             }
         }
     }
-    _initSelection() {
-        if (this.selectionMode)
-            this.selectedItems = Array(this.rows.length).fill(false);
-    }
+    /**
+     * Initialize or reset pagination state
+     */
     _initPagination() {
-        if (this.sortAttribute.index > -1) {
-            if (this.sortAttribute.order != SortOrder.Default)
-                this._sort();
-            else
-                this._resetSort();
+        if (this.sortController.isSortActive()) {
+            if (!this.sortController.isSortDefault()) {
+                this.sortController.sort();
+            }
+            else {
+                this.sortController.resetSort();
+            }
         }
-        this.displayedRows = this.rowsCopy.slice(0, this.selectedItemPerPage);
-        this.currentPage = this.rowsCopy.length > 0 ? 1 : 0;
+        this.paginationController.initPagination();
     }
+    /**
+     * Handle items per page change event
+     */
     _handleItemPerPage(itemPerPageEvent) {
-        this.selectedItemPerPage = itemPerPageEvent.detail.selectedItemPerPage;
-        this._initPagination();
+        const value = itemPerPageEvent.detail.value || itemPerPageEvent.detail.selectedItemPerPage;
+        this.paginationController.handleItemPerPageChange(Number(value));
     }
+    /**
+     * Handle page navigation event
+     */
     _handleUpdatePage(updatePageEvent) {
-        this.currentPage = updatePageEvent.detail.page;
-        this.displayedRows = this.rowsCopy.slice((updatePageEvent.detail.page - 1) * this.selectedItemPerPage, (updatePageEvent.detail.page - 1) * this.selectedItemPerPage + this.selectedItemPerPage);
-        this.dispatchEvent(new CustomEvent('onPaginate', { bubbles: true, composed: true, detail: { value: this.currentPage } }));
+        this.paginationController.handlePageChange(updatePageEvent.detail.page);
     }
+    /**
+     * Handle check all rows event
+     */
     _handleCheckAll(checkAllEvent) {
-        const everyItemChecked = checkAllEvent.detail.isEveryItemChecked;
-        this.selectedItems = everyItemChecked ? this.selectedItems.map(() => false) : this.selectedItems.map(() => true);
-        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.rowsCopy.filter((_, i) => this.selectedItems[i]) } }));
+        this.selectionController.handleCheckAll(checkAllEvent.detail.isEveryItemChecked);
     }
+    /**
+     * Handle check single row event
+     */
     _handleCheckOne(checkOneEvent) {
-        const indexSelected = checkOneEvent.detail.index;
-        this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = checkOneEvent.detail.value;
-        this.selectedItems = [...this.selectedItems];
-        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.rowsCopy.filter((_, i) => this.selectedItems[i]) } }));
+        this.selectionController.handleCheckOne(checkOneEvent.detail.index, checkOneEvent.detail.value);
     }
+    /**
+     * Handle select single row event (radio button mode)
+     */
     _handleSelectOne(selectOneEvent) {
-        const previousSelected = this.selectedItems.findIndex((isSelected) => isSelected);
-        if (previousSelected > -1) {
-            this.selectedItems[previousSelected] = false;
-        }
-        const indexSelected = selectOneEvent.detail.index;
-        this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = true;
-        this.selectedItems = [...this.selectedItems];
-        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.rowsCopy.filter((_, i) => this.selectedItems[i]) } }));
+        this.selectionController.handleSelectOne(selectOneEvent.detail.index);
     }
+    /**
+     * Handle cancel selection action
+     */
     _handleCancelSelection() {
-        this.selectedItems = this.selectedItems.map(() => false);
-        this.dispatchEvent(new CustomEvent('onSelect', { bubbles: true, composed: true, detail: { value: this.selectedItems } }));
+        this.selectionController.cancelSelection();
     }
+    /**
+     * Handle search/filter input
+     */
     _handleSearch(searchEvent) {
-        const searchValue = searchEvent.detail.value;
-        if (searchValue.trim().length > 0) {
-            this.activeSearch = true;
-            this.rowsCopy = this.rows.filter((rowValue) => {
-                return Object.values(rowValue).some((attributeValue) => {
-                    const stringValue = JSON.stringify(attributeValue);
-                    return stringValue.includes(searchValue);
-                });
-            });
-            this.dispatchEvent(new CustomEvent('onSearch', { bubbles: true, composed: true, detail: { value: this.rowsCopy } }));
-        }
-        else {
-            this.activeSearch = false;
-        }
+        this.filterController.handleSearch(searchEvent.detail.value);
     }
+    /**
+     * Handle column sort order change
+     */
     _handleSortOrder(sortOrderEvent) {
-        const index = sortOrderEvent.detail.index;
-        if (index != this.sortAttribute.index) {
-            this.sortAttribute.index = index;
-            this.sortAttribute.order = SortOrder.Ascending;
-        }
-        else {
-            if (this.sortAttribute.order == SortOrder.Default)
-                this.sortAttribute.order = SortOrder.Ascending;
-            else if (this.sortAttribute.order == SortOrder.Ascending)
-                this.sortAttribute.order = SortOrder.Descending;
-            else
-                this.sortAttribute.order = SortOrder.Default;
-        }
-        this.sortAttribute = Object.assign({}, this.sortAttribute);
-    }
-    _sort() {
-        if (this.rowsCopy.length) {
-            const sortOrder = this.sortAttribute.order == SortOrder.Default
-                ? SortValue.Default
-                : this.sortAttribute.order == SortOrder.Ascending
-                    ? SortValue.Ascending
-                    : SortValue.Descending;
-            this.rowsCopy.sort((a, b) => {
-                const stringifyA = JSON.stringify(a[this.headers[this.sortAttribute.index].key]);
-                const stringifyB = JSON.stringify(b[this.headers[this.sortAttribute.index].key]);
-                const result = stringifyA < stringifyB ? -1 : stringifyA > stringifyB ? 1 : 0;
-                return result * sortOrder;
-            });
-            this.dispatchEvent(new CustomEvent('onSort', { bubbles: true, composed: true, detail: { value: this.rowsCopy } }));
-        }
+        this.sortController.handleSortOrderChange(sortOrderEvent.detail.index);
     }
-    _resetSort() {
-        this.rowsCopy.sort((copyA, copyB) => {
-            const positionInOriginalArrayA = this.rows.findIndex((originalA) => JSON.stringify(originalA) === JSON.stringify(copyA));
-            const positionInOriginalArrayB = this.rows.findIndex((originalB) => JSON.stringify(originalB) === JSON.stringify(copyB));
-            return positionInOriginalArrayA > positionInOriginalArrayB
-                ? SortValue.Ascending
-                : positionInOriginalArrayA < positionInOriginalArrayB
-                    ? SortValue.Descending
-                    : SortValue.Default;
-        });
+    /**
+     * Toggle expanded content for a row
+     */
+    _showExpandedContent(index) {
+        this.expand[index] = !this.expand[index];
+        this.requestUpdate();
     }
+    /**
+     * Toggle filter input visibility
+     */
+    _toggleFilterInput() {
+        this.showFilterInput = !this.showFilterInput;
+    }
+    /**
+     * Handle filter input change
+     */
+    _handleFilterInputChange(event) {
+        this.filterValue = event.target.value;
+        this.filterController.handleSearch(this.filterValue);
+    }
+    /**
+     * Render the table component with all templates
+     */
     render() {
-        return html `${this.selectionMode && !this.withFilter && this.selectedItems.some((isSelected) => isSelected)
-            ? html `<hy-table-actions
-            .selectedItems=${this.selectedItems.filter((isSelected) => isSelected).length}
-            .size=${this.size}
-            @cancel-selection=${this._handleCancelSelection}
-          ></hy-table-actions>`
+        var _a, _b;
+        const numberOfPages = Math.ceil(this.rowsCopy.length / this.selectedItemPerPage);
+        const fromItem = this.currentPage > 0
+            ? this.currentPage * this.selectedItemPerPage - this.selectedItemPerPage + 1
+            : 0;
+        const toItem = this.currentPage * this.selectedItemPerPage <= this.rowsCopy.length
+            ? this.currentPage * this.selectedItemPerPage
+            : this.rowsCopy.length;
+        const enableNext = toItem < this.rowsCopy.length;
+        const enablePrevious = fromItem > 1;
+        return html `
+      ${this.selectionMode && !this.withFilter && this.selectionController.hasSelection()
+            ? renderActionsTemplate({
+                selectedItems: this.selectionController.getSelectedCount(),
+                size: this.size,
+                onCancelSelection: () => this._handleCancelSelection()
+            })
             : this.withFilter
                 ? html `
             <div class="filter-container">
-              <hy-table-filter @value-change=${this._handleSearch}></hy-table-filter>
+              ${renderFilterTemplate({
+                    showInput: this.showFilterInput,
+                    value: this.filterValue,
+                    onToggleInput: () => this._toggleFilterInput(),
+                    onChange: (e) => this._handleFilterInputChange(e)
+                })}
             </div>
           `
                 : nothing}
-      <hy-table-content
-        .headers=${this.headers}
-        .rows=${this.displayedRows}
-        .expandable=${this.expandable && !this.selectionMode ? this.expandable : nothing}
-        .selectionMode=${this.selectionMode && !this.withFilter ? this.selectionMode : nothing}
-        .selectedItems=${this.selectedItems}
-        .currentPage=${this.currentPage}
-        .itemPerPage=${this.selectedItemPerPage}
-        .sortAttribute=${this.sortAttribute}
-        .size=${this.size}
-        @check-all=${this._handleCheckAll}
-        @check-one=${this._handleCheckOne}
-        @select-one=${this._handleSelectOne}
-        @update-sort=${this._handleSortOrder}
-      ></hy-table-content>
 
-      <hy-table-pagination
-        .numberOfItems=${this.rowsCopy.length}
-        .currentPage=${this.currentPage}
-        .itemPerPage=${this.itemPerPage}
-        .selectedItemPerPage=${this.selectedItemPerPage}
-        .size=${this.size}
-        @item-per-page=${this._handleItemPerPage}
-        @update-page=${this._handleUpdatePage}
-      ></hy-table-pagination> `;
+      <div class="table-content-wrapper ${this.fixedHeader ? 'fixed-header' : ''}" 
+           style="${((_a = this.scrollConfig) === null || _a === void 0 ? void 0 : _a.y) ? `${this.fixedHeader ? 'height' : 'max-height'}: ${typeof this.scrollConfig.y === 'number' ? this.scrollConfig.y + 'px' : this.scrollConfig.y};` : ''}
+                  ${((_b = this.scrollConfig) === null || _b === void 0 ? void 0 : _b.x) ? `${this.fixedHeader ? 'width' : 'max-width'}: ${typeof this.scrollConfig.x === 'number' ? this.scrollConfig.x + 'px' : this.scrollConfig.x};` : ''}">
+        ${renderContentTemplate({
+            headers: this.headers,
+            rows: this.displayedRows,
+            expandable: this.expandable && !this.selectionMode ? this.expandable : undefined,
+            expansionRenderer: !this.selectionMode ? this.expansionRenderer : undefined,
+            selectionMode: this.selectionMode && !this.withFilter ? this.selectionMode : undefined,
+            selectedItems: this.selectedItems,
+            currentPage: this.currentPage,
+            itemPerPage: this.selectedItemPerPage,
+            sortAttribute: this.sortAttribute,
+            expand: this.expand,
+            columnFilters: this.columnFilters,
+            activeFilterColumn: this.activeFilterColumn,
+            loading: this.loading,
+            host: this,
+            onCheckAll: () => {
+                const startIndex = (this.currentPage - 1) * this.selectedItemPerPage;
+                const endIndex = Math.min(startIndex + this.selectedItemPerPage, this.selectedItems.length);
+                const currentPageItems = this.selectedItems.slice(startIndex, endIndex);
+                const isEveryItemChecked = currentPageItems.every(i => i) && currentPageItems.length > 0;
+                this._handleCheckAll({ detail: { isEveryItemChecked } });
+            },
+            onCheckOne: (e, index) => this._handleCheckOne({ detail: { index, value: e.detail.checked } }),
+            onSelectOne: (index) => this._handleSelectOne({ detail: { index } }),
+            onUpdateSort: (index) => this._handleSortOrder({ detail: { index } }),
+            onShowExpandedContent: (index) => this._showExpandedContent(index),
+            onToggleColumnFilter: (columnKey) => this.filterController.toggleColumnFilterDropdown(columnKey),
+            onApplyColumnFilter: (columnKey, value) => this.filterController.applyColumnFilter(columnKey, value),
+            onClearColumnFilter: (columnKey) => this.filterController.clearColumnFilter(columnKey)
+        })}
+      </div>
+
+      ${renderPaginationTemplate({
+            numberOfItems: this.rowsCopy.length,
+            itemPerPage: this.itemPerPage,
+            selectedItemPerPage: this.selectedItemPerPage,
+            currentPage: this.currentPage,
+            size: this.size,
+            numberOfPages,
+            fromItem,
+            toItem,
+            enableNext,
+            enablePrevious,
+            onItemPerPageChange: (e) => this._handleItemPerPage(e),
+            onNextPage: () => {
+                this.currentPage++;
+                this._handleUpdatePage({ detail: { page: this.currentPage } });
+            },
+            onPreviousPage: () => {
+                this.currentPage--;
+                this._handleUpdatePage({ detail: { page: this.currentPage } });
+            }
+        })}
+    `;
     }
 };
 HyTable.styles = styles;
@@ -203,7 +316,7 @@ __decorate([
     property({ type: Array })
 ], HyTable.prototype, "rows", void 0);
 __decorate([
-    property()
+    property({ type: String })
 ], HyTable.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean })
@@ -212,8 +325,26 @@ __decorate([
     property({ type: String })
 ], HyTable.prototype, "expandable", void 0);
 __decorate([
-    property()
+    property({ attribute: false })
+], HyTable.prototype, "expansionRenderer", void 0);
+__decorate([
+    property({ type: String })
 ], HyTable.prototype, "selectionMode", void 0);
+__decorate([
+    property({ type: Boolean })
+], HyTable.prototype, "fixedHeader", void 0);
+__decorate([
+    property({ type: Object })
+], HyTable.prototype, "scrollConfig", void 0);
+__decorate([
+    property({ type: Boolean })
+], HyTable.prototype, "loading", void 0);
+__decorate([
+    property({ type: String })
+], HyTable.prototype, "emptyText", void 0);
+__decorate([
+    property({ type: String })
+], HyTable.prototype, "emptyIcon", void 0);
 __decorate([
     state()
 ], HyTable.prototype, "itemPerPage", void 0);
@@ -238,8 +369,26 @@ __decorate([
 __decorate([
     state()
 ], HyTable.prototype, "sortAttribute", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "expand", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "showFilterInput", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "filterValue", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "columnFilters", void 0);
+__decorate([
+    state()
+], HyTable.prototype, "activeFilterColumn", void 0);
+__decorate([
+    query('#global-check')
+], HyTable.prototype, "globalCheck", void 0);
 HyTable = __decorate([
-    customElement('hy-table')
+    customElement('nr-table')
 ], HyTable);
 export { HyTable };
 //# sourceMappingURL=table.component.js.map

package/table.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../src/components/table/table.component.ts"],"names":[],"mappings":"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","sourcesContent":["import styles from './table.style.js';\nimport {LitElement, PropertyValueMap, html, nothing} from 'lit';\nimport {customElement, property, state} from 'lit/decorators.js';\nimport './components/hy-table-actions.js';\nimport './components/hy-table-filter.js';\nimport './components/hy-table-pagination.js';\nimport './components/hy-table-content.js';\nimport {IHeader, SelectionMode, Sizes, SortAttribute, SortOrder, SortValue} from './table.types.js';\n\n@customElement('hy-table')\nexport class HyTable extends LitElement {\n  static override styles = styles;\n\n  @property({type: Array}) headers!: IHeader[];\n  @property({type: Array}) rows: [] = [];\n  @property() size = Sizes.Normal;\n  @property({type: Boolean}) withFilter = false;\n  @property({type: String}) expandable: string | undefined;\n  @property() selectionMode: SelectionMode | undefined;\n\n  @state() itemPerPage = [5, 10, 15, 20];\n  @state() selectedItemPerPage = this.itemPerPage[0];\n  @state() displayedRows = [];\n  @state() selectedItems: boolean[] = [];\n  @state() currentPage!: number;\n  @state() rowsCopy: [] = [];\n  @state() activeSearch = false;\n  @state() sortAttribute: SortAttribute = {index: -1, order: SortOrder.Default};\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._initSelection();\n  }\n\n  override willUpdate(_changedProperties: PropertyValueMap<this>) {\n    if (_changedProperties.has('sortAttribute') && this.sortAttribute.index > -1) {\n      this._initPagination();\n      this._initSelection();\n    }\n    if (_changedProperties.has('rowsCopy')) {\n      if (this.activeSearch) {\n        this._initPagination();\n      }\n    }\n    if (_changedProperties.has('activeSearch') || _changedProperties.has('rows')) {\n      if (!this.activeSearch) {\n        this.rowsCopy = [...this.rows];\n        this._initPagination();\n      }\n    }\n  }\n\n  _initSelection() {\n    if (this.selectionMode) this.selectedItems = Array(this.rows.length).fill(false);\n  }\n  _initPagination() {\n    if (this.sortAttribute.index > -1) {\n      if (this.sortAttribute.order != SortOrder.Default) this._sort();\n      else this._resetSort();\n    }\n    this.displayedRows = this.rowsCopy.slice(0, this.selectedItemPerPage);\n    this.currentPage = this.rowsCopy.length > 0 ? 1 : 0;\n  }\n\n  _handleItemPerPage(itemPerPageEvent: CustomEvent) {\n    this.selectedItemPerPage = itemPerPageEvent.detail.selectedItemPerPage;\n    this._initPagination();\n  }\n\n  _handleUpdatePage(updatePageEvent: CustomEvent) {\n    this.currentPage = updatePageEvent.detail.page;\n    this.displayedRows = this.rowsCopy.slice(\n      (updatePageEvent.detail.page - 1) * this.selectedItemPerPage,\n      (updatePageEvent.detail.page - 1) * this.selectedItemPerPage + this.selectedItemPerPage\n    );\n    this.dispatchEvent(new CustomEvent('onPaginate',{bubbles:true,composed:true,detail:{value:this.currentPage}}))\n\n  }\n\n  _handleCheckAll(checkAllEvent: CustomEvent) {\n    const everyItemChecked = checkAllEvent.detail.isEveryItemChecked;\n    this.selectedItems = everyItemChecked ? this.selectedItems.map(() => false) : this.selectedItems.map(() => true);\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.rowsCopy.filter((_,i)=>this.selectedItems[i])}}))\n\n  }\n  _handleCheckOne(checkOneEvent: CustomEvent) {\n    const indexSelected = checkOneEvent.detail.index;\n    this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = checkOneEvent.detail.value;\n    this.selectedItems = [...this.selectedItems];\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.rowsCopy.filter((_,i)=>this.selectedItems[i])}}))\n  }\n  _handleSelectOne(selectOneEvent: CustomEvent) {\n    const previousSelected = this.selectedItems.findIndex((isSelected) => isSelected);\n    if (previousSelected > -1) {\n      this.selectedItems[previousSelected] = false;\n    }\n    const indexSelected = selectOneEvent.detail.index;\n    this.selectedItems[indexSelected + (this.currentPage - 1) * this.selectedItemPerPage] = true;\n    this.selectedItems = [...this.selectedItems];\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.rowsCopy.filter((_,i)=>this.selectedItems[i])}}))\n\n  }\n\n  _handleCancelSelection() {\n    this.selectedItems = this.selectedItems.map(() => false);\n    this.dispatchEvent(new CustomEvent('onSelect',{bubbles:true,composed:true,detail:{value:this.selectedItems}}))\n  }\n\n  _handleSearch(searchEvent: CustomEvent) {\n    const searchValue = searchEvent.detail.value;\n    if ((searchValue as string).trim().length > 0) {\n      this.activeSearch = true;\n      this.rowsCopy = this.rows.filter((rowValue) => {\n        return Object.values(rowValue).some((attributeValue) => {\n          const stringValue = JSON.stringify(attributeValue);\n          return stringValue.includes(searchValue);\n        });\n      }) as [];\n      this.dispatchEvent(new CustomEvent('onSearch',{bubbles:true,composed:true,detail:{value:this.rowsCopy}}))\n    } else {\n      this.activeSearch = false;\n    }\n  }\n\n  _handleSortOrder(sortOrderEvent: CustomEvent) {\n    const index = sortOrderEvent.detail.index;\n    if (index != this.sortAttribute.index) {\n      this.sortAttribute.index = index;\n      this.sortAttribute.order = SortOrder.Ascending;\n    } else {\n      if (this.sortAttribute.order == SortOrder.Default) this.sortAttribute.order = SortOrder.Ascending;\n      else if (this.sortAttribute.order == SortOrder.Ascending) this.sortAttribute.order = SortOrder.Descending;\n      else this.sortAttribute.order = SortOrder.Default;\n    }\n    this.sortAttribute = {...this.sortAttribute};\n  }\n\n  _sort() {\n    if (this.rowsCopy.length) {\n      const sortOrder =\n        this.sortAttribute.order == SortOrder.Default\n          ? SortValue.Default\n          : this.sortAttribute.order == SortOrder.Ascending\n          ? SortValue.Ascending\n          : SortValue.Descending;\n      this.rowsCopy.sort((a, b) => {\n        const stringifyA = JSON.stringify(a[this.headers[this.sortAttribute.index].key]);\n        const stringifyB = JSON.stringify(b[this.headers[this.sortAttribute.index].key]);\n        const result = stringifyA < stringifyB ? -1 : stringifyA > stringifyB ? 1 : 0;\n        return result * sortOrder;\n      });\n      this.dispatchEvent(new CustomEvent('onSort',{bubbles:true,composed:true,detail:{value:this.rowsCopy}}))\n    }\n  }\n\n  _resetSort() {\n    this.rowsCopy.sort((copyA, copyB) => {\n      const positionInOriginalArrayA = this.rows.findIndex(\n        (originalA) => JSON.stringify(originalA) === JSON.stringify(copyA)\n      );\n      const positionInOriginalArrayB = this.rows.findIndex(\n        (originalB) => JSON.stringify(originalB) === JSON.stringify(copyB)\n      );\n      return positionInOriginalArrayA > positionInOriginalArrayB\n        ? SortValue.Ascending\n        : positionInOriginalArrayA < positionInOriginalArrayB\n        ? SortValue.Descending\n        : SortValue.Default;\n    });\n  }\n  override render() {\n    return html`${this.selectionMode && !this.withFilter && this.selectedItems.some((isSelected) => isSelected)\n        ? html`<hy-table-actions\n            .selectedItems=${this.selectedItems.filter((isSelected) => isSelected).length}\n            .size=${this.size}\n            @cancel-selection=${this._handleCancelSelection}\n          ></hy-table-actions>`\n        : this.withFilter\n        ? html`\n            <div class=\"filter-container\">\n              <hy-table-filter @value-change=${this._handleSearch}></hy-table-filter>\n            </div>\n          `\n        : nothing}\n      <hy-table-content\n        .headers=${this.headers}\n        .rows=${this.displayedRows}\n        .expandable=${this.expandable && !this.selectionMode ? this.expandable : nothing}\n        .selectionMode=${this.selectionMode && !this.withFilter ? this.selectionMode : nothing}\n        .selectedItems=${this.selectedItems}\n        .currentPage=${this.currentPage}\n        .itemPerPage=${this.selectedItemPerPage}\n        .sortAttribute=${this.sortAttribute}\n        .size=${this.size}\n        @check-all=${this._handleCheckAll}\n        @check-one=${this._handleCheckOne}\n        @select-one=${this._handleSelectOne}\n        @update-sort=${this._handleSortOrder}\n      ></hy-table-content>\n\n      <hy-table-pagination\n        .numberOfItems=${this.rowsCopy.length}\n        .currentPage=${this.currentPage}\n        .itemPerPage=${this.itemPerPage}\n        .selectedItemPerPage=${this.selectedItemPerPage}\n        .size=${this.size}\n        @item-per-page=${this._handleItemPerPage}\n        @update-page=${this._handleUpdatePage}\n      ></hy-table-pagination> `;\n  }\n}\n"]}
+{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../src/components/table/table.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, PropertyValueMap, html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { NuralyUIBaseMixin } from '@nuralyui/common/mixins';\nimport styles from './table.style.js';\nimport { IHeader, SelectionMode, Sizes, SortAttribute, SortOrder, EMPTY_STRING } from './table.types.js';\n\n// Import required components\nimport '../select/select.component.js';\nimport '../icon/icon.component.js';\nimport '../radio/radio.component.js';\n\n// Import controllers\nimport {\n  TableSelectionController,\n  TablePaginationController,\n  TableSortController,\n  TableFilterController\n} from './controllers/index.js';\n\n// Import interfaces\nimport { TableHost } from './interfaces/index.js';\n\n// Import templates\nimport {\n  renderPaginationTemplate,\n  renderContentTemplate,\n  renderActionsTemplate,\n  renderFilterTemplate\n} from './templates/index.js';\n\n/**\n * Advanced table component with sorting, filtering, pagination, selection, and fixed columns.\n * \n * @example\n * ```html\n * <!-- Basic table with fixed header -->\n * <nr-table\n *   .headers=${headers}\n *   .rows=${data}\n *   size=\"normal\"\n *   selectionMode=\"multiple\"\n *   fixedHeader\n *   .scrollConfig=${{ y: 400 }}>\n * </nr-table>\n * \n * <!-- Table with fixed columns -->\n * <nr-table\n *   .headers=${[\n *     { name: 'ID', key: 'id', fixed: 'left', width: 80 },\n *     { name: 'Name', key: 'name', fixed: 'left', width: 150 },\n *     { name: 'Email', key: 'email' },\n *     { name: 'Status', key: 'status' }\n *   ]}\n *   .rows=${data}\n *   .scrollConfig=${{ x: 800 }}>\n * </nr-table>\n * ```\n * \n * @fires onPaginate - Fired when pagination changes\n * @fires nr-select - Fired when row selection changes\n * @fires onSearch - Fired when search/filter is applied\n * @fires onSort - Fired when sorting is applied\n */\n@customElement('nr-table')\nexport class HyTable extends NuralyUIBaseMixin(LitElement) implements TableHost {\n  static override styles = styles;\n\n  @property({ type: Array }) headers!: IHeader[];\n  @property({ type: Array }) rows: any[] = [];\n  @property({ type: String }) size: Sizes = Sizes.Normal;\n  @property({ type: Boolean }) withFilter = false;\n  @property({ type: String }) expandable: string | undefined;\n  @property({ attribute: false }) expansionRenderer: ((row: any, index: number) => any) | undefined;\n  @property({ type: String }) selectionMode: SelectionMode | undefined;\n  @property({ type: Boolean }) fixedHeader = false;\n  @property({ type: Object }) scrollConfig: { x?: number | string; y?: number | string } | undefined;\n  @property({ type: Boolean }) loading = false;\n  @property({ type: String }) emptyText = 'No data available';\n  @property({ type: String }) emptyIcon: string | undefined;\n\n  @state() itemPerPage = [5, 10, 15, 20];\n  @state() selectedItemPerPage = this.itemPerPage[0];\n  @state() displayedRows: any[] = [];\n  @state() selectedItems: boolean[] = [];\n  @state() currentPage!: number;\n  @state() rowsCopy: any[] = [];\n  @state() activeSearch = false;\n  @state() sortAttribute: SortAttribute = {index: -1, order: SortOrder.Default};\n  @state() expand: boolean[] = [];\n  @state() showFilterInput = false;\n  @state() filterValue = EMPTY_STRING;\n  @state() columnFilters: Map<string, string | number> = new Map();\n  @state() activeFilterColumn: string | null = null;\n\n  @query('#global-check')\n  globalCheck?: HTMLElement;\n\n  override requiredComponents = ['nr-select', 'nr-icon', 'nr-checkbox', 'nr-radio'];\n\n  // Controllers\n  private selectionController = new TableSelectionController(this);\n  private paginationController = new TablePaginationController(this);\n  private sortController = new TableSortController(this);\n  private filterController = new TableFilterController(this);\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.selectionController.initSelection();\n  }\n\n  override updated(_changedProperties: PropertyValueMap<this> | Map<PropertyKey, unknown>): void {\n    if (this.globalCheck && (_changedProperties.has('selectedItems') || _changedProperties.has('currentPage') || _changedProperties.has('displayedRows'))) {\n      const checkbox = this.globalCheck as any;\n      \n      // Get the selection state for the current page only\n      const startIndex = (this.currentPage - 1) * this.selectedItemPerPage;\n      const endIndex = Math.min(startIndex + this.displayedRows.length, this.selectedItems.length);\n      const currentPageSelections = this.selectedItems.slice(startIndex, endIndex);\n      \n      if (currentPageSelections.length > 0 && currentPageSelections.every((isSelected) => isSelected)) {\n        checkbox.checked = true;\n        checkbox.indeterminate = false;\n      } else if (currentPageSelections.some((isSelected) => isSelected)) {\n        checkbox.checked = false;\n        checkbox.indeterminate = true;\n      } else {\n        checkbox.checked = false;\n        checkbox.indeterminate = false;\n      }\n    }\n    if (this.showFilterInput && _changedProperties.has('showFilterInput')) {\n      this.shadowRoot?.querySelector('input')?.focus();\n    }\n  }\n\n  override willUpdate(_changedProperties: PropertyValueMap<this>) {\n    if (_changedProperties.has('rows')) {\n      this.expand = Array(this.rows.length).fill(false);\n    }\n    if (_changedProperties.has('sortAttribute') && this.sortController.isSortActive()) {\n      this._initPagination();\n      this.selectionController.initSelection();\n    }\n    if (_changedProperties.has('rowsCopy')) {\n      if (this.filterController.isSearchActive()) {\n        this._initPagination();\n      }\n    }\n    if (_changedProperties.has('activeSearch') || _changedProperties.has('rows')) {\n      if (!this.filterController.isSearchActive()) {\n        this.rowsCopy = [...this.rows];\n        this._initPagination();\n      }\n    }\n  }\n\n  /**\n   * Initialize or reset pagination state\n   */\n  private _initPagination() {\n    if (this.sortController.isSortActive()) {\n      if (!this.sortController.isSortDefault()) {\n        this.sortController.sort();\n      } else {\n        this.sortController.resetSort();\n      }\n    }\n    this.paginationController.initPagination();\n  }\n\n  /**\n   * Handle items per page change event\n   */\n  _handleItemPerPage(itemPerPageEvent: CustomEvent) {\n    const value = itemPerPageEvent.detail.value || itemPerPageEvent.detail.selectedItemPerPage;\n    this.paginationController.handleItemPerPageChange(Number(value));\n  }\n\n  /**\n   * Handle page navigation event\n   */\n  _handleUpdatePage(updatePageEvent: CustomEvent) {\n    this.paginationController.handlePageChange(updatePageEvent.detail.page);\n  }\n\n  /**\n   * Handle check all rows event\n   */\n  _handleCheckAll(checkAllEvent: CustomEvent) {\n    this.selectionController.handleCheckAll(checkAllEvent.detail.isEveryItemChecked);\n  }\n\n  /**\n   * Handle check single row event\n   */\n  _handleCheckOne(checkOneEvent: CustomEvent) {\n    this.selectionController.handleCheckOne(checkOneEvent.detail.index, checkOneEvent.detail.value);\n  }\n\n  /**\n   * Handle select single row event (radio button mode)\n   */\n  _handleSelectOne(selectOneEvent: CustomEvent) {\n    this.selectionController.handleSelectOne(selectOneEvent.detail.index);\n  }\n\n  /**\n   * Handle cancel selection action\n   */\n  _handleCancelSelection() {\n    this.selectionController.cancelSelection();\n  }\n\n  /**\n   * Handle search/filter input\n   */\n  _handleSearch(searchEvent: CustomEvent) {\n    this.filterController.handleSearch(searchEvent.detail.value);\n  }\n\n  /**\n   * Handle column sort order change\n   */\n  _handleSortOrder(sortOrderEvent: CustomEvent) {\n    this.sortController.handleSortOrderChange(sortOrderEvent.detail.index);\n  }\n\n  /**\n   * Toggle expanded content for a row\n   */\n  private _showExpandedContent(index: number) {\n    this.expand[index] = !this.expand[index];\n    this.requestUpdate();\n  }\n\n  /**\n   * Toggle filter input visibility\n   */\n  private _toggleFilterInput() {\n    this.showFilterInput = !this.showFilterInput;\n  }\n\n  /**\n   * Handle filter input change\n   */\n  private _handleFilterInputChange(event: Event) {\n    this.filterValue = (event.target as HTMLInputElement).value;\n    this.filterController.handleSearch(this.filterValue);\n  }\n\n  /**\n   * Render the table component with all templates\n   */\n  override render() {\n    const numberOfPages = Math.ceil(this.rowsCopy.length / this.selectedItemPerPage);\n    const fromItem = this.currentPage > 0 \n      ? this.currentPage * this.selectedItemPerPage - this.selectedItemPerPage + 1 \n      : 0;\n    const toItem = this.currentPage * this.selectedItemPerPage <= this.rowsCopy.length\n      ? this.currentPage * this.selectedItemPerPage\n      : this.rowsCopy.length;\n    const enableNext = toItem < this.rowsCopy.length;\n    const enablePrevious = fromItem > 1;\n\n    return html`\n      ${this.selectionMode && !this.withFilter && this.selectionController.hasSelection()\n        ? renderActionsTemplate({\n            selectedItems: this.selectionController.getSelectedCount(),\n            size: this.size,\n            onCancelSelection: () => this._handleCancelSelection()\n          })\n        : this.withFilter\n        ? html`\n            <div class=\"filter-container\">\n              ${renderFilterTemplate({\n                showInput: this.showFilterInput,\n                value: this.filterValue,\n                onToggleInput: () => this._toggleFilterInput(),\n                onChange: (e) => this._handleFilterInputChange(e)\n              })}\n            </div>\n          `\n        : nothing}\n\n      <div class=\"table-content-wrapper ${this.fixedHeader ? 'fixed-header' : ''}\" \n           style=\"${this.scrollConfig?.y ? `${this.fixedHeader ? 'height' : 'max-height'}: ${typeof this.scrollConfig.y === 'number' ? this.scrollConfig.y + 'px' : this.scrollConfig.y};` : ''}\n                  ${this.scrollConfig?.x ? `${this.fixedHeader ? 'width' : 'max-width'}: ${typeof this.scrollConfig.x === 'number' ? this.scrollConfig.x + 'px' : this.scrollConfig.x};` : ''}\">\n        ${renderContentTemplate({\n          headers: this.headers,\n          rows: this.displayedRows,\n          expandable: this.expandable && !this.selectionMode ? this.expandable : undefined,\n          expansionRenderer: !this.selectionMode ? this.expansionRenderer : undefined,\n          selectionMode: this.selectionMode && !this.withFilter ? this.selectionMode : undefined,\n          selectedItems: this.selectedItems,\n          currentPage: this.currentPage,\n          itemPerPage: this.selectedItemPerPage,\n          sortAttribute: this.sortAttribute,\n          expand: this.expand,\n          columnFilters: this.columnFilters,\n          activeFilterColumn: this.activeFilterColumn,\n          loading: this.loading,\n          host: this,\n          onCheckAll: () => {\n            const startIndex = (this.currentPage - 1) * this.selectedItemPerPage;\n            const endIndex = Math.min(startIndex + this.selectedItemPerPage, this.selectedItems.length);\n            const currentPageItems = this.selectedItems.slice(startIndex, endIndex);\n            const isEveryItemChecked = currentPageItems.every(i => i) && currentPageItems.length > 0;\n            this._handleCheckAll({ detail: { isEveryItemChecked } } as CustomEvent);\n          },\n          onCheckOne: (e, index) => this._handleCheckOne({ detail: { index, value: (e as CustomEvent).detail.checked } } as CustomEvent),\n          onSelectOne: (index) => this._handleSelectOne({ detail: { index } } as CustomEvent),\n          onUpdateSort: (index) => this._handleSortOrder({ detail: { index } } as CustomEvent),\n          onShowExpandedContent: (index) => this._showExpandedContent(index),\n          onToggleColumnFilter: (columnKey) => this.filterController.toggleColumnFilterDropdown(columnKey),\n          onApplyColumnFilter: (columnKey, value) => this.filterController.applyColumnFilter(columnKey, value),\n          onClearColumnFilter: (columnKey) => this.filterController.clearColumnFilter(columnKey)\n        })}\n      </div>\n\n      ${renderPaginationTemplate({\n        numberOfItems: this.rowsCopy.length,\n        itemPerPage: this.itemPerPage,\n        selectedItemPerPage: this.selectedItemPerPage,\n        currentPage: this.currentPage,\n        size: this.size,\n        numberOfPages,\n        fromItem,\n        toItem,\n        enableNext,\n        enablePrevious,\n        onItemPerPageChange: (e) => this._handleItemPerPage(e),\n        onNextPage: () => {\n          this.currentPage++;\n          this._handleUpdatePage({ detail: { page: this.currentPage } } as CustomEvent);\n        },\n        onPreviousPage: () => {\n          this.currentPage--;\n          this._handleUpdatePage({ detail: { page: this.currentPage } } as CustomEvent);\n        }\n      })}\n    `;\n  }\n}\n"]}