@breadstone/mosaik-elements-foundation 0.0.216 → 0.0.218

package/Controls/Components/Layouts/TileManager/TileManagerResizeState.js

@@ -0,0 +1,332 @@
+// #region Imports
+import { TileManagerResizeUtil } from './TileManagerResizeUtil';
+// #endregion
+const CSS_VALUES_REGEX = /(?<start>\d+)?\s*\/?\s*span\s*(?<span>\d+)?/giu;
+/**
+ * Parses the grid position of a tile from its computed styles.
+ *
+ * @param tile - The tile element.
+ * @returns The grid position.
+ */
+function parseTileGridRect(tile) {
+    const computed = getComputedStyle(tile);
+    const { gridColumn, gridRow } = computed;
+    const columnMatches = Array.from(gridColumn.matchAll(CSS_VALUES_REGEX));
+    const rowMatches = Array.from(gridRow.matchAll(CSS_VALUES_REGEX));
+    const column = columnMatches[0]?.groups ?? {
+        start: '-1',
+        span: '-1'
+    };
+    const row = rowMatches[0]?.groups ?? {
+        start: '-1',
+        span: '-1'
+    };
+    const columnStart = column.start || '-1';
+    const columnSpan = column.span || '-1';
+    const rowStart = row.start || '-1';
+    const rowSpan = row.span || '-1';
+    return {
+        column: {
+            start: parseInt(columnStart, 10),
+            span: parseInt(columnSpan, 10)
+        },
+        row: {
+            start: parseInt(rowStart, 10),
+            span: parseInt(rowSpan, 10)
+        }
+    };
+}
+/**
+ * Parses the grid container properties.
+ *
+ * @param gridContainer - The grid container element.
+ * @returns The parsed grid properties.
+ */
+function parseTileParentGrid(gridContainer) {
+    const computed = getComputedStyle(gridContainer);
+    const { gap, gridTemplateColumns, gridTemplateRows } = computed;
+    const columns = gridTemplateColumns.split(' ').map((v) => parseFloat(v) || 0);
+    const rows = gridTemplateRows.split(' ').map((v) => parseFloat(v) || 0);
+    return {
+        gap: parseFloat(gap) || 0,
+        columns: {
+            count: columns.length,
+            entries: columns,
+            minSize: parseFloat(computed.getPropertyValue('--min-col-width')) || 0
+        },
+        rows: {
+            count: rows.length,
+            entries: rows,
+            minSize: parseFloat(computed.getPropertyValue('--min-row-height')) || 0
+        }
+    };
+}
+/**
+ * Manages the resize state for a tile during resize operations.
+ *
+ * @public
+ */
+export class TileManagerResizeState {
+    // #region Fields
+    _gap;
+    _prevDeltaX;
+    _prevDeltaY;
+    _prevSnappedWidth;
+    _prevSnappedHeight;
+    _position;
+    _columns;
+    _rows;
+    _initialPosition;
+    _resizeUtil;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `TileManagerResizeState` class.
+     *
+     * @public
+     */
+    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._initialPosition = {
+            column: {
+                start: 0,
+                span: 0
+            },
+            row: {
+                start: 0,
+                span: 0
+            }
+        };
+        this._resizeUtil = new TileManagerResizeUtil(0);
+        this.resizedDimensions = {
+            width: null,
+            height: null
+        };
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * The resized dimensions.
+     *
+     * @public
+     */
+    resizedDimensions;
+    /**
+     * Gets the gap size.
+     *
+     * @public
+     * @readonly
+     */
+    get gap() {
+        return this._gap;
+    }
+    /**
+     * Gets a clone of the current position.
+     *
+     * @public
+     * @readonly
+     */
+    get position() {
+        return structuredClone(this._position);
+    }
+    /**
+     * Gets a clone of the columns information.
+     *
+     * @public
+     * @readonly
+     */
+    get columns() {
+        return structuredClone(this._columns);
+    }
+    /**
+     * Gets a clone of the rows information.
+     *
+     * @public
+     * @readonly
+     */
+    get rows() {
+        return structuredClone(this._rows);
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Calculates the snapped width during resize.
+     *
+     * @param state - The resize state containing current dimensions.
+     * @returns The snapped width.
+     *
+     * @public
+     */
+    calculateSnappedWidth(state) {
+        const resizeProps = this.getResizeProps(state);
+        const snappedDimension = this._resizeUtil.calculateSnappedDimension(resizeProps);
+        this._prevDeltaX = snappedDimension.newDelta;
+        this._prevSnappedWidth = snappedDimension.snappedSize;
+        return snappedDimension.snappedSize;
+    }
+    /**
+     * Calculates the snapped height during resize.
+     *
+     * @param state - The resize state containing current dimensions.
+     * @returns The snapped height.
+     *
+     * @public
+     */
+    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;
+    }
+    /**
+     * Updates the resize state with new values.
+     *
+     * @param tileRect - The tile's bounding rectangle.
+     * @param tile - The tile element.
+     * @param grid - The grid container element.
+     *
+     * @public
+     */
+    updateState(tileRect, tile, grid) {
+        const { gap, columns, rows } = parseTileParentGrid(grid);
+        this._resizeUtil = new TileManagerResizeUtil(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;
+        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);
+        }
+        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);
+        }
+    }
+    /**
+     * Calculates the resized grid position after a resize operation.
+     *
+     * @param rect - The new bounding rectangle.
+     * @returns The new column and row spans.
+     *
+     * @public
+     */
+    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
+        };
+    }
+    /**
+     * Gets the grid offset for a given axis.
+     *
+     * @param grid - The grid container element.
+     * @param axis - The axis ('horizontal' or 'vertical').
+     * @returns The offset value.
+     */
+    getGridOffset(grid, axis) {
+        const gridRect = grid.getBoundingClientRect();
+        const computed = getComputedStyle(grid);
+        if (axis === 'horizontal') {
+            return gridRect.left + window.scrollX + grid.scrollLeft + parseFloat(computed.paddingLeft);
+        }
+        return gridRect.top + window.scrollY + parseFloat(computed.paddingTop);
+    }
+    /**
+     * Gets the resize properties for the current state.
+     *
+     * @param state - The resize state.
+     * @param isRow - Whether this is for row (vertical) resize.
+     * @returns The resize properties.
+     */
+    getResizeProps(state, isRow = false) {
+        if (isRow) {
+            return {
+                currentDelta: state.deltaY ?? 0,
+                currentSize: state.current.height ?? 0,
+                prevDelta: this._prevDeltaY,
+                gridEntries: this._rows.entries,
+                startIndex: this._position.row.start,
+                prevSnapped: this._prevSnappedHeight
+            };
+        }
+        return {
+            currentDelta: state.deltaX ?? 0,
+            currentSize: state.current.width ?? 0,
+            prevDelta: this._prevDeltaX,
+            gridEntries: this._columns.entries,
+            startIndex: this._position.column.start,
+            prevSnapped: this._prevSnappedWidth
+        };
+    }
+    /**
+     * Gets the resize span properties.
+     *
+     * @param rect - The bounding rectangle.
+     * @param isRow - Whether this is for row (vertical) resize.
+     * @returns The resize span properties.
+     */
+    getResizeSpanProps(rect, isRow = false) {
+        if (isRow) {
+            return {
+                targetSize: rect.height,
+                tilePosition: this.position.row,
+                tileGridDimension: this.rows,
+                gap: this.gap,
+                isRow
+            };
+        }
+        return {
+            targetSize: rect.width,
+            tilePosition: this.position.column,
+            tileGridDimension: this.columns,
+            gap: this.gap,
+            isRow
+        };
+    }
+}
+/**
+ * Factory function to create a new TileManagerResizeState instance.
+ *
+ * @returns A new TileManagerResizeState instance.
+ *
+ * @public
+ */
+export function createTileManagerResizeState() {
+    return new TileManagerResizeState();
+}
+//# sourceMappingURL=TileManagerResizeState.js.map

package/Controls/Components/Layouts/TileManager/TileManagerResizeState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileManagerResizeState.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileManager/TileManagerResizeState.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/TileManager/TileManagerResizeUtil.d.ts

@@ -0,0 +1,55 @@
+import type { IResizeProps } from './IResizeProps';
+import type { IResizeSpanProps } from './IResizeSpanProps';
+import type { ISnappedDimension } from './ISnappedDimension';
+/**
+ * Utility class for resize calculations in the tile manager.
+ *
+ * @public
+ */
+export declare class TileManagerResizeUtil {
+    private readonly _gap;
+    /**
+     * Constructs a new instance of the `TileManagerResizeUtil` class.
+     *
+     * @param gap - The gap size between tiles.
+     *
+     * @public
+     */
+    constructor(gap: number);
+    /**
+     * Gets the gap size.
+     *
+     * @public
+     * @readonly
+     */
+    get gap(): number;
+    /**
+     * Calculates the snapped dimension during resize.
+     *
+     * @param resizeProps - The resize properties.
+     * @returns The snapped dimension result.
+     *
+     * @public
+     */
+    calculateSnappedDimension(resizeProps: IResizeProps): ISnappedDimension;
+    /**
+     * Calculates the resized span based on the target size.
+     *
+     * @param props - The resize span properties.
+     * @returns The new span value.
+     *
+     * @public
+     */
+    calculateResizedSpan(props: IResizeSpanProps): number;
+    /**
+     * Calculates the grid position based on target position and sizes.
+     *
+     * @param targetPosition - The target position in pixels.
+     * @param sizes - The array of grid entry sizes.
+     * @returns The grid position index (1-based).
+     *
+     * @public
+     */
+    calculatePosition(targetPosition: number, sizes: Array<number>): number;
+}
+//# sourceMappingURL=TileManagerResizeUtil.d.ts.map

package/Controls/Components/Layouts/TileManager/TileManagerResizeUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileManagerResizeUtil.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileManager/TileManagerResizeUtil.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,qBAAa,qBAAqB;IAI9B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAS;IAM9B;;;;;;OAMG;gBACgB,GAAG,EAAE,MAAM;IAQ9B;;;;;OAKG;IACH,IAAW,GAAG,IAAI,MAAM,CAEvB;IAMD;;;;;;;OAOG;IACI,yBAAyB,CAAC,WAAW,EAAE,YAAY,GAAG,iBAAiB;IAmE9E;;;;;;;OAOG;IACI,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM;IAwC5D;;;;;;;;OAQG;IACI,iBAAiB,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM;CAgBjF"}

package/Controls/Components/Layouts/TileManager/TileManagerResizeUtil.js

@@ -0,0 +1,151 @@
+// #region Imports
+// #endregion
+/**
+ * Utility class for resize calculations in the tile manager.
+ *
+ * @public
+ */
+export class TileManagerResizeUtil {
+    // #region Fields
+    _gap;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `TileManagerResizeUtil` class.
+     *
+     * @param gap - The gap size between tiles.
+     *
+     * @public
+     */
+    constructor(gap) {
+        this._gap = gap;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Gets the gap size.
+     *
+     * @public
+     * @readonly
+     */
+    get gap() {
+        return this._gap;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Calculates the snapped dimension during resize.
+     *
+     * @param resizeProps - The resize properties.
+     * @returns The snapped dimension result.
+     *
+     * @public
+     */
+    calculateSnappedDimension(resizeProps) {
+        const { currentDelta, prevDelta, currentSize, gridEntries, startIndex, prevSnapped } = resizeProps;
+        const effectiveDelta = currentDelta - prevDelta;
+        let snappedSize = currentSize;
+        // If current size is below minimum, force to the size of the starting cell.
+        if (Math.trunc(currentSize) < gridEntries[startIndex - 1]) {
+            return {
+                snappedSize: gridEntries[startIndex - 1],
+                newDelta: currentDelta
+            };
+        }
+        // If no change in delta and we have a snapped value, reuse it.
+        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;
+            // Thresholds for snapping to the next or previous tile boundary.
+            const halfwayExpand = accumulated + currentEntry + this._gap + (nextEntry / 2);
+            const halfwayShrink = accumulated + (prevEntry / 2);
+            const entryEnd = accumulated + currentEntry + this._gap;
+            if (effectiveDelta > 0) {
+                // Expanding: snap when passing the halfway threshold.
+                if (currentSize >= halfwayExpand &&
+                    currentSize <= entryEnd + nextEntry) {
+                    snappedSize = entryEnd + nextEntry;
+                }
+            }
+            else if (effectiveDelta < 0) {
+                // Shrinking: snap when falling below the halfway threshold.
+                if (currentSize <= halfwayShrink &&
+                    currentSize > accumulated - this._gap) {
+                    snappedSize = accumulated - this._gap;
+                }
+            }
+            accumulated += currentEntry + this._gap;
+        }
+        return {
+            snappedSize,
+            newDelta: currentDelta
+        };
+    }
+    /**
+     * Calculates the resized span based on the target size.
+     *
+     * @param props - The resize span properties.
+     * @returns The new span value.
+     *
+     * @public
+     */
+    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;
+            }
+            else {
+                break;
+            }
+            accumulatedSize += currentSize + gap;
+        }
+        return newSpan;
+    }
+    /**
+     * Calculates the grid position based on target position and sizes.
+     *
+     * @param targetPosition - The target position in pixels.
+     * @param sizes - The array of grid entry sizes.
+     * @returns The grid position index (1-based).
+     *
+     * @public
+     */
+    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 1;
+    }
+}
+//# sourceMappingURL=TileManagerResizeUtil.js.map

package/Controls/Components/Layouts/TileManager/TileManagerResizeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileManagerResizeUtil.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileManager/TileManagerResizeUtil.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/TileManager/TileManagerSerializer.d.ts

@@ -0,0 +1,45 @@
+import type { ISerializedTile } from './ISerializedTile';
+/**
+ * Handles serialization and deserialization of tile layouts.
+ *
+ * @public
+ */
+export declare class TileManagerSerializer {
+    /**
+     * Saves the current layout of tiles.
+     *
+     * @param tiles - The tiles to save.
+     * @returns An array of serialized tile states.
+     *
+     * @public
+     */
+    save(tiles: Array<ITileElementShape>): Array<ISerializedTile>;
+    /**
+     * Saves the current layout as a JSON string.
+     *
+     * @param tiles - The tiles to save.
+     * @returns A JSON string representing the layout.
+     *
+     * @public
+     */
+    saveAsJSON(tiles: Array<ITileElementShape>): string;
+    /**
+     * Loads a previously saved layout.
+     *
+     * @param tiles - The tiles to apply the layout to.
+     * @param layout - The serialized layout to load.
+     *
+     * @public
+     */
+    load(tiles: Array<ITileElementShape>, layout: Array<ISerializedTile>): void;
+    /**
+     * Loads a layout from a JSON string.
+     *
+     * @param tiles - The tiles to apply the layout to.
+     * @param json - The JSON string representing the layout.
+     *
+     * @public
+     */
+    loadFromJSON(tiles: Array<ITileElementShape>, json: string): void;
+}
+//# sourceMappingURL=TileManagerSerializer.d.ts.map

package/Controls/Components/Layouts/TileManager/TileManagerSerializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileManagerSerializer.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileManager/TileManagerSerializer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAkBzD;;;;GAIG;AACH,qBAAa,qBAAqB;IAU9B;;;;;;;OAOG;IACI,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC;IAapE;;;;;;;OAOG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,MAAM;IAI1D;;;;;;;OAOG;IACI,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,GAAG,IAAI;IAmBlF;;;;;;;OAOG;IACI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;CAO3E"}