@aquera/nile-elements 1.2.7-beta-1.5 → 1.2.7-beta-1.6

package/src/nile-grid/nile-grid-cell-item/nile-grid-cell-item.utils.ts

@@ -20,7 +20,7 @@ export function initCellResize(
   target.setPointerCapture(ev.pointerId);
 
   el.dispatchEvent(
-    new CustomEvent('nile-column-resize', {
+    new CustomEvent('nile-resize', {
       detail: { col, widthPx: startWRef.value },
       bubbles: true,
       composed: true,
@@ -43,7 +43,7 @@ export function cellResizeMove(
 ) {
   const widthPx = Math.max(40, Math.round(startW + (e.clientX - downX)));
   el.dispatchEvent(
-    new CustomEvent('nile-column-resize', {
+    new CustomEvent('nile-resize', {
       detail: { col, widthPx },
       bubbles: true,
       composed: true,

package/src/nile-grid/nile-grid-head-item/nile-grid-head-item.css.ts

@@ -68,12 +68,6 @@ export const styles = css`
     box-shadow: var(--nile-box-shadow-13);
     background-color: var(--nile-colors-neutral-100);
   }
-
-  :host(.head-rowspan) {
-    position: absolute;
-    z-index: 1;
-    background-color: var(--nile-colors-neutral-100);
-  }
 `;
 
 export default [styles];

package/src/nile-grid/nile-grid-head-item/nile-grid-head-item.ts

@@ -37,7 +37,6 @@ export class NileGridHeadItem extends NileElement {
   @property({ type: Boolean, reflect: true, attribute: true }) resizable = false;
   @property({ type: String, reflect: true, attribute: true }) width: string | null = null;
   @property({ type: String, reflect: true, attribute: true }) sticky: string | null = null;
-  @property({ type: Boolean, reflect: true, attribute: true }) lockWidth: boolean = false;
 
   connectedCallback() {
     super.connectedCallback();

package/src/nile-grid/nile-grid-row/nile-grid-row.css.ts

@@ -42,7 +42,7 @@ export const styles = css`
     background: var(--nile-colors-primary-100);
   }
 
-  :host-context(nile-grid-body):host(:last-child)::part(grid-row-base) {
+  :host-context(nile-grid-body):host(:last-child) {
     border-bottom: none;
   }
 `;

package/src/nile-grid/nile-grid.layout.ts

@@ -1,9 +1,8 @@
 import { NileGrid } from './nile-grid';
-import { HeadItemEl } from './types/nile-grid.types';
+import { HeadItemEl } from './nile-grid.types';
 import { getHead, getBody } from './nile-grid.utils';
 import { getScrollbarComp } from './nile-grid.resize';
 import { computeColumnWidths } from './nile-grid.width';
-import { NILE_GRID_HEAD_ITEM } from './types/nile-grid.enums';
 
 /**
  * @param nileGrid Parent NileGrid instance
@@ -42,7 +41,7 @@ export const layout = (
   }
 
   setTimeout(() => {
-    computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl, nileGrid.lockedWidthColumns); 
+    computeColumnWidths(nileGrid, colCount, nileGrid.columnWidths, slotEl); 
   });
   ensureWidths(colCount);
   nileGrid.colTemplate = rebuildTemplate(colCount, nileGrid.columnWidths);
@@ -189,18 +188,10 @@ function layoutCell(
  */
 function handleRowspan(nileGrid: NileGrid, el: HTMLElement, rowspan: number) {
   if (rowspan <= 1) return;
-  el.style.position = "absolute";
-  el.style.zIndex = "1";
-
-  if (el.tagName === NILE_GRID_HEAD_ITEM) {
-    if (!nileGrid.headHeight) nileGrid.headHeight = el.getBoundingClientRect().height;
-    el.style.height = `${(nileGrid.headHeight * rowspan) + (rowspan - 1)}px`;
-    el.style.backgroundColor = "#FAFAFA";
-  } else {
-    if (!nileGrid.cellHeight) nileGrid.cellHeight = el.getBoundingClientRect().height;
-    el.style.height = `${(nileGrid.cellHeight * rowspan) + (rowspan - 1)}px`;
-    el.style.backgroundColor = "#FFF";
-  }
+  nileGrid.cellHeight ||= el.getBoundingClientRect().height;
+  el.style.position = 'absolute';
+  el.style.height = `${nileGrid.cellHeight * rowspan}px`;
+  el.style.zIndex = '2';
 }
 
 /**

package/src/nile-grid/nile-grid.resize.ts

@@ -1,6 +1,6 @@
 import { NileGrid } from './nile-grid';
-import { HeadItemEl } from './types/nile-grid.types';
-import {  takeFromRight, giveToRight, totalReducibleRight } from './nile-grid.width';
+import { HeadItemEl } from './nile-grid.types';
+import { totalReducible, takeFromRight, giveToRight } from './nile-grid.width';
 import { rebuildTemplate, syncStickyShadows, applyColumnsTemplate } from './nile-grid.layout';
 
 /**
@@ -72,26 +72,30 @@ export function computeNewWidth(opts: {
  * @param columnWidths Current widths array
  * @param containerWidth Container total width
  */
-export function resizeNoScroll({ grid, col, prevW, newW, floor }: {
+export function resizeNoScroll(opts: {
   grid: NileGrid;
   col: number;
   prevW: number;
   newW: number;
   floor: number;
 }) {
-  if (grid.lockedWidthColumns?.[col]) return;
+  const { grid, col, prevW, newW, floor } = opts;
   let delta = newW - prevW;
+
   if (delta > 0) {
-    const rightReducible = totalReducibleRight(grid.columnWidths, col + 1, floor, grid.lockedWidthColumns);
+    const rightReducible = totalReducible(grid.columnWidths, col + 1, floor);
     if (rightReducible <= 0) return;
     delta = Math.min(delta, rightReducible);
     grid.columnWidths[col] = prevW + delta;
-    takeFromRight(grid.columnWidths, col + 1, delta, floor, grid.lockedWidthColumns);
+    if (delta > 0) takeFromRight(grid.columnWidths, col + 1, delta, floor);
   } else {
-    const newColW = Math.max(floor, newW);
+    if (col === grid.columnWidths.length - 1) return;
+    const shrink = -delta;
+    const newColW = Math.max(floor, prevW - shrink);
     const actualShrink = prevW - newColW;
     grid.columnWidths[col] = newColW;
-    giveToRight(grid.columnWidths, col + 1, actualShrink);
+    const remaining = giveToRight(grid.columnWidths, col + 1, actualShrink);
+    if (remaining > 0) grid.columnWidths[col] = prevW;
   }
 }
 

package/src/nile-grid/nile-grid.ts

@@ -73,14 +73,9 @@ export class NileGrid extends NileElement {
   /** To calculate the rowspan height */
   @state() public cellHeight: number | null = null;
 
-  @state() public headHeight: number | null = null;
-
   /** To check if the widths are initialized */
   @state() public widthsInitialized = false;
 
-  /** To check if the widths are initialized */
-  @state() public lockedWidthColumns: boolean[] = [];
-
   private scheduleLayout() {
     if (this.raf) cancelAnimationFrame(this.raf);
     this.raf = requestAnimationFrame(() => {
@@ -100,7 +95,6 @@ export class NileGrid extends NileElement {
   private ensureWidths(colCount: number) {
     if (this.columnWidths.length !== colCount) {
       this.columnWidths = Array(colCount).fill('');
-      this.lockedWidthColumns = Array(colCount).fill(false);
     }
   }
 

package/src/nile-grid/nile-grid.utils.ts

@@ -1,5 +1,5 @@
 import { NileGrid } from './nile-grid';
-import { HeadItemEl } from './types/nile-grid.types';
+import { HeadItemEl } from './nile-grid.types';
 
 /** listenToEventListeners
  * @param nileGrid Grid element to attach listeners on

package/src/nile-grid/nile-grid.width.ts

@@ -1,5 +1,5 @@
 import { NileGrid } from './nile-grid';
-import { HeadItemEl } from './types/nile-grid.types';
+import { HeadItemEl } from './nile-grid.types';
 import { applyColumnsTemplate } from './nile-grid.layout';
 import { getHead } from './nile-grid.utils';
 
@@ -14,9 +14,8 @@ export function computeColumnWidths(
   nileGrid: NileGrid,
   colCount: number,
   columnWidths: number[],
-  slotEl: any,
-  lockedWidthColumns: boolean[]
-): void {
+  slotEl: any
+) {
   const minCol = nileGrid.minColumnWidth;
   const containerWidth = getContainerWidth(nileGrid);
   const desired = readDesiredFromHead(
@@ -24,7 +23,6 @@ export function computeColumnWidths(
     colCount,
     containerWidth,
     nileGrid,
-    lockedWidthColumns,
     columnWidths
   );
   const isSeeded = seedWidthsFromDesired(desired, columnWidths, minCol);
@@ -55,12 +53,11 @@ function readDesiredFromHead(
   colCount: number,
   containerWidth: number,
   nileGrid: NileGrid,
-  lockedWidthColumns: boolean[],
   prevWidths?: number[]
 ): (number | null)[] {
   const desired = Array(colCount).fill(null);
   const head = getHead(slotEl) as HTMLElement | null;
-  if (head) fillDesiredFromHeadRows(head, desired, colCount, containerWidth, lockedWidthColumns);
+  if (head) fillDesiredFromHeadRows(head, desired, colCount, containerWidth);
   if (prevWidths?.length === colCount) fillFromPrevWidths(desired, prevWidths, nileGrid);
   return desired;
 }
@@ -70,20 +67,18 @@ function readDesiredFromHead(
  * @param desired Desired widths array to fill
  * @param colCount Column count
  * @param containerWidth Grid container width
- * @param fixedWidthColumns Fixed width columns
  */
 function fillDesiredFromHeadRows(
   head: HTMLElement,
   desired: (number | null)[],
   colCount: number,
-  containerWidth: number,
-  lockedWidthColumns: boolean[]
+  containerWidth: number
 ) {
   const headRows = [...head.children].filter(
     el => el.tagName.toLowerCase() === 'nile-grid-row'
   ) as HTMLElement[];
   for (const row of headRows) {
-    fillFromHeadRow(row, desired, colCount, containerWidth, lockedWidthColumns);
+    fillFromHeadRow(row, desired, colCount, containerWidth);
   }
 }
 
@@ -92,21 +87,18 @@ function fillDesiredFromHeadRows(
  * @param desired Desired widths array
  * @param colCount Total number of columns
  * @param containerWidth Container width
- * @param lockedWidthColumns Locked width columns
- * @returns void
  */
 function fillFromHeadRow(
   row: HTMLElement,
   desired: (number | null)[],
   colCount: number,
-  containerWidth: number,
-  lockedWidthColumns: boolean[]
+  containerWidth: number
 ) {
   const items = [...row.children].filter(
     el => el.tagName.toLowerCase() === 'nile-grid-head-item'
   ) as HeadItemEl[];
   const parsed = items
-    .map(h => parseHeadItemWidth(h, containerWidth, lockedWidthColumns))
+    .map(h => parseHeadItemWidth(h, containerWidth))
     .filter(x => x.cw != null);
   parsed.sort((a, b) => a.colspan - b.colspan);
   parsed.forEach(({ cStart, colspan, cw }) => {
@@ -117,16 +109,12 @@ function fillFromHeadRow(
 /**
  * @param h Header item element
  * @param containerWidth Width of parent container
- * @param lockedWidthColumns Locked width columns
  * @returns Parsed object containing start, colspan, and computed width
  */
-function parseHeadItemWidth(h: HeadItemEl, containerWidth: number, lockedWidthColumns: boolean[]) {
+function parseHeadItemWidth(h: HeadItemEl, containerWidth: number) {
   const cStart = Number((h as any).dataset?.cStart) || 1;
   const colspan = Math.max(1, Number(h.getAttribute('colspan')) || 1);
   const raw = (h as any).width ?? h.getAttribute('width') ?? null;
-  if (h.hasAttribute('lockWidth')) {
-    lockedWidthColumns[cStart - 1] = true;
-  }
   const cw = parseCustomWidth(raw, containerWidth);
   return { cStart, colspan, cw };
 }
@@ -366,12 +354,10 @@ function clampAndRound(columnWidths: number[], minCol: number) {
  * @param minCol Minimum column width
  * @returns Total reducible pixels
  */
-export function totalReducibleRight(w: number[], start: number, floor: number, fixed?: boolean[]) {
+export function totalReducible(widths: number[], start: number, floor: number) {
   let sum = 0;
-  for (let i = start; i < w.length; i++) {
-    if (fixed?.[i]) continue;
-    sum += Math.max(0, w[i] - floor);
-  }
+  for (let i = start; i < widths.length; i++)
+    sum += Math.max(0, widths[i] - floor);
   return sum;
 }
 
@@ -383,17 +369,16 @@ export function takeFromRight(
   widths: number[],
   start: number,
   needInit: number,
-  floor: number,
-  fixed?: boolean[]
+  floor: number
 ) {
   let need = needInit;
   for (let i = start; i < widths.length && need > 0; i++) {
-    if (fixed?.[i]) continue;
-    const room = widths[i] - floor;
-    if (room <= 0) continue;
-    const cut = Math.min(room, need);
-    widths[i] -= cut;
-    need -= cut;
+    const reducible = Math.max(0, widths[i] - floor);
+    const cut = Math.min(reducible, need);
+    if (cut > 0) {
+      widths[i] -= cut;
+      need -= cut;
+    }
   }
   return need;
 }

package/src/nile-lite-tooltip/index.ts

@@ -0,0 +1 @@
+export { NileliteTooltip } from './nile-lite-tooltip';

package/src/nile-lite-tooltip/nile-lite-tooltip.css.ts

@@ -0,0 +1,19 @@
+/**
+* Copyright Aquera Inc 2025
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+import {css} from 'lit';
+
+/**
+ * LightTooltip CSS
+ */
+export const styles = css`
+	:host {
+
+	}
+`;
+
+export default [styles];