@node-projects/web-component-designer 0.1.352 → 0.2.0

package/dist/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.js

@@ -1,8 +1,7 @@
 import { EventNames } from "../../../../../enums/EventNames.js";
 import { convertCssUnit, convertCssUnitToPixel, getCssUnit, getExpandedCssGridColumnSizes } from "../../../../helper/CssUnitConverter.js";
 import { getBoundingClientRectAlsoForDisplayContents } from "../../../../helper/ElementHelper.js";
-import { calculateGridInformation } from "../../../../helper/GridHelper.js";
-import { getElementCombinedTransform } from "../../../../helper/getBoxQuads.js";
+import { calculateGridInformation, getElementLocalToCanvasMatrix, getGridLocalPoint } from "../../../../helper/GridHelper.js";
 import { AbstractExtension } from '../AbstractExtension.js';
 import { OverlayLayer } from "../OverlayLayer.js";
 export class EditGridColumnRowSizesExtension extends AbstractExtension {
@@ -17,23 +16,24 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
     }
     extend(cache, event) {
         this._group = this._drawGroup(null, this._group, OverlayLayer.Background);
-        this._group.style.transform = getElementCombinedTransform(this.extendedItem.element).toString();
         this._group.style.transformOrigin = '0 0';
-        this._group.style.transformBox = 'fill-box';
         this.refresh(event);
     }
     refresh(cache, event) {
         this.gridInformation = calculateGridInformation(this.extendedItem);
+        this._group.style.transform = getElementLocalToCanvasMatrix(this.extendedItem).toString();
         this.gridInformation.gaps.forEach((gap, i) => {
             if (gap.width < 3) {
                 gap.width = 3;
                 gap.x--;
+                gap.localX--;
             }
             if (gap.height < 3) {
                 gap.height = 3;
                 gap.y--;
+                gap.localY--;
             }
-            let rect = this._drawRect(gap.x, gap.y, gap.width, gap.height, 'svg-grid-resizer-' + gap.type, this._resizers[i], OverlayLayer.Normal);
+            let rect = this._drawRect(gap.localX, gap.localY, gap.width, gap.height, 'svg-grid-resizer-' + gap.type, this._resizers[i], OverlayLayer.Normal);
             if (!this._resizers[i]) {
                 this._resizers[i] = rect;
                 rect.addEventListener(EventNames.PointerDown, event => this._pointerActionTypeResize(event, rect, gap));
@@ -46,10 +46,9 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
     _pointerActionTypeResize(event, rect, gap) {
         event.stopPropagation();
         const templatePropertyName = gap.type == 'h' ? 'gridTemplateRows' : 'gridTemplateColumns';
-        const axisPropertyName = gap.type == 'h' ? 'Y' : 'X';
         const index = (gap.type == 'h' ? gap.row : gap.column) - 1;
         const sizeType = gap.type == 'h' ? 'height' : 'width';
-        const pos = event['client' + axisPropertyName];
+        const pos = this._getAxisLocalPosition(event, gap.type);
         switch (event.type) {
             case EventNames.PointerDown:
                 rect.setPointerCapture(event.pointerId);
@@ -58,12 +57,12 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
                 break;
             case EventNames.PointerMove:
                 if (this._initialSizes) {
-                    const diff = this._initalPos - pos;
+                    const diff = pos - this._initalPos;
                     if (Math.abs(diff) > 5 || this._hasChanged) {
                         this._hasChanged = true;
                         let parts = this._initialSizes.split(' ');
-                        parts[index] = (parseFloat(parts[index]) - diff) + 'px';
-                        parts[index + 1] = (parseFloat(parts[index + 1]) + diff) + 'px';
+                        parts[index] = (parseFloat(parts[index]) + diff) + 'px';
+                        parts[index + 1] = (parseFloat(parts[index + 1]) - diff) + 'px';
                         this.extendedItem.element.style[templatePropertyName] = parts.join(' ');
                         this.extensionManager.refreshExtensions([this.extendedItem], null, event);
                     }
@@ -71,7 +70,7 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
                 break;
             case EventNames.PointerUp:
                 rect.releasePointerCapture(event.pointerId);
-                const diff = this._initalPos - pos;
+                const diff = pos - this._initalPos;
                 if (this._hasChanged) {
                     this._hasChanged = false;
                     const realStyle = this.extendedItem.getStyleFromSheetOrLocalOrComputed(templatePropertyName);
@@ -82,8 +81,8 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
                     }
                     this.extendedItem.element.style[templatePropertyName] = '';
                     const targetPixelSizes = initialParts.map(x => parseFloat(x));
-                    targetPixelSizes[index] -= diff;
-                    targetPixelSizes[index + 1] += diff;
+                    targetPixelSizes[index] += diff;
+                    targetPixelSizes[index + 1] -= diff;
                     const newSizes = this._convertCssUnits(targetPixelSizes, units, this.extendedItem.element, sizeType);
                     this.extendedItem.updateStyleInSheetOrLocal(templatePropertyName, newSizes.join(' '), null, true);
                 }
@@ -93,6 +92,10 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
                 break;
         }
     }
+    _getAxisLocalPosition(event, gapType) {
+        const localPoint = getGridLocalPoint(this.extendedItem, this.designerCanvas.getNormalizedEventCoordinates(event));
+        return gapType == 'h' ? localPoint.y : localPoint.x;
+    }
     _convertCssUnits(pixelSizes, targetUnits, target, percentTarget) {
         let cp = getComputedStyle(target);
         let bounding = getBoundingClientRectAlsoForDisplayContents(target);

package/dist/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditGridColumnRowSizesExtension.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditGridColumnRowSizesExtension.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.ts"],"names":[],"mappings":"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"}

package/dist/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.js

@@ -1,5 +1,5 @@
 import { EventNames } from "../../../../../enums/EventNames.js";
-import { calculateGridInformation } from "../../../../helper/GridHelper.js";
+import { calculateGridInformation, getGridColumnIndexFromLocalX, getGridColumnStartLineFromLocalX, getGridLocalPoint, getGridRowIndexFromLocalY, getGridRowStartLineFromLocalY } from "../../../../helper/GridHelper.js";
 import { AbstractExtension } from "../AbstractExtension.js";
 export class GridChildResizeExtension extends AbstractExtension {
     _actionModeStarted;
@@ -69,60 +69,27 @@ export class GridChildResizeExtension extends AbstractExtension {
                 break;
             case EventNames.PointerMove:
                 if (this._initialPoint) {
-                    let posX = 0;
-                    let posY = 0;
                     let cellX = 0;
                     let cellY = 0;
                     const gridInformation = calculateGridInformation(this.extendedItem.parent);
-                    const gridPos = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.parent.element);
-                    const evPos = this.designerCanvas.getNormalizedEventCoordinates(event);
+                    const localPoint = getGridLocalPoint(this.extendedItem.parent, this.designerCanvas.getNormalizedEventCoordinates(event));
                     const cs = getComputedStyle(this.extendedItem.element);
                     this.extendedItem.element.style.gridColumnStart = cs.gridColumnStart;
                     this.extendedItem.element.style.gridColumnEnd = cs.gridColumnEnd === 'auto' ? '' + (parseInt(cs.gridColumnStart) + 1) : cs.gridColumnEnd;
                     this.extendedItem.element.style.gridRowStart = cs.gridRowStart;
                     this.extendedItem.element.style.gridRowEnd = cs.gridRowEnd === 'auto' ? '' + (parseInt(cs.gridRowStart) + 1) : cs.gridRowEnd;
                     if (this._actionModeStarted == 'nw-resize' || this._actionModeStarted == 'w-resize' || this._actionModeStarted == 'sw-resize') {
-                        for (let i = 0; i < gridInformation.cells.length; i++) {
-                            const cell = gridInformation.cells[i][0];
-                            const cellMiddlePos = posX + (cell.width / 2);
-                            if (evPos.x > gridPos.x + cellMiddlePos) {
-                                cellX = i;
-                            }
-                            posX += cell.width + gridInformation.xGap;
-                        }
-                        this.extendedItem.element.style.gridColumnStart = '' + (cellX + 2);
+                        this.extendedItem.element.style.gridColumnStart = '' + getGridColumnStartLineFromLocalX(gridInformation, localPoint.x);
                     }
                     if (this._actionModeStarted == 'nw-resize' || this._actionModeStarted == 'n-resize' || this._actionModeStarted == 'ne-resize') {
-                        for (let i = 0; i < gridInformation.cells.length; i++) {
-                            const cell = gridInformation.cells[i][0];
-                            const cellMiddlePos = posY + (cell.height / 2);
-                            if (evPos.y > gridPos.y + cellMiddlePos) {
-                                cellY = i;
-                            }
-                            posY += cell.height + gridInformation.yGap;
-                        }
-                        this.extendedItem.element.style.gridRowStart = '' + (cellY + 2);
+                        this.extendedItem.element.style.gridRowStart = '' + getGridRowStartLineFromLocalY(gridInformation, localPoint.y);
                     }
                     if (this._actionModeStarted == 'se-resize' || this._actionModeStarted == 'e-resize' || this._actionModeStarted == 'ne-resize') {
-                        for (let i = 0; i < gridInformation.cells.length; i++) {
-                            const cell = gridInformation.cells[i][0];
-                            const cellMiddlePos = posX + (cell.width / 2);
-                            if (evPos.x > gridPos.x + cellMiddlePos) {
-                                cellX = i;
-                            }
-                            posX += cell.width + gridInformation.xGap;
-                        }
+                        cellX = getGridColumnIndexFromLocalX(gridInformation, localPoint.x);
                         this.extendedItem.element.style.gridColumnEnd = '' + (cellX + 2);
                     }
                     if (this._actionModeStarted == 'sw-resize' || this._actionModeStarted == 's-resize' || this._actionModeStarted == 'se-resize') {
-                        for (let i = 0; i < gridInformation.cells[0].length; i++) {
-                            const cell = gridInformation.cells[0][i];
-                            const cellMiddlePos = posY + (cell.height / 2);
-                            if (evPos.y > gridPos.y + cellMiddlePos) {
-                                cellY = i;
-                            }
-                            posY += cell.height + gridInformation.yGap;
-                        }
+                        cellY = getGridRowIndexFromLocalY(gridInformation, localPoint.y);
                         this.extendedItem.element.style.gridRowEnd = '' + (cellY + 2);
                     }
                     const resizedElements = [this.extendedItem, this.extendedItem.parent];

package/dist/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridChildResizeExtension.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GridChildResizeExtension.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.ts"],"names":[],"mappings":"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"}

package/dist/elements/widgets/designerView/extensions/transforms/ProjectiveTransformExtension.d.ts

@@ -0,0 +1,33 @@
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { AbstractExtension } from '../AbstractExtension.js';
+import { IExtensionManager } from '../IExtensionManger.js';
+export declare class ProjectiveTransformExtension extends AbstractExtension {
+    private _outline?;
+    private _handles;
+    private _handleCrossHorizontalLines;
+    private _handleCrossVerticalLines;
+    private _activeHandleIndex;
+    private _baseTransform;
+    private _projectiveTransform;
+    private _targetPoints;
+    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
+    extend(cache: Record<string | symbol, any>, event?: Event): void;
+    refresh(cache: Record<string | symbol, any>, event?: Event): void;
+    dispose(): void;
+    private _handlePointerEvent;
+    private _startDrag;
+    private _convertQuadToLocalPoints;
+    private _getLocalPointerPoint;
+    private _applyPreviewTransform;
+    private _commitTransform;
+    private _restorePersistedTransform;
+    private _buildProjectiveTransform;
+    private _createProjectiveMatrix;
+    private _serializeMatrix3d;
+    private _formatMatrixNumber;
+    private _buildTransform;
+    private _parseTransform;
+    private _splitTransformFunctions;
+    private _pointsApproximatelyEqual;
+}

package/dist/elements/widgets/designerView/extensions/transforms/ProjectiveTransformExtension.js

@@ -0,0 +1,337 @@
+import { EventNames } from '../../../../../enums/EventNames.js';
+import { getElementSize } from '../../../../helper/getBoxQuads.js';
+import { AbstractExtension } from '../AbstractExtension.js';
+export class ProjectiveTransformExtension extends AbstractExtension {
+    _outline;
+    _handles = [];
+    _handleCrossHorizontalLines = [];
+    _handleCrossVerticalLines = [];
+    _activeHandleIndex = null;
+    _baseTransform = '';
+    _projectiveTransform = '';
+    _targetPoints = [];
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend(cache, event) {
+        this.refresh(cache, event);
+    }
+    refresh(cache, event) {
+        const transformedCornerPoints = this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
+        if (!transformedCornerPoints) {
+            return;
+        }
+        const points = [transformedCornerPoints.p1, transformedCornerPoints.p2, transformedCornerPoints.p3, transformedCornerPoints.p4];
+        if (points.some(point => !Number.isFinite(point.x) || !Number.isFinite(point.y))) {
+            this.remove();
+            return;
+        }
+        if (this._valuesHaveChanges(this.designerCanvas.zoomFactor, ...points.flatMap(point => [point.x, point.y]))) {
+            this._outline = this._drawTransformedRect(transformedCornerPoints, 'svg-primary-projective-outline', this._outline);
+            this._outline.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
+            this._outline.style.pointerEvents = 'none';
+            const radius = 5 / this.designerCanvas.zoomFactor;
+            const crossRadius = radius * 0.55;
+            for (let index = 0; index < points.length; index++) {
+                const cornerIndex = index;
+                const point = points[index];
+                let handle = this._handles[index];
+                if (!handle) {
+                    handle = this._drawCircle(point.x, point.y, radius, 'svg-primary-projective-handle');
+                    handle.addEventListener(EventNames.PointerDown, event => this._handlePointerEvent(cornerIndex, event));
+                    handle.addEventListener(EventNames.PointerMove, event => this._handlePointerEvent(cornerIndex, event));
+                    handle.addEventListener(EventNames.PointerUp, event => this._handlePointerEvent(cornerIndex, event));
+                    this._handles[index] = handle;
+                }
+                else {
+                    handle = this._drawCircle(point.x, point.y, radius, 'svg-primary-projective-handle', handle);
+                    this._handles[index] = handle;
+                }
+                handle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
+                handle.style.cursor = 'move';
+                let horizontalLine = this._handleCrossHorizontalLines[index];
+                horizontalLine = this._drawLine(point.x - crossRadius, point.y, point.x + crossRadius, point.y, 'svg-primary-projective-handle-cross', horizontalLine);
+                horizontalLine.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
+                horizontalLine.style.pointerEvents = 'none';
+                this._handleCrossHorizontalLines[index] = horizontalLine;
+                let verticalLine = this._handleCrossVerticalLines[index];
+                verticalLine = this._drawLine(point.x, point.y - crossRadius, point.x, point.y + crossRadius, 'svg-primary-projective-handle-cross', verticalLine);
+                verticalLine.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
+                verticalLine.style.pointerEvents = 'none';
+                this._handleCrossVerticalLines[index] = verticalLine;
+            }
+        }
+    }
+    dispose() {
+        this._activeHandleIndex = null;
+        this._restorePersistedTransform();
+        this._removeAllOverlays();
+    }
+    _handlePointerEvent(index, event) {
+        event.stopPropagation();
+        const target = event.target;
+        switch (event.type) {
+            case EventNames.PointerDown:
+                if (!this._startDrag(index)) {
+                    return;
+                }
+                target.setPointerCapture(event.pointerId);
+                this._activeHandleIndex = index;
+                break;
+            case EventNames.PointerMove:
+                if (this._activeHandleIndex === index && event.buttons > 0) {
+                    const localPoint = this._getLocalPointerPoint(event);
+                    if (!localPoint) {
+                        return;
+                    }
+                    this._targetPoints[index] = localPoint;
+                    this._applyPreviewTransform();
+                }
+                break;
+            case EventNames.PointerUp:
+                if (this._activeHandleIndex === index) {
+                    const localPoint = this._getLocalPointerPoint(event);
+                    if (localPoint) {
+                        this._targetPoints[index] = localPoint;
+                        this._applyPreviewTransform();
+                    }
+                    target.releasePointerCapture(event.pointerId);
+                    this._commitTransform();
+                    this._activeHandleIndex = null;
+                }
+                break;
+        }
+    }
+    _startDrag(index) {
+        const { baseTransform, projectiveTransform } = this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal('transform') ?? '');
+        this._baseTransform = baseTransform;
+        this._projectiveTransform = projectiveTransform;
+        const currentQuad = this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
+        if (!currentQuad) {
+            return false;
+        }
+        const element = this.extendedItem.element;
+        element.style.transform = this._buildTransform(this._baseTransform, '');
+        this._targetPoints = this._convertQuadToLocalPoints(currentQuad);
+        if (this._targetPoints.length !== 4 || this._targetPoints.some(point => !Number.isFinite(point.x) || !Number.isFinite(point.y))) {
+            this._restorePersistedTransform();
+            return false;
+        }
+        element.style.transform = this._buildTransform(this._baseTransform, this._projectiveTransform);
+        return this._targetPoints[index] != null;
+    }
+    _convertQuadToLocalPoints(quad) {
+        return [quad.p1, quad.p2, quad.p3, quad.p4].map(point => {
+            const localPoint = this.extendedItem.element.convertPointFromNode({ x: point.x, y: point.y }, this.designerCanvas.canvas);
+            return { x: localPoint.x, y: localPoint.y };
+        });
+    }
+    _getLocalPointerPoint(event) {
+        const element = this.extendedItem.element;
+        const previewTransform = element.style.transform;
+        element.style.transform = this._buildTransform(this._baseTransform, '');
+        const mousePoint = this.designerCanvas.getNormalizedEventCoordinates(event);
+        const localPoint = element.convertPointFromNode({ x: mousePoint.x, y: mousePoint.y }, this.designerCanvas.canvas);
+        element.style.transform = previewTransform;
+        if (!Number.isFinite(localPoint.x) || !Number.isFinite(localPoint.y)) {
+            return null;
+        }
+        return { x: localPoint.x, y: localPoint.y };
+    }
+    _applyPreviewTransform() {
+        const projectiveTransform = this._buildProjectiveTransform(this._targetPoints);
+        if (projectiveTransform == null) {
+            return;
+        }
+        this._projectiveTransform = projectiveTransform;
+        this.extendedItem.element.style.transform = this._buildTransform(this._baseTransform, this._projectiveTransform);
+    }
+    _commitTransform() {
+        const projectiveTransform = this._buildProjectiveTransform(this._targetPoints);
+        if (projectiveTransform != null) {
+            this._projectiveTransform = projectiveTransform;
+        }
+        const finalTransform = this._buildTransform(this._baseTransform, this._projectiveTransform);
+        if (finalTransform) {
+            this.extendedItem.updateStyleInSheetOrLocal('transform', finalTransform);
+        }
+        else if (this.extendedItem.hasStyle('transform')) {
+            this.extendedItem.removeStyle('transform');
+        }
+        else {
+            this.extendedItem.updateStyleInSheetOrLocal('transform', null);
+        }
+        this._restorePersistedTransform();
+    }
+    _restorePersistedTransform() {
+        const element = this.extendedItem.element;
+        if (this.extendedItem.hasStyle('transform')) {
+            element.style.transform = this.extendedItem.getStyle('transform') ?? '';
+        }
+        else {
+            element.style.transform = '';
+        }
+    }
+    _buildProjectiveTransform(points) {
+        const size = getElementSize(this.extendedItem.element);
+        if (!size.width || !size.height || points.length !== 4) {
+            return '';
+        }
+        const sourcePoints = [
+            { x: 0, y: 0 },
+            { x: size.width, y: 0 },
+            { x: size.width, y: size.height },
+            { x: 0, y: size.height }
+        ];
+        if (this._pointsApproximatelyEqual(points, sourcePoints)) {
+            return '';
+        }
+        const matrix = this._createProjectiveMatrix(points, size.width, size.height);
+        if (!matrix) {
+            return null;
+        }
+        const transformOrigin = getComputedStyle(this.extendedItem.element).transformOrigin.split(' ');
+        const origin = {
+            x: parseFloat(transformOrigin[0]) || 0,
+            y: parseFloat(transformOrigin[1]) || 0
+        };
+        const correctedMatrix = new DOMMatrix()
+            .translate(-origin.x, -origin.y)
+            .multiply(matrix)
+            .multiply(new DOMMatrix().translate(origin.x, origin.y));
+        return this._serializeMatrix3d(correctedMatrix);
+    }
+    _createProjectiveMatrix(points, width, height) {
+        const [p1, p2, p3, p4] = points;
+        const dx1 = p2.x - p3.x;
+        const dx2 = p4.x - p3.x;
+        const dx3 = p1.x - p2.x + p3.x - p4.x;
+        const dy1 = p2.y - p3.y;
+        const dy2 = p4.y - p3.y;
+        const dy3 = p1.y - p2.y + p3.y - p4.y;
+        let aUnit;
+        let bUnit;
+        let dUnit;
+        let eUnit;
+        let gUnit;
+        let hUnit;
+        if (Math.abs(dx3) < 1e-8 && Math.abs(dy3) < 1e-8) {
+            aUnit = p2.x - p1.x;
+            bUnit = p4.x - p1.x;
+            dUnit = p2.y - p1.y;
+            eUnit = p4.y - p1.y;
+            gUnit = 0;
+            hUnit = 0;
+        }
+        else {
+            const determinant = dx1 * dy2 - dx2 * dy1;
+            if (Math.abs(determinant) < 1e-8) {
+                return null;
+            }
+            gUnit = (dx3 * dy2 - dx2 * dy3) / determinant;
+            hUnit = (dx1 * dy3 - dx3 * dy1) / determinant;
+            aUnit = p2.x - p1.x + gUnit * p2.x;
+            bUnit = p4.x - p1.x + hUnit * p4.x;
+            dUnit = p2.y - p1.y + gUnit * p2.y;
+            eUnit = p4.y - p1.y + hUnit * p4.y;
+        }
+        const matrix = new DOMMatrix([
+            aUnit / width, dUnit / width, 0, gUnit / width,
+            bUnit / height, eUnit / height, 0, hUnit / height,
+            0, 0, 1, 0,
+            p1.x, p1.y, 0, 1
+        ]);
+        const values = [
+            matrix.m11, matrix.m12, matrix.m13, matrix.m14,
+            matrix.m21, matrix.m22, matrix.m23, matrix.m24,
+            matrix.m31, matrix.m32, matrix.m33, matrix.m34,
+            matrix.m41, matrix.m42, matrix.m43, matrix.m44
+        ];
+        if (values.some(value => !Number.isFinite(value))) {
+            return null;
+        }
+        return matrix;
+    }
+    _serializeMatrix3d(matrix) {
+        const values = [
+            matrix.m11, matrix.m12, matrix.m13, matrix.m14,
+            matrix.m21, matrix.m22, matrix.m23, matrix.m24,
+            matrix.m31, matrix.m32, matrix.m33, matrix.m34,
+            matrix.m41, matrix.m42, matrix.m43, matrix.m44
+        ].map(value => this._formatMatrixNumber(value));
+        return `matrix3d(${values.join(', ')})`;
+    }
+    _formatMatrixNumber(value) {
+        if (Math.abs(value) < 1e-10) {
+            return '0';
+        }
+        let rounded = value.toFixed(8);
+        if (rounded.includes('.')) {
+            rounded = rounded.replace(/0+$/, '').replace(/\.$/, '');
+        }
+        return rounded === '-0' ? '0' : rounded;
+    }
+    _buildTransform(baseTransform, projectiveTransform) {
+        const transforms = [];
+        if (baseTransform?.trim()) {
+            transforms.push(baseTransform.trim());
+        }
+        if (projectiveTransform?.trim()) {
+            transforms.push(projectiveTransform.trim());
+        }
+        return transforms.join(' ').trim();
+    }
+    _parseTransform(transform) {
+        if (!transform || transform === 'none') {
+            return { baseTransform: '', projectiveTransform: '' };
+        }
+        const parts = this._splitTransformFunctions(transform);
+        if (!parts.length) {
+            return { baseTransform: transform.trim(), projectiveTransform: '' };
+        }
+        const lastPart = parts[parts.length - 1];
+        const functionName = lastPart.slice(0, lastPart.indexOf('(')).trim().toLowerCase();
+        if (functionName === 'matrix' || functionName === 'matrix3d') {
+            return {
+                baseTransform: parts.slice(0, -1).join(' ').trim(),
+                projectiveTransform: lastPart.trim()
+            };
+        }
+        return { baseTransform: transform.trim(), projectiveTransform: '' };
+    }
+    _splitTransformFunctions(transform) {
+        const parts = [];
+        let startIndex = -1;
+        let depth = 0;
+        for (let index = 0; index < transform.length; index++) {
+            const character = transform[index];
+            if (character === '(') {
+                depth++;
+            }
+            else if (character === ')') {
+                depth--;
+                if (depth === 0 && startIndex !== -1) {
+                    parts.push(transform.slice(startIndex, index + 1).trim());
+                    startIndex = -1;
+                }
+            }
+            else if (depth === 0 && startIndex === -1 && character.trim()) {
+                startIndex = index;
+            }
+        }
+        if (!parts.length && transform.trim()) {
+            parts.push(transform.trim());
+        }
+        return parts;
+    }
+    _pointsApproximatelyEqual(pointsA, pointsB) {
+        if (pointsA.length !== pointsB.length) {
+            return false;
+        }
+        return pointsA.every((point, index) => {
+            const compareTo = pointsB[index];
+            return Math.abs(point.x - compareTo.x) < 0.01 && Math.abs(point.y - compareTo.y) < 0.01;
+        });
+    }
+}
+//# sourceMappingURL=ProjectiveTransformExtension.js.map