@aquera/nile-elements 1.3.5-beta-1.0 → 1.3.6-beta-1.0

package/dist/src/nile-floating-panel/position-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/position-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIpF,MAAM,OAAO,eAAe;IAQ1B,YACE,gBAA6B,EAC7B,eAA4B,EAC5B,QAA+B,EAC/B,cAAsB,CAAC,EACvB,eAAuB,CAAC;QAZlB,YAAO,GAAwB,IAAI,CAAC;QAc1C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED,eAAe;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,OAAO,GAAG,UAAU,CACvB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,eAAe,EACpB,GAAG,EAAE;YACH,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,EACD;YACE,cAAc,EAAE,IAAI;YACpB,cAAc,EAAE,IAAI;YACpB,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI;YACjB,cAAc,EAAE,KAAK;SACtB,CACF,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAED,UAAU;QACR,MAAM,SAAS,GAAc,IAAI,CAAC,QAAQ,CAAC;QAE3C,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,eAAe,EAAE;YAC3D,SAAS;YACT,QAAQ,EAAE,OAAO;YACjB,UAAU,EAAE;gBACV,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxB,IAAI,EAAE;gBACN,KAAK,CAAC;oBACJ,OAAO,EAAE,IAAI,CAAC,YAAY;iBAC3B,CAAC;aACH;SACF,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;YAC9C,IAAI,SAAS,GAAG,CAAC,CAAC;YAElB,IAAI,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACxC,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;iBAAM,IAAI,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5C,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;YAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;gBACxC,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,SAAS,IAAI;gBACrB,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,QAA+B;QAC5C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,YAAY,CAAC,MAAc;QACzB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { autoUpdate, computePosition, offset, shift, flip } from '@floating-ui/dom';\nimport type { Placement } from '@floating-ui/dom';\nimport type { FloatingPanelPosition } from './types';\n\nexport class PositionManager {\n  private cleanup: (() => void) | null = null;\n  private referenceElement: HTMLElement;\n  private floatingElement: HTMLElement;\n  private position: FloatingPanelPosition;\n  private offsetValue: number;\n  private shiftPadding: number;\n\n  constructor(\n    referenceElement: HTMLElement,\n    floatingElement: HTMLElement,\n    position: FloatingPanelPosition,\n    offsetValue: number = 8,\n    shiftPadding: number = 8\n  ) {\n    this.referenceElement = referenceElement;\n    this.floatingElement = floatingElement;\n    this.position = position;\n    this.offsetValue = offsetValue;\n    this.shiftPadding = shiftPadding;\n  }\n\n  setupAutoUpdate(): void {\n    this.cleanupAutoUpdate();\n\n    this.cleanup = autoUpdate(\n      this.referenceElement,\n      this.floatingElement,\n      () => {\n        this.reposition();\n      },\n      {\n        ancestorScroll: true,\n        ancestorResize: true,\n        elementResize: true,\n        layoutShift: true,\n        animationFrame: false,\n      }\n    );\n  }\n\n  cleanupAutoUpdate(): void {\n    if (this.cleanup) {\n      this.cleanup();\n      this.cleanup = null;\n    }\n  }\n\n  reposition(): void {\n    const placement: Placement = this.position;\n\n    computePosition(this.referenceElement, this.floatingElement, {\n      placement,\n      strategy: 'fixed',\n      middleware: [\n        offset(this.offsetValue),\n        flip(),\n        shift({\n          padding: this.shiftPadding,\n        }),\n      ],\n    }).then(({ x, y, placement: finalPlacement }) => {\n      let adjustedY = y;\n      \n      if (finalPlacement.startsWith('bottom')) {\n        adjustedY = y + 10;\n      } else if (finalPlacement.startsWith('top')) {\n        adjustedY = y - 20;\n      }\n      \n      Object.assign(this.floatingElement.style, {\n        left: `${x}px`,\n        top: `${adjustedY}px`,\n        position: 'fixed',\n      });\n    });\n  }\n\n  updatePosition(position: FloatingPanelPosition): void {\n    this.position = position;\n    this.reposition();\n  }\n\n  updateOffset(offset: number): void {\n    this.offsetValue = offset;\n    this.reposition();\n  }\n\n  updateShiftPadding(padding: number): void {\n    this.shiftPadding = padding;\n    this.reposition();\n  }\n\n  destroy(): void {\n    this.cleanupAutoUpdate();\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/style-manager.d.ts

@@ -0,0 +1,9 @@
+import type { CSSResultArray } from 'lit';
+export declare class StyleManager {
+    private injectedStyleId;
+    private static injectedStyleIds;
+    injectStyles(componentStyles: CSSResultArray): void;
+    private extractCSSFromStyles;
+    cleanupStyles(): void;
+    getInjectedStyleId(): string | null;
+}

package/dist/src/nile-floating-panel/style-manager.js

@@ -0,0 +1,44 @@
+import { panelContainerStyles } from './nile-floating-panel.css';
+export class StyleManager {
+    constructor() {
+        this.injectedStyleId = null;
+    }
+    injectStyles(componentStyles) {
+        const globalStyleId = 'nile-floating-panel-styles-global';
+        if (StyleManager.injectedStyleIds.has(globalStyleId)) {
+            return;
+        }
+        if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {
+            return;
+        }
+        this.injectedStyleId = globalStyleId;
+        StyleManager.injectedStyleIds.add(globalStyleId);
+        const cssText = this.extractCSSFromStyles(componentStyles);
+        const styleElement = document.createElement('style');
+        styleElement.id = globalStyleId;
+        styleElement.textContent = cssText;
+        document.head.appendChild(styleElement);
+    }
+    extractCSSFromStyles(styles) {
+        const containerStyles = panelContainerStyles.cssText || '';
+        const componentStyles = styles
+            .map(style => {
+            if (typeof style === 'string') {
+                return style;
+            }
+            if (style && 'cssText' in style) {
+                return style.cssText;
+            }
+            return '';
+        })
+            .join('\n');
+        return containerStyles + '\n' + componentStyles;
+    }
+    cleanupStyles() {
+    }
+    getInjectedStyleId() {
+        return this.injectedStyleId;
+    }
+}
+StyleManager.injectedStyleIds = new Set();
+//# sourceMappingURL=style-manager.js.map

package/dist/src/nile-floating-panel/style-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/style-manager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,OAAO,YAAY;IAAzB;QACU,oBAAe,GAAkB,IAAI,CAAC;IAgDhD,CAAC;IA7CC,YAAY,CAAC,eAA+B;QAC1C,MAAM,aAAa,GAAG,mCAAmC,CAAC;QAC1D,IAAI,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,IAAI,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;YAC1E,OAAO;QACT,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC;QACrC,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;QAE3D,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,EAAE,GAAG,aAAa,CAAC;QAChC,YAAY,CAAC,WAAW,GAAG,OAAO,CAAC;QACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAEO,oBAAoB,CAAC,MAAsB;QACjD,MAAM,eAAe,GAAG,oBAAoB,CAAC,OAAO,IAAI,EAAE,CAAC;QAE3D,MAAM,eAAe,GAAG,MAAM;aAC3B,GAAG,CAAC,KAAK,CAAC,EAAE;YACX,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,KAAK,CAAC;YACf,CAAC;YACD,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBAChC,OAAQ,KAAa,CAAC,OAAO,CAAC;YAChC,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO,eAAe,GAAG,IAAI,GAAG,eAAe,CAAC;IAClD,CAAC;IAED,aAAa;IACb,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;;AA9Cc,6BAAgB,GAAgB,IAAI,GAAG,EAAE,AAAzB,CAA0B","sourcesContent":["import type { CSSResultArray } from 'lit';\nimport { panelContainerStyles } from './nile-floating-panel.css';\n\nexport class StyleManager {\n  private injectedStyleId: string | null = null;\n  private static injectedStyleIds: Set<string> = new Set();\n\n  injectStyles(componentStyles: CSSResultArray): void {\n    const globalStyleId = 'nile-floating-panel-styles-global';\n    if (StyleManager.injectedStyleIds.has(globalStyleId)) {\n      return;\n    }\n\n    if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {\n      return;\n    }\n\n    this.injectedStyleId = globalStyleId;\n    StyleManager.injectedStyleIds.add(globalStyleId);\n\n    const cssText = this.extractCSSFromStyles(componentStyles);\n\n    const styleElement = document.createElement('style');\n    styleElement.id = globalStyleId;\n    styleElement.textContent = cssText;\n    document.head.appendChild(styleElement);\n  }\n\n  private extractCSSFromStyles(styles: CSSResultArray): string {\n    const containerStyles = panelContainerStyles.cssText || '';\n\n    const componentStyles = styles\n      .map(style => {\n        if (typeof style === 'string') {\n          return style;\n        }\n        if (style && 'cssText' in style) {\n          return (style as any).cssText;\n        }\n        return '';\n      })\n      .join('\\n');\n\n    return containerStyles + '\\n' + componentStyles;\n  }\n\n  cleanupStyles(): void {\n  }\n\n  getInjectedStyleId(): string | null {\n    return this.injectedStyleId;\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/types.d.ts

@@ -0,0 +1,11 @@
+export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';
+export type FloatingPanelAnchor = HTMLElement | string | null;
+export interface FloatingPanelPositionConfig {
+    position: FloatingPanelPosition;
+    offset?: number;
+    shiftPadding?: number;
+}
+export interface FloatingPanelContentConfig {
+    slotContent: Node[];
+    dataContent: string;
+}

package/dist/src/nile-floating-panel/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/nile-floating-panel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/types.ts"],"names":[],"mappings":"","sourcesContent":["export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';\n\nexport type FloatingPanelAnchor = HTMLElement | string | null;\n\nexport interface FloatingPanelPositionConfig {\n  position: FloatingPanelPosition;\n  offset?: number;\n  shiftPadding?: number;\n}\n\nexport interface FloatingPanelContentConfig {\n  slotContent: Node[];\n  dataContent: string;\n}\n\n"]}

package/dist/src/nile-grid/nile-grid-body/nile-grid-body.css.js

@@ -11,7 +11,7 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     box-sizing: border-box;
-    background-color: var(--nile-colors-white-base);
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 `;
 export default [styles];

package/dist/src/nile-grid/nile-grid-body/nile-grid-body.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-body.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-body/nile-grid-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    background-color: var(--nile-colors-white-base);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-body.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-body/nile-grid-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid/nile-grid-cell-item/nile-grid-cell-item.css.js

@@ -10,7 +10,7 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    --padding: var(--nile-spacing-xl) var(--nile-spacing-10px);
+    --padding: var(--nile-spacing-xl, var(--ng-spacing-lg)) var(--nile-spacing-10px, var(--ng-spacing-3xl));
     --height: 44px;
     box-sizing: border-box;
     min-width: 0;
@@ -23,13 +23,14 @@ export const styles = css `
     height: auto;
     font-size: 14px;
     font-weight: 400;
-    font-family: var(--nile-font-family-sans-serif);
+    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
   }
 
   .cell-item-base {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
   }
 
   ::slotted(*) {
@@ -52,18 +53,18 @@ export const styles = css `
     touch-action: none;
     z-index: 1;
     width: 2px;
-    border-right: 1px solid var(--nile-colors-neutral-400);
+    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
     display: block;
   }
 
   :host(.shadow-right) {
-    box-shadow: var(--nile-box-shadow-14);
-    background-color: var(---nile-colors-white-base);
+    box-shadow: var(--nile-box-shadow-14, var(--ng-shadow-xs));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 
   :host(.shadow-left) {
-    box-shadow: var(--nile-box-shadow-14);
-    background-color: var(---nile-colors-white-base);
+    box-shadow: var(--nile-box-shadow-14, var(--ng-shadow-xs));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 
   :host-context(nile-grid-row[hover]:hover),
@@ -79,7 +80,7 @@ export const styles = css `
   :host(.cell-rowspan) {
     position: absolute;
     z-index: 1;
-    background-color: var(--nile-colors-white-base);
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 `;
 export default [styles];

package/dist/src/nile-grid/nile-grid-cell-item/nile-grid-cell-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-cell-item.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Grid Cell Item CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-xl) var(--nile-spacing-10px);\n    --height: 44px;\n    box-sizing: border-box;\n    min-width: 0;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    min-height: var(--height);\n    height: auto;\n    font-size: 14px;\n    font-weight: 400;\n    font-family: var(--nile-font-family-sans-serif);\n  }\n\n  .cell-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: ew-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    display: block;\n  }\n\n  :host(.shadow-right) {\n    box-shadow: var(--nile-box-shadow-14);\n    background-color: var(---nile-colors-white-base);\n  }\n\n  :host(.shadow-left) {\n    box-shadow: var(--nile-box-shadow-14);\n    background-color: var(---nile-colors-white-base);\n  }\n\n  :host-context(nile-grid-row[hover]:hover),\n  :host-context(nile-grid-row[hover]:hover):host([data-sticky]) {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  :host-context(nile-grid-row[selected]),\n  :host-context(nile-grid-row[selected]):host([data-sticky]) {\n    background-color: var(--nile-colors-primary-100) !important;\n  }\n\n  :host(.cell-rowspan) {\n    position: absolute;\n    z-index: 1;\n    background-color: var(--nile-colors-white-base);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-cell-item.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-cell-item/nile-grid-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Grid Cell Item CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-xl, var(--ng-spacing-lg)) var(--nile-spacing-10px, var(--ng-spacing-3xl));\n    --height: 44px;\n    box-sizing: border-box;\n    min-width: 0;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    min-height: var(--height);\n    height: auto;\n    font-size: 14px;\n    font-weight: 400;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .cell-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: ew-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    display: block;\n  }\n\n  :host(.shadow-right) {\n    box-shadow: var(--nile-box-shadow-14, var(--ng-shadow-xs));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host(.shadow-left) {\n    box-shadow: var(--nile-box-shadow-14, var(--ng-shadow-xs));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host-context(nile-grid-row[hover]:hover),\n  :host-context(nile-grid-row[hover]:hover):host([data-sticky]) {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  :host-context(nile-grid-row[selected]),\n  :host-context(nile-grid-row[selected]):host([data-sticky]) {\n    background-color: var(--nile-colors-primary-100) !important;\n  }\n\n  :host(.cell-rowspan) {\n    position: absolute;\n    z-index: 1;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid/nile-grid-head-item/nile-grid-head-item.css.js

@@ -10,7 +10,7 @@ import { css } from 'lit';
  */
 export const styles = css `
   :host {
-    --padding: var(--nile-spacing-lg) var(--nile-spacing-10px);
+    --padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-10px, var(--ng-spacing-3xl));
     --height: 50px;
     position: relative;
     box-sizing: border-box;
@@ -19,13 +19,14 @@ export const styles = css `
     overflow: hidden;
     text-overflow: ellipsis;
     padding: var(--padding);
-    background-color: var(--nile-colors-neutral-100);
-    font-size: var(--nile-font-size-small);
-    font-weight: var(--nile-font-weight-medium);
-    font-family: var(--nile-font-family-sans-serif);
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
+    font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
+    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
     min-height: var(--height);
     display: flex;
     align-items: center;
+    color: var(--nile---nile-colors-dark-900, var(--ng-colors-text-quaternary-500));
   }
 
   .head-item-base {
@@ -54,23 +55,23 @@ export const styles = css `
     touch-action: none;
     z-index: 1;
     width: 2px;
-    border-right: 1px solid var(--nile-colors-neutral-400);
+    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
   }
 
   :host(.shadow-right) {
-    box-shadow: var(--nile-box-shadow-13);
-    background-color: var(--nile-colors-neutral-100);
+    box-shadow: var(--nile-box-shadow-13, var(--ng-shadow-xs));
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
   }
 
   :host(.shadow-left) {
-    box-shadow: var(--nile-box-shadow-13);
-    background-color: var(--nile-colors-neutral-100);
+    box-shadow: var(--nile-box-shadow-13, var(--ng-shadow-xs));
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
   }
 
   :host(.head-rowspan) {
     position: absolute;
     z-index: 1;
-    background-color: var(--nile-colors-neutral-100);
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
   }
 `;
 export default [styles];

package/dist/src/nile-grid/nile-grid-head-item/nile-grid-head-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-head-item.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-head-item/nile-grid-head-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * NileGridHeadItem CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-lg) var(--nile-spacing-10px);\n    --height: 50px;\n    position: relative;\n    box-sizing: border-box;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    background-color: var(--nile-colors-neutral-100);\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-medium);\n    font-family: var(--nile-font-family-sans-serif);\n    min-height: var(--height);\n    display: flex;\n    align-items: center;\n  }\n\n  .head-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: ew-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  :host(.shadow-right) {\n    box-shadow: var(--nile-box-shadow-13);\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  :host(.shadow-left) {\n    box-shadow: var(--nile-box-shadow-13);\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  :host(.head-rowspan) {\n    position: absolute;\n    z-index: 1;\n    background-color: var(--nile-colors-neutral-100);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-head-item.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-head-item/nile-grid-head-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * NileGridHeadItem CSS\n */\nexport const styles = css`\n  :host {\n    --padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-10px, var(--ng-spacing-3xl));\n    --height: 50px;\n    position: relative;\n    box-sizing: border-box;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: var(--padding);\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    min-height: var(--height);\n    display: flex;\n    align-items: center;\n    color: var(--nile---nile-colors-dark-900, var(--ng-colors-text-quaternary-500));\n  }\n\n  .head-item-base {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  :host(:last-child) .resize-handle {\n    border-right: none;\n    display: none;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0;\n    right: 0;\n    height: 100%;\n    cursor: ew-resize;\n    touch-action: none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n\n  :host(.shadow-right) {\n    box-shadow: var(--nile-box-shadow-13, var(--ng-shadow-xs));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  :host(.shadow-left) {\n    box-shadow: var(--nile-box-shadow-13, var(--ng-shadow-xs));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n\n  :host(.head-rowspan) {\n    position: absolute;\n    z-index: 1;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid/nile-grid-row/nile-grid-row.css.js

@@ -12,8 +12,8 @@ export const styles = css `
   .row-base {
     display: grid;
     grid-template-columns: var(--nile-grid-columns);
-    border-bottom: 1px solid var(--nile-colors-neutral-400);
-    background-color: var(--nile-colors-white-base);
+    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     position: relative;
   }
 
@@ -30,9 +30,10 @@ export const styles = css `
     z-index: 1;
   }
 
+  /* check it one more time */
   :host([disabled]) {
     background: var(--nile-colors-white-base);
-    border-bottom: 1px solid var(--nile-colors-neutral-400);
+    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
     opacity: 0.3;
   }
 

package/dist/src/nile-grid/nile-grid-row/nile-grid-row.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid-row.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-row/nile-grid-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridRow CSS\n */\nexport const styles = css`\n  .row-base {\n    display: grid;\n    grid-template-columns: var(--nile-grid-columns);\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    background-color: var(--nile-colors-white-base);\n    position: relative;\n  }\n\n  .row-bg {\n    grid-column: 1 / -1;\n    pointer-events: none;\n    z-index: 0;\n    display: none;\n  }\n\n  .row-slot {\n    grid-column: 1 / -1;\n    display: contents;\n    z-index: 1;\n  }\n\n  :host([disabled]) {\n    background: var(--nile-colors-white-base);\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    opacity: 0.3;\n  }\n\n  :host([selected]) {\n    background: var(--nile-colors-primary-100);\n  }\n\n  :host-context(nile-grid-body):host(:last-child)::part(grid-row-base) {\n    border-bottom: none;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid-row.css.js","sourceRoot":"","sources":["../../../../src/nile-grid/nile-grid-row/nile-grid-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * GridRow CSS\n */\nexport const styles = css`\n  .row-base {\n    display: grid;\n    grid-template-columns: var(--nile-grid-columns);\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    position: relative;\n  }\n\n  .row-bg {\n    grid-column: 1 / -1;\n    pointer-events: none;\n    z-index: 0;\n    display: none;\n  }\n\n  .row-slot {\n    grid-column: 1 / -1;\n    display: contents;\n    z-index: 1;\n  }\n\n  /* check it one more time */\n  :host([disabled]) {\n    background: var(--nile-colors-white-base);\n    border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    opacity: 0.3;\n  }\n\n  :host([selected]) {\n    background: var(--nile-colors-primary-100);\n  }\n\n  :host-context(nile-grid-body):host(:last-child)::part(grid-row-base) {\n    border-bottom: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid/nile-grid.css.js

@@ -14,13 +14,13 @@ export const styles = css `
     inline-size: 100%;
     position: relative;
     box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-400);
-    border-radius: var(--nile-radius-radius-xl);
-    background-color: var(--nile-colors-white-base);
+    border: 1px solid var(--nile-colors-neutral-400, , var(--ng-colors-border-secondary));
+    border-radius: var(--nile-radius-md, var(--ng-radius-xl));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     max-height: 100%;
     width: 100%;
     min-width: var(--min-width);
-    box-shadow: var(--nile-box-shadow-3);
+    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));
   }
 
   ::slotted(nile-grid-head),
@@ -32,7 +32,7 @@ export const styles = css `
   .nile-resize-end {
     position: absolute;
     z-index: 4;
-    background-color: var(--nile-colors-neutral-400);
+    background-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
     width: 2px;
     height: 100%;
     top: 0;

package/dist/src/nile-grid/nile-grid.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid.css.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    --min-width: 180px;\n    display: grid;\n    grid-template-rows: auto;\n    overflow: auto;\n    inline-size: 100%;\n    position: relative;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400);\n    border-radius: var(--nile-radius-radius-xl);\n    background-color: var(--nile-colors-white-base);\n    max-height: 100%;\n    width: 100%;\n    min-width: var(--min-width);\n    box-shadow: var(--nile-box-shadow-3);\n  }\n\n  ::slotted(nile-grid-head),\n  ::slotted(nile-grid-body) {\n    inline-size: 100%;\n  }\n\n  .nile-resize-start,\n  .nile-resize-end {\n    position: absolute;\n    z-index: 4;\n    background-color: var(--nile-colors-neutral-400);\n    width: 2px;\n    height: 100%;\n    top: 0;\n    display: none;\n    bottom: 0;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-grid.css.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    --min-width: 180px;\n    display: grid;\n    grid-template-rows: auto;\n    overflow: auto;\n    inline-size: 100%;\n    position: relative;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400, , var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    max-height: 100%;\n    width: 100%;\n    min-width: var(--min-width);\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n  }\n\n  ::slotted(nile-grid-head),\n  ::slotted(nile-grid-body) {\n    inline-size: 100%;\n  }\n\n  .nile-resize-start,\n  .nile-resize-end {\n    position: absolute;\n    z-index: 4;\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    width: 2px;\n    height: 100%;\n    top: 0;\n    display: none;\n    bottom: 0;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-grid/nile-grid.layout.js

@@ -120,13 +120,13 @@ function handleRowspan(nileGrid, el, rowspan) {
         if (!nileGrid.headHeight)
             nileGrid.headHeight = el.getBoundingClientRect().height;
         el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;
-        el.style.backgroundColor = "#FAFAFA";
+        el.style.backgroundColor = "var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))";
     }
     else {
         if (!nileGrid.cellHeight)
             nileGrid.cellHeight = el.getBoundingClientRect().height;
         el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;
-        el.style.backgroundColor = "#FFF";
+        el.style.backgroundColor = "var(--nile-colors-white-base, var(--ng-colors-bg-primary))";
     }
 }
 /**
@@ -194,7 +194,7 @@ function applySticky(el, colIndex, stickyLeftIndexes, stickyRightIndexes, column
  */
 function prepareStickyElement(el) {
     el.style.position = 'sticky';
-    el.style.zIndex = '2';
+    el.style.zIndex = '1';
     el.style.left = '';
     el.style.right = '';
     el.removeAttribute('data-sticky');

package/dist/src/nile-grid/nile-grid.layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid.layout.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { NileGrid } from './nile-grid';\nimport { getHead, getBody } from './nile-grid.utils';\nimport { getScrollbarComp } from './nile-grid.resize';\nimport { computeColumnWidths } from './nile-grid.width';\nimport { NILE_GRID_HEAD_ITEM } from './types/nile-grid.enums';\n\n/**\n * @param nileGrid Parent NileGrid instance\n * @param slotEl <slot> element hosting head/body\n * @param ensureWidths Function to ensure columnWidths length matches colCount\n * @param rebuildTemplate Function(colCount, widths) -> grid-template string\n * @param stickyLeftIndexes Mutable list of left-sticky column indexes\n * @param stickyRightIndexes Mutable list of right-sticky column indexes\n * @returns void\n */\nexport const layout = (\n  nileGrid: NileGrid,\n  slotEl: any,\n  ensureWidths: any,\n  rebuildTemplate: any,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[]\n) => {\n  const head = getHead(slotEl);\n  const body = getBody(slotEl);\n  if (!body) return;\n\n  const headRows = head\n    ? (Array.from(head.querySelectorAll('nile-grid-row')) as HTMLElement[])\n    : [];\n  const bodyRows = Array.from(\n    body.querySelectorAll('nile-grid-row')\n  ) as HTMLElement[];\n\n  let colCount = 0;\n  colCount = computeHeadLayout(nileGrid, headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  if (colCount) {\n    computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  } else {\n    colCount = computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  }\n\n  setTimeout(() => {\n    computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns); \n  });\n  ensureWidths(colCount);\n  nileGrid.colTemplate = rebuildTemplate(colCount, nileGrid.columnWidths);\n};\n\n/** \n * @param nileGrid The parent NileGrid instance\n * @param rows Array of grid row elements\n * @param carry Array tracking rowspan, colspan continuation\n * @param colCount Total column count\n * @param stickyLeftIndexes List of sticky-left column indexes\n * @param stickyRightIndexes List of sticky-right column indexes\n * @param columnWidths Computed column widths\n * @param opts Options controlling layout behavior\n * @returns Final computed column count\n */\nfunction layoutRows(\n  nileGrid: NileGrid,\n  rows: HTMLElement[],\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean; handleRowBg?: boolean }\n): number {\n  rows.forEach((row, rIdx) => {\n    if (nileGrid.hoverable) row.setAttribute('hover', 'true');\n    colCount = layoutSingleRow(\n      nileGrid,\n      row,\n      rIdx,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      columnWidths,\n      opts\n    );\n  });\n  return colCount;\n}\n\n/**\n * @param nileGrid The grid element being processed\n * @param row Single row element to layout\n * @param rIdx Row index in the grid\n * @param carry Rowspan tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n * @param opts Layout options\n * @returns Updated column count\n */\nfunction layoutSingleRow(\n  nileGrid: NileGrid,\n  row: HTMLElement,\n  rIdx: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean }\n): number {\n  let c = 1;\n  const rStart = rIdx + 1;\n  const items = [...row.querySelectorAll(opts.itemSelector)] as HTMLElement[];\n\n  for (const el of items) {\n    while ((carry[c - 1] || 0) > 0) c++;\n    ({ c, colCount } = layoutCell(\n      nileGrid,\n      el,\n      c,\n      rStart,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      columnWidths,\n      opts\n    ));\n  }\n  decrementCarry(carry);\n  return colCount;\n}\n\n/**\n * @param nileGrid The parent grid\n * @param el Cell element being laid out\n * @param c Current column index\n * @param rStart Row start index\n * @param carry Rowspan carry array\n * @param colCount Current max column count\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param columnWidths Column widths\n * @param opts Sticky and layout options\n * @returns Updated column index and column count\n */\nfunction layoutCell(\n  nileGrid: NileGrid,\n  el: HTMLElement,\n  c: number,\n  rStart: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { useStickyAttr?: boolean }\n) {\n  const colspan = Math.max(1, +el.getAttribute('colspan')! || 1);\n  const rowspan = Math.max(1, +el.getAttribute('rowspan')! || 1);\n  handleRowspan(nileGrid, el, rowspan);\n\n  const cStart = c;\n  const cEnd = c + colspan;\n  setGridPosition(el, cStart, cEnd, rStart, rowspan);\n  handleSticky(\n    el,\n    cStart,\n    opts,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths\n  );\n\n  for (let k = 0; k < colspan; k++) {\n    carry[c - 1 + k] = Math.max(carry[c - 1 + k] || 0, rowspan);\n  }\n  return {\n    c: cEnd,\n    colCount: Math.max(colCount, cEnd - 1),\n  };\n}\n\n/** \n * @param nileGrid The grid container \n * @param el Element that spans multiple rows \n * @param rowspan Number of rows to span \n */\nfunction handleRowspan(nileGrid: NileGrid, el: HTMLElement, rowspan: number) {\n  if (rowspan <= 1) return;\n  el.style.position = \"absolute\";\n  el.style.zIndex = \"1\";\n\n  if (el.tagName === NILE_GRID_HEAD_ITEM) {\n    if (!nileGrid.headHeight) nileGrid.headHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"#FAFAFA\";\n  } else {\n    if (!nileGrid.cellHeight) nileGrid.cellHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"#FFF\";\n  }\n}\n\n/**\n * @param el Grid item element\n * @param cStart Starting column index\n * @param cEnd Ending column index\n * @param rStart Starting row index\n * @param rowspan Row span value\n */\nfunction setGridPosition(\n  el: HTMLElement,\n  cStart: number,\n  cEnd: number,\n  rStart: number,\n  rowspan: number\n) {\n  const rEnd = rStart + rowspan;\n  el.style.gridColumn = `${cStart} / ${cEnd}`;\n  el.style.gridRow = `${rStart} / ${rEnd}`;\n  (el as any).dataset.cStart = String(cStart);\n}\n\n/**\n * @param el Grid item element\n * @param cStart Column start index\n * @param opts Sticky configuration options\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param columnWidths Array of column widths\n */\nfunction handleSticky(\n  el: HTMLElement,\n  cStart: number,\n  opts: { useStickyAttr?: boolean },\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  if (opts.useStickyAttr && el.getAttribute('sticky') === \"left\" && !stickyLeftIndexes.includes(cStart - 1)) {\n    stickyLeftIndexes.push(cStart - 1);\n  }\n  if (opts.useStickyAttr &&  el.getAttribute('sticky') === \"right\" && !stickyRightIndexes.includes(cStart - 1)) {\n    stickyRightIndexes.push(cStart - 1);\n  }\n  applySticky(el, cStart - 1, stickyLeftIndexes, stickyRightIndexes, columnWidths);\n}\n\n/**\n * @param carry Rowspan tracking array\n */\nfunction decrementCarry(carry: number[]) {\n  for (let i = 0; i < carry.length; i++) {\n    if (carry[i] > 0) {\n      carry[i]--;\n    }\n  }\n}\n\n/**\n * @param el Target grid cell element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n */\nfunction applySticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  const onLeft = stickyLeftIndexes.includes(colIndex);\n  const onRight = stickyRightIndexes.includes(colIndex);\n  if (!onLeft && !onRight) return;\n\n  prepareStickyElement(el);\n  if (onLeft && !onRight) {\n    applyLeftSticky(el, colIndex, stickyLeftIndexes, columnWidths);\n  } else {\n    applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths);\n  }\n}\n\n/**\n * @param el Grid item element to prepare for sticky positioning\n */\nfunction prepareStickyElement(el: HTMLElement) {\n  el.style.position = 'sticky';\n  el.style.zIndex = '2';\n  el.style.left = '';\n  el.style.right = '';\n  el.removeAttribute('data-sticky');\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left column indexes\n * @param columnWidths Column width array\n */\nfunction applyLeftSticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  columnWidths: number[]\n) {\n  el.setAttribute('data-sticky', 'left');\n  const leftOrder = [...stickyLeftIndexes].sort((a, b) => a - b);\n  const pos = leftOrder.indexOf(colIndex);\n  const left = computeOffset(leftOrder, pos, columnWidths);\n  el.style.left = `${Math.max(0, Math.round(left))}px`;\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n */\nfunction applyRightSticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  el.setAttribute('data-sticky', 'right');\n  const rightOrder = [...stickyRightIndexes].sort((a, b) => b - a);\n  const pos = rightOrder.indexOf(colIndex);\n  const scrollbarComp = getScrollbarComp(el);\n  const right = computeOffset(rightOrder, pos, columnWidths, scrollbarComp);\n  el.style.right = `${Math.max(0, Math.round(right - 2))}px`;\n}\n\n/**\n * @param nileGrid Grid instance to sync shadows for\n */\nexport function syncStickyShadows(nileGrid: NileGrid) {\n  const { showRightOnLeftStickies, showLeftOnRightStickies } = getShadowStates(nileGrid);\n  const { head, body } = getHeadAndBody(nileGrid);\n\n  toggleStickyShadow(head, 'nile-grid-head-item', 'left', 'shadow-right', showRightOnLeftStickies);\n  toggleStickyShadow(body, 'nile-grid-cell-item', 'left', 'shadow-right', showRightOnLeftStickies);\n  toggleStickyShadow(head, 'nile-grid-head-item', 'right', 'shadow-left', showLeftOnRightStickies);\n  toggleStickyShadow(body, 'nile-grid-cell-item', 'right', 'shadow-left', showLeftOnRightStickies);\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Object containing booleans for left/right shadow visibility\n */\nfunction getShadowStates(nileGrid: NileGrid) {\n  const max = Math.max(0, nileGrid.scrollWidth - nileGrid.clientWidth);\n  return {\n    showRightOnLeftStickies: nileGrid.scrollLeft > 0,\n    showLeftOnRightStickies: nileGrid.scrollLeft < max\n  };\n}\n\n/**\n * @param root Root element (head or body)\n * @param tag Target tag selector\n * @param side Sticky side ('left' or 'right')\n * @param cls Shadow CSS class to toggle\n * @param on Whether to apply or remove the shadow\n */\nfunction toggleStickyShadow(\n  root: HTMLElement | undefined,\n  tag: string,\n  side: 'left' | 'right',\n  cls: string,\n  on: boolean\n) {\n  if (!root) return;\n  const sel = `${tag}[data-sticky=\"${side}\"]`;\n  root.querySelectorAll<HTMLElement>(sel).forEach(el => el.classList.toggle(cls, on));\n}\n\n/** rebuildTemplate\n * @param colCount Number of columns\n * @param columnWidths Array of explicit column widths (px)\n * @returns CSS grid-template-columns string\n */\nexport const rebuildTemplate = (\n  colCount: number,\n  columnWidths: number[]\n): string => {\n  const parts: string[] = [];\n\n  for (let i = 0; i < colCount; i++) {\n    const explicit = columnWidths[i];\n    if (i === colCount - 1) {\n      parts.push(`minmax(${explicit}px, auto)`);\n    } else {\n      parts.push(`${explicit}px`);\n    }\n  }\n  return parts.join(' ');\n};\n\n/** computeHeadLayout\n * @param nileGrid Grid instance\n * @param headRows Header rows (<nile-grid-row>[])\n * @param carryHead Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @param columnWidths Column widths array\n * @returns Final column count after header layout\n */\nfunction computeHeadLayout(\n  nileGrid: NileGrid,\n  headRows: HTMLElement[],\n  carryHead: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n): number {\n  return layoutRows(\n    nileGrid,\n    headRows,\n    carryHead,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths,\n    {\n      itemSelector: 'nile-grid-head-item',\n      useStickyAttr: true,\n      handleRowBg: false,\n    }\n  );\n}\n\n/** computeBodyLayout\n * @param nileGrid Grid instance\n * @param bodyRows Body rows (<nile-grid-row>[])\n * @param carryBody Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @param columnWidths Column widths array\n * @returns Final column count after body layout\n */\nfunction computeBodyLayout(\n  nileGrid: NileGrid,\n  bodyRows: HTMLElement[],\n  carryBody: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n): number {\n  return layoutRows(\n    nileGrid,\n    bodyRows,\n    carryBody,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths,\n    {\n      itemSelector: 'nile-grid-cell-item',\n      useStickyAttr: false,\n      handleRowBg: true,\n    }\n  );\n}\n\n/**\n * @param nileGrid Grid container element\n * @param colCount Total number of columns\n * @param columnWidths Column width array\n * @param headElement Header element for template update\n */\nexport function applyColumnsTemplate(\n  nileGrid: NileGrid,\n  columnWidths: number[]\n) {\n  const cols = columnWidths\n    .map((w, idx) => {\n      if (idx === columnWidths.length - 1) {\n        return `minmax(${Math.round(w)}px, auto)`;\n      }\n      return `${Math.max(0, Math.round(w))}px`;\n    })\n    .join(' ');\n  nileGrid.style.setProperty('--nile-grid-columns', cols);\n}\n\n/**\n * @param order Array of sticky column indexes\n * @param pos Current position within order\n * @param widths Column widths\n * @param base Base offset value\n * @returns Computed pixel offset\n */\nfunction computeOffset(\n  order: number[],\n  pos: number,\n  widths: number[],\n  base = 0\n) {\n  let total = base;\n  for (let i = 0; i < pos; i++) total += widths[order[i]] ?? 0;\n  return total;\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Head and body elements from the grid slot\n */\nfunction getHeadAndBody(nileGrid: NileGrid) {\n  if (!nileGrid.shadowRoot) return { head: undefined, body: undefined };\n  const assigned = nileGrid.slotEl.assignedElements();\n  const find = (tag: string) =>\n    assigned.find(n => n.tagName.toLowerCase() === tag) as HTMLElement | undefined;\n  return { head: find('nile-grid-head'), body: find('nile-grid-body') };\n}"]}
+{"version":3,"file":"nile-grid.layout.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-grid.layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,QAAkB,EAClB,MAAW,EACX,YAAiB,EACjB,eAAoB,EACpB,iBAA2B,EAC3B,kBAA4B,EAC5B,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,MAAM,QAAQ,GAAG,IAAI;QACnB,CAAC,CAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAmB;QACvE,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CACtB,CAAC;IAEnB,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC7H,IAAI,QAAQ,EAAE,CAAC;QACb,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IACpH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/H,CAAC;IAED,UAAU,CAAC,GAAG,EAAE;QACd,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACtG,CAAC,CAAC,CAAC;IACH,YAAY,CAAC,QAAQ,CAAC,CAAC;IACvB,QAAQ,CAAC,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,SAAS,UAAU,CACjB,QAAkB,EAClB,IAAmB,EACnB,KAAe,EACf,QAAgB,EAChB,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB,EACtB,IAA8E;IAE9E,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QACzB,IAAI,QAAQ,CAAC,SAAS;YAAE,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC1D,QAAQ,GAAG,eAAe,CACxB,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,IAAI,CACL,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,eAAe,CACtB,QAAkB,EAClB,GAAgB,EAChB,IAAY,EACZ,KAAe,EACf,QAAgB,EAChB,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB,EACtB,IAAuD;IAEvD,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC;IACxB,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAkB,CAAC;IAE5E,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE,CAAC;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC;YAAE,CAAC,EAAE,CAAC;QACpC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,CAC3B,QAAQ,EACR,EAAE,EACF,CAAC,EACD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,IAAI,CACL,CAAC,CAAC;IACL,CAAC;IACD,cAAc,CAAC,KAAK,CAAC,CAAC;IACtB,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,SAAS,UAAU,CACjB,QAAkB,EAClB,EAAe,EACf,CAAS,EACT,MAAc,EACd,KAAe,EACf,QAAgB,EAChB,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB,EACtB,IAAiC;IAEjC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAE,IAAI,CAAC,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAE,IAAI,CAAC,CAAC,CAAC;IAC/D,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,CAAC,CAAC;IACjB,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACnD,YAAY,CACV,EAAE,EACF,MAAM,EACN,IAAI,EACJ,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,CACb,CAAC;IAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QACjC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IACD,OAAO;QACL,CAAC,EAAE,IAAI;QACP,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,CAAC,CAAC;KACvC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,QAAkB,EAAE,EAAe,EAAE,OAAe;IACzE,IAAI,OAAO,IAAI,CAAC;QAAE,OAAO;IACzB,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAEtB,IAAI,EAAE,CAAC,OAAO,KAAK,mBAAmB,EAAE,CAAC;QACvC,IAAI,CAAC,QAAQ,CAAC,UAAU;YAAE,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAClF,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;QACzE,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,+DAA+D,CAAC;IAC7F,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,QAAQ,CAAC,UAAU;YAAE,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAClF,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;QACzE,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,4DAA4D,CAAC;IAC1F,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,SAAS,eAAe,CACtB,EAAe,EACf,MAAc,EACd,IAAY,EACZ,MAAc,EACd,OAAe;IAEf,MAAM,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC;IAC9B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,MAAM,MAAM,IAAI,EAAE,CAAC;IAC5C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,MAAM,MAAM,IAAI,EAAE,CAAC;IACxC,EAAU,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAC9C,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,YAAY,CACnB,EAAe,EACf,MAAc,EACd,IAAiC,EACjC,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB;IAEtB,IAAI,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,MAAM,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;QAC1G,iBAAiB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,IAAI,CAAC,aAAa,IAAK,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,OAAO,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;QAC7G,kBAAkB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;AACnF,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,KAAe;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACb,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,SAAS,WAAW,CAClB,EAAe,EACf,QAAgB,EAChB,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB;IAEtB,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACtD,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO;QAAE,OAAO;IAEhC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACzB,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACvB,eAAe,CAAC,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACN,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;IACnE,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,oBAAoB,CAAC,EAAe;IAC3C,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IACtB,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;IACnB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AACpC,CAAC;AAED;;;;;GAKG;AACH,SAAS,eAAe,CACtB,EAAe,EACf,QAAgB,EAChB,iBAA2B,EAC3B,YAAsB;IAEtB,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,CAAC,GAAG,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,aAAa,CAAC,SAAS,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC;IACzD,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;AACvD,CAAC;AAED;;;;;GAKG;AACH,SAAS,gBAAgB,CACvB,EAAe,EACf,QAAgB,EAChB,kBAA4B,EAC5B,YAAsB;IAEtB,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;IAC1E,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7D,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,QAAkB;IAClD,MAAM,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvF,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEhD,kBAAkB,CAAC,IAAI,EAAE,qBAAqB,EAAE,MAAM,EAAE,cAAc,EAAE,uBAAuB,CAAC,CAAC;IACjG,kBAAkB,CAAC,IAAI,EAAE,qBAAqB,EAAE,MAAM,EAAE,cAAc,EAAE,uBAAuB,CAAC,CAAC;IACjG,kBAAkB,CAAC,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,aAAa,EAAE,uBAAuB,CAAC,CAAC;IACjG,kBAAkB,CAAC,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,aAAa,EAAE,uBAAuB,CAAC,CAAC;AACnG,CAAC;AAED;;;GAGG;AACH,SAAS,eAAe,CAAC,QAAkB;IACzC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IACrE,OAAO;QACL,uBAAuB,EAAE,QAAQ,CAAC,UAAU,GAAG,CAAC;QAChD,uBAAuB,EAAE,QAAQ,CAAC,UAAU,GAAG,GAAG;KACnD,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,SAAS,kBAAkB,CACzB,IAA6B,EAC7B,GAAW,EACX,IAAsB,EACtB,GAAW,EACX,EAAW;IAEX,IAAI,CAAC,IAAI;QAAE,OAAO;IAClB,MAAM,GAAG,GAAG,GAAG,GAAG,iBAAiB,IAAI,IAAI,CAAC;IAC5C,IAAI,CAAC,gBAAgB,CAAc,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AACtF,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAAgB,EAChB,YAAsB,EACd,EAAE;IACV,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,KAAK,QAAQ,GAAG,CAAC,EAAE,CAAC;YACvB,KAAK,CAAC,IAAI,CAAC,UAAU,QAAQ,WAAW,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,SAAS,iBAAiB,CACxB,QAAkB,EAClB,QAAuB,EACvB,SAAmB,EACnB,QAAgB,EAChB,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB;IAEtB,OAAO,UAAU,CACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ;QACE,YAAY,EAAE,qBAAqB;QACnC,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,KAAK;KACnB,CACF,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,iBAAiB,CACxB,QAAkB,EAClB,QAAuB,EACvB,SAAmB,EACnB,QAAgB,EAChB,iBAA2B,EAC3B,kBAA4B,EAC5B,YAAsB;IAEtB,OAAO,UAAU,CACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ;QACE,YAAY,EAAE,qBAAqB;QACnC,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,IAAI;KAClB,CACF,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,QAAkB,EAClB,YAAsB;IAEtB,MAAM,IAAI,GAAG,YAAY;SACtB,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QACd,IAAI,GAAG,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,UAAU,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5C,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC;AAED;;;;;;GAMG;AACH,SAAS,aAAa,CACpB,KAAe,EACf,GAAW,EACX,MAAgB,EAChB,IAAI,GAAG,CAAC;IAER,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE;QAAE,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7D,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,SAAS,cAAc,CAAC,QAAkB;IACxC,IAAI,CAAC,QAAQ,CAAC,UAAU;QAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IACtE,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE,CAC3B,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,CAA4B,CAAC;IACjF,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;AACxE,CAAC","sourcesContent":["import { NileGrid } from './nile-grid';\nimport { getHead, getBody } from './nile-grid.utils';\nimport { getScrollbarComp } from './nile-grid.resize';\nimport { computeColumnWidths } from './nile-grid.width';\nimport { NILE_GRID_HEAD_ITEM } from './types/nile-grid.enums';\n\n/**\n * @param nileGrid Parent NileGrid instance\n * @param slotEl <slot> element hosting head/body\n * @param ensureWidths Function to ensure columnWidths length matches colCount\n * @param rebuildTemplate Function(colCount, widths) -> grid-template string\n * @param stickyLeftIndexes Mutable list of left-sticky column indexes\n * @param stickyRightIndexes Mutable list of right-sticky column indexes\n * @returns void\n */\nexport const layout = (\n  nileGrid: NileGrid,\n  slotEl: any,\n  ensureWidths: any,\n  rebuildTemplate: any,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[]\n) => {\n  const head = getHead(slotEl);\n  const body = getBody(slotEl);\n  if (!body) return;\n\n  const headRows = head\n    ? (Array.from(head.querySelectorAll('nile-grid-row')) as HTMLElement[])\n    : [];\n  const bodyRows = Array.from(\n    body.querySelectorAll('nile-grid-row')\n  ) as HTMLElement[];\n\n  let colCount = 0;\n  colCount = computeHeadLayout(nileGrid, headRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  if (colCount) {\n    computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  } else {\n    colCount = computeBodyLayout(nileGrid, bodyRows, [], colCount, stickyLeftIndexes, stickyRightIndexes, nileGrid.columnWidths);\n  }\n\n  setTimeout(() => {\n    computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns); \n  });\n  ensureWidths(colCount);\n  nileGrid.colTemplate = rebuildTemplate(colCount, nileGrid.columnWidths);\n};\n\n/** \n * @param nileGrid The parent NileGrid instance\n * @param rows Array of grid row elements\n * @param carry Array tracking rowspan, colspan continuation\n * @param colCount Total column count\n * @param stickyLeftIndexes List of sticky-left column indexes\n * @param stickyRightIndexes List of sticky-right column indexes\n * @param columnWidths Computed column widths\n * @param opts Options controlling layout behavior\n * @returns Final computed column count\n */\nfunction layoutRows(\n  nileGrid: NileGrid,\n  rows: HTMLElement[],\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean; handleRowBg?: boolean }\n): number {\n  rows.forEach((row, rIdx) => {\n    if (nileGrid.hoverable) row.setAttribute('hover', 'true');\n    colCount = layoutSingleRow(\n      nileGrid,\n      row,\n      rIdx,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      columnWidths,\n      opts\n    );\n  });\n  return colCount;\n}\n\n/**\n * @param nileGrid The grid element being processed\n * @param row Single row element to layout\n * @param rIdx Row index in the grid\n * @param carry Rowspan tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n * @param opts Layout options\n * @returns Updated column count\n */\nfunction layoutSingleRow(\n  nileGrid: NileGrid,\n  row: HTMLElement,\n  rIdx: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { itemSelector: string; useStickyAttr?: boolean }\n): number {\n  let c = 1;\n  const rStart = rIdx + 1;\n  const items = [...row.querySelectorAll(opts.itemSelector)] as HTMLElement[];\n\n  for (const el of items) {\n    while ((carry[c - 1] || 0) > 0) c++;\n    ({ c, colCount } = layoutCell(\n      nileGrid,\n      el,\n      c,\n      rStart,\n      carry,\n      colCount,\n      stickyLeftIndexes,\n      stickyRightIndexes,\n      columnWidths,\n      opts\n    ));\n  }\n  decrementCarry(carry);\n  return colCount;\n}\n\n/**\n * @param nileGrid The parent grid\n * @param el Cell element being laid out\n * @param c Current column index\n * @param rStart Row start index\n * @param carry Rowspan carry array\n * @param colCount Current max column count\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param columnWidths Column widths\n * @param opts Sticky and layout options\n * @returns Updated column index and column count\n */\nfunction layoutCell(\n  nileGrid: NileGrid,\n  el: HTMLElement,\n  c: number,\n  rStart: number,\n  carry: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[],\n  opts: { useStickyAttr?: boolean }\n) {\n  const colspan = Math.max(1, +el.getAttribute('colspan')! || 1);\n  const rowspan = Math.max(1, +el.getAttribute('rowspan')! || 1);\n  handleRowspan(nileGrid, el, rowspan);\n\n  const cStart = c;\n  const cEnd = c + colspan;\n  setGridPosition(el, cStart, cEnd, rStart, rowspan);\n  handleSticky(\n    el,\n    cStart,\n    opts,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths\n  );\n\n  for (let k = 0; k < colspan; k++) {\n    carry[c - 1 + k] = Math.max(carry[c - 1 + k] || 0, rowspan);\n  }\n  return {\n    c: cEnd,\n    colCount: Math.max(colCount, cEnd - 1),\n  };\n}\n\n/** \n * @param nileGrid The grid container \n * @param el Element that spans multiple rows \n * @param rowspan Number of rows to span \n */\nfunction handleRowspan(nileGrid: NileGrid, el: HTMLElement, rowspan: number) {\n  if (rowspan <= 1) return;\n  el.style.position = \"absolute\";\n  el.style.zIndex = \"1\";\n\n  if (el.tagName === NILE_GRID_HEAD_ITEM) {\n    if (!nileGrid.headHeight) nileGrid.headHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary))\";\n  } else {\n    if (!nileGrid.cellHeight) nileGrid.cellHeight = el.getBoundingClientRect().height;\n    el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;\n    el.style.backgroundColor = \"var(--nile-colors-white-base, var(--ng-colors-bg-primary))\";\n  }\n}\n\n/**\n * @param el Grid item element\n * @param cStart Starting column index\n * @param cEnd Ending column index\n * @param rStart Starting row index\n * @param rowspan Row span value\n */\nfunction setGridPosition(\n  el: HTMLElement,\n  cStart: number,\n  cEnd: number,\n  rStart: number,\n  rowspan: number\n) {\n  const rEnd = rStart + rowspan;\n  el.style.gridColumn = `${cStart} / ${cEnd}`;\n  el.style.gridRow = `${rStart} / ${rEnd}`;\n  (el as any).dataset.cStart = String(cStart);\n}\n\n/**\n * @param el Grid item element\n * @param cStart Column start index\n * @param opts Sticky configuration options\n * @param stickyLeftIndexes Left sticky indexes\n * @param stickyRightIndexes Right sticky indexes\n * @param columnWidths Array of column widths\n */\nfunction handleSticky(\n  el: HTMLElement,\n  cStart: number,\n  opts: { useStickyAttr?: boolean },\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  if (opts.useStickyAttr && el.getAttribute('sticky') === \"left\" && !stickyLeftIndexes.includes(cStart - 1)) {\n    stickyLeftIndexes.push(cStart - 1);\n  }\n  if (opts.useStickyAttr &&  el.getAttribute('sticky') === \"right\" && !stickyRightIndexes.includes(cStart - 1)) {\n    stickyRightIndexes.push(cStart - 1);\n  }\n  applySticky(el, cStart - 1, stickyLeftIndexes, stickyRightIndexes, columnWidths);\n}\n\n/**\n * @param carry Rowspan tracking array\n */\nfunction decrementCarry(carry: number[]) {\n  for (let i = 0; i < carry.length; i++) {\n    if (carry[i] > 0) {\n      carry[i]--;\n    }\n  }\n}\n\n/**\n * @param el Target grid cell element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left indexes\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n */\nfunction applySticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  const onLeft = stickyLeftIndexes.includes(colIndex);\n  const onRight = stickyRightIndexes.includes(colIndex);\n  if (!onLeft && !onRight) return;\n\n  prepareStickyElement(el);\n  if (onLeft && !onRight) {\n    applyLeftSticky(el, colIndex, stickyLeftIndexes, columnWidths);\n  } else {\n    applyRightSticky(el, colIndex, stickyRightIndexes, columnWidths);\n  }\n}\n\n/**\n * @param el Grid item element to prepare for sticky positioning\n */\nfunction prepareStickyElement(el: HTMLElement) {\n  el.style.position = 'sticky';\n  el.style.zIndex = '1';\n  el.style.left = '';\n  el.style.right = '';\n  el.removeAttribute('data-sticky');\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyLeftIndexes Sticky-left column indexes\n * @param columnWidths Column width array\n */\nfunction applyLeftSticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyLeftIndexes: number[],\n  columnWidths: number[]\n) {\n  el.setAttribute('data-sticky', 'left');\n  const leftOrder = [...stickyLeftIndexes].sort((a, b) => a - b);\n  const pos = leftOrder.indexOf(colIndex);\n  const left = computeOffset(leftOrder, pos, columnWidths);\n  el.style.left = `${Math.max(0, Math.round(left))}px`;\n}\n\n/**\n * @param el Target element\n * @param colIndex Column index\n * @param stickyRightIndexes Sticky-right indexes\n * @param columnWidths Column widths array\n */\nfunction applyRightSticky(\n  el: HTMLElement,\n  colIndex: number,\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n) {\n  el.setAttribute('data-sticky', 'right');\n  const rightOrder = [...stickyRightIndexes].sort((a, b) => b - a);\n  const pos = rightOrder.indexOf(colIndex);\n  const scrollbarComp = getScrollbarComp(el);\n  const right = computeOffset(rightOrder, pos, columnWidths, scrollbarComp);\n  el.style.right = `${Math.max(0, Math.round(right - 2))}px`;\n}\n\n/**\n * @param nileGrid Grid instance to sync shadows for\n */\nexport function syncStickyShadows(nileGrid: NileGrid) {\n  const { showRightOnLeftStickies, showLeftOnRightStickies } = getShadowStates(nileGrid);\n  const { head, body } = getHeadAndBody(nileGrid);\n\n  toggleStickyShadow(head, 'nile-grid-head-item', 'left', 'shadow-right', showRightOnLeftStickies);\n  toggleStickyShadow(body, 'nile-grid-cell-item', 'left', 'shadow-right', showRightOnLeftStickies);\n  toggleStickyShadow(head, 'nile-grid-head-item', 'right', 'shadow-left', showLeftOnRightStickies);\n  toggleStickyShadow(body, 'nile-grid-cell-item', 'right', 'shadow-left', showLeftOnRightStickies);\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Object containing booleans for left/right shadow visibility\n */\nfunction getShadowStates(nileGrid: NileGrid) {\n  const max = Math.max(0, nileGrid.scrollWidth - nileGrid.clientWidth);\n  return {\n    showRightOnLeftStickies: nileGrid.scrollLeft > 0,\n    showLeftOnRightStickies: nileGrid.scrollLeft < max\n  };\n}\n\n/**\n * @param root Root element (head or body)\n * @param tag Target tag selector\n * @param side Sticky side ('left' or 'right')\n * @param cls Shadow CSS class to toggle\n * @param on Whether to apply or remove the shadow\n */\nfunction toggleStickyShadow(\n  root: HTMLElement | undefined,\n  tag: string,\n  side: 'left' | 'right',\n  cls: string,\n  on: boolean\n) {\n  if (!root) return;\n  const sel = `${tag}[data-sticky=\"${side}\"]`;\n  root.querySelectorAll<HTMLElement>(sel).forEach(el => el.classList.toggle(cls, on));\n}\n\n/** rebuildTemplate\n * @param colCount Number of columns\n * @param columnWidths Array of explicit column widths (px)\n * @returns CSS grid-template-columns string\n */\nexport const rebuildTemplate = (\n  colCount: number,\n  columnWidths: number[]\n): string => {\n  const parts: string[] = [];\n\n  for (let i = 0; i < colCount; i++) {\n    const explicit = columnWidths[i];\n    if (i === colCount - 1) {\n      parts.push(`minmax(${explicit}px, auto)`);\n    } else {\n      parts.push(`${explicit}px`);\n    }\n  }\n  return parts.join(' ');\n};\n\n/** computeHeadLayout\n * @param nileGrid Grid instance\n * @param headRows Header rows (<nile-grid-row>[])\n * @param carryHead Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @param columnWidths Column widths array\n * @returns Final column count after header layout\n */\nfunction computeHeadLayout(\n  nileGrid: NileGrid,\n  headRows: HTMLElement[],\n  carryHead: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n): number {\n  return layoutRows(\n    nileGrid,\n    headRows,\n    carryHead,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths,\n    {\n      itemSelector: 'nile-grid-head-item',\n      useStickyAttr: true,\n      handleRowBg: false,\n    }\n  );\n}\n\n/** computeBodyLayout\n * @param nileGrid Grid instance\n * @param bodyRows Body rows (<nile-grid-row>[])\n * @param carryBody Rowspan carry tracking array\n * @param colCount Current column count\n * @param stickyLeftIndexes Left-sticky indexes\n * @param stickyRightIndexes Right-sticky indexes\n * @param columnWidths Column widths array\n * @returns Final column count after body layout\n */\nfunction computeBodyLayout(\n  nileGrid: NileGrid,\n  bodyRows: HTMLElement[],\n  carryBody: number[],\n  colCount: number,\n  stickyLeftIndexes: number[],\n  stickyRightIndexes: number[],\n  columnWidths: number[]\n): number {\n  return layoutRows(\n    nileGrid,\n    bodyRows,\n    carryBody,\n    colCount,\n    stickyLeftIndexes,\n    stickyRightIndexes,\n    columnWidths,\n    {\n      itemSelector: 'nile-grid-cell-item',\n      useStickyAttr: false,\n      handleRowBg: true,\n    }\n  );\n}\n\n/**\n * @param nileGrid Grid container element\n * @param colCount Total number of columns\n * @param columnWidths Column width array\n * @param headElement Header element for template update\n */\nexport function applyColumnsTemplate(\n  nileGrid: NileGrid,\n  columnWidths: number[]\n) {\n  const cols = columnWidths\n    .map((w, idx) => {\n      if (idx === columnWidths.length - 1) {\n        return `minmax(${Math.round(w)}px, auto)`;\n      }\n      return `${Math.max(0, Math.round(w))}px`;\n    })\n    .join(' ');\n  nileGrid.style.setProperty('--nile-grid-columns', cols);\n}\n\n/**\n * @param order Array of sticky column indexes\n * @param pos Current position within order\n * @param widths Column widths\n * @param base Base offset value\n * @returns Computed pixel offset\n */\nfunction computeOffset(\n  order: number[],\n  pos: number,\n  widths: number[],\n  base = 0\n) {\n  let total = base;\n  for (let i = 0; i < pos; i++) total += widths[order[i]] ?? 0;\n  return total;\n}\n\n/**\n * @param nileGrid Grid instance\n * @returns Head and body elements from the grid slot\n */\nfunction getHeadAndBody(nileGrid: NileGrid) {\n  if (!nileGrid.shadowRoot) return { head: undefined, body: undefined };\n  const assigned = nileGrid.slotEl.assignedElements();\n  const find = (tag: string) =>\n    assigned.find(n => n.tagName.toLowerCase() === tag) as HTMLElement | undefined;\n  return { head: find('nile-grid-head'), body: find('nile-grid-body') };\n}"]}

package/dist/src/nile-icon/index.js

@@ -193,7 +193,7 @@ NileIcon.styles = css `
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      contain: content;
+      contain: var(--nile-icon-contain, content);
       --nile-svg-stroke-width: 1.3;
       -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));

package/dist/src/nile-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-icon/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport * as Icons from './icons/svg';\nimport { aliasMap }    from './aliasmap';\n\ninterface IconPaths {\n  [key: string]: string;\n}\n\ninterface ButtonClassMap {\n  [key:string]: boolean;\n}\n\nconst iconPaths: IconPaths = Icons as IconPaths;\n\nconst SMALL_ICON_SIZE = 16;\nconst LARGE_ICON_SIZE = 24;\n\n/**\n * Nile icon component.\n *\n * @tag nile-icon\n *\n */\n@customElement('nile-icon')\nexport class NileIcon extends LitElement {\n  /**\n   * The name of the icon set\n   * @attr icon set\n   * @type {IconName | undefined}\n   */\n  @property({ type: String, reflect: true })\n  public set?: string = 'local';\n\n  /**\n   * The name of the icon\n   * @attr name\n   * @type {IconName | undefined}\n   */\n  @property({ type: String, reflect: true })\n  public name?: string;\n\n  /**\n   * A description of what the icon represents\n   * @attr description\n   */\n  @property({ type: String, reflect: true })\n  public description = '';\n\n  @property({ type: String, reflect: true })\n  public method = 'fill';\n\n  /**\n   * A path to a custom SVG file to display as the icon\n   * @attr customSvgPath\n   */\n  @property({ type: String })\n  public customSvgPath?: string;\n\n  /**\n   * A size of what the icon represents\n   * @attr size\n   */\n  @property({ type: String, reflect: true })\n  public size = SMALL_ICON_SIZE;\n\n  @state()\n  private _svg = '';\n\n  @property({ type: String }) override title = 'agents';\n\n  /**\n   * Color\n   */\n  @property({ reflect: true }) color: any ;\n\n  @property({ type: Boolean })\n  public push = false;\n\n  @property({ type: Boolean })\n  public noFill = false;\n\n  /**\n   * Retain Viewbox\n   */\n\n  @property({ reflect: true }) frame: any;\n\n  static override styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      contain: content;\n      --nile-svg-stroke-width: 1.3;\n      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    }\n\n    .nds-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .nds-icon svg {\n      height: var(--nile-svg-height);\n      width: var(--nile-svg-width);\n      stroke: var(--nile-svg-stroke);\n    }\n\n    .nds-icon svg path {\n      fill: var(--nile-svg-fill);\n    }\n\n    .nds-icon.no-fill svg path {\n      fill: revert-layer;\n    }\n\n    .stroke svg path {\n      fill: none !important;\n      stroke: var(--nile-svg-fill) !important;\n      stroke-width: var(--nile-svg-stroke-width);\n    }\n\n    .nds-icon--push {\n      margin-right: var(--nile-spacing-lg);\n    }\n  `;\n\n  private _getIconSize(): number {\n    return this.name?.endsWith('-small') ? SMALL_ICON_SIZE : LARGE_ICON_SIZE;\n  }\n\n  protected override async updated(\n    changedProperties: PropertyValues\n  ): Promise<void> {\n\n    if (changedProperties.has('size')) {\n      const resolved = this.resolveCssVarExpression(`${this.size}`);\n      if (resolved) {\n        const numeric = parseInt(resolved.replace(/px$/, '').trim(), 10);\n        if (!isNaN(numeric)) {\n          this.size = numeric;            \n        }\n      }\n      this.style.setProperty('--nile-svg-height', `${this.size}px`);\n      this.style.setProperty('--nile-svg-width', `${this.size}px`);\n    }\n \n    if (changedProperties.has('color')) {\n      this.style.setProperty('--nile-svg-fill', `${this.color}`);\n    }\n\n  if (changedProperties.has('method')) {\n    const resolved = this.resolveCssVarExpression(this.method);\n    if (resolved) this.method = resolved.trim();\n  }\n\n    if (changedProperties.has('name') || changedProperties.has('customSvgPath')) {\n      const raw = this.name?.replace(/-/g, '') ?? '';\n      const iconName = aliasMap[raw] || raw;\n      if (iconName && iconPaths[iconName]) {\n        this._svg = atob(iconPaths[iconName]);\n      } else if (this.customSvgPath) {\n        this._svg = await this.fetchSvg(this.customSvgPath);\n      } else {\n        // throw new Error(`No icon named \"${this.name}\"`);\n        const a = this.resolveCssVarExpression(this.name!)\n        this.name = a!;\n      }\n    }\n    this.addAttributesToSvg();\n  }\n\n  resolveCssVarExpression(expression: string): string | null {\n    if(!expression) {\n      return null;\n    }\n    \n    const regex = /var\\((--[^,\\s)]+)(?:,\\s*(.+))?\\)/;\n  \n    let match = expression?.trim(); \n    let attempts = 0;\n  \n    while (match.startsWith(\"var(\") && attempts++ < 10) {\n      const parts = match.match(regex);\n      if (!parts) break;\n  \n      const [, varName, fallback] = parts;\n      const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();\n      if (value) {\n        return value;\n      } else if (fallback) {\n        match = fallback.trim();\n      } else {\n        return null;\n      }\n    }\n    return match || null;\n  }\n\n  private addAttributesToSvg(){\n    const svg = this.renderRoot.querySelector('#svg')\n    const attrs = svg?.attributes\n    if(!attrs?.getNamedItem('xmlns')){\n      svg?.setAttribute('xmlns',\"http://www.w3.org/2000/svg\");\n    }\n    if(!attrs?.getNamedItem('version')){\n      svg?.setAttribute(\"version\",\"1.1\")\n    }\n    if(this.frame){\n      svg?.setAttribute('viewBox',`0 0 ${this.frame} ${this.frame}`)\n    }\n    else if(!attrs?.getNamedItem('viewBox')){\n      const viewboxLogic = this.frame\n      ? `0 0 ${this.frame} ${this.frame}`\n      : '0 0 16 16';\n      svg?.setAttribute('viewBox',viewboxLogic)\n    }\n\n    if(!attrs?.getNamedItem('height')){\n      svg?.setAttribute('height',String(this.size));\n      svg?.setAttribute('width',String(this.size));\n    }\n\n    svg?.setAttribute('aria-hidden',`${this.description === ''}`);\n    svg?.setAttribute('aria-label',this.description || '');\n\n    const additionalClasses = Object.keys(this.buttonClassMap).filter((key:string)=> this.buttonClassMap[key])\n\n    svg?.classList.add('nds-icon',...additionalClasses)\n  }\n\n  private async fetchSvg(path: string): Promise<string> {\n    const response = await fetch(path);\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`);\n    }\n\n    return await response.text();\n  }\n\n  private removeHyphens(iconName: string) {\n    return iconName.replace(/-/g, '');\n  }\n\n  private getSvgTemplate(){\n    const svgTagRegexPattern =/<svg\\s[^>]*>/;\n    const regexToGetSVGAttrs = this._svg.match(svgTagRegexPattern);\n    const svgAttrs = regexToGetSVGAttrs?.[0].replace('<svg','').replace('>','')\n    const svgBody = this._svg.replace(\n     svgTagRegexPattern,\n      ''\n    )\n    .replace('</svg>', '')\n    return  `<svg\n                      id='svg'\n                      focusable='true'\n                      role='img'\n                      ${svgAttrs}\n                    >\n                      ${svgBody}\n                    </svg>`\n  }\n\n  get buttonClassMap() {\n    return {\n      'stroke': this.method != 'fill' ,\n      'nds-icon--push': this.push,\n      'no-fill': this.noFill,\n    } as ButtonClassMap;\n  }\n\n  protected override render(): TemplateResult {\n    const size = this.size;\n    const color = this.color;\n\n    /**\n     * When icons are outside frame\n     */\n    const viewboxLogic = this.frame\n      ? `0 0 ${this.frame} ${this.frame}`\n      : '0 0 16 16';\n\n\n    if (\n      (!this._svg.includes('fill=') || this._svg.includes('fill=\"inherit\"')) &&\n      !this.color\n    ) {\n      // Case 1: _svg does not have fill color or has fill=\"inherit\" and this.color is not mentioned\n      this.style.setProperty('--nile-svg-fill', `var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))`);\n\n    } else if (this.color) {\n      // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color\n     this.style.setProperty('--nile-svg-fill', `${this.color}`);\n    }\n\n    return html`\n      <span class=\"nds-icon ${classMap(this.buttonClassMap)}\">\n        ${unsafeSVG(this.getSvgTemplate())}\n      </span>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-icon': NileIcon;\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-icon/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport * as Icons from './icons/svg';\nimport { aliasMap }    from './aliasmap';\n\ninterface IconPaths {\n  [key: string]: string;\n}\n\ninterface ButtonClassMap {\n  [key:string]: boolean;\n}\n\nconst iconPaths: IconPaths = Icons as IconPaths;\n\nconst SMALL_ICON_SIZE = 16;\nconst LARGE_ICON_SIZE = 24;\n\n/**\n * Nile icon component.\n *\n * @tag nile-icon\n *\n */\n@customElement('nile-icon')\nexport class NileIcon extends LitElement {\n  /**\n   * The name of the icon set\n   * @attr icon set\n   * @type {IconName | undefined}\n   */\n  @property({ type: String, reflect: true })\n  public set?: string = 'local';\n\n  /**\n   * The name of the icon\n   * @attr name\n   * @type {IconName | undefined}\n   */\n  @property({ type: String, reflect: true })\n  public name?: string;\n\n  /**\n   * A description of what the icon represents\n   * @attr description\n   */\n  @property({ type: String, reflect: true })\n  public description = '';\n\n  @property({ type: String, reflect: true })\n  public method = 'fill';\n\n  /**\n   * A path to a custom SVG file to display as the icon\n   * @attr customSvgPath\n   */\n  @property({ type: String })\n  public customSvgPath?: string;\n\n  /**\n   * A size of what the icon represents\n   * @attr size\n   */\n  @property({ type: String, reflect: true })\n  public size = SMALL_ICON_SIZE;\n\n  @state()\n  private _svg = '';\n\n  @property({ type: String }) override title = 'agents';\n\n  /**\n   * Color\n   */\n  @property({ reflect: true }) color: any ;\n\n  @property({ type: Boolean })\n  public push = false;\n\n  @property({ type: Boolean })\n  public noFill = false;\n\n  /**\n   * Retain Viewbox\n   */\n\n  @property({ reflect: true }) frame: any;\n\n  static override styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      contain: var(--nile-icon-contain, content);\n      --nile-svg-stroke-width: 1.3;\n      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    }\n\n    .nds-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .nds-icon svg {\n      height: var(--nile-svg-height);\n      width: var(--nile-svg-width);\n      stroke: var(--nile-svg-stroke);\n    }\n\n    .nds-icon svg path {\n      fill: var(--nile-svg-fill);\n    }\n\n    .nds-icon.no-fill svg path {\n      fill: revert-layer;\n    }\n\n    .stroke svg path {\n      fill: none !important;\n      stroke: var(--nile-svg-fill) !important;\n      stroke-width: var(--nile-svg-stroke-width);\n    }\n\n    .nds-icon--push {\n      margin-right: var(--nile-spacing-lg);\n    }\n  `;\n\n  private _getIconSize(): number {\n    return this.name?.endsWith('-small') ? SMALL_ICON_SIZE : LARGE_ICON_SIZE;\n  }\n\n  protected override async updated(\n    changedProperties: PropertyValues\n  ): Promise<void> {\n\n    if (changedProperties.has('size')) {\n      const resolved = this.resolveCssVarExpression(`${this.size}`);\n      if (resolved) {\n        const numeric = parseInt(resolved.replace(/px$/, '').trim(), 10);\n        if (!isNaN(numeric)) {\n          this.size = numeric;            \n        }\n      }\n      this.style.setProperty('--nile-svg-height', `${this.size}px`);\n      this.style.setProperty('--nile-svg-width', `${this.size}px`);\n    }\n \n    if (changedProperties.has('color')) {\n      this.style.setProperty('--nile-svg-fill', `${this.color}`);\n    }\n\n  if (changedProperties.has('method')) {\n    const resolved = this.resolveCssVarExpression(this.method);\n    if (resolved) this.method = resolved.trim();\n  }\n\n    if (changedProperties.has('name') || changedProperties.has('customSvgPath')) {\n      const raw = this.name?.replace(/-/g, '') ?? '';\n      const iconName = aliasMap[raw] || raw;\n      if (iconName && iconPaths[iconName]) {\n        this._svg = atob(iconPaths[iconName]);\n      } else if (this.customSvgPath) {\n        this._svg = await this.fetchSvg(this.customSvgPath);\n      } else {\n        // throw new Error(`No icon named \"${this.name}\"`);\n        const a = this.resolveCssVarExpression(this.name!)\n        this.name = a!;\n      }\n    }\n    this.addAttributesToSvg();\n  }\n\n  resolveCssVarExpression(expression: string): string | null {\n    if(!expression) {\n      return null;\n    }\n    \n    const regex = /var\\((--[^,\\s)]+)(?:,\\s*(.+))?\\)/;\n  \n    let match = expression?.trim(); \n    let attempts = 0;\n  \n    while (match.startsWith(\"var(\") && attempts++ < 10) {\n      const parts = match.match(regex);\n      if (!parts) break;\n  \n      const [, varName, fallback] = parts;\n      const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();\n      if (value) {\n        return value;\n      } else if (fallback) {\n        match = fallback.trim();\n      } else {\n        return null;\n      }\n    }\n    return match || null;\n  }\n\n  private addAttributesToSvg(){\n    const svg = this.renderRoot.querySelector('#svg')\n    const attrs = svg?.attributes\n    if(!attrs?.getNamedItem('xmlns')){\n      svg?.setAttribute('xmlns',\"http://www.w3.org/2000/svg\");\n    }\n    if(!attrs?.getNamedItem('version')){\n      svg?.setAttribute(\"version\",\"1.1\")\n    }\n    if(this.frame){\n      svg?.setAttribute('viewBox',`0 0 ${this.frame} ${this.frame}`)\n    }\n    else if(!attrs?.getNamedItem('viewBox')){\n      const viewboxLogic = this.frame\n      ? `0 0 ${this.frame} ${this.frame}`\n      : '0 0 16 16';\n      svg?.setAttribute('viewBox',viewboxLogic)\n    }\n\n    if(!attrs?.getNamedItem('height')){\n      svg?.setAttribute('height',String(this.size));\n      svg?.setAttribute('width',String(this.size));\n    }\n\n    svg?.setAttribute('aria-hidden',`${this.description === ''}`);\n    svg?.setAttribute('aria-label',this.description || '');\n\n    const additionalClasses = Object.keys(this.buttonClassMap).filter((key:string)=> this.buttonClassMap[key])\n\n    svg?.classList.add('nds-icon',...additionalClasses)\n  }\n\n  private async fetchSvg(path: string): Promise<string> {\n    const response = await fetch(path);\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`);\n    }\n\n    return await response.text();\n  }\n\n  private removeHyphens(iconName: string) {\n    return iconName.replace(/-/g, '');\n  }\n\n  private getSvgTemplate(){\n    const svgTagRegexPattern =/<svg\\s[^>]*>/;\n    const regexToGetSVGAttrs = this._svg.match(svgTagRegexPattern);\n    const svgAttrs = regexToGetSVGAttrs?.[0].replace('<svg','').replace('>','')\n    const svgBody = this._svg.replace(\n     svgTagRegexPattern,\n      ''\n    )\n    .replace('</svg>', '')\n    return  `<svg\n                      id='svg'\n                      focusable='true'\n                      role='img'\n                      ${svgAttrs}\n                    >\n                      ${svgBody}\n                    </svg>`\n  }\n\n  get buttonClassMap() {\n    return {\n      'stroke': this.method != 'fill' ,\n      'nds-icon--push': this.push,\n      'no-fill': this.noFill,\n    } as ButtonClassMap;\n  }\n\n  protected override render(): TemplateResult {\n    const size = this.size;\n    const color = this.color;\n\n    /**\n     * When icons are outside frame\n     */\n    const viewboxLogic = this.frame\n      ? `0 0 ${this.frame} ${this.frame}`\n      : '0 0 16 16';\n\n\n    if (\n      (!this._svg.includes('fill=') || this._svg.includes('fill=\"inherit\"')) &&\n      !this.color\n    ) {\n      // Case 1: _svg does not have fill color or has fill=\"inherit\" and this.color is not mentioned\n      this.style.setProperty('--nile-svg-fill', `var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))`);\n\n    } else if (this.color) {\n      // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color\n     this.style.setProperty('--nile-svg-fill', `${this.color}`);\n    }\n\n    return html`\n      <span class=\"nds-icon ${classMap(this.buttonClassMap)}\">\n        ${unsafeSVG(this.getSvgTemplate())}\n      </span>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-icon': NileIcon;\n  }\n}\n"]}

package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js

@@ -48,8 +48,8 @@ export const styles = css `
     flex-direction: column;
     gap: var(--nile-spacing-xs);
     padding-right: var(--nile-spacing-xl);
-    padding-top: var(--nile-spacing-2xl);
-    padding-bottom: var(--nile-spacing-2xl);
+    padding-top: var(--nile-spacing-3xl);
+    padding-bottom: var(--nile-spacing-3xl);
   }
 
   nile-side-bar-action-menu {
@@ -70,6 +70,13 @@ export const styles = css `
     margin-left: 0;
     margin-right: 0;
     border-radius: 0;
+    color: black;
+  }
+
+
+  nile-side-bar-action-menu-item[active]::part(base):hover {
+    background: var(--nile-colors-primary-100);
+    color: black;
   }
 
   nile-side-bar-action-menu-item::part(label) {
@@ -78,6 +85,7 @@ export const styles = css `
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+
   }
 
   /* Transition for sidebar button when it is closed and opened */