@node-projects/web-component-designer 0.1.342 → 0.1.344

package/dist/elements/widgets/designerView/extensions/svg/geometry/IGeometry.d.ts

@@ -0,0 +1,61 @@
+import { IPoint } from '../../../../../../interfaces/IPoint.js';
+/**
+ * Segment types supported by the geometry model.
+ */
+export declare enum SegmentType {
+    Move = "M",
+    Line = "L",
+    CubicBezier = "C",
+    QuadraticBezier = "Q",
+    Arc = "A",
+    Close = "Z",
+    HorizontalLine = "H",
+    VerticalLine = "V",
+    SmoothCubic = "S",
+    SmoothQuadratic = "T"
+}
+/**
+ * A single segment in the geometry. All coordinates are stored as absolute values for internal editing.
+ * The `relative` flag preserves whether the original command was relative.
+ */
+export interface IGeometrySegment {
+    /** The segment type */
+    type: SegmentType;
+    /** Whether the original command was relative (lowercase letter in SVG path) */
+    relative: boolean;
+    /** The endpoint of this segment (absolute coordinates) */
+    point: IPoint;
+    /** For cubic bezier: first control point (absolute) */
+    cp1?: IPoint;
+    /** For cubic bezier: second control point (absolute). For quadratic bezier: the single control point. */
+    cp2?: IPoint;
+    /** For arc segments */
+    arc?: {
+        rx: number;
+        ry: number;
+        rotation: number;
+        largeArc: boolean;
+        sweep: boolean;
+    };
+}
+/**
+ * Abstraction over any editable geometry (SVG shapes, CSS shapes, etc.)
+ */
+export interface IGeometry {
+    /** The segments describing this geometry */
+    segments: IGeometrySegment[];
+    /** Whether this geometry represents a closed shape */
+    closed: boolean;
+}
+/**
+ * Reads element attributes/properties into an IGeometry
+ */
+export interface IGeometryReader {
+    /** Read the element's current geometry */
+    read(element: Element): IGeometry;
+    /** Write the geometry back to the element as attribute string */
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/IGeometry.js

@@ -0,0 +1,17 @@
+/**
+ * Segment types supported by the geometry model.
+ */
+export var SegmentType;
+(function (SegmentType) {
+    SegmentType["Move"] = "M";
+    SegmentType["Line"] = "L";
+    SegmentType["CubicBezier"] = "C";
+    SegmentType["QuadraticBezier"] = "Q";
+    SegmentType["Arc"] = "A";
+    SegmentType["Close"] = "Z";
+    SegmentType["HorizontalLine"] = "H";
+    SegmentType["VerticalLine"] = "V";
+    SegmentType["SmoothCubic"] = "S";
+    SegmentType["SmoothQuadratic"] = "T";
+})(SegmentType || (SegmentType = {}));
+//# sourceMappingURL=IGeometry.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/IGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IGeometry.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/extensions/svg/geometry/IGeometry.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,WAWX;AAXD,WAAY,WAAW;IACrB,yBAAU,CAAA;IACV,yBAAU,CAAA;IACV,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,wBAAS,CAAA;IACT,0BAAW,CAAA;IACX,mCAAoB,CAAA;IACpB,iCAAkB,CAAA;IAClB,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;AACvB,CAAC,EAXW,WAAW,KAAX,WAAW,QAWtB"}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgCircleGeometryReader.d.ts

@@ -0,0 +1,8 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+export declare class SvgCircleGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgCircleGeometryReader.js

@@ -0,0 +1,37 @@
+import { SegmentType } from './IGeometry.js';
+export class SvgCircleGeometryReader {
+    read(element) {
+        const el = element;
+        const cx = el.cx.baseVal.value;
+        const cy = el.cy.baseVal.value;
+        const r = el.r.baseVal.value;
+        // Same as ellipse but rx == ry == r
+        const segments = [
+            { type: SegmentType.Move, relative: false, point: { x: cx, y: cy - r } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx + r, y: cy }, arc: { rx: r, ry: r, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx, y: cy + r }, arc: { rx: r, ry: r, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx - r, y: cy }, arc: { rx: r, ry: r, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx, y: cy - r }, arc: { rx: r, ry: r, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Close, relative: false, point: { x: cx, y: cy - r } },
+        ];
+        return { segments, closed: true };
+    }
+    serialize(geometry) {
+        const pts = geometry.segments.filter(s => s.type !== SegmentType.Close);
+        if (pts.length < 4)
+            return [];
+        const top = pts[0].point;
+        const right = pts[1].point;
+        const bottom = pts[2].point;
+        const left = pts[3].point;
+        const cx = (right.x + left.x) / 2;
+        const cy = (top.y + bottom.y) / 2;
+        const r = Math.max(Math.abs(right.x - left.x) / 2, Math.abs(bottom.y - top.y) / 2);
+        return [
+            { attribute: 'cx', value: cx.toString() },
+            { attribute: 'cy', value: cy.toString() },
+            { attribute: 'r', value: r.toString() },
+        ];
+    }
+}
+//# sourceMappingURL=SvgCircleGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgCircleGeometryReader.js.map

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

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgEllipseGeometryReader.d.ts

@@ -0,0 +1,8 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+export declare class SvgEllipseGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgEllipseGeometryReader.js

@@ -0,0 +1,42 @@
+import { SegmentType } from './IGeometry.js';
+export class SvgEllipseGeometryReader {
+    read(element) {
+        const el = element;
+        const cx = el.cx.baseVal.value;
+        const cy = el.cy.baseVal.value;
+        const rx = el.rx.baseVal.value;
+        const ry = el.ry.baseVal.value;
+        // Represent ellipse as 4 cardinal points (top, right, bottom, left)
+        const segments = [
+            { type: SegmentType.Move, relative: false, point: { x: cx, y: cy - ry } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx + rx, y: cy }, arc: { rx, ry, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx, y: cy + ry }, arc: { rx, ry, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx - rx, y: cy }, arc: { rx, ry, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Arc, relative: false, point: { x: cx, y: cy - ry }, arc: { rx, ry, rotation: 0, largeArc: false, sweep: true } },
+            { type: SegmentType.Close, relative: false, point: { x: cx, y: cy - ry } },
+        ];
+        return { segments, closed: true };
+    }
+    serialize(geometry) {
+        // Reconstruct cx, cy, rx, ry from the cardinal points
+        const pts = geometry.segments.filter(s => s.type !== SegmentType.Close);
+        if (pts.length < 4)
+            return [];
+        // top=0, right=1, bottom=2, left=3
+        const top = pts[0].point;
+        const right = pts[1].point;
+        const bottom = pts[2].point;
+        const left = pts[3].point;
+        const cx = (right.x + left.x) / 2;
+        const cy = (top.y + bottom.y) / 2;
+        const rx = Math.abs(right.x - left.x) / 2;
+        const ry = Math.abs(bottom.y - top.y) / 2;
+        return [
+            { attribute: 'cx', value: cx.toString() },
+            { attribute: 'cy', value: cy.toString() },
+            { attribute: 'rx', value: rx.toString() },
+            { attribute: 'ry', value: ry.toString() },
+        ];
+    }
+}
+//# sourceMappingURL=SvgEllipseGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgEllipseGeometryReader.js.map

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

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgLineGeometryReader.d.ts

@@ -0,0 +1,8 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+export declare class SvgLineGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgLineGeometryReader.js

@@ -0,0 +1,27 @@
+import { SegmentType } from './IGeometry.js';
+export class SvgLineGeometryReader {
+    read(element) {
+        const line = element;
+        const x1 = line.x1.baseVal.value;
+        const y1 = line.y1.baseVal.value;
+        const x2 = line.x2.baseVal.value;
+        const y2 = line.y2.baseVal.value;
+        const segments = [
+            { type: SegmentType.Move, relative: false, point: { x: x1, y: y1 } },
+            { type: SegmentType.Line, relative: false, point: { x: x2, y: y2 } },
+        ];
+        return { segments, closed: false };
+    }
+    serialize(geometry) {
+        const pts = geometry.segments.filter(s => s.type !== SegmentType.Close);
+        if (pts.length < 2)
+            return [];
+        return [
+            { attribute: 'x1', value: pts[0].point.x.toString() },
+            { attribute: 'y1', value: pts[0].point.y.toString() },
+            { attribute: 'x2', value: pts[1].point.x.toString() },
+            { attribute: 'y2', value: pts[1].point.y.toString() },
+        ];
+    }
+}
+//# sourceMappingURL=SvgLineGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgLineGeometryReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgLineGeometryReader.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/extensions/svg/geometry/SvgLineGeometryReader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3F,MAAM,OAAO,qBAAqB;IAEhC,IAAI,CAAC,OAAgB;QACnB,MAAM,IAAI,GAAG,OAAyB,CAAC;QACvC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAEjC,MAAM,QAAQ,GAAuB;YACnC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;YACpE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;SACrE,CAAC;QAEF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,QAAmB;QAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;QACxE,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,EAAE,CAAC;QAC9B,OAAO;YACL,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;YACrD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;YACrD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;YACrD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;SACtD,CAAC;IACJ,CAAC;CACF"}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPathGeometryReader.d.ts

@@ -0,0 +1,9 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+import "../../../../../helper/PathDataPolyfill.js";
+export declare class SvgPathGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPathGeometryReader.js

@@ -0,0 +1,205 @@
+import { SegmentType } from './IGeometry.js';
+import "../../../../../helper/PathDataPolyfill.js";
+import { createPathD } from '../../../../../helper/PathDataPolyfill.js';
+export class SvgPathGeometryReader {
+    read(element) {
+        const pathEl = element;
+        const pathData = pathEl.getPathData({ normalize: false });
+        const segments = [];
+        let lastPos = { x: 0, y: 0 };
+        let firstPos = { x: 0, y: 0 };
+        let closed = false;
+        for (const cmd of pathData) {
+            const rel = cmd.type === cmd.type.toLowerCase();
+            const t = cmd.type.toUpperCase();
+            switch (t) {
+                case 'M': {
+                    const x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    const y = rel ? lastPos.y + cmd.values[1] : cmd.values[1];
+                    segments.push({ type: SegmentType.Move, relative: rel, point: { x, y } });
+                    lastPos = { x, y };
+                    firstPos = { x, y };
+                    break;
+                }
+                case 'L': {
+                    const x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    const y = rel ? lastPos.y + cmd.values[1] : cmd.values[1];
+                    segments.push({ type: SegmentType.Line, relative: rel, point: { x, y } });
+                    lastPos = { x, y };
+                    break;
+                }
+                case 'H': {
+                    const x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    segments.push({ type: SegmentType.HorizontalLine, relative: rel, point: { x, y: lastPos.y } });
+                    lastPos = { x, y: lastPos.y };
+                    break;
+                }
+                case 'V': {
+                    const y = rel ? lastPos.y + cmd.values[0] : cmd.values[0];
+                    segments.push({ type: SegmentType.VerticalLine, relative: rel, point: { x: lastPos.x, y } });
+                    lastPos = { x: lastPos.x, y };
+                    break;
+                }
+                case 'C': {
+                    const cp1x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    const cp1y = rel ? lastPos.y + cmd.values[1] : cmd.values[1];
+                    const cp2x = rel ? lastPos.x + cmd.values[2] : cmd.values[2];
+                    const cp2y = rel ? lastPos.y + cmd.values[3] : cmd.values[3];
+                    const x = rel ? lastPos.x + cmd.values[4] : cmd.values[4];
+                    const y = rel ? lastPos.y + cmd.values[5] : cmd.values[5];
+                    segments.push({
+                        type: SegmentType.CubicBezier, relative: rel,
+                        point: { x, y }, cp1: { x: cp1x, y: cp1y }, cp2: { x: cp2x, y: cp2y }
+                    });
+                    lastPos = { x, y };
+                    break;
+                }
+                case 'S': {
+                    const cp2x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    const cp2y = rel ? lastPos.y + cmd.values[1] : cmd.values[1];
+                    const x = rel ? lastPos.x + cmd.values[2] : cmd.values[2];
+                    const y = rel ? lastPos.y + cmd.values[3] : cmd.values[3];
+                    segments.push({
+                        type: SegmentType.SmoothCubic, relative: rel,
+                        point: { x, y }, cp2: { x: cp2x, y: cp2y }
+                    });
+                    lastPos = { x, y };
+                    break;
+                }
+                case 'Q': {
+                    const cp1x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    const cp1y = rel ? lastPos.y + cmd.values[1] : cmd.values[1];
+                    const x = rel ? lastPos.x + cmd.values[2] : cmd.values[2];
+                    const y = rel ? lastPos.y + cmd.values[3] : cmd.values[3];
+                    segments.push({
+                        type: SegmentType.QuadraticBezier, relative: rel,
+                        point: { x, y }, cp1: { x: cp1x, y: cp1y }
+                    });
+                    lastPos = { x, y };
+                    break;
+                }
+                case 'T': {
+                    const x = rel ? lastPos.x + cmd.values[0] : cmd.values[0];
+                    const y = rel ? lastPos.y + cmd.values[1] : cmd.values[1];
+                    segments.push({ type: SegmentType.SmoothQuadratic, relative: rel, point: { x, y } });
+                    lastPos = { x, y };
+                    break;
+                }
+                case 'A': {
+                    const x = rel ? lastPos.x + cmd.values[5] : cmd.values[5];
+                    const y = rel ? lastPos.y + cmd.values[6] : cmd.values[6];
+                    segments.push({
+                        type: SegmentType.Arc, relative: rel,
+                        point: { x, y },
+                        arc: {
+                            rx: cmd.values[0], ry: cmd.values[1],
+                            rotation: cmd.values[2],
+                            largeArc: cmd.values[3] === 1,
+                            sweep: cmd.values[4] === 1
+                        }
+                    });
+                    lastPos = { x, y };
+                    break;
+                }
+                case 'Z': {
+                    closed = true;
+                    segments.push({ type: SegmentType.Close, relative: rel, point: { ...firstPos } });
+                    lastPos = { ...firstPos };
+                    break;
+                }
+            }
+        }
+        return { segments, closed };
+    }
+    serialize(geometry) {
+        const pathData = [];
+        let lastPos = { x: 0, y: 0 };
+        for (const seg of geometry.segments) {
+            const rel = seg.relative;
+            switch (seg.type) {
+                case SegmentType.Move: {
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 'm' : 'M', values: [x, y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.Line: {
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 'l' : 'L', values: [x, y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.HorizontalLine: {
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    pathData.push({ type: rel ? 'h' : 'H', values: [x] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.VerticalLine: {
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 'v' : 'V', values: [y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.CubicBezier: {
+                    const cp1x = rel ? seg.cp1.x - lastPos.x : seg.cp1.x;
+                    const cp1y = rel ? seg.cp1.y - lastPos.y : seg.cp1.y;
+                    const cp2x = rel ? seg.cp2.x - lastPos.x : seg.cp2.x;
+                    const cp2y = rel ? seg.cp2.y - lastPos.y : seg.cp2.y;
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 'c' : 'C', values: [cp1x, cp1y, cp2x, cp2y, x, y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.SmoothCubic: {
+                    const cp2x = rel ? seg.cp2.x - lastPos.x : seg.cp2.x;
+                    const cp2y = rel ? seg.cp2.y - lastPos.y : seg.cp2.y;
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 's' : 'S', values: [cp2x, cp2y, x, y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.QuadraticBezier: {
+                    const cp1x = rel ? seg.cp1.x - lastPos.x : seg.cp1.x;
+                    const cp1y = rel ? seg.cp1.y - lastPos.y : seg.cp1.y;
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 'q' : 'Q', values: [cp1x, cp1y, x, y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.SmoothQuadratic: {
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({ type: rel ? 't' : 'T', values: [x, y] });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.Arc: {
+                    const x = rel ? seg.point.x - lastPos.x : seg.point.x;
+                    const y = rel ? seg.point.y - lastPos.y : seg.point.y;
+                    pathData.push({
+                        type: rel ? 'a' : 'A',
+                        values: [
+                            seg.arc.rx, seg.arc.ry, seg.arc.rotation,
+                            seg.arc.largeArc ? 1 : 0, seg.arc.sweep ? 1 : 0,
+                            x, y
+                        ]
+                    });
+                    lastPos = { ...seg.point };
+                    break;
+                }
+                case SegmentType.Close: {
+                    pathData.push({ type: rel ? 'z' : 'Z', values: [] });
+                    break;
+                }
+            }
+        }
+        return [{ attribute: 'd', value: createPathD(pathData) }];
+    }
+}
+//# sourceMappingURL=SvgPathGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPathGeometryReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgPathGeometryReader.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/extensions/svg/geometry/SvgPathGeometryReader.ts"],"names":[],"mappings":"AACA,OAAO,EAAgD,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC3F,OAAO,2CAA2C,CAAC;AACnD,OAAO,EAAY,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAElF,MAAM,OAAO,qBAAqB;IAEhC,IAAI,CAAC,OAAgB;QACnB,MAAM,MAAM,GAAG,OAAyB,CAAC;QACzC,MAAM,QAAQ,GAAe,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QACtE,MAAM,QAAQ,GAAuB,EAAE,CAAC;QACxC,IAAI,OAAO,GAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACrC,IAAI,QAAQ,GAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QACtC,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC3B,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAChD,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAEjC,QAAQ,CAAC,EAAE,CAAC;gBACV,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;oBAC1E,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACpB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;oBAC1E,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;oBAC/F,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;oBAC9B,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;oBAC7F,OAAO,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC9B,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC;wBACZ,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,QAAQ,EAAE,GAAG;wBAC5C,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;qBACtE,CAAC,CAAC;oBACH,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC;wBACZ,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,QAAQ,EAAE,GAAG;wBAC5C,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;qBAC3C,CAAC,CAAC;oBACH,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC7D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC;wBACZ,IAAI,EAAE,WAAW,CAAC,eAAe,EAAE,QAAQ,EAAE,GAAG;wBAChD,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;qBAC3C,CAAC,CAAC;oBACH,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,eAAe,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;oBACrF,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC1D,QAAQ,CAAC,IAAI,CAAC;wBACZ,IAAI,EAAE,WAAW,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG;wBACpC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;wBACf,GAAG,EAAE;4BACH,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;4BACpC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;4BACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;4BAC7B,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;yBAC3B;qBACF,CAAC,CAAC;oBACH,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;oBACnB,MAAM;gBACR,CAAC;gBACD,KAAK,GAAG,CAAC,CAAC,CAAC;oBACT,MAAM,GAAG,IAAI,CAAC;oBACd,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,QAAQ,EAAE,EAAE,CAAC,CAAC;oBAClF,OAAO,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;oBAC1B,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAC9B,CAAC;IAED,SAAS,CAAC,QAAmB;QAC3B,MAAM,QAAQ,GAAe,EAAE,CAAC;QAChC,IAAI,OAAO,GAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAErC,KAAK,MAAM,GAAG,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACpC,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC;YAEzB,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;gBACjB,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;oBACtB,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAS,CAAC,CAAC;oBAChE,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;oBACtB,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAS,CAAC,CAAC;oBAChE,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;oBAChC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAS,CAAC,CAAC;oBAC7D,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;oBAC9B,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAS,CAAC,CAAC;oBAC7D,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;oBAC7B,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAS,CAAC,CAAC;oBACxF,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;oBAC7B,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAS,CAAC,CAAC;oBAC5E,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;oBACjC,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAS,CAAC,CAAC;oBAC5E,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;oBACjC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAS,CAAC,CAAC;oBAChE,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;oBACrB,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;oBACtD,QAAQ,CAAC,IAAI,CAAC;wBACZ,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;wBACrB,MAAM,EAAE;4BACN,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,QAAQ;4BACxC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;4BAC/C,CAAC,EAAE,CAAC;yBACL;qBACK,CAAC,CAAC;oBACV,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM;gBACR,CAAC;gBACD,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;oBACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAS,CAAC,CAAC;oBAC5D,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC5D,CAAC;CACF"}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPolygonGeometryReader.d.ts

@@ -0,0 +1,8 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+export declare class SvgPolygonGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPolygonGeometryReader.js

@@ -0,0 +1,27 @@
+import { SegmentType } from './IGeometry.js';
+export class SvgPolygonGeometryReader {
+    read(element) {
+        const poly = element;
+        const points = poly.points;
+        const segments = [];
+        for (let i = 0; i < points.numberOfItems; i++) {
+            const pt = points.getItem(i);
+            if (i === 0) {
+                segments.push({ type: SegmentType.Move, relative: false, point: { x: pt.x, y: pt.y } });
+            }
+            else {
+                segments.push({ type: SegmentType.Line, relative: false, point: { x: pt.x, y: pt.y } });
+            }
+        }
+        if (segments.length > 0) {
+            segments.push({ type: SegmentType.Close, relative: false, point: { ...segments[0].point } });
+        }
+        return { segments, closed: true };
+    }
+    serialize(geometry) {
+        const pts = geometry.segments.filter(s => s.type !== SegmentType.Close);
+        const pointsStr = pts.map(s => `${s.point.x},${s.point.y}`).join(' ');
+        return [{ attribute: 'points', value: pointsStr }];
+    }
+}
+//# sourceMappingURL=SvgPolygonGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPolygonGeometryReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgPolygonGeometryReader.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/extensions/svg/geometry/SvgPolygonGeometryReader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3F,MAAM,OAAO,wBAAwB;IAEnC,IAAI,CAAC,OAAgB;QACnB,MAAM,IAAI,GAAG,OAA4B,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,QAAQ,GAAuB,EAAE,CAAC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1F,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1F,CAAC;QACH,CAAC;QAED,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/F,CAAC;QAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACpC,CAAC;IAED,SAAS,CAAC,QAAmB;QAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;QACxE,MAAM,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtE,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACrD,CAAC;CACF"}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPolylineGeometryReader.d.ts

@@ -0,0 +1,8 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+export declare class SvgPolylineGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPolylineGeometryReader.js

@@ -0,0 +1,24 @@
+import { SegmentType } from './IGeometry.js';
+export class SvgPolylineGeometryReader {
+    read(element) {
+        const poly = element;
+        const points = poly.points;
+        const segments = [];
+        for (let i = 0; i < points.numberOfItems; i++) {
+            const pt = points.getItem(i);
+            if (i === 0) {
+                segments.push({ type: SegmentType.Move, relative: false, point: { x: pt.x, y: pt.y } });
+            }
+            else {
+                segments.push({ type: SegmentType.Line, relative: false, point: { x: pt.x, y: pt.y } });
+            }
+        }
+        return { segments, closed: false };
+    }
+    serialize(geometry) {
+        const pts = geometry.segments.filter(s => s.type !== SegmentType.Close);
+        const pointsStr = pts.map(s => `${s.point.x},${s.point.y}`).join(' ');
+        return [{ attribute: 'points', value: pointsStr }];
+    }
+}
+//# sourceMappingURL=SvgPolylineGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgPolylineGeometryReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgPolylineGeometryReader.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/extensions/svg/geometry/SvgPolylineGeometryReader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3F,MAAM,OAAO,yBAAyB;IAEpC,IAAI,CAAC,OAAgB;QACnB,MAAM,IAAI,GAAG,OAA6B,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,QAAQ,GAAuB,EAAE,CAAC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1F,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1F,CAAC;QACH,CAAC;QAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,QAAmB;QAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;QACxE,MAAM,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtE,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACrD,CAAC;CACF"}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgRectGeometryReader.d.ts

@@ -0,0 +1,8 @@
+import { IGeometry, IGeometryReader } from './IGeometry.js';
+export declare class SvgRectGeometryReader implements IGeometryReader {
+    read(element: Element): IGeometry;
+    serialize(geometry: IGeometry): {
+        attribute: string;
+        value: string;
+    }[];
+}

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgRectGeometryReader.js

@@ -0,0 +1,36 @@
+import { SegmentType } from './IGeometry.js';
+export class SvgRectGeometryReader {
+    read(element) {
+        const rect = element;
+        const x = rect.x.baseVal.value;
+        const y = rect.y.baseVal.value;
+        const w = rect.width.baseVal.value;
+        const h = rect.height.baseVal.value;
+        const segments = [
+            { type: SegmentType.Move, relative: false, point: { x, y } },
+            { type: SegmentType.Line, relative: false, point: { x: x + w, y } },
+            { type: SegmentType.Line, relative: false, point: { x: x + w, y: y + h } },
+            { type: SegmentType.Line, relative: false, point: { x, y: y + h } },
+            { type: SegmentType.Close, relative: false, point: { x, y } },
+        ];
+        return { segments, closed: true };
+    }
+    serialize(geometry) {
+        const pts = geometry.segments.filter(s => s.type !== SegmentType.Close);
+        if (pts.length < 2)
+            return [];
+        const xs = pts.map(p => p.point.x);
+        const ys = pts.map(p => p.point.y);
+        const minX = Math.min(...xs);
+        const minY = Math.min(...ys);
+        const maxX = Math.max(...xs);
+        const maxY = Math.max(...ys);
+        return [
+            { attribute: 'x', value: minX.toString() },
+            { attribute: 'y', value: minY.toString() },
+            { attribute: 'width', value: (maxX - minX).toString() },
+            { attribute: 'height', value: (maxY - minY).toString() },
+        ];
+    }
+}
+//# sourceMappingURL=SvgRectGeometryReader.js.map

package/dist/elements/widgets/designerView/extensions/svg/geometry/SvgRectGeometryReader.js.map

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