@nuraly/lumenui 0.1.0 → 0.2.1

package/dist/src/components/table/bundle.js

@@ -1,10 +1,26 @@
-import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property as a,state as r,query as o,customElement as l}from"lit/decorators.js";import{NuralyUIBaseMixin as s}from"@nuralyui/common/mixins";import{BaseComponentController as c}from"@nuralyui/common/controllers";import{repeat as d}from"lit/directives/repeat.js";import{choose as h}from"lit/directives/choose.js";var p=t`
+import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property as o,state as s,query as r,customElement as a}from"lit/decorators.js";import{repeat as l}from"lit/directives/repeat.js";import{choose as c}from"lit/directives/choose.js";
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */const d=t=>class extends t{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var t,e,i;super.disconnectedCallback(),null===(t=this.themeObserver)||void 0===t||t.disconnect(),null===(e=this.designSystemObserver)||void 0===e||e.disconnect(),null===(i=this.mediaQuery)||void 0===i||i.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var t,e;const i=(null===(t=this.closest("[data-theme]"))||void 0===t?void 0:t.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return i||((null===(e=window.matchMedia)||void 0===e?void 0:e.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var t;const e=(null===(t=this.closest("[design-system]"))||void 0===t?void 0:t.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===e?e:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},h=()=>{var t;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(t=process.env)||void 0===t?void 0:t.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},p=t=>class extends t{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(h())for(const t of this.requiredComponents)if(!this.isComponentAvailable(t))throw new Error(`Required component "${t}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${t}';`)}validateDependenciesWithHandler(t){if(!h())return!0;let e=!0;for(const i of this.requiredComponents)if(!this.isComponentAvailable(i)){e=!1;const n=new Error(`Required component "${i}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);t?t(i,n):console.error(n.message)}return e}isComponentAvailable(t){return!!customElements.get(t)}getMissingDependencies(){return this.requiredComponents.filter(t=>!this.isComponentAvailable(t))}areDependenciesAvailable(){return this.requiredComponents.every(t=>this.isComponentAvailable(t))}addRequiredComponent(t){this.requiredComponents.includes(t)||this.requiredComponents.push(t)}removeRequiredComponent(t){const e=this.requiredComponents.indexOf(t);e>-1&&this.requiredComponents.splice(e,1)}},f=t=>class extends t{dispatchCustomEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(t,e){var i;const n=Object.assign(Object.assign({},e),{timestamp:Date.now(),componentName:(null===(i=this.tagName)||void 0===i?void 0:i.toLowerCase())||"unknown"});this.dispatchCustomEvent(t,n)}dispatchInputEvent(t,e){const i=Object.assign({target:e.target||this,value:e.value,originalEvent:e.originalEvent},e);this.dispatchCustomEvent(t,i)}dispatchFocusEvent(t,e){const i=Object.assign({target:e.target||this,value:e.value,focused:e.focused,cursorPosition:e.cursorPosition,selectedText:e.selectedText},e);this.dispatchCustomEvent(t,i)}dispatchValidationEvent(t,e){var i;const n=Object.assign({target:e.target||this,value:e.value,isValid:null!==(i=e.isValid)&&void 0!==i&&i,error:e.error},e);this.dispatchCustomEvent(t,n)}dispatchActionEvent(t,e){const i=Object.assign({target:e.target||this,action:e.action,previousValue:e.previousValue,newValue:e.newValue},e);this.dispatchCustomEvent(t,i)}isReadonlyKeyAllowed(t){if(t.ctrlKey||t.metaKey){return["KeyA","KeyC"].includes(t.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(t.key)}isActivationKey(t){return"Enter"===t.key||" "===t.key}},u=new Set,g=new Map;
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+const m=t=>{class e extends t{constructor(){super(...arguments),this.t=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const t=this.constructor.useShadowDom;if(!t&&null===this.t)for(this.t=[];this.firstChild;)this.t.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!t){const t=this.constructor,e=this.tagName.toLowerCase(),i=t.styles;if(i){const t=x(i);t&&function(t,e,i){var n;if(!g.has(t)){const i=new CSSStyleSheet;i.replaceSync(e),g.set(t,i)}const o=g.get(t),s=`doc:${t}`;if(u.has(s)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,o],u.add(s)),i){let e=i;for(;e;){const i=e.getRootNode();if(!(i instanceof ShadowRoot))break;{const s=`shadow:${((null===(n=i.host)||void 0===n?void 0:n.tagName)||"").toLowerCase()}:${t}`;u.has(s)||(i.adoptedStyleSheets=[...i.adoptedStyleSheets,o],u.add(s)),e=i.host}}}}(e,t,this)}}}get lightChildren(){return this.t?this.t.filter(t=>!(t instanceof Element&&t.hasAttribute("slot"))):[]}lightChildrenNamed(t){return this.t?this.t.filter(e=>e instanceof Element&&e.getAttribute("slot")===t):[]}}return e.useShadowDom=!1,e};function x(t){return Array.isArray(t)?t.map(t=>x(t)).filter(Boolean).join("\n"):t&&"string"==typeof t.cssText?t.cssText:"string"==typeof t?t:""}var b=t`
   :host {
     display: block;
     width: 100%;
-    font-family: var(--nuraly-font-family, Arial, sans-serif);
-    color: var(--nuraly-color-text);
-    background-color: var(--nuraly-color-background);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    color: #161616;
+    background-color: #ffffff;
   }
 
   /* Filter Container Styles */
@@ -12,7 +28,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
     display: flex;
     justify-content: flex-end;
     width: 100%;
-    padding: var(--nuraly-spacing-2, 0.5rem) 0;
+    padding: 0.5rem 0;
     position: relative;
     margin-bottom: 5px;
   }
@@ -22,13 +38,13 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
     padding-left: 30px;
     width: 100%;
     box-sizing: border-box;
-    background-color: var(--nuraly-table-filter-background, #ffffff);
-    color: var(--nuraly-table-filter-text, #000000);
+    background-color: #ffffff;
+    color: #000000;
   }
 
   .filter-container input:focus {
     outline-style: none;
-    border: 1px solid var(--nuraly-table-filter-border, #1890ff);
+    border: 1px solid #1890ff;
   }
 
   .filter-container .icon-container {
@@ -48,12 +64,12 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   /* Actions Bar Styles */
   .actions-container {
-    background-color: var(--nuraly-table-action-color, #0f62fe);
+    background-color: #0f62fe;
     padding: 10px;
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
-    color: var(--nuraly-table-background, #ffffff);
+    color: #ffffff;
   }
 
   /* Fixed Header Styles */
@@ -68,26 +84,26 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .table-content-wrapper.fixed-header thead {
-    background-color: var(--nuraly-table-header-background, #fafafa);
+    background-color: #fafafa;
   }
 
   .table-content-wrapper.fixed-header thead th {
     position: sticky;
     top: 0;
     z-index: 10;
-    background-color: var(--nuraly-table-header-background, #fafafa);
-    border-bottom: var(--nuraly-table-border-width, 1px) solid var(--nuraly-table-row-border-color, #f0f0f0);
+    background-color: #fafafa;
+    border-bottom: 1px solid #f0f0f0;
   }
 
   .table-content-wrapper.fixed-header thead tr {
-    box-shadow: 0 1px 0 0 var(--nuraly-table-row-border-color, #f0f0f0);
+    box-shadow: 0 1px 0 0 #f0f0f0;
   }
 
   .actions-container button {
     cursor: pointer;
     border: none;
-    color: var(--nuraly-table-background, #ffffff);
-    background-color: var(--nuraly-table-action-color, #0f62fe);
+    color: #ffffff;
+    background-color: #0f62fe;
   }
 
   .actions-container[data-size='small'] {
@@ -109,8 +125,8 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   input[type='checkbox'][data-indeterminate='true']::after {
     width: 13px;
     height: 13px;
-    background-color: var(--nuraly-table-checkbox-checked, #161616);
-    color: var(--nuraly-table-background, #ffffff);
+    background-color: #161616;
+    color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -121,20 +137,20 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   table {
     width: 100%;
     border-spacing: 0px;
-    color: var(--nuraly-table-text-color);
+    color: #161616;
   }
 
   td {
     text-align: center;
-    border-bottom: var(--nuraly-table-border-width, 1px) solid var(--nuraly-table-row-border-color, #f0f0f0);
-    padding: var(--nuraly-table-cell-padding, 10px);
-    font-size: var(--nuraly-table-font-size, 14px);
+    border-bottom: 1px solid #f0f0f0;
+    padding: 10px;
+    font-size: 14px;
   }
 
   th {
     cursor: pointer;
-    padding: var(--nuraly-table-cell-padding, 10px);
-    font-size: var(--nuraly-table-font-size, 14px);
+    padding: 10px;
+    font-size: 14px;
   }
 
   th span {
@@ -147,15 +163,15 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
     display: flex;
     justify-content: center;
     align-items: center;
-    --nuraly-icon-color: var(--nuraly-table-text-color);
+    --nuraly-icon-color: #161616;
   }
 
   tbody tr {
-    background-color: var(--nuraly-table-row-background, #ffffff);
+    background-color: #ffffff;
   }
 
   tbody tr:hover {
-    background-color: var(--nuraly-table-row-hover-background, #f5f5f5);
+    background-color: #f5f5f5;
   }
 
   tbody tr.clickable {
@@ -163,29 +179,29 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   thead tr {
-    background-color: var(--nuraly-table-header-background, #fafafa);
+    background-color: #fafafa;
   }
 
   tbody tr:has(input:checked) {
-    background-color: var(--nuraly-table-row-selected-background, #e6f7ff);
+    background-color: #e6f7ff;
   }
 
   input,
   .expand-icon {
     cursor: pointer;
-    accent-color: var(--nuraly-table-checkbox-checked, #1890ff);
+    accent-color: #1890ff;
   }
 
   /* Size Variants for Table Content */
   :host([size='small']) td,
   :host([size='small']) th {
-    padding: var(--nuraly-table-cell-padding, 8px 16px);
+    padding: 8px 16px;
     font-size: 12px;
   }
 
   :host([size='large']) td,
   :host([size='large']) th {
-    padding: var(--nuraly-table-cell-padding, 15px);
+    padding: 15px;
     font-size: 16px;
   }
 
@@ -194,8 +210,8 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background-color: var(--nuraly-pagination-background-color);
-    color: var(--nuraly-pagination-text-color);
+    background-color: #ffffff;
+    color: #161616;
   }
 
   .pagination-container .left-content {
@@ -204,7 +220,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .pagination-container .left-content .items-details {
-    border-left: var(--nuraly-pagination-borders);
+    border-left: 1px solid #e0e0e0;
     padding: 10px;
   }
 
@@ -216,29 +232,29 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .pagination-container .left-content .select-details label {
-    font-size: var(--nuraly-font-size-input, 14px);
-    color: var(--nuraly-table-pagination-text, #000000);
+    font-size: 14px;
+    color: #000000;
     white-space: nowrap;
   }
 
   .pagination-container .left-content .select-details nr-select {
     min-width: 60px;
     max-width: 80px;
-    --select-border-color: var(--nuraly-table-border-color, #d9d9d9);
-    --select-background: var(--nuraly-table-pagination-background, #fafafa);
-    --select-text-color: var(--nuraly-table-pagination-text, #000000);
+    --select-border-color: #d9d9d9;
+    --select-background: #fafafa;
+    --select-text-color: #000000;
   }
 
   .pagination-container .right-content {
     display: flex;
     align-items: center;
-    border-left: var(--nuraly-pagination-borders);
+    border-left: 1px solid #e0e0e0;
   }
 
   .pagination-container .right-content .icon-container {
     display: flex;
     align-items: center;
-    border-left: var(--nuraly-pagination-borders);
+    border-left: 1px solid #e0e0e0;
   }
 
   .pagination-container .right-content .page-details {
@@ -248,11 +264,11 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   .pagination-container .icon-container .left-arrow,
   .pagination-container .icon-container .right-arrow {
     padding: 10px;
-    --nuraly-icon-color: var(--nuraly-pagination-text-color);
+    --nuraly-icon-color: #161616;
   }
 
   .pagination-container .icon-container .left-arrow {
-    border-right: var(--nuraly-pagination-borders);
+    border-right: 1px solid #e0e0e0;
   }
 
   .pagination-container nr-icon[data-enabled='false'] {
@@ -339,7 +355,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .filter-trigger:hover {
-    background-color: var(--nuraly-table-filter-hover, rgba(0, 0, 0, 0.04));
+    background-color: rgba(0, 0, 0, 0.04);
   }
 
   .filter-icon {
@@ -350,7 +366,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .filter-icon.has-filter {
-    color: var(--nuraly-table-filter-active, #1890ff);
+    color: #1890ff;
   }
 
   .filter-indicator {
@@ -360,15 +376,15 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
     width: 6px;
     height: 6px;
     border-radius: 50%;
-    background-color: var(--nuraly-table-filter-active, #1890ff);
+    background-color: #1890ff;
   }
 
   .column-filter-dropdown {
     position: absolute;
     top: calc(100% + 4px);
     right: 0;
-    background: var(--nuraly-table-background, #ffffff);
-    border: 1px solid var(--nuraly-table-row-border-color, #f0f0f0);
+    background: #ffffff;
+    border: 1px solid #f0f0f0;
     border-radius: 4px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     z-index: 100;
@@ -384,7 +400,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   .column-filter-input {
     padding: 8px;
-    border: 1px solid var(--nuraly-table-row-border-color, #d9d9d9);
+    border: 1px solid #d9d9d9;
     border-radius: 4px;
     font-size: 14px;
     width: 100%;
@@ -393,7 +409,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   .column-filter-input:focus {
     outline: none;
-    border-color: var(--nuraly-table-filter-active, #1890ff);
+    border-color: #1890ff;
     box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
   }
 
@@ -405,58 +421,58 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--nuraly-table-text-color, #000);
+    color: #000;
     align-self: flex-end;
   }
 
   .column-filter-clear:hover {
-    color: var(--nuraly-table-filter-active, #1890ff);
+    color: #1890ff;
   }
 
   /* Fixed Columns Styles */
   th.fixed-column,
   td.fixed-column {
     position: sticky;
-    background-color: var(--nuraly-table-row-background, #ffffff);
+    background-color: #ffffff;
   }
 
   /* Fixed columns in header - highest priority */
   thead th.fixed-column {
     z-index: 20;
-    background-color: var(--nuraly-table-header-background, #fafafa);
+    background-color: #fafafa;
   }
 
   /* When table has fixed header, fixed columns in header need even higher z-index */
   .table-content-wrapper.fixed-header thead th.fixed-column {
     z-index: 25;
-    background-color: var(--nuraly-table-header-background, #fafafa);
+    background-color: #fafafa;
   }
 
   /* Fixed columns in body */
   tbody td.fixed-column {
     z-index: 8;
-    background-color: var(--nuraly-table-row-background, #ffffff);
+    background-color: #ffffff;
   }
 
   /* Ensure fixed columns in tbody have proper background */
   tbody tr td.fixed-column {
-    background-color: var(--nuraly-table-row-background, #ffffff);
+    background-color: #ffffff;
   }
 
   tbody tr:hover td.fixed-column {
-    background-color: var(--nuraly-table-row-hover-background, #f5f5f5);
+    background-color: #f5f5f5;
   }
 
   th.fixed-column-left,
   td.fixed-column-left {
     left: 0;
-    border-right: 1px solid var(--nuraly-table-row-border-color, #f0f0f0);
+    border-right: 1px solid #f0f0f0;
   }
 
   th.fixed-column-right,
   td.fixed-column-right {
     right: 0;
-    border-left: 1px solid var(--nuraly-table-row-border-color, #f0f0f0);
+    border-left: 1px solid #f0f0f0;
   }
 
   /* Shadow effect for fixed columns */
@@ -506,8 +522,8 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .skeleton-cell {
-    padding: var(--nuraly-spacing-3, 0.75rem) var(--nuraly-spacing-4, 1rem);
-    border-bottom: 1px solid var(--nuraly-table-border-color, #f0f0f0);
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid #f0f0f0;
   }
 
   .skeleton-cell.selection-skeleton {
@@ -554,27 +570,27 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   /* Spinner Loading */
   .loading-row {
-    background-color: var(--nuraly-table-row-background, #ffffff);
+    background-color: #ffffff;
   }
 
   .loading-cell {
-    padding: var(--nuraly-spacing-8, 2rem) var(--nuraly-spacing-4, 1rem);
+    padding: 2rem 1rem;
     text-align: center;
-    border-bottom: 1px solid var(--nuraly-table-border-color, #f0f0f0);
+    border-bottom: 1px solid #f0f0f0;
   }
 
   .loading-spinner-container {
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: var(--nuraly-spacing-4, 1rem);
+    gap: 1rem;
   }
 
   .loading-spinner {
     width: 40px;
     height: 40px;
-    border: 4px solid var(--nuraly-table-border-color, #f0f0f0);
-    border-top-color: var(--nuraly-color-primary, #1890ff);
+    border: 4px solid #f0f0f0;
+    border-top-color: #7c3aed;
     border-radius: 50%;
     animation: spinner-rotate 0.8s linear infinite;
   }
@@ -590,23 +606,23 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   .loading-text {
     margin: 0;
-    color: var(--nuraly-color-text-secondary, #666666);
+    color: #525252;
     font-size: 14px;
   }
 
   /* Empty State Styles */
   .empty-row {
-    background: var(--nuraly-table-row-bg-color, #ffffff);
+    background: #ffffff;
   }
 
   .empty-row:hover {
-    background: var(--nuraly-table-row-bg-color, #ffffff);
+    background: #ffffff;
   }
 
   .empty-cell {
     padding: 64px 24px;
     text-align: center;
-    border-bottom: 1px solid var(--nuraly-table-border-color, #f0f0f0);
+    border-bottom: 1px solid #f0f0f0;
   }
 
   .empty-state {
@@ -619,7 +635,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   .empty-icon {
     width: 64px;
     height: 64px;
-    color: var(--nuraly-color-text-quaternary, #bfbfbf);
+    color: #bfbfbf;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -636,7 +652,7 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   .empty-text {
     margin: 0;
-    color: var(--nuraly-color-text-secondary, #666666);
+    color: #525252;
     font-size: 14px;
     line-height: 1.5;
   }
@@ -650,12 +666,12 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
   }
 
   .expand-icon:hover {
-    background-color: var(--nuraly-color-fill-tertiary, #f5f5f5);
+    background-color: #f5f5f5;
   }
 
   .expand-icon:focus {
-    background-color: var(--nuraly-color-fill-tertiary, #f5f5f5);
-    box-shadow: inset 0 0 0 2px var(--nuraly-color-primary, #1890ff);
+    background-color: #f5f5f5;
+    box-shadow: inset 0 0 0 2px #7c3aed;
   }
 
   .expand-icon nr-icon {
@@ -683,8 +699,8 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
 
   .expansion-content {
     padding: 16px;
-    background-color: var(--nuraly-color-fill-quaternary, #fafafa);
-    border-top: 1px solid var(--nuraly-color-border, #d9d9d9);
+    background-color: #fafafa;
+    border-top: 1px solid #e0e0e0;
   }
 
   @keyframes slideDown {
@@ -703,44 +719,49 @@ import{css as t,html as e,nothing as i,LitElement as n}from"lit";import{property
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-class f extends c{}
+class v{constructor(t){this._host=t,t.addController(this)}get host(){return this._host}hostConnected(){}hostDisconnected(){}hostUpdate(){}hostUpdated(){}requestUpdate(){try{this._host.requestUpdate()}catch(t){this.handleError(t,"requestUpdate")}}dispatchEvent(t){try{return this._host.dispatchEvent(t)}catch(t){return this.handleError(t,"dispatchEvent"),!1}}handleError(t,e){console.error(`[${this.constructor.name}] Error in ${e}:`,t);try{this._host.dispatchEvent(new CustomEvent("nr-controller-error",{detail:{error:t.message,context:e,controller:this.constructor.name},bubbles:!0,composed:!0}))}catch(t){}}safeExecute(t,e,i){try{return t()}catch(t){return this.handleError(t,e),i}}debounce(t,e){let i;const n=(...n)=>{void 0!==i&&clearTimeout(i),i=setTimeout(()=>{i=void 0,t.apply(this,n)},e)};return n.cancel=()=>{void 0!==i&&(clearTimeout(i),i=void 0)},n}}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */class w extends v{}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class u extends f{initSelection(){this.host.selectionMode&&(this.host.selectedItems=new Array(this.host.rows.length).fill(!1))}handleCheckAll(t){try{const e=(this.host.currentPage-1)*this.host.selectedItemPerPage,i=Math.min(e+this.host.selectedItemPerPage,this.host.selectedItems.length),n=[...this.host.selectedItems];for(let a=e;a<i;a++)n[a]=!t;this.host.selectedItems=n;const a=this.host.rowsCopy.filter((t,e)=>this.host.selectedItems[e]);this.dispatchEvent(new CustomEvent("onSelect",{bubbles:!0,composed:!0,detail:{value:a}})),this.requestUpdate()}catch(t){this.handleError(t,"handleCheckAll")}}handleCheckOne(t,e){try{const i=t+(this.host.currentPage-1)*this.host.selectedItemPerPage;this.host.selectedItems[i]=e,this.host.selectedItems=[...this.host.selectedItems];const n=this.host.rowsCopy.filter((t,e)=>this.host.selectedItems[e]);this.dispatchEvent(new CustomEvent("nr-select",{bubbles:!0,composed:!0,detail:{value:n}})),this.requestUpdate()}catch(t){this.handleError(t,"handleCheckOne")}}handleSelectOne(t){try{const e=this.host.selectedItems.findIndex(t=>t);e>-1&&(this.host.selectedItems[e]=!1);const i=t+(this.host.currentPage-1)*this.host.selectedItemPerPage;this.host.selectedItems[i]=!0,this.host.selectedItems=[...this.host.selectedItems];const n=this.host.rowsCopy.filter((t,e)=>this.host.selectedItems[e]);this.dispatchEvent(new CustomEvent("nr-select",{bubbles:!0,composed:!0,detail:{value:n}})),this.requestUpdate()}catch(t){this.handleError(t,"handleSelectOne")}}cancelSelection(){try{this.host.selectedItems=this.host.selectedItems.map(()=>!1),this.dispatchEvent(new CustomEvent("nr-select",{bubbles:!0,composed:!0,detail:{value:[]}})),this.requestUpdate()}catch(t){this.handleError(t,"cancelSelection")}}hasSelection(){return this.host.selectedItems.some(t=>t)}getSelectedCount(){return this.host.selectedItems.filter(t=>t).length}}
+ */class y extends w{initSelection(){this.host.selectionMode&&(this.host.selectedItems=new Array(this.host.rows.length).fill(!1))}handleCheckAll(t){try{const e=(this.host.currentPage-1)*this.host.selectedItemPerPage,i=Math.min(e+this.host.selectedItemPerPage,this.host.selectedItems.length),n=[...this.host.selectedItems];for(let o=e;o<i;o++)n[o]=!t;this.host.selectedItems=n;const o=this.host.rowsCopy.filter((t,e)=>this.host.selectedItems[e]);this.dispatchEvent(new CustomEvent("onSelect",{bubbles:!0,composed:!0,detail:{value:o}})),this.requestUpdate()}catch(t){this.handleError(t,"handleCheckAll")}}handleCheckOne(t,e){try{const i=t+(this.host.currentPage-1)*this.host.selectedItemPerPage;this.host.selectedItems[i]=e,this.host.selectedItems=[...this.host.selectedItems];const n=this.host.rowsCopy.filter((t,e)=>this.host.selectedItems[e]);this.dispatchEvent(new CustomEvent("nr-select",{bubbles:!0,composed:!0,detail:{value:n}})),this.requestUpdate()}catch(t){this.handleError(t,"handleCheckOne")}}handleSelectOne(t){try{const e=this.host.selectedItems.findIndex(t=>t);e>-1&&(this.host.selectedItems[e]=!1);const i=t+(this.host.currentPage-1)*this.host.selectedItemPerPage;this.host.selectedItems[i]=!0,this.host.selectedItems=[...this.host.selectedItems];const n=this.host.rowsCopy.filter((t,e)=>this.host.selectedItems[e]);this.dispatchEvent(new CustomEvent("nr-select",{bubbles:!0,composed:!0,detail:{value:n}})),this.requestUpdate()}catch(t){this.handleError(t,"handleSelectOne")}}cancelSelection(){try{this.host.selectedItems=this.host.selectedItems.map(()=>!1),this.dispatchEvent(new CustomEvent("nr-select",{bubbles:!0,composed:!0,detail:{value:[]}})),this.requestUpdate()}catch(t){this.handleError(t,"cancelSelection")}}hasSelection(){return this.host.selectedItems.some(t=>t)}getSelectedCount(){return this.host.selectedItems.filter(t=>t).length}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class g extends f{initPagination(){try{this.host.serverSide?(this.host.displayedRows=[...this.host.rows],this.host.currentPage=this.host.rows.length>0?1:0):(this.host.displayedRows=this.host.rowsCopy.slice(0,this.host.selectedItemPerPage),this.host.currentPage=this.host.rowsCopy.length>0?1:0),this.requestUpdate()}catch(t){this.handleError(t,"initPagination")}}handleItemPerPageChange(t){try{this.host.selectedItemPerPage=t,this.host.currentPage=1,this.host.serverSide?(this.dispatchEvent(new CustomEvent("onPaginate",{bubbles:!0,composed:!0,detail:{page:1,limit:t,offset:0}})),this.requestUpdate()):this.initPagination()}catch(t){this.handleError(t,"handleItemPerPageChange")}}handlePageChange(t){try{this.host.currentPage=t;const e=(t-1)*this.host.selectedItemPerPage,i=e+this.host.selectedItemPerPage;this.host.serverSide||(this.host.displayedRows=this.host.rowsCopy.slice(e,i)),this.dispatchEvent(new CustomEvent("onPaginate",{bubbles:!0,composed:!0,detail:{page:this.host.currentPage,limit:this.host.selectedItemPerPage,offset:e}})),this.requestUpdate()}catch(t){this.handleError(t,"handlePageChange")}}getTotalPages(){const t=this.host.serverSide?this.host.totalCount:this.host.rowsCopy.length;return Math.ceil(t/this.host.selectedItemPerPage)}hasNextPage(){return this.host.currentPage<this.getTotalPages()}hasPreviousPage(){return this.host.currentPage>1}}
+ */class $ extends w{initPagination(){try{this.host.serverSide?(this.host.displayedRows=[...this.host.rows],this.host.currentPage=this.host.rows.length>0?1:0):(this.host.displayedRows=this.host.rowsCopy.slice(0,this.host.selectedItemPerPage),this.host.currentPage=this.host.rowsCopy.length>0?1:0),this.requestUpdate()}catch(t){this.handleError(t,"initPagination")}}handleItemPerPageChange(t){try{this.host.selectedItemPerPage=t,this.host.currentPage=1,this.host.serverSide?(this.dispatchEvent(new CustomEvent("onPaginate",{bubbles:!0,composed:!0,detail:{page:1,limit:t,offset:0}})),this.requestUpdate()):this.initPagination()}catch(t){this.handleError(t,"handleItemPerPageChange")}}handlePageChange(t){try{this.host.currentPage=t;const e=(t-1)*this.host.selectedItemPerPage,i=e+this.host.selectedItemPerPage;this.host.serverSide||(this.host.displayedRows=this.host.rowsCopy.slice(e,i)),this.dispatchEvent(new CustomEvent("onPaginate",{bubbles:!0,composed:!0,detail:{page:this.host.currentPage,limit:this.host.selectedItemPerPage,offset:e}})),this.requestUpdate()}catch(t){this.handleError(t,"handlePageChange")}}getTotalPages(){const t=this.host.serverSide?this.host.totalCount:this.host.rowsCopy.length;return Math.ceil(t/this.host.selectedItemPerPage)}hasNextPage(){return this.host.currentPage<this.getTotalPages()}hasPreviousPage(){return this.host.currentPage>1}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class b extends f{handleSortOrderChange(t){try{t!==this.host.sortAttribute.index?(this.host.sortAttribute.index=t,this.host.sortAttribute.order="ascending"):"default"===this.host.sortAttribute.order?this.host.sortAttribute.order="ascending":"ascending"===this.host.sortAttribute.order?this.host.sortAttribute.order="descending":this.host.sortAttribute.order="default",this.host.sortAttribute=Object.assign({},this.host.sortAttribute),this.requestUpdate()}catch(t){this.handleError(t,"handleSortOrderChange")}}sort(){try{if(!this.host.rowsCopy.length)return;const t="default"===this.host.sortAttribute.order?0:"ascending"===this.host.sortAttribute.order?1:-1;this.host.rowsCopy.sort((e,i)=>{const n=this.host.headers[this.host.sortAttribute.index].key,a=JSON.stringify(e[n]),r=JSON.stringify(i[n]);return(a<r?-1:a>r?1:0)*t}),this.dispatchEvent(new CustomEvent("onSort",{bubbles:!0,composed:!0,detail:{value:this.host.rowsCopy}})),this.requestUpdate()}catch(t){this.handleError(t,"sort")}}resetSort(){try{this.host.rowsCopy.sort((t,e)=>{const i=this.host.rows.findIndex(e=>JSON.stringify(e)===JSON.stringify(t)),n=this.host.rows.findIndex(t=>JSON.stringify(t)===JSON.stringify(e));return i>n?1:i<n?-1:0}),this.requestUpdate()}catch(t){this.handleError(t,"resetSort")}}isSortActive(){return this.host.sortAttribute.index>-1}isSortDefault(){return"default"===this.host.sortAttribute.order}}
+ */class k extends w{handleSortOrderChange(t){try{t!==this.host.sortAttribute.index?(this.host.sortAttribute.index=t,this.host.sortAttribute.order="ascending"):"default"===this.host.sortAttribute.order?this.host.sortAttribute.order="ascending":"ascending"===this.host.sortAttribute.order?this.host.sortAttribute.order="descending":this.host.sortAttribute.order="default",this.host.sortAttribute=Object.assign({},this.host.sortAttribute),this.requestUpdate()}catch(t){this.handleError(t,"handleSortOrderChange")}}sort(){try{if(!this.host.rowsCopy.length)return;const t="default"===this.host.sortAttribute.order?0:"ascending"===this.host.sortAttribute.order?1:-1;this.host.rowsCopy.sort((e,i)=>{const n=this.host.headers[this.host.sortAttribute.index].key,o=JSON.stringify(e[n]),s=JSON.stringify(i[n]);return(o<s?-1:o>s?1:0)*t}),this.dispatchEvent(new CustomEvent("onSort",{bubbles:!0,composed:!0,detail:{value:this.host.rowsCopy}})),this.requestUpdate()}catch(t){this.handleError(t,"sort")}}resetSort(){try{this.host.rowsCopy.sort((t,e)=>{const i=this.host.rows.findIndex(e=>JSON.stringify(e)===JSON.stringify(t)),n=this.host.rows.findIndex(t=>JSON.stringify(t)===JSON.stringify(e));return i>n?1:i<n?-1:0}),this.requestUpdate()}catch(t){this.handleError(t,"resetSort")}}isSortActive(){return this.host.sortAttribute.index>-1}isSortDefault(){return"default"===this.host.sortAttribute.order}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class x extends f{handleSearch(t){try{t.trim().length>0?(this.host.activeSearch=!0,this.host.rowsCopy=this.host.rows.filter(e=>Object.values(e).some(e=>JSON.stringify(e).includes(t))),this.dispatchEvent(new CustomEvent("onSearch",{bubbles:!0,composed:!0,detail:{value:this.host.rowsCopy}}))):this.clearSearch(),this.requestUpdate()}catch(t){this.handleError(t,"handleSearch")}}clearSearch(){try{this.host.activeSearch=!1,this.requestUpdate()}catch(t){this.handleError(t,"clearSearch")}}isSearchActive(){return this.host.activeSearch}getFilteredCount(){return this.host.rowsCopy.length}applyColumnFilter(t,e){try{""===e||null==e?this.host.columnFilters.delete(t):this.host.columnFilters.set(t,e),this.filterRows(),this.requestUpdate()}catch(t){this.handleError(t,"applyColumnFilter")}}clearColumnFilter(t){try{this.host.columnFilters.delete(t),this.filterRows(),this.requestUpdate()}catch(t){this.handleError(t,"clearColumnFilter")}}clearAllColumnFilters(){try{this.host.columnFilters.clear(),this.filterRows(),this.requestUpdate()}catch(t){this.handleError(t,"clearAllColumnFilters")}}toggleColumnFilterDropdown(t){try{this.host.activeFilterColumn=this.host.activeFilterColumn===t?null:t,this.requestUpdate()}catch(t){this.handleError(t,"toggleColumnFilterDropdown")}}filterRows(){var t;let e=[...this.host.rows];this.host.columnFilters.size>0&&(e=e.filter(t=>Array.from(this.host.columnFilters.entries()).every(([e,i])=>{const n=t[e];if(null==n)return!1;const a=String(n).toLowerCase(),r=String(i).toLowerCase();return a.includes(r)}))),this.host.activeSearch&&this.host.filterValue&&(e=e.filter(t=>Object.values(t).some(t=>JSON.stringify(t).toLowerCase().includes(this.host.filterValue.toLowerCase())))),this.host.rowsCopy=e,this.host.activeSearch=this.host.columnFilters.size>0||(null===(t=this.host.filterValue)||void 0===t?void 0:t.length)>0}}function m(t,e,i){let n=0;i&&(n+=50);for(let i=0;i<e;i++)if("left"===t[i].fixed){const e=t[i].width;n+="number"==typeof e?e:Number.parseInt(String(e))||150}return n}function v(t){const e=[];return t.fixed&&(e.push("fixed-column"),e.push(`fixed-column-${t.fixed}`)),e.join(" ")}function y(t){const n=t.headers.some(t=>"left"===t.fixed),a=n?"fixed-column fixed-column-left":"";return e`
+ */class C extends w{handleSearch(t){try{t.trim().length>0?(this.host.activeSearch=!0,this.host.rowsCopy=this.host.rows.filter(e=>Object.values(e).some(e=>JSON.stringify(e).includes(t))),this.dispatchEvent(new CustomEvent("onSearch",{bubbles:!0,composed:!0,detail:{value:this.host.rowsCopy}}))):this.clearSearch(),this.requestUpdate()}catch(t){this.handleError(t,"handleSearch")}}clearSearch(){try{this.host.activeSearch=!1,this.requestUpdate()}catch(t){this.handleError(t,"clearSearch")}}isSearchActive(){return this.host.activeSearch}getFilteredCount(){return this.host.rowsCopy.length}applyColumnFilter(t,e){try{""===e||null==e?this.host.columnFilters.delete(t):this.host.columnFilters.set(t,e),this.filterRows(),this.requestUpdate()}catch(t){this.handleError(t,"applyColumnFilter")}}clearColumnFilter(t){try{this.host.columnFilters.delete(t),this.filterRows(),this.requestUpdate()}catch(t){this.handleError(t,"clearColumnFilter")}}clearAllColumnFilters(){try{this.host.columnFilters.clear(),this.filterRows(),this.requestUpdate()}catch(t){this.handleError(t,"clearAllColumnFilters")}}toggleColumnFilterDropdown(t){try{this.host.activeFilterColumn=this.host.activeFilterColumn===t?null:t,this.requestUpdate()}catch(t){this.handleError(t,"toggleColumnFilterDropdown")}}filterRows(){var t;let e=[...this.host.rows];this.host.columnFilters.size>0&&(e=e.filter(t=>Array.from(this.host.columnFilters.entries()).every(([e,i])=>{const n=t[e];if(null==n)return!1;const o=String(n).toLowerCase(),s=String(i).toLowerCase();return o.includes(s)}))),this.host.activeSearch&&this.host.filterValue&&(e=e.filter(t=>Object.values(t).some(t=>JSON.stringify(t).toLowerCase().includes(this.host.filterValue.toLowerCase())))),this.host.rowsCopy=e,this.host.activeSearch=this.host.columnFilters.size>0||(null===(t=this.host.filterValue)||void 0===t?void 0:t.length)>0}}function S(t,e,i){let n=0;i&&(n+=50);for(let i=0;i<e;i++)if("left"===t[i].fixed){const e=t[i].width;n+="number"==typeof e?e:Number.parseInt(String(e))||150}return n}function z(t){const e=[];return t.fixed&&(e.push("fixed-column"),e.push(`fixed-column-${t.fixed}`)),e.join(" ")}function P(t){const n=t.headers.some(t=>"left"===t.fixed),o=n?"fixed-column fixed-column-left":"";return e`
     <table>
       <thead>
         <tr>
-          ${t.expandable||t.expansionRenderer||t.selectionMode?e`<th class="${a}" style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
+          ${t.expandable||t.expansionRenderer||t.selectionMode?e`<th class="${o}" style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
                 ${"multiple"===t.selectionMode?e`<nr-checkbox 
                       id="global-check"
                       @nr-change=${t.onCheckAll}
                     ></nr-checkbox>`:i}
               </th>`:i}
-          ${d(t.headers,(n,a)=>{const r=v(n),o=t.expandable||t.expansionRenderer||t.selectionMode,l="left"===n.fixed?m(t.headers,a,!!o):void 0,s=n.width?"number"==typeof n.width?`${n.width}px`:n.width:void 0;return e`
+          ${l(t.headers,(n,o)=>{const s=z(n),r=t.expandable||t.expansionRenderer||t.selectionMode,a="left"===n.fixed?S(t.headers,o,!!r):void 0,l=n.width?"number"==typeof n.width?`${n.width}px`:n.width:void 0;return e`
                 ${t.expandable!==n.key?e`<th 
-                      class="${[n.filterable?"filterable":"",r].filter(Boolean).join(" ")}"
-                      style="${void 0!==l?`left: ${l}px;`:""} ${s?`width: ${s}; min-width: ${s};`:""}">
+                      class="${[n.filterable?"filterable":"",s].filter(Boolean).join(" ")}"
+                      style="${void 0!==a?`left: ${a}px;`:""} ${l?`width: ${l}; min-width: ${l};`:""}">
                       <div class="th-content">
-                        <span class="th-text" @click=${()=>t.onUpdateSort(a)}>
+                        <span class="th-text" @click=${()=>t.onUpdateSort(o)}>
                           ${n.name}
-                          ${a===t.sortAttribute.index?h(t.sortAttribute.order,[["default",()=>e`<nr-icon name="arrow-up-down" size="small"></nr-icon>`],["ascending",()=>e`<nr-icon name="arrow-up" size="small"></nr-icon>`],["descending",()=>e`<nr-icon name="arrow-down" size="small"></nr-icon>`]]):e`<nr-icon name="arrow-up-down" size="small"></nr-icon>`}
+                          ${o===t.sortAttribute.index?c(t.sortAttribute.order,[["default",()=>e`<nr-icon name="arrow-up-down" size="small"></nr-icon>`],["ascending",()=>e`<nr-icon name="arrow-up" size="small"></nr-icon>`],["descending",()=>e`<nr-icon name="arrow-down" size="small"></nr-icon>`]]):e`<nr-icon name="arrow-up-down" size="small"></nr-icon>`}
                         </span>
                         ${n.filterable&&n.filterConfig?e`
                               <div class="filter-wrapper">
@@ -748,51 +769,51 @@ class f extends c{}
                                   class="filter-trigger"
                                   @click=${e=>{e.stopPropagation(),t.onToggleColumnFilter(n.key)}}
                                 >
-                                  ${t.activeFilterColumn,n.key,c=t.columnFilters.has(n.key),e`
-    <span class="filter-icon ${c?"has-filter":""}">
+                                  ${t.activeFilterColumn,n.key,d=t.columnFilters.has(n.key),e`
+    <span class="filter-icon ${d?"has-filter":""}">
       <nr-icon name="filter" size="small"></nr-icon>
-      ${c?e`<span class="filter-indicator"></span>`:i}
+      ${d?e`<span class="filter-indicator"></span>`:i}
     </span>
   `}
                                 </button>
-                                ${t.activeFilterColumn===n.key?function(t){const{filterConfig:n,currentValue:a,onFilterChange:r,onClearFilter:o}=t;return e`
+                                ${t.activeFilterColumn===n.key?function(t){const{filterConfig:n,currentValue:o,onFilterChange:s,onClearFilter:r}=t;return e`
     <div class="column-filter-dropdown">
       <div class="column-filter-content">
         ${"select"===n.type?e`
               <nr-select
                 .options=${n.options||[]}
-                .value=${a||""}
+                .value=${o||""}
                 placeholder=${n.placeholder||"Filter..."}
-                @nr-change=${t=>r(t.detail.value)}
+                @nr-change=${t=>s(t.detail.value)}
               ></nr-select>
             `:"number"===n.type?e`
               <input
                 type="number"
                 class="column-filter-input"
                 placeholder=${n.placeholder||"Filter by number..."}
-                .value=${a||""}
-                @input=${t=>r(t.target.value)}
+                .value=${o||""}
+                @input=${t=>s(t.target.value)}
               />
             `:"date"===n.type?e`
               <input
                 type="date"
                 class="column-filter-input"
                 placeholder=${n.placeholder||"Filter by date..."}
-                .value=${a||""}
-                @input=${t=>r(t.target.value)}
+                .value=${o||""}
+                @input=${t=>s(t.target.value)}
               />
             `:e`
               <input
                 type="text"
                 class="column-filter-input"
                 placeholder=${n.placeholder||"Filter..."}
-                .value=${a||""}
-                @input=${t=>r(t.target.value)}
+                .value=${o||""}
+                @input=${t=>s(t.target.value)}
               />
             `}
         
-        ${a?e`
-              <button class="column-filter-clear" @click=${o}>
+        ${o?e`
+              <button class="column-filter-clear" @click=${r}>
                 <nr-icon name="x" size="small"></nr-icon>
               </button>
             `:i}
@@ -803,7 +824,7 @@ class f extends c{}
                             `:i}
                       </div>
                     </th>`:i}
-              `;var c;
+              `;var d;
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
@@ -860,44 +881,44 @@ class f extends c{}
         </div>
       </td>
     </tr>
-  `}(t.host):d(t.rows,(r,o)=>e`
-            <tr class="${t.clickable?"clickable":""}" @click=${()=>{var e;return null===(e=t.onRowClick)||void 0===e?void 0:e.call(t,r,o)}}>
-              ${!t.expandable&&!t.expansionRenderer||t.selectionMode?t.selectionMode?h(t.selectionMode,[["multiple",()=>e`<td class="${a}" style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
+  `}(t.host):l(t.rows,(s,r)=>e`
+            <tr class="${t.clickable?"clickable":""}" @click=${()=>{var e;return null===(e=t.onRowClick)||void 0===e?void 0:e.call(t,s,r)}}>
+              ${!t.expandable&&!t.expansionRenderer||t.selectionMode?t.selectionMode?c(t.selectionMode,[["multiple",()=>e`<td class="${o}" style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
                         <nr-checkbox
-                          @nr-change=${e=>t.onCheckOne(e,o)}
-                          .checked=${t.selectedItems[o+(t.currentPage-1)*t.itemPerPage]}
+                          @nr-change=${e=>t.onCheckOne(e,r)}
+                          .checked=${t.selectedItems[r+(t.currentPage-1)*t.itemPerPage]}
                         ></nr-checkbox>
-                      </td>`],["single",()=>e`<td class="${a}" style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
+                      </td>`],["single",()=>e`<td class="${o}" style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
                       <nr-radio
                         name="table-row-selection"
-                        value="${o}"
-                        @nr-change=${()=>t.onSelectOne(o)}
-                        .checked=${t.selectedItems[o+(t.currentPage-1)*t.itemPerPage]}
+                        value="${r}"
+                        @nr-change=${()=>t.onSelectOne(r)}
+                        .checked=${t.selectedItems[r+(t.currentPage-1)*t.itemPerPage]}
                       ></nr-radio>
                     </td>`]]):i:e`
                   <td 
-                    @click=${()=>t.onShowExpandedContent(o)} 
-                    @keydown=${e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),t.onShowExpandedContent(o))}}
+                    @click=${()=>t.onShowExpandedContent(r)} 
+                    @keydown=${e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),t.onShowExpandedContent(r))}}
                     tabindex="0"
                     role="button"
-                    aria-expanded="${t.expand[o]}"
-                    aria-label="${t.expand[o]?"Collapse row":"Expand row"}"
-                    class="expand-icon ${t.expand[o]?"expanded":""} ${a}" 
+                    aria-expanded="${t.expand[r]}"
+                    aria-label="${t.expand[r]?"Collapse row":"Expand row"}"
+                    class="expand-icon ${t.expand[r]?"expanded":""} ${o}" 
                     style="${n?"left: 0; width: 50px; min-width: 50px;":""}">
                     <nr-icon name="chevron-down" size="small"></nr-icon>
                   </td>
                 `}
-            ${d(t.headers,(n,a)=>{const l=v(n),s=t.expandable||t.expansionRenderer||t.selectionMode,c="left"===n.fixed?m(t.headers,a,!!s):void 0,d=n.width?"number"==typeof n.width?`${n.width}px`:n.width:void 0,h=r[n.key],p=n.render?n.render(h,r,o):h;return e`${t.expandable!==n.key?e`<td
-                      class="${l}"
+            ${l(t.headers,(n,o)=>{const a=z(n),l=t.expandable||t.expansionRenderer||t.selectionMode,c="left"===n.fixed?S(t.headers,o,!!l):void 0,d=n.width?"number"==typeof n.width?`${n.width}px`:n.width:void 0,h=s[n.key],p=n.render?n.render(h,s,r):h;return e`${t.expandable!==n.key?e`<td
+                      class="${a}"
                       style="${void 0!==c?`left: ${c}px;`:""} ${d?`width: ${d}; min-width: ${d};`:""}">
                       ${p}
                     </td>`:i}`})}
             </tr>
-            ${t.expand[o]?e`
+            ${t.expand[r]?e`
                 <tr class="expansion-row expanded">
                   <td colspan=${t.headers.length+(t.expandable||t.expansionRenderer||t.selectionMode?1:0)}>
                     <div class="expansion-content">
-                      ${t.expansionRenderer?t.expansionRenderer(r,o):t.expandable?r[t.expandable]:i}
+                      ${t.expansionRenderer?t.expansionRenderer(s,r):t.expandable?s[t.expandable]:i}
                     </div>
                   </td>
                 </tr>
@@ -911,7 +932,7 @@ class f extends c{}
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-var w=function(t,e,i,n){for(var a,r=arguments.length,o=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,l=t.length-1;l>=0;l--)(a=t[l])&&(o=(r<3?a(o):r>3?a(e,i,o):a(e,i))||o);return r>3&&o&&Object.defineProperty(e,i,o),o};let k=class extends(s(n)){constructor(){super(...arguments),this.rows=[],this.size="normal",this.withFilter=!1,this.fixedHeader=!1,this.loading=!1,this.emptyText="No data available",this.serverSide=!1,this.totalCount=0,this.clickable=!1,this.pageSize=5,this.itemPerPage=[5,10,15,20],this.selectedItemPerPage=5,this.displayedRows=[],this.selectedItems=[],this.rowsCopy=[],this.activeSearch=!1,this.sortAttribute={index:-1,order:"default"},this.expand=[],this.showFilterInput=!1,this.filterValue="",this.columnFilters=new Map,this.activeFilterColumn=null,this.requiredComponents=["nr-select","nr-icon","nr-checkbox","nr-radio"],this.selectionController=new u(this),this.paginationController=new g(this),this.sortController=new b(this),this.filterController=new x(this)}connectedCallback(){super.connectedCallback(),this.selectionController.initSelection(),this.pageSize&&this.itemPerPage.includes(this.pageSize)&&(this.selectedItemPerPage=this.pageSize)}updated(t){var e,i;if(this.globalCheck&&(t.has("selectedItems")||t.has("currentPage")||t.has("displayedRows"))){const t=this.globalCheck,e=(this.currentPage-1)*this.selectedItemPerPage,i=Math.min(e+this.displayedRows.length,this.selectedItems.length),n=this.selectedItems.slice(e,i);n.length>0&&n.every(t=>t)?(t.checked=!0,t.indeterminate=!1):n.some(t=>t)?(t.checked=!1,t.indeterminate=!0):(t.checked=!1,t.indeterminate=!1)}this.showFilterInput&&t.has("showFilterInput")&&(null===(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("input"))||void 0===i||i.focus())}willUpdate(t){t.has("rows")&&(this.expand=new Array(this.rows.length).fill(!1)),this.serverSide?t.has("rows")&&(this.displayedRows=[...this.rows],!this.currentPage&&this.rows.length>0&&(this.currentPage=1)):(t.has("sortAttribute")&&this.sortController.isSortActive()&&(this._initPagination(),this.selectionController.initSelection()),t.has("rowsCopy")&&this.filterController.isSearchActive()&&this._initPagination(),(t.has("activeSearch")||t.has("rows"))&&(this.filterController.isSearchActive()||(this.rowsCopy=[...this.rows],this._initPagination())))}_initPagination(){this.sortController.isSortActive()&&(this.sortController.isSortDefault()?this.sortController.resetSort():this.sortController.sort()),this.paginationController.initPagination()}_handleItemPerPage(t){const e=t.detail.value||t.detail.selectedItemPerPage;this.paginationController.handleItemPerPageChange(Number(e))}_handleUpdatePage(t){this.paginationController.handlePageChange(t.detail.page)}_handleCheckAll(t){this.selectionController.handleCheckAll(t.detail.isEveryItemChecked)}_handleCheckOne(t){this.selectionController.handleCheckOne(t.detail.index,t.detail.value)}_handleSelectOne(t){this.selectionController.handleSelectOne(t.detail.index)}_handleCancelSelection(){this.selectionController.cancelSelection()}_handleSearch(t){this.filterController.handleSearch(t.detail.value)}_handleSortOrder(t){this.sortController.handleSortOrderChange(t.detail.index)}_showExpandedContent(t){this.expand[t]=!this.expand[t],this.requestUpdate()}_toggleFilterInput(){this.showFilterInput=!this.showFilterInput}_handleFilterInputChange(t){this.filterValue=t.target.value,this.filterController.handleSearch(this.filterValue)}render(){var t,n;const a=this.serverSide?this.totalCount:this.rowsCopy.length,r=Math.ceil(a/this.selectedItemPerPage),o=this.currentPage>0?this.currentPage*this.selectedItemPerPage-this.selectedItemPerPage+1:0,l=this.currentPage*this.selectedItemPerPage<=a?this.currentPage*this.selectedItemPerPage:a,s=l<a,c=o>1;return e`
+var E=function(t,e,i,n){for(var o,s=arguments.length,r=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s<3?o(r):s>3?o(e,i,r):o(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};let F=class extends((t=>p(d(f(m(t)))))(n)){constructor(){super(...arguments),this.rows=[],this.size="normal",this.withFilter=!1,this.fixedHeader=!1,this.loading=!1,this.emptyText="No data available",this.serverSide=!1,this.totalCount=0,this.clickable=!1,this.pageSize=5,this.itemPerPage=[5,10,15,20],this.selectedItemPerPage=5,this.displayedRows=[],this.selectedItems=[],this.rowsCopy=[],this.activeSearch=!1,this.sortAttribute={index:-1,order:"default"},this.expand=[],this.showFilterInput=!1,this.filterValue="",this.columnFilters=new Map,this.activeFilterColumn=null,this.requiredComponents=["nr-select","nr-icon","nr-checkbox","nr-radio"],this.selectionController=new y(this),this.paginationController=new $(this),this.sortController=new k(this),this.filterController=new C(this)}connectedCallback(){super.connectedCallback(),this.selectionController.initSelection(),this.pageSize&&this.itemPerPage.includes(this.pageSize)&&(this.selectedItemPerPage=this.pageSize)}updated(t){var e,i;if(this.globalCheck&&(t.has("selectedItems")||t.has("currentPage")||t.has("displayedRows"))){const t=this.globalCheck,e=(this.currentPage-1)*this.selectedItemPerPage,i=Math.min(e+this.displayedRows.length,this.selectedItems.length),n=this.selectedItems.slice(e,i);n.length>0&&n.every(t=>t)?(t.checked=!0,t.indeterminate=!1):n.some(t=>t)?(t.checked=!1,t.indeterminate=!0):(t.checked=!1,t.indeterminate=!1)}this.showFilterInput&&t.has("showFilterInput")&&(null===(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("input"))||void 0===i||i.focus())}willUpdate(t){t.has("rows")&&(this.expand=new Array(this.rows.length).fill(!1)),this.serverSide?t.has("rows")&&(this.displayedRows=[...this.rows],!this.currentPage&&this.rows.length>0&&(this.currentPage=1)):(t.has("sortAttribute")&&this.sortController.isSortActive()&&(this._initPagination(),this.selectionController.initSelection()),t.has("rowsCopy")&&this.filterController.isSearchActive()&&this._initPagination(),(t.has("activeSearch")||t.has("rows"))&&(this.filterController.isSearchActive()||(this.rowsCopy=[...this.rows],this._initPagination())))}_initPagination(){this.sortController.isSortActive()&&(this.sortController.isSortDefault()?this.sortController.resetSort():this.sortController.sort()),this.paginationController.initPagination()}_handleItemPerPage(t){const e=t.detail.value||t.detail.selectedItemPerPage;this.paginationController.handleItemPerPageChange(Number(e))}_handleUpdatePage(t){this.paginationController.handlePageChange(t.detail.page)}_handleCheckAll(t){this.selectionController.handleCheckAll(t.detail.isEveryItemChecked)}_handleCheckOne(t){this.selectionController.handleCheckOne(t.detail.index,t.detail.value)}_handleSelectOne(t){this.selectionController.handleSelectOne(t.detail.index)}_handleCancelSelection(){this.selectionController.cancelSelection()}_handleSearch(t){this.filterController.handleSearch(t.detail.value)}_handleSortOrder(t){this.sortController.handleSortOrderChange(t.detail.index)}_showExpandedContent(t){this.expand[t]=!this.expand[t],this.requestUpdate()}_toggleFilterInput(){this.showFilterInput=!this.showFilterInput}_handleFilterInputChange(t){this.filterValue=t.target.value,this.filterController.handleSearch(this.filterValue)}render(){var t,n;const o=this.serverSide?this.totalCount:this.rowsCopy.length,s=Math.ceil(o/this.selectedItemPerPage),r=this.currentPage>0?this.currentPage*this.selectedItemPerPage-this.selectedItemPerPage+1:0,a=this.currentPage*this.selectedItemPerPage<=o?this.currentPage*this.selectedItemPerPage:o,l=a<o,c=r>1;return e`
       ${this.selectionMode&&!this.withFilter&&this.selectionController.hasSelection()?(d={selectedItems:this.selectionController.getSelectedCount(),size:this.size,onCancelSelection:()=>this._handleCancelSelection()},e`
     <div class="actions-container" data-size="${d.size}">
       <span>${d.selectedItems} selected</span>
@@ -942,7 +963,7 @@ var w=function(t,e,i,n){for(var a,r=arguments.length,o=r<3?e:null===n?n=Object.g
       <div class="table-content-wrapper ${this.fixedHeader?"fixed-header":""}" 
            style="${(null===(t=this.scrollConfig)||void 0===t?void 0:t.y)?`${this.fixedHeader?"height":"max-height"}: ${"number"==typeof this.scrollConfig.y?this.scrollConfig.y+"px":this.scrollConfig.y};`:""}
                   ${(null===(n=this.scrollConfig)||void 0===n?void 0:n.x)?`${this.fixedHeader?"width":"max-width"}: ${"number"==typeof this.scrollConfig.x?this.scrollConfig.x+"px":this.scrollConfig.x};`:""}">
-        ${y({headers:this.headers,rows:this.displayedRows,expandable:this.expandable&&!this.selectionMode?this.expandable:void 0,expansionRenderer:this.selectionMode?void 0:this.expansionRenderer,selectionMode:this.selectionMode&&!this.withFilter?this.selectionMode:void 0,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,clickable:this.clickable,onCheckAll:()=>{const t=(this.currentPage-1)*this.selectedItemPerPage,e=Math.min(t+this.selectedItemPerPage,this.selectedItems.length),i=this.selectedItems.slice(t,e),n=i.every(t=>t)&&i.length>0;this._handleCheckAll({detail:{isEveryItemChecked:n}})},onCheckOne:(t,e)=>this._handleCheckOne({detail:{index:e,value:t.detail.checked}}),onSelectOne:t=>this._handleSelectOne({detail:{index:t}}),onUpdateSort:t=>this._handleSortOrder({detail:{index:t}}),onShowExpandedContent:t=>this._showExpandedContent(t),onToggleColumnFilter:t=>this.filterController.toggleColumnFilterDropdown(t),onApplyColumnFilter:(t,e)=>this.filterController.applyColumnFilter(t,e),onClearColumnFilter:t=>this.filterController.clearColumnFilter(t),onRowClick:(t,e)=>{this.clickable&&this.dispatchEvent(new CustomEvent("nr-row-click",{detail:{row:t,index:e},bubbles:!0,composed:!0}))}})}
+        ${P({headers:this.headers,rows:this.displayedRows,expandable:this.expandable&&!this.selectionMode?this.expandable:void 0,expansionRenderer:this.selectionMode?void 0:this.expansionRenderer,selectionMode:this.selectionMode&&!this.withFilter?this.selectionMode:void 0,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,clickable:this.clickable,onCheckAll:()=>{const t=(this.currentPage-1)*this.selectedItemPerPage,e=Math.min(t+this.selectedItemPerPage,this.selectedItems.length),i=this.selectedItems.slice(t,e),n=i.every(t=>t)&&i.length>0;this._handleCheckAll({detail:{isEveryItemChecked:n}})},onCheckOne:(t,e)=>this._handleCheckOne({detail:{index:e,value:t.detail.checked}}),onSelectOne:t=>this._handleSelectOne({detail:{index:t}}),onUpdateSort:t=>this._handleSortOrder({detail:{index:t}}),onShowExpandedContent:t=>this._showExpandedContent(t),onToggleColumnFilter:t=>this.filterController.toggleColumnFilterDropdown(t),onApplyColumnFilter:(t,e)=>this.filterController.applyColumnFilter(t,e),onClearColumnFilter:t=>this.filterController.clearColumnFilter(t),onRowClick:(t,e)=>{this.clickable&&this.dispatchEvent(new CustomEvent("nr-row-click",{detail:{row:t,index:e},bubbles:!0,composed:!0}))}})}
       </div>
 
       ${function(t){const n=t.itemPerPage.map(t=>({label:String(t),value:String(t)}));return e`
@@ -983,5 +1004,5 @@ var w=function(t,e,i,n){for(var a,r=arguments.length,o=r<3?e:null===n?n=Object.g
         </span>
       </div>
     </div>
-  `}({numberOfItems:a,itemPerPage:this.itemPerPage,selectedItemPerPage:this.selectedItemPerPage,currentPage:this.currentPage,size:this.size,numberOfPages:r,fromItem:o,toItem:l,enableNext:s,enablePrevious:c,onItemPerPageChange:t=>this._handleItemPerPage(t),onNextPage:()=>{this.currentPage++,this._handleUpdatePage({detail:{page:this.currentPage}})},onPreviousPage:()=>{this.currentPage--,this._handleUpdatePage({detail:{page:this.currentPage}})}})}
-    `;var d}};k.styles=p,w([a({type:Array})],k.prototype,"headers",void 0),w([a({type:Array})],k.prototype,"rows",void 0),w([a({type:String})],k.prototype,"size",void 0),w([a({type:Boolean})],k.prototype,"withFilter",void 0),w([a({type:String})],k.prototype,"expandable",void 0),w([a({attribute:!1})],k.prototype,"expansionRenderer",void 0),w([a({type:String})],k.prototype,"selectionMode",void 0),w([a({type:Boolean})],k.prototype,"fixedHeader",void 0),w([a({type:Object})],k.prototype,"scrollConfig",void 0),w([a({type:Boolean})],k.prototype,"loading",void 0),w([a({type:String})],k.prototype,"emptyText",void 0),w([a({type:String})],k.prototype,"emptyIcon",void 0),w([a({type:Boolean})],k.prototype,"serverSide",void 0),w([a({type:Number})],k.prototype,"totalCount",void 0),w([a({type:Boolean})],k.prototype,"clickable",void 0),w([a({type:Number})],k.prototype,"pageSize",void 0),w([r()],k.prototype,"itemPerPage",void 0),w([r()],k.prototype,"selectedItemPerPage",void 0),w([r()],k.prototype,"displayedRows",void 0),w([r()],k.prototype,"selectedItems",void 0),w([r()],k.prototype,"currentPage",void 0),w([r()],k.prototype,"rowsCopy",void 0),w([r()],k.prototype,"activeSearch",void 0),w([r()],k.prototype,"sortAttribute",void 0),w([r()],k.prototype,"expand",void 0),w([r()],k.prototype,"showFilterInput",void 0),w([r()],k.prototype,"filterValue",void 0),w([r()],k.prototype,"columnFilters",void 0),w([r()],k.prototype,"activeFilterColumn",void 0),w([o("#global-check")],k.prototype,"globalCheck",void 0),k=w([l("nr-table")],k);export{k as HyTable};
+  `}({numberOfItems:o,itemPerPage:this.itemPerPage,selectedItemPerPage:this.selectedItemPerPage,currentPage:this.currentPage,size:this.size,numberOfPages:s,fromItem:r,toItem:a,enableNext:l,enablePrevious:c,onItemPerPageChange:t=>this._handleItemPerPage(t),onNextPage:()=>{this.currentPage++,this._handleUpdatePage({detail:{page:this.currentPage}})},onPreviousPage:()=>{this.currentPage--,this._handleUpdatePage({detail:{page:this.currentPage}})}})}
+    `;var d}};F.useShadowDom=!0,F.styles=b,E([o({type:Array})],F.prototype,"headers",void 0),E([o({type:Array})],F.prototype,"rows",void 0),E([o({type:String})],F.prototype,"size",void 0),E([o({type:Boolean})],F.prototype,"withFilter",void 0),E([o({type:String})],F.prototype,"expandable",void 0),E([o({attribute:!1})],F.prototype,"expansionRenderer",void 0),E([o({type:String})],F.prototype,"selectionMode",void 0),E([o({type:Boolean})],F.prototype,"fixedHeader",void 0),E([o({type:Object})],F.prototype,"scrollConfig",void 0),E([o({type:Boolean})],F.prototype,"loading",void 0),E([o({type:String})],F.prototype,"emptyText",void 0),E([o({type:String})],F.prototype,"emptyIcon",void 0),E([o({type:Boolean})],F.prototype,"serverSide",void 0),E([o({type:Number})],F.prototype,"totalCount",void 0),E([o({type:Boolean})],F.prototype,"clickable",void 0),E([o({type:Number})],F.prototype,"pageSize",void 0),E([s()],F.prototype,"itemPerPage",void 0),E([s()],F.prototype,"selectedItemPerPage",void 0),E([s()],F.prototype,"displayedRows",void 0),E([s()],F.prototype,"selectedItems",void 0),E([s()],F.prototype,"currentPage",void 0),E([s()],F.prototype,"rowsCopy",void 0),E([s()],F.prototype,"activeSearch",void 0),E([s()],F.prototype,"sortAttribute",void 0),E([s()],F.prototype,"expand",void 0),E([s()],F.prototype,"showFilterInput",void 0),E([s()],F.prototype,"filterValue",void 0),E([s()],F.prototype,"columnFilters",void 0),E([s()],F.prototype,"activeFilterColumn",void 0),E([r("#global-check")],F.prototype,"globalCheck",void 0),F=E([a("nr-table")],F);export{F as HyTable};