igniteui-webcomponents 7.3.0-beta.1 → 7.3.1

package/components/tile-manager/position.js.map

@@ -1 +1 @@
-{"version":3,"file":"position.js","sourceRoot":"","sources":["../../../src/components/tile-manager/position.ts"],"names":[],"mappings":"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","sourcesContent":["import { lastOf, partition } from '#internals/utils/arrays.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\nimport type IgcTileComponent from './tile.js';\n\nclass TilesState {\n  private _nextEmptyPosition = 0;\n\n  public manager: IgcTileManagerComponent;\n\n  private get _tiles(): IgcTileComponent[] {\n    return Array.from(\n      this.manager.querySelectorAll<IgcTileComponent>(':scope > igc-tile')\n    );\n  }\n\n  /**\n   * Returns the current tiles of the tile manager sorted by their position.\n   */\n  public get tiles(): IgcTileComponent[] {\n    return this._tiles.toSorted((a, b) => a.position - b.position);\n  }\n\n  constructor(manager: IgcTileManagerComponent) {\n    this.manager = manager;\n  }\n\n  public assignPositions(): void {\n    let nextPosition = 0;\n    const [positionedTiles, nonPositionedTiles] = partition(\n      this._tiles,\n      (tile) => tile.position !== -1\n    );\n\n    positionedTiles.sort((a, b) => a.position - b.position);\n\n    for (const tile of positionedTiles) {\n      // Fill any unassigned slots before the next assigned tile's position\n      while (nextPosition < tile.position && nonPositionedTiles.length > 0) {\n        const nonPositionedTile = nonPositionedTiles.shift()!;\n        nonPositionedTile.position = nextPosition++;\n      }\n\n      tile.position = nextPosition;\n      nextPosition = tile.position + 1;\n    }\n\n    for (const tile of nonPositionedTiles) {\n      tile.position = nextPosition++;\n    }\n  }\n\n  /** Updates the default (manual) slot of the tile manager with the current tiles. */\n  public assignTiles(): void {\n    this.manager.renderRoot.querySelector('slot')!.assign(...this._tiles);\n  }\n\n  public add(tile: IgcTileComponent): void {\n    const tiles = this.tiles;\n\n    if (tile.position > -1) {\n      for (const each of tiles) {\n        if (each !== tile && each.position >= tile.position) {\n          each.position++;\n        }\n      }\n    } else {\n      const positionedTiles = this._tiles.filter((tile) => tile.position > -1);\n\n      tile.position =\n        positionedTiles.length > 1\n          ? Math.max(...positionedTiles.map((tile) => tile.position)) + 1\n          : this._nextEmptyPosition;\n\n      this._nextEmptyPosition += 1;\n    }\n  }\n\n  /**\n   * Checks and adjusts tile spans based on the column count of the tile manager.\n   */\n  public adjustTileGridPosition(): void {\n    const columnCount = this.manager.columnCount;\n\n    if (columnCount > 0) {\n      for (const tile of this.tiles) {\n        let colStart = tile.colStart || 0;\n        let colStartDelta = colStart > 0 ? 1 : 0;\n        const colSpan = tile.colSpan || 0;\n\n        if (colStart > columnCount) {\n          colStart = 0;\n          colStartDelta = 0;\n          tile.colStart = 0;\n        }\n\n        if (colStart + colSpan > columnCount) {\n          tile.colSpan = columnCount - colStart + colStartDelta;\n        }\n      }\n    }\n  }\n\n  public remove(tile: IgcTileComponent): void {\n    for (const each of this.tiles) {\n      if (each.position >= tile.position) {\n        each.position--;\n      }\n    }\n  }\n}\n\ntype TileDragStackEntry = {\n  tile: IgcTileComponent;\n  position: number;\n  column?: number | null;\n  row?: number | null;\n};\n\nclass TileDragStack {\n  private _stack: TileDragStackEntry[] = [];\n\n  public peek(): IgcTileComponent {\n    return lastOf(this._stack).tile;\n  }\n\n  public pop(): TileDragStackEntry | undefined {\n    return this._stack.pop();\n  }\n\n  public push(tile: IgcTileComponent): void {\n    this._stack.push({\n      tile,\n      position: tile.position,\n      column: tile.colStart,\n      row: tile.rowStart,\n    });\n  }\n\n  public restore(): void {\n    for (const {\n      tile,\n      position,\n      column: colStart,\n      row: rowStart,\n    } of this._stack.toReversed()) {\n      Object.assign(tile, {\n        position,\n        colStart,\n        rowStart,\n      });\n    }\n  }\n\n  public reset(): void {\n    this._stack = [];\n  }\n}\n\nexport function createTilesState(manager: IgcTileManagerComponent) {\n  return new TilesState(manager);\n}\n\nexport function createTileDragStack(): TileDragStack {\n  return new TileDragStack();\n}\n\nexport function swapTiles(a: IgcTileComponent, b: IgcTileComponent): void {\n  [a.colStart, b.colStart] = [b.colStart, a.colStart];\n  [a.rowStart, b.rowStart] = [b.rowStart, a.colStart];\n  [a.position, b.position] = [b.position, a.position];\n}\n"]}
+{"version":3,"file":"position.js","sourceRoot":"","sources":["../../../src/components/tile-manager/position.ts"],"names":[],"mappings":"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","sourcesContent":["import { lastOf, partition } from '#internals/utils/arrays.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\nimport type IgcTileComponent from './tile.js';\n\nclass TilesState {\n  private readonly _manager: IgcTileManagerComponent;\n\n  private get _tiles(): IgcTileComponent[] {\n    return Array.from(\n      this._manager.querySelectorAll<IgcTileComponent>(':scope > igc-tile')\n    );\n  }\n\n  /**\n   * Returns the current tiles of the tile manager sorted by their position.\n   */\n  public get tiles(): IgcTileComponent[] {\n    return this._tiles.toSorted((a, b) => a.position - b.position);\n  }\n\n  constructor(manager: IgcTileManagerComponent) {\n    this._manager = manager;\n  }\n\n  public assignPositions(): void {\n    let nextPosition = 0;\n    const [positionedTiles, nonPositionedTiles] = partition(\n      this._tiles,\n      (tile) => tile.position !== -1\n    );\n\n    positionedTiles.sort((a, b) => a.position - b.position);\n\n    for (const tile of positionedTiles) {\n      // Fill any unassigned slots before the next assigned tile's position\n      while (nextPosition < tile.position && nonPositionedTiles.length > 0) {\n        const nonPositionedTile = nonPositionedTiles.shift()!;\n        nonPositionedTile.position = nextPosition++;\n      }\n\n      tile.position = nextPosition;\n      nextPosition = tile.position + 1;\n    }\n\n    for (const tile of nonPositionedTiles) {\n      tile.position = nextPosition++;\n    }\n  }\n\n  /** Updates the default (manual) slot of the tile manager with the current tiles. */\n  public assignTiles(): void {\n    this._manager.renderRoot.querySelector('slot')!.assign(...this._tiles);\n  }\n\n  public add(tile: IgcTileComponent): void {\n    if (tile.position > -1) {\n      for (const each of this.tiles) {\n        if (each !== tile && each.position >= tile.position) {\n          each.position++;\n        }\n      }\n      return;\n    }\n\n    const positionedTiles = this._tiles.filter((tile) => tile.position > -1);\n\n    tile.position = positionedTiles.length\n      ? Math.max(...positionedTiles.map((tile) => tile.position)) + 1\n      : 0;\n  }\n\n  /**\n   * Checks and adjusts tile spans based on the column count of the tile manager.\n   */\n  public adjustTileGridPosition(): void {\n    const { columnCount } = this._manager;\n\n    if (columnCount < 1) {\n      return;\n    }\n\n    for (const tile of this.tiles) {\n      let colStart = tile.colStart ?? 0;\n\n      if (colStart > columnCount) {\n        colStart = 0;\n        tile.colStart = null;\n      }\n\n      if (colStart + tile.colSpan > columnCount) {\n        tile.colSpan = columnCount - colStart + (colStart > 0 ? 1 : 0);\n      }\n    }\n  }\n\n  public remove(tile: IgcTileComponent): void {\n    for (const each of this.tiles) {\n      if (each.position >= tile.position) {\n        each.position--;\n      }\n    }\n  }\n}\n\ntype TileDragStackEntry = {\n  tile: IgcTileComponent;\n  position: number;\n  colStart: number | null;\n  rowStart: number | null;\n};\n\nclass TileDragStack {\n  private _stack: TileDragStackEntry[] = [];\n\n  public peek(): IgcTileComponent {\n    return lastOf(this._stack).tile;\n  }\n\n  public pop(): void {\n    this._stack.pop();\n  }\n\n  public push(tile: IgcTileComponent): void {\n    const { position, colStart, rowStart } = tile;\n    this._stack.push({ tile, position, colStart, rowStart });\n  }\n\n  public restore(): void {\n    for (const { tile, ...placement } of this._stack.toReversed()) {\n      Object.assign(tile, placement);\n    }\n  }\n\n  public reset(): void {\n    this._stack = [];\n  }\n}\n\nexport function createTilesState(manager: IgcTileManagerComponent) {\n  return new TilesState(manager);\n}\n\nexport function createTileDragStack(): TileDragStack {\n  return new TileDragStack();\n}\n\nexport function swapTiles(a: IgcTileComponent, b: IgcTileComponent): void {\n  [a.colStart, b.colStart] = [b.colStart, a.colStart];\n  [a.rowStart, b.rowStart] = [b.rowStart, a.rowStart];\n  [a.position, b.position] = [b.position, a.position];\n}\n"]}

package/components/tile-manager/resize-state.d.ts

@@ -1,22 +1,9 @@
-import type { ResizeState } from '../resize-container/types.js';
+import type { ResizeState } from '#internals/directives/resize.js';
 import type IgcTileComponent from './tile.js';
-import type { TileGridDimension, TileGridPosition, TileResizeDimensions } from './types.js';
 declare class TileResizeState {
-    private _initialPosition;
-    private _resizeUtil;
-    protected _gap: number;
-    protected _prevDeltaX: number;
-    protected _prevDeltaY: number;
-    protected _prevSnappedWidth: number;
-    protected _prevSnappedHeight: number;
-    protected _position: TileGridPosition;
-    protected _columns: TileGridDimension;
-    protected _rows: TileGridDimension;
-    resizedDimensions: TileResizeDimensions;
-    get gap(): number;
-    get position(): TileGridPosition;
-    get columns(): TileGridDimension;
-    get rows(): TileGridDimension;
+    private _gap;
+    private _position;
+    private _axes;
     calculateSnappedWidth(state: ResizeState): number;
     calculateSnappedHeight(state: ResizeState): number;
     updateState(tileRect: DOMRect, tile: IgcTileComponent, grid: HTMLElement): void;
@@ -28,11 +15,13 @@ declare class TileResizeState {
         colSpan: number;
         rowSpan: number;
     };
-    private initState;
-    private calculateTileStartPosition;
-    private getGridOffset;
-    private getResizeProps;
-    private getResizeSpanProps;
+    private _calculateSnappedSize;
+    private _initState;
+    /**
+     * Resolves the tile's implicit grid start lines from its offset inside the
+     * grid container when the tile has no explicit `colStart`/`rowStart`.
+     */
+    private _calculateTileStartPosition;
 }
 export declare function createTileResizeState(): TileResizeState;
 export {};

package/components/tile-manager/resize-state.js

@@ -1,7 +1,10 @@
 import { firstOf } from '#internals/utils/arrays.js';
 import { asNumber } from '#internals/utils/math.js';
-import { ResizeUtil } from './resize-util.js';
+import { calculatePosition, calculateResizedSpan, calculateSnappedDimension, } from './resize-util.js';
 const CssValues = /(?<start>\d+)?\s*\/?\s*span\s*(?<span>\d+)?/gi;
+function createAxisState(dimension = { entries: [], minSize: 0 }) {
+    return { dimension, prevDelta: 0, prevSnapped: 0 };
+}
 function parseTileGridRect(tile) {
     const computed = getComputedStyle(tile);
     const { gridColumn, gridRow } = computed;
@@ -20,18 +23,14 @@ function parseTileGridRect(tile) {
 function parseTileParentGrid(gridContainer) {
     const computed = getComputedStyle(gridContainer);
     const { gap, gridTemplateColumns, gridTemplateRows } = computed;
-    const columns = gridTemplateColumns.split(' ').map(asNumber);
-    const rows = gridTemplateRows.split(' ').map(asNumber);
     return {
         gap: asNumber(gap),
         columns: {
-            count: columns.length,
-            entries: columns,
+            entries: gridTemplateColumns.split(' ').map(asNumber),
             minSize: asNumber(computed.getPropertyValue('--min-col-width')),
         },
         rows: {
-            count: rows.length,
-            entries: rows,
+            entries: gridTemplateRows.split(' ').map(asNumber),
             minSize: asNumber(computed.getPropertyValue('--min-row-height')),
         },
     };
@@ -39,138 +38,80 @@ function parseTileParentGrid(gridContainer) {
 class TileResizeState {
     constructor() {
         this._gap = 0;
-        this._prevDeltaX = 0;
-        this._prevDeltaY = 0;
-        this._prevSnappedWidth = 0;
-        this._prevSnappedHeight = 0;
         this._position = {
             column: { start: 0, span: 0 },
             row: { start: 0, span: 0 },
         };
-        this._columns = {
-            count: 0,
-            entries: [],
-            minSize: 0,
-        };
-        this._rows = {
-            count: 0,
-            entries: [],
-            minSize: 0,
+        this._axes = {
+            column: createAxisState(),
+            row: createAxisState(),
         };
-        this.resizedDimensions = {
-            width: null,
-            height: null,
-        };
-    }
-    get gap() {
-        return this._gap;
-    }
-    get position() {
-        return structuredClone(this._position);
-    }
-    get columns() {
-        return structuredClone(this._columns);
-    }
-    get rows() {
-        return structuredClone(this._rows);
     }
     calculateSnappedWidth(state) {
-        const resizeProps = this.getResizeProps(state);
-        const snappedDimension = this._resizeUtil.calculateSnappedDimension(resizeProps);
-        this._prevDeltaX = snappedDimension.newDelta;
-        this._prevSnappedWidth = snappedDimension.snappedSize;
-        return snappedDimension.snappedSize;
+        return this._calculateSnappedSize('column', state.deltaX, state.current.width);
     }
     calculateSnappedHeight(state) {
-        const resizeProps = this.getResizeProps(state, true);
-        const snappedDimension = this._resizeUtil.calculateSnappedDimension(resizeProps);
-        this._prevDeltaY = snappedDimension.newDelta;
-        this._prevSnappedHeight = snappedDimension.snappedSize;
-        return snappedDimension.snappedSize;
+        return this._calculateSnappedSize('row', state.deltaY, state.current.height);
     }
     updateState(tileRect, tile, grid) {
-        this.initState(grid, tile);
-        this.calculateTileStartPosition(grid, tileRect);
+        this._initState(grid, tile);
+        this._calculateTileStartPosition(grid, tileRect);
     }
     calculateResizedGridPosition(rect) {
-        const colProps = this.getResizeSpanProps(rect);
-        const rowProps = this.getResizeSpanProps(rect, true);
-        this._position.column.span =
-            this._resizeUtil.calculateResizedSpan(colProps);
-        this._position.row.span = this._resizeUtil.calculateResizedSpan(rowProps);
-        return {
-            colSpan: this._position.column.span,
-            rowSpan: this._position.row.span,
-        };
+        const { column, row } = this._position;
+        column.span = calculateResizedSpan({
+            targetSize: rect.width,
+            tilePosition: column,
+            tileGridDimension: this._axes.column.dimension,
+            gap: this._gap,
+            isRow: false,
+        });
+        row.span = calculateResizedSpan({
+            targetSize: rect.height,
+            tilePosition: row,
+            tileGridDimension: this._axes.row.dimension,
+            gap: this._gap,
+            isRow: true,
+        });
+        return { colSpan: column.span, rowSpan: row.span };
     }
-    initState(grid, tile) {
+    _calculateSnappedSize(axis, currentDelta, currentSize) {
+        const axisState = this._axes[axis];
+        const { snappedSize, newDelta } = calculateSnappedDimension({
+            currentDelta,
+            currentSize,
+            prevDelta: axisState.prevDelta,
+            prevSnapped: axisState.prevSnapped,
+            gridEntries: axisState.dimension.entries,
+            startIndex: this._position[axis].start,
+            gap: this._gap,
+        });
+        axisState.prevDelta = newDelta;
+        axisState.prevSnapped = snappedSize;
+        return snappedSize;
+    }
+    _initState(grid, tile) {
         const { gap, columns, rows } = parseTileParentGrid(grid);
-        this._resizeUtil = new ResizeUtil(gap);
-        this._initialPosition = parseTileGridRect(tile);
-        this._position = structuredClone(this._initialPosition);
         this._gap = gap;
-        this._columns = columns;
-        this._rows = rows;
-        this._prevDeltaX = 0;
-        this._prevDeltaY = 0;
-        this._prevSnappedWidth = 0;
-        this._prevSnappedHeight = 0;
+        this._position = parseTileGridRect(tile);
+        this._axes = {
+            column: createAxisState(columns),
+            row: createAxisState(rows),
+        };
     }
-    calculateTileStartPosition(grid, tileRect) {
-        if (this._position.column.start < 0) {
-            const offsetX = this.getGridOffset(grid, 'horizontal');
-            this._position.column.start = this._resizeUtil.calculatePosition(tileRect.left + window.scrollX + grid.scrollLeft - offsetX, this._columns.entries);
+    _calculateTileStartPosition(grid, tileRect) {
+        const { column, row } = this._position;
+        if (column.start >= 0 && row.start >= 0) {
+            return;
         }
-        if (this._position.row.start < 0) {
-            const offsetY = this.getGridOffset(grid, 'vertical');
-            this._position.row.start = this._resizeUtil.calculatePosition(tileRect.top + window.scrollY - offsetY, this._rows.entries);
-        }
-    }
-    getGridOffset(grid, axis) {
         const gridRect = grid.getBoundingClientRect();
         const computed = getComputedStyle(grid);
-        return axis === 'horizontal'
-            ? gridRect.left +
-                window.scrollX +
-                grid.scrollLeft +
-                Number.parseFloat(computed.paddingLeft)
-            : gridRect.top + window.scrollY + Number.parseFloat(computed.paddingTop);
-    }
-    getResizeProps(state, isRow = false) {
-        return isRow
-            ? {
-                currentDelta: state.deltaY,
-                currentSize: state.current.height,
-                prevDelta: this._prevDeltaY,
-                gridEntries: this._rows.entries,
-                startIndex: this._position.row.start,
-                prevSnapped: this._prevSnappedHeight,
-            }
-            : {
-                currentDelta: state.deltaX,
-                currentSize: state.current.width,
-                prevDelta: this._prevDeltaX,
-                gridEntries: this._columns.entries,
-                startIndex: this._position.column.start,
-                prevSnapped: this._prevSnappedWidth,
-            };
-    }
-    getResizeSpanProps(rect, isRow = false) {
-        return isRow
-            ? {
-                targetSize: rect.height,
-                tilePosition: this.position.row,
-                tileGridDimension: this.rows,
-                gap: this.gap,
-                isRow,
-            }
-            : {
-                targetSize: rect.width,
-                tilePosition: this.position.column,
-                tileGridDimension: this.columns,
-                gap: this.gap,
-                isRow,
-            };
+        if (column.start < 0) {
+            column.start = calculatePosition(tileRect.left - gridRect.left - Number.parseFloat(computed.paddingLeft), this._axes.column.dimension.entries, this._gap);
+        }
+        if (row.start < 0) {
+            row.start = calculatePosition(tileRect.top - gridRect.top - Number.parseFloat(computed.paddingTop), this._axes.row.dimension.entries, this._gap);
+        }
     }
 }
 export function createTileResizeState() {

package/components/tile-manager/resize-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-state.js","sourceRoot":"","sources":["../../../src/components/tile-manager/resize-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { firstOf } from '#internals/utils/arrays.js';\nimport { asNumber } from '#internals/utils/math.js';\nimport type { ResizeState } from '../resize-container/types.js';\nimport { ResizeUtil } from './resize-util.js';\nimport type IgcTileComponent from './tile.js';\nimport type {\n  ResizeProps,\n  ResizeSpanProps,\n  TileGridDimension,\n  TileGridPosition,\n  TileResizeDimensions,\n} from './types.js';\n\nconst CssValues = /(?<start>\\d+)?\\s*\\/?\\s*span\\s*(?<span>\\d+)?/gi;\n\nfunction parseTileGridRect(tile: IgcTileComponent): TileGridPosition {\n  const computed = getComputedStyle(tile);\n  const { gridColumn, gridRow } = computed;\n\n  const [column, row] = [\n    firstOf(Array.from(gridColumn.matchAll(CssValues))).groups!,\n    firstOf(Array.from(gridRow.matchAll(CssValues))).groups!,\n  ];\n\n  return {\n    column: {\n      start: asNumber(column.start, -1),\n      span: asNumber(column.span, -1),\n    },\n    row: { start: asNumber(row.start, -1), span: asNumber(row.span, -1) },\n  };\n}\n\nfunction parseTileParentGrid(gridContainer: HTMLElement) {\n  const computed = getComputedStyle(gridContainer);\n  const { gap, gridTemplateColumns, gridTemplateRows } = computed;\n\n  const columns = gridTemplateColumns.split(' ').map(asNumber);\n  const rows = gridTemplateRows.split(' ').map(asNumber);\n\n  return {\n    gap: asNumber(gap),\n    columns: {\n      count: columns.length,\n      entries: columns,\n      minSize: asNumber(computed.getPropertyValue('--min-col-width')),\n    },\n    rows: {\n      count: rows.length,\n      entries: rows,\n      minSize: asNumber(computed.getPropertyValue('--min-row-height')),\n    },\n  };\n}\n\nclass TileResizeState {\n  private _initialPosition!: TileGridPosition;\n  private _resizeUtil!: ResizeUtil;\n\n  protected _gap = 0;\n  protected _prevDeltaX = 0;\n  protected _prevDeltaY = 0;\n\n  protected _prevSnappedWidth = 0;\n  protected _prevSnappedHeight = 0;\n\n  protected _position: TileGridPosition = {\n    column: { start: 0, span: 0 },\n    row: { start: 0, span: 0 },\n  };\n\n  protected _columns: TileGridDimension = {\n    count: 0,\n    entries: [],\n    minSize: 0,\n  };\n\n  protected _rows: TileGridDimension = {\n    count: 0,\n    entries: [],\n    minSize: 0,\n  };\n\n  public resizedDimensions: TileResizeDimensions = {\n    width: null,\n    height: null,\n  };\n\n  public get gap(): number {\n    return this._gap;\n  }\n\n  public get position(): TileGridPosition {\n    return structuredClone(this._position);\n  }\n\n  public get columns(): TileGridDimension {\n    return structuredClone(this._columns);\n  }\n\n  public get rows(): TileGridDimension {\n    return structuredClone(this._rows);\n  }\n\n  public calculateSnappedWidth(state: ResizeState): number {\n    const resizeProps = this.getResizeProps(state);\n    const snappedDimension =\n      this._resizeUtil.calculateSnappedDimension(resizeProps);\n\n    this._prevDeltaX = snappedDimension.newDelta;\n    this._prevSnappedWidth = snappedDimension.snappedSize;\n    return snappedDimension.snappedSize;\n  }\n\n  public calculateSnappedHeight(state: ResizeState): number {\n    const resizeProps = this.getResizeProps(state, true);\n    const snappedDimension =\n      this._resizeUtil.calculateSnappedDimension(resizeProps);\n\n    this._prevDeltaY = snappedDimension.newDelta;\n    this._prevSnappedHeight = snappedDimension.snappedSize;\n    return snappedDimension.snappedSize;\n  }\n\n  public updateState(\n    tileRect: DOMRect,\n    tile: IgcTileComponent,\n    grid: HTMLElement\n  ): void {\n    this.initState(grid, tile);\n    this.calculateTileStartPosition(grid, tileRect);\n  }\n\n  /**\n   * Calculates and returns the CSS column and row properties of a tile after resizing,\n   * based on its new dimensions and starting position.\n   */\n  public calculateResizedGridPosition(rect: DOMRect) {\n    const colProps = this.getResizeSpanProps(rect);\n    const rowProps = this.getResizeSpanProps(rect, true);\n\n    // REVIEW pass col minSize and allowOverflow?\n    this._position.column.span =\n      this._resizeUtil.calculateResizedSpan(colProps);\n    this._position.row.span = this._resizeUtil.calculateResizedSpan(rowProps);\n\n    return {\n      colSpan: this._position.column.span,\n      rowSpan: this._position.row.span,\n    };\n  }\n\n  private initState(grid: HTMLElement, tile: IgcTileComponent): void {\n    const { gap, columns, rows } = parseTileParentGrid(grid);\n\n    this._resizeUtil = new ResizeUtil(gap);\n    this._initialPosition = parseTileGridRect(tile);\n    this._position = structuredClone(this._initialPosition);\n\n    this._gap = gap;\n    this._columns = columns;\n    this._rows = rows;\n    this._prevDeltaX = 0;\n    this._prevDeltaY = 0;\n    this._prevSnappedWidth = 0;\n    this._prevSnappedHeight = 0;\n  }\n\n  private calculateTileStartPosition(\n    grid: HTMLElement,\n    tileRect: DOMRect\n  ): void {\n    if (this._position.column.start < 0) {\n      const offsetX = this.getGridOffset(grid, 'horizontal');\n\n      this._position.column.start = this._resizeUtil.calculatePosition(\n        tileRect.left + window.scrollX + grid.scrollLeft - offsetX,\n        this._columns.entries\n      );\n    }\n\n    if (this._position.row.start < 0) {\n      const offsetY = this.getGridOffset(grid, 'vertical');\n\n      this._position.row.start = this._resizeUtil.calculatePosition(\n        tileRect.top + window.scrollY - offsetY,\n        this._rows.entries\n      );\n    }\n  }\n\n  private getGridOffset(\n    grid: HTMLElement,\n    axis: 'horizontal' | 'vertical'\n  ): number {\n    const gridRect = grid.getBoundingClientRect();\n    const computed = getComputedStyle(grid);\n\n    return axis === 'horizontal'\n      ? gridRect.left +\n          window.scrollX +\n          grid.scrollLeft +\n          Number.parseFloat(computed.paddingLeft)\n      : gridRect.top + window.scrollY + Number.parseFloat(computed.paddingTop);\n  }\n\n  private getResizeProps(state: ResizeState, isRow = false): ResizeProps {\n    return isRow\n      ? {\n          currentDelta: state.deltaY,\n          currentSize: state.current.height,\n          prevDelta: this._prevDeltaY,\n          gridEntries: this._rows.entries,\n          startIndex: this._position.row.start,\n          prevSnapped: this._prevSnappedHeight,\n        }\n      : {\n          currentDelta: state.deltaX,\n          currentSize: state.current.width,\n          prevDelta: this._prevDeltaX,\n          gridEntries: this._columns.entries,\n          startIndex: this._position.column.start,\n          prevSnapped: this._prevSnappedWidth,\n        };\n  }\n\n  private getResizeSpanProps(rect: DOMRect, isRow = false): ResizeSpanProps {\n    return isRow\n      ? {\n          targetSize: rect.height,\n          tilePosition: this.position.row,\n          tileGridDimension: this.rows,\n          gap: this.gap,\n          isRow,\n        }\n      : {\n          targetSize: rect.width,\n          tilePosition: this.position.column,\n          tileGridDimension: this.columns,\n          gap: this.gap,\n          isRow,\n        };\n  }\n}\n\nexport function createTileResizeState(): TileResizeState {\n  return new TileResizeState();\n}\n"]}
+{"version":3,"file":"resize-state.js","sourceRoot":"","sources":["../../../src/components/tile-manager/resize-state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,kBAAkB,CAAC;AAI1B,MAAM,SAAS,GAAG,+CAA+C,CAAC;AAUlE,SAAS,eAAe,CACtB,YAA+B,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAE1D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;AACrD,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAsB;IAC/C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;IAEzC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QACpB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAO;QAC3D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAO;KACzD,CAAC;IAEF,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SAChC;QACD,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;KACtE,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,aAA0B;IACrD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAE,GAAG,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,QAAQ,CAAC;IAEhE,OAAO;QACL,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC;QAClB,OAAO,EAAE;YACP,OAAO,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;YACrD,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;SAChE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;YAClD,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;SACjE;KACF,CAAC;AACJ,CAAC;AAED,MAAM,eAAe;IAArB;QACU,SAAI,GAAG,CAAC,CAAC;QAET,cAAS,GAAqB;YACpC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;YAC7B,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;SAC3B,CAAC;QAEM,UAAK,GAAwC;YACnD,MAAM,EAAE,eAAe,EAAE;YACzB,GAAG,EAAE,eAAe,EAAE;SACvB,CAAC;IAwHJ,CAAC;IAtHQ,qBAAqB,CAAC,KAAkB;QAC7C,OAAO,IAAI,CAAC,qBAAqB,CAC/B,QAAQ,EACR,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,OAAO,CAAC,KAAK,CACpB,CAAC;IACJ,CAAC;IAEM,sBAAsB,CAAC,KAAkB;QAC9C,OAAO,IAAI,CAAC,qBAAqB,CAC/B,KAAK,EACL,KAAK,CAAC,MAAM,EACZ,KAAK,CAAC,OAAO,CAAC,MAAM,CACrB,CAAC;IACJ,CAAC;IAEM,WAAW,CAChB,QAAiB,EACjB,IAAsB,EACtB,IAAiB;QAEjB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,2BAA2B,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACnD,CAAC;IAMM,4BAA4B,CAAC,IAAa;QAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAGvC,MAAM,CAAC,IAAI,GAAG,oBAAoB,CAAC;YACjC,UAAU,EAAE,IAAI,CAAC,KAAK;YACtB,YAAY,EAAE,MAAM;YACpB,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;YAC9C,GAAG,EAAE,IAAI,CAAC,IAAI;YACd,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;QAEH,GAAG,CAAC,IAAI,GAAG,oBAAoB,CAAC;YAC9B,UAAU,EAAE,IAAI,CAAC,MAAM;YACvB,YAAY,EAAE,GAAG;YACjB,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS;YAC3C,GAAG,EAAE,IAAI,CAAC,IAAI;YACd,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QAEH,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC;IACrD,CAAC;IAEO,qBAAqB,CAC3B,IAAgB,EAChB,YAAoB,EACpB,WAAmB;QAEnB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEnC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,yBAAyB,CAAC;YAC1D,YAAY;YACZ,WAAW;YACX,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,WAAW,EAAE,SAAS,CAAC,WAAW;YAClC,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC,OAAO;YACxC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK;YACtC,GAAG,EAAE,IAAI,CAAC,IAAI;SACf,CAAC,CAAC;QAEH,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC/B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;QACpC,OAAO,WAAW,CAAC;IACrB,CAAC;IAEO,UAAU,CAAC,IAAiB,EAAE,IAAsB;QAC1D,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAEzD,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC;YAChC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC;SAC3B,CAAC;IACJ,CAAC;IAMO,2BAA2B,CACjC,IAAiB,EACjB,QAAiB;QAEjB,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEvC,IAAI,MAAM,CAAC,KAAK,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAExC,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YACrB,MAAM,CAAC,KAAK,GAAG,iBAAiB,CAC9B,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,EACvE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EACnC,IAAI,CAAC,IAAI,CACV,CAAC;QACJ,CAAC;QAED,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YAClB,GAAG,CAAC,KAAK,GAAG,iBAAiB,CAC3B,QAAQ,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,EACpE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAChC,IAAI,CAAC,IAAI,CACV,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AAED,MAAM,UAAU,qBAAqB;IACnC,OAAO,IAAI,eAAe,EAAE,CAAC;AAC/B,CAAC","sourcesContent":["import type { ResizeState } from '#internals/directives/resize.js';\nimport { firstOf } from '#internals/utils/arrays.js';\nimport { asNumber } from '#internals/utils/math.js';\nimport {\n  calculatePosition,\n  calculateResizedSpan,\n  calculateSnappedDimension,\n} from './resize-util.js';\nimport type IgcTileComponent from './tile.js';\nimport type { TileGridDimension, TileGridPosition } from './types.js';\n\nconst CssValues = /(?<start>\\d+)?\\s*\\/?\\s*span\\s*(?<span>\\d+)?/gi;\n\ntype ResizeAxis = 'column' | 'row';\n\ntype ResizeAxisState = {\n  dimension: TileGridDimension;\n  prevDelta: number;\n  prevSnapped: number;\n};\n\nfunction createAxisState(\n  dimension: TileGridDimension = { entries: [], minSize: 0 }\n): ResizeAxisState {\n  return { dimension, prevDelta: 0, prevSnapped: 0 };\n}\n\nfunction parseTileGridRect(tile: IgcTileComponent): TileGridPosition {\n  const computed = getComputedStyle(tile);\n  const { gridColumn, gridRow } = computed;\n\n  const [column, row] = [\n    firstOf(Array.from(gridColumn.matchAll(CssValues))).groups!,\n    firstOf(Array.from(gridRow.matchAll(CssValues))).groups!,\n  ];\n\n  return {\n    column: {\n      start: asNumber(column.start, -1),\n      span: asNumber(column.span, -1),\n    },\n    row: { start: asNumber(row.start, -1), span: asNumber(row.span, -1) },\n  };\n}\n\nfunction parseTileParentGrid(gridContainer: HTMLElement) {\n  const computed = getComputedStyle(gridContainer);\n  const { gap, gridTemplateColumns, gridTemplateRows } = computed;\n\n  return {\n    gap: asNumber(gap),\n    columns: {\n      entries: gridTemplateColumns.split(' ').map(asNumber),\n      minSize: asNumber(computed.getPropertyValue('--min-col-width')),\n    },\n    rows: {\n      entries: gridTemplateRows.split(' ').map(asNumber),\n      minSize: asNumber(computed.getPropertyValue('--min-row-height')),\n    },\n  };\n}\n\nclass TileResizeState {\n  private _gap = 0;\n\n  private _position: TileGridPosition = {\n    column: { start: 0, span: 0 },\n    row: { start: 0, span: 0 },\n  };\n\n  private _axes: Record<ResizeAxis, ResizeAxisState> = {\n    column: createAxisState(),\n    row: createAxisState(),\n  };\n\n  public calculateSnappedWidth(state: ResizeState): number {\n    return this._calculateSnappedSize(\n      'column',\n      state.deltaX,\n      state.current.width\n    );\n  }\n\n  public calculateSnappedHeight(state: ResizeState): number {\n    return this._calculateSnappedSize(\n      'row',\n      state.deltaY,\n      state.current.height\n    );\n  }\n\n  public updateState(\n    tileRect: DOMRect,\n    tile: IgcTileComponent,\n    grid: HTMLElement\n  ): void {\n    this._initState(grid, tile);\n    this._calculateTileStartPosition(grid, tileRect);\n  }\n\n  /**\n   * Calculates and returns the CSS column and row properties of a tile after resizing,\n   * based on its new dimensions and starting position.\n   */\n  public calculateResizedGridPosition(rect: DOMRect) {\n    const { column, row } = this._position;\n\n    // REVIEW pass col minSize and allowOverflow?\n    column.span = calculateResizedSpan({\n      targetSize: rect.width,\n      tilePosition: column,\n      tileGridDimension: this._axes.column.dimension,\n      gap: this._gap,\n      isRow: false,\n    });\n\n    row.span = calculateResizedSpan({\n      targetSize: rect.height,\n      tilePosition: row,\n      tileGridDimension: this._axes.row.dimension,\n      gap: this._gap,\n      isRow: true,\n    });\n\n    return { colSpan: column.span, rowSpan: row.span };\n  }\n\n  private _calculateSnappedSize(\n    axis: ResizeAxis,\n    currentDelta: number,\n    currentSize: number\n  ): number {\n    const axisState = this._axes[axis];\n\n    const { snappedSize, newDelta } = calculateSnappedDimension({\n      currentDelta,\n      currentSize,\n      prevDelta: axisState.prevDelta,\n      prevSnapped: axisState.prevSnapped,\n      gridEntries: axisState.dimension.entries,\n      startIndex: this._position[axis].start,\n      gap: this._gap,\n    });\n\n    axisState.prevDelta = newDelta;\n    axisState.prevSnapped = snappedSize;\n    return snappedSize;\n  }\n\n  private _initState(grid: HTMLElement, tile: IgcTileComponent): void {\n    const { gap, columns, rows } = parseTileParentGrid(grid);\n\n    this._gap = gap;\n    this._position = parseTileGridRect(tile);\n    this._axes = {\n      column: createAxisState(columns),\n      row: createAxisState(rows),\n    };\n  }\n\n  /**\n   * Resolves the tile's implicit grid start lines from its offset inside the\n   * grid container when the tile has no explicit `colStart`/`rowStart`.\n   */\n  private _calculateTileStartPosition(\n    grid: HTMLElement,\n    tileRect: DOMRect\n  ): void {\n    const { column, row } = this._position;\n\n    if (column.start >= 0 && row.start >= 0) {\n      return;\n    }\n\n    const gridRect = grid.getBoundingClientRect();\n    const computed = getComputedStyle(grid);\n\n    if (column.start < 0) {\n      column.start = calculatePosition(\n        tileRect.left - gridRect.left - Number.parseFloat(computed.paddingLeft),\n        this._axes.column.dimension.entries,\n        this._gap\n      );\n    }\n\n    if (row.start < 0) {\n      row.start = calculatePosition(\n        tileRect.top - gridRect.top - Number.parseFloat(computed.paddingTop),\n        this._axes.row.dimension.entries,\n        this._gap\n      );\n    }\n  }\n}\n\nexport function createTileResizeState(): TileResizeState {\n  return new TileResizeState();\n}\n"]}

package/components/tile-manager/resize-util.d.ts

@@ -1,8 +1,4 @@
 import type { ResizeProps, ResizeSpanProps, SnappedDimension } from './types.js';
-export declare class ResizeUtil {
-    private gap;
-    constructor(gap: number);
-    calculateSnappedDimension(resizeProps: ResizeProps): SnappedDimension;
-    calculateResizedSpan(props: ResizeSpanProps): number;
-    calculatePosition(targetPosition: number, sizes: number[]): number;
-}
+export declare function calculateSnappedDimension(props: ResizeProps): SnappedDimension;
+export declare function calculateResizedSpan(props: ResizeSpanProps): number;
+export declare function calculatePosition(targetPosition: number, sizes: number[], gap: number): number;

package/components/tile-manager/resize-util.js

@@ -1,84 +1,77 @@
-export class ResizeUtil {
-    constructor(gap) {
-        this.gap = gap;
+export function calculateSnappedDimension(props) {
+    const { currentDelta, prevDelta, currentSize, gridEntries, startIndex, prevSnapped, gap, } = props;
+    const effectiveDelta = currentDelta - prevDelta;
+    let snappedSize = currentSize;
+    if (Math.trunc(currentSize) < gridEntries[startIndex - 1]) {
+        return {
+            snappedSize: gridEntries[startIndex - 1],
+            newDelta: currentDelta,
+        };
     }
-    calculateSnappedDimension(resizeProps) {
-        const { currentDelta, prevDelta, currentSize, gridEntries, startIndex, prevSnapped, } = resizeProps;
-        const effectiveDelta = currentDelta - prevDelta;
-        let snappedSize = currentSize;
-        if (Math.trunc(currentSize) < gridEntries[startIndex - 1]) {
-            return {
-                snappedSize: gridEntries[startIndex - 1],
-                newDelta: currentDelta,
-            };
-        }
-        if (effectiveDelta === 0 && prevSnapped) {
-            return { snappedSize: prevSnapped, newDelta: currentDelta };
-        }
-        let accumulated = 0;
-        for (let i = startIndex - 1; i < gridEntries.length; i++) {
-            const currentEntry = gridEntries[i];
-            const nextEntry = gridEntries[i + 1] ?? currentEntry;
-            const prevEntry = i > 0 ? gridEntries[i - 1] : currentEntry;
-            const halfwayExpand = accumulated + currentEntry + this.gap + nextEntry / 2;
-            const halfwayShrink = accumulated + prevEntry / 2;
-            const entryEnd = accumulated + currentEntry + this.gap;
-            if (effectiveDelta > 0) {
-                if (currentSize >= halfwayExpand &&
-                    currentSize <= entryEnd + nextEntry) {
-                    snappedSize = entryEnd + nextEntry;
-                }
+    if (effectiveDelta === 0 && prevSnapped) {
+        return { snappedSize: prevSnapped, newDelta: currentDelta };
+    }
+    let accumulated = 0;
+    for (let i = startIndex - 1; i < gridEntries.length; i++) {
+        const currentEntry = gridEntries[i];
+        const nextEntry = gridEntries[i + 1] ?? currentEntry;
+        const prevEntry = i > 0 ? gridEntries[i - 1] : currentEntry;
+        const halfwayExpand = accumulated + currentEntry + gap + nextEntry / 2;
+        const halfwayShrink = accumulated + prevEntry / 2;
+        const entryEnd = accumulated + currentEntry + gap;
+        if (effectiveDelta > 0) {
+            if (currentSize >= halfwayExpand && currentSize <= entryEnd + nextEntry) {
+                snappedSize = entryEnd + nextEntry;
             }
-            else if (effectiveDelta < 0) {
-                if (currentSize <= halfwayShrink &&
-                    currentSize > accumulated - this.gap) {
-                    snappedSize = accumulated - this.gap;
-                }
+        }
+        else if (effectiveDelta < 0) {
+            if (currentSize <= halfwayShrink && currentSize > accumulated - gap) {
+                snappedSize = accumulated - gap;
             }
-            accumulated += currentEntry + this.gap;
         }
-        return { snappedSize, newDelta: currentDelta };
+        accumulated += currentEntry + gap;
     }
-    calculateResizedSpan(props) {
-        const { targetSize, tilePosition, tileGridDimension, gap, isRow } = props;
-        const { entries, minSize } = tileGridDimension;
-        let accumulatedSize = 0;
-        let newSpan = tilePosition.span;
-        const sizesAfterStart = entries.slice(tilePosition.start - 1);
-        const availableSize = sizesAfterStart.reduce((sum, s) => sum + s, 0) +
-            (sizesAfterStart.length - 1) * gap;
-        if (targetSize <= sizesAfterStart[0] + gap) {
-            return 1;
-        }
-        if (Math.trunc(targetSize) > Math.trunc(availableSize)) {
-            const remainingSize = targetSize - availableSize;
-            const additionalSpan = Math.ceil(remainingSize / (minSize + gap));
-            newSpan = sizesAfterStart.length + additionalSpan;
-            return isRow ? newSpan : Math.min(entries.length, newSpan);
+    return { snappedSize, newDelta: currentDelta };
+}
+export function calculateResizedSpan(props) {
+    const { targetSize, tilePosition, tileGridDimension, gap, isRow } = props;
+    const { entries, minSize } = tileGridDimension;
+    let accumulatedSize = 0;
+    let newSpan = tilePosition.span;
+    const sizesAfterStart = entries.slice(tilePosition.start - 1);
+    const availableSize = sizesAfterStart.reduce((sum, s) => sum + s, 0) +
+        (sizesAfterStart.length - 1) * gap;
+    if (targetSize <= sizesAfterStart[0] + gap) {
+        return 1;
+    }
+    if (Math.trunc(targetSize) > Math.trunc(availableSize)) {
+        const remainingSize = targetSize - availableSize;
+        const additionalSpan = Math.ceil(remainingSize / (minSize + gap));
+        newSpan = sizesAfterStart.length + additionalSpan;
+        return isRow ? newSpan : Math.min(entries.length, newSpan);
+    }
+    for (let i = tilePosition.start - 1; i < entries.length; i++) {
+        const currentSize = entries[i];
+        const nextSize = entries[i + 1] ?? currentSize;
+        const halfwayPoint = accumulatedSize + currentSize + gap + nextSize / 2;
+        if (targetSize > halfwayPoint) {
+            newSpan = i + 3 - tilePosition.start;
         }
-        for (let i = tilePosition.start - 1; i < entries.length; i++) {
-            const currentSize = entries[i];
-            const nextSize = entries[i + 1] ?? currentSize;
-            const halfwayPoint = accumulatedSize + currentSize + gap + nextSize / 2;
-            if (targetSize > halfwayPoint) {
-                newSpan = i + 3 - tilePosition.start;
-            }
-            else {
-                break;
-            }
-            accumulatedSize += currentSize + gap;
+        else {
+            break;
         }
-        return newSpan;
+        accumulatedSize += currentSize + gap;
     }
-    calculatePosition(targetPosition, sizes) {
-        let accumulatedSize = 0;
-        for (const [i, size] of sizes.entries()) {
-            accumulatedSize += size + this.gap;
-            if (Math.trunc(targetPosition) < Math.trunc(accumulatedSize - this.gap)) {
-                return i + 1;
-            }
+    return newSpan;
+}
+export function calculatePosition(targetPosition, sizes, gap) {
+    let accumulatedSize = 0;
+    for (const [i, size] of sizes.entries()) {
+        accumulatedSize += size + gap;
+        if (Math.trunc(targetPosition) < Math.trunc(accumulatedSize - gap)) {
+            return i + 1;
         }
-        return 1;
     }
+    return 1;
 }
 //# sourceMappingURL=resize-util.js.map

package/components/tile-manager/resize-util.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-util.js","sourceRoot":"","sources":["../../../src/components/tile-manager/resize-util.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  ResizeProps,\n  ResizeSpanProps,\n  SnappedDimension,\n} from './types.js';\n\nexport class ResizeUtil {\n  private gap: number;\n\n  constructor(gap: number) {\n    this.gap = gap;\n  }\n\n  public calculateSnappedDimension(resizeProps: ResizeProps): SnappedDimension {\n    const {\n      currentDelta,\n      prevDelta,\n      currentSize,\n      gridEntries,\n      startIndex,\n      prevSnapped,\n    } = resizeProps;\n\n    const effectiveDelta = currentDelta - prevDelta;\n    let snappedSize = currentSize;\n\n    // If current size is below minimum, force to the size of the starting cell.\n    if (Math.trunc(currentSize) < gridEntries[startIndex - 1]) {\n      return {\n        snappedSize: gridEntries[startIndex - 1],\n        newDelta: currentDelta,\n      };\n    }\n\n    // If no change in delta and we have a snapped value, reuse it.\n    if (effectiveDelta === 0 && prevSnapped) {\n      return { snappedSize: prevSnapped, newDelta: currentDelta };\n    }\n\n    let accumulated = 0;\n    for (let i = startIndex - 1; i < gridEntries.length; i++) {\n      const currentEntry = gridEntries[i];\n      const nextEntry = gridEntries[i + 1] ?? currentEntry;\n      const prevEntry = i > 0 ? gridEntries[i - 1] : currentEntry;\n\n      // Thresholds for snapping to the next or previous tile boundary.\n      const halfwayExpand =\n        accumulated + currentEntry + this.gap + nextEntry / 2;\n      const halfwayShrink = accumulated + prevEntry / 2;\n      const entryEnd = accumulated + currentEntry + this.gap;\n\n      if (effectiveDelta > 0) {\n        // Expanding: snap when passing the halfway threshold.\n        if (\n          currentSize >= halfwayExpand &&\n          currentSize <= entryEnd + nextEntry\n        ) {\n          snappedSize = entryEnd + nextEntry;\n        }\n      } else if (effectiveDelta < 0) {\n        // Shrinking: snap when falling below the halfway threshold.\n        if (\n          currentSize <= halfwayShrink &&\n          currentSize > accumulated - this.gap\n        ) {\n          snappedSize = accumulated - this.gap;\n        }\n      }\n\n      accumulated += currentEntry + this.gap;\n    }\n\n    return { snappedSize, newDelta: currentDelta };\n  }\n\n  public calculateResizedSpan(props: ResizeSpanProps): number {\n    const { targetSize, tilePosition, tileGridDimension, gap, isRow } = props;\n    const { entries, minSize } = tileGridDimension;\n\n    let accumulatedSize = 0;\n    let newSpan = tilePosition.span;\n\n    const sizesAfterStart = entries.slice(tilePosition.start - 1);\n    const availableSize =\n      sizesAfterStart.reduce((sum, s) => sum + s, 0) +\n      (sizesAfterStart.length - 1) * gap;\n\n    if (targetSize <= sizesAfterStart[0] + gap) {\n      return 1;\n    }\n\n    if (Math.trunc(targetSize) > Math.trunc(availableSize)) {\n      const remainingSize = targetSize - availableSize;\n\n      const additionalSpan = Math.ceil(remainingSize / (minSize + gap));\n      newSpan = sizesAfterStart.length + additionalSpan;\n      return isRow ? newSpan : Math.min(entries.length, newSpan);\n    }\n\n    for (let i = tilePosition.start - 1; i < entries.length; i++) {\n      const currentSize = entries[i];\n      const nextSize = entries[i + 1] ?? currentSize;\n\n      const halfwayPoint = accumulatedSize + currentSize + gap + nextSize / 2;\n\n      if (targetSize > halfwayPoint) {\n        newSpan = i + 3 - tilePosition.start;\n      } else {\n        break;\n      }\n\n      accumulatedSize += currentSize + gap;\n    }\n\n    return newSpan;\n  }\n\n  public calculatePosition(targetPosition: number, sizes: number[]): number {\n    let accumulatedSize = 0;\n\n    for (const [i, size] of sizes.entries()) {\n      accumulatedSize += size + this.gap;\n\n      if (Math.trunc(targetPosition) < Math.trunc(accumulatedSize - this.gap)) {\n        return i + 1;\n      }\n    }\n\n    return 1;\n  }\n}\n"]}
+{"version":3,"file":"resize-util.js","sourceRoot":"","sources":["../../../src/components/tile-manager/resize-util.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  ResizeProps,\n  ResizeSpanProps,\n  SnappedDimension,\n} from './types.js';\n\nexport function calculateSnappedDimension(\n  props: ResizeProps\n): SnappedDimension {\n  const {\n    currentDelta,\n    prevDelta,\n    currentSize,\n    gridEntries,\n    startIndex,\n    prevSnapped,\n    gap,\n  } = props;\n\n  const effectiveDelta = currentDelta - prevDelta;\n  let snappedSize = currentSize;\n\n  // If current size is below minimum, force to the size of the starting cell.\n  if (Math.trunc(currentSize) < gridEntries[startIndex - 1]) {\n    return {\n      snappedSize: gridEntries[startIndex - 1],\n      newDelta: currentDelta,\n    };\n  }\n\n  // If no change in delta and we have a snapped value, reuse it.\n  if (effectiveDelta === 0 && prevSnapped) {\n    return { snappedSize: prevSnapped, newDelta: currentDelta };\n  }\n\n  let accumulated = 0;\n  for (let i = startIndex - 1; i < gridEntries.length; i++) {\n    const currentEntry = gridEntries[i];\n    const nextEntry = gridEntries[i + 1] ?? currentEntry;\n    const prevEntry = i > 0 ? gridEntries[i - 1] : currentEntry;\n\n    // Thresholds for snapping to the next or previous tile boundary.\n    const halfwayExpand = accumulated + currentEntry + gap + nextEntry / 2;\n    const halfwayShrink = accumulated + prevEntry / 2;\n    const entryEnd = accumulated + currentEntry + gap;\n\n    if (effectiveDelta > 0) {\n      // Expanding: snap when passing the halfway threshold.\n      if (currentSize >= halfwayExpand && currentSize <= entryEnd + nextEntry) {\n        snappedSize = entryEnd + nextEntry;\n      }\n    } else if (effectiveDelta < 0) {\n      // Shrinking: snap when falling below the halfway threshold.\n      if (currentSize <= halfwayShrink && currentSize > accumulated - gap) {\n        snappedSize = accumulated - gap;\n      }\n    }\n\n    accumulated += currentEntry + gap;\n  }\n\n  return { snappedSize, newDelta: currentDelta };\n}\n\nexport function calculateResizedSpan(props: ResizeSpanProps): number {\n  const { targetSize, tilePosition, tileGridDimension, gap, isRow } = props;\n  const { entries, minSize } = tileGridDimension;\n\n  let accumulatedSize = 0;\n  let newSpan = tilePosition.span;\n\n  const sizesAfterStart = entries.slice(tilePosition.start - 1);\n  const availableSize =\n    sizesAfterStart.reduce((sum, s) => sum + s, 0) +\n    (sizesAfterStart.length - 1) * gap;\n\n  if (targetSize <= sizesAfterStart[0] + gap) {\n    return 1;\n  }\n\n  if (Math.trunc(targetSize) > Math.trunc(availableSize)) {\n    const remainingSize = targetSize - availableSize;\n\n    const additionalSpan = Math.ceil(remainingSize / (minSize + gap));\n    newSpan = sizesAfterStart.length + additionalSpan;\n    return isRow ? newSpan : Math.min(entries.length, newSpan);\n  }\n\n  for (let i = tilePosition.start - 1; i < entries.length; i++) {\n    const currentSize = entries[i];\n    const nextSize = entries[i + 1] ?? currentSize;\n\n    const halfwayPoint = accumulatedSize + currentSize + gap + nextSize / 2;\n\n    if (targetSize > halfwayPoint) {\n      newSpan = i + 3 - tilePosition.start;\n    } else {\n      break;\n    }\n\n    accumulatedSize += currentSize + gap;\n  }\n\n  return newSpan;\n}\n\nexport function calculatePosition(\n  targetPosition: number,\n  sizes: number[],\n  gap: number\n): number {\n  let accumulatedSize = 0;\n\n  for (const [i, size] of sizes.entries()) {\n    accumulatedSize += size + gap;\n\n    if (Math.trunc(targetPosition) < Math.trunc(accumulatedSize - gap)) {\n      return i + 1;\n    }\n  }\n\n  return 1;\n}\n"]}

package/components/tile-manager/serializer.d.ts

@@ -12,7 +12,7 @@ export interface SerializedTile {
     id: string | null;
 }
 declare class TileManagerSerializer {
-    tileManager: IgcTileManagerComponent;
+    private readonly _tileManager;
     constructor(tileManager: IgcTileManagerComponent);
     save(): SerializedTile[];
     saveAsJSON(): string;

package/components/tile-manager/serializer.js

@@ -1,9 +1,9 @@
 class TileManagerSerializer {
     constructor(tileManager) {
-        this.tileManager = tileManager;
+        this._tileManager = tileManager;
     }
     save() {
-        return this.tileManager.tiles.map((tile) => {
+        return this._tileManager.tiles.map((tile) => {
             return {
                 colSpan: tile.colSpan,
                 colStart: tile.colStart,
@@ -23,18 +23,17 @@ class TileManagerSerializer {
     }
     load(tiles) {
         const mapped = new Map(tiles.map((tile) => [tile.id, tile]));
-        for (const tile of this.tileManager.tiles) {
-            if (!mapped.has(tile.id)) {
-                continue;
-            }
+        for (const tile of this._tileManager.tiles) {
             const serialized = mapped.get(tile.id);
-            Object.assign(tile, serialized);
+            if (serialized) {
+                Object.assign(tile, serialized);
+            }
         }
     }
     loadFromJSON(data) {
-        if (!data)
-            return;
-        this.load(JSON.parse(data));
+        if (data) {
+            this.load(JSON.parse(data));
+        }
     }
 }
 export function createSerializer(host) {