@node-projects/web-component-designer 0.2.18 → 0.2.19

package/dist/elements/services/selectionService/SelectionService.js

@@ -19,18 +19,23 @@ function findDesignItem(designItem, position) {
 export class SelectionService {
     primarySelection;
     selectedElements = [];
+    selectedPart;
     _designerCanvas;
     _undoSelectionChanges;
     constructor(designerCanvas, undoSelectionChanges) {
         this._designerCanvas = designerCanvas;
         this._undoSelectionChanges = undoSelectionChanges;
     }
-    setSelectedElements(designItems, event) {
+    setSelectedElements(designItems, event, selectedPart) {
+        this._setSelectedElements(designItems, event, selectedPart);
+    }
+    _setSelectedElements(designItems, event, selectedPart) {
         if (designItems === null || designItems.length === 0)
             designItems = [this._designerCanvas.rootDesignItem];
         if (this.selectedElements != designItems && !(this.selectedElements.length === 0 && (designItems == null || designItems.length === 0))) {
             if (this.selectedElements?.length === 1 && designItems?.length === 1 && designItems[0] === this.selectedElements[0]) {
-                this.onSelectionRefresh.emit({ selectedElements: this.selectedElements, event });
+                this._setSelectedPart(selectedPart);
+                this.onSelectionRefresh.emit({ selectedElements: this.selectedElements, selectedPart: this.selectedPart, event });
                 return;
             }
             if (this._undoSelectionChanges) {
@@ -38,22 +43,38 @@ export class SelectionService {
                 this._designerCanvas.instanceServiceContainer.undoService.execute(action);
             }
             else {
-                this._withoutUndoSetSelectedElements(designItems, event);
+                this._withoutUndoSetSelectedElements(designItems, event, selectedPart);
             }
         }
     }
+    setSelectedPart(sourcePart, event) {
+        if (this._setSelectedPart(sourcePart))
+            this.onSelectionRefresh.emit({ selectedElements: this.selectedElements, selectedPart: this.selectedPart, event });
+    }
+    _setSelectedPart(sourcePart) {
+        const oldSelectedPart = this.selectedPart;
+        if (oldSelectedPart === sourcePart || (oldSelectedPart?.designItem === sourcePart?.designItem && oldSelectedPart?.key === sourcePart?.key))
+            return false;
+        this.selectedPart = sourcePart;
+        return true;
+    }
     setSelectionByTextRange(positionStart, positionEnd) {
+        const sourcePart = this._designerCanvas.instanceServiceContainer.designItemDocumentPositionService?.getSourcePartAt(positionStart);
         const item = findDesignItem(this._designerCanvas.rootDesignItem, positionStart);
         if (item) {
             if (this.selectedElements.length != 1 || this.primarySelection != item)
-                this.setSelectedElements([item]);
+                this._setSelectedElements([item], undefined, sourcePart);
+            else
+                this.setSelectedPart(sourcePart);
         }
     }
-    _withoutUndoSetSelectedElements(designItems, event) {
+    _withoutUndoSetSelectedElements(designItems, event, selectedPart) {
         let oldSelectedElements = this.selectedElements;
+        let oldSelectedPart = this.selectedPart;
         if (!designItems) {
             this.selectedElements = [];
             this.primarySelection = null;
+            this.selectedPart = null;
         }
         else {
             let newSelection = [];
@@ -66,8 +87,9 @@ export class SelectionService {
                 this.primarySelection = newSelection[0];
             else
                 this.primarySelection = null;
+            this.selectedPart = selectedPart?.designItem === this.primarySelection ? selectedPart : null;
         }
-        this.onSelectionChanged.emit({ selectedElements: this.selectedElements, oldSelectedElements: oldSelectedElements, event });
+        this.onSelectionChanged.emit({ selectedElements: this.selectedElements, oldSelectedElements: oldSelectedElements, selectedPart: this.selectedPart, oldSelectedPart, event });
     }
     clearSelectedElements() {
         this.setSelectedElements([]);

package/dist/elements/services/selectionService/SelectionService.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionService.js","sourceRoot":"","sources":["../../../../src/elements/services/selectionService/SelectionService.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectionService.js","sourceRoot":"","sources":["../../../../src/elements/services/selectionService/SelectionService.ts"],"names":[],"mappings":"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"}

package/dist/elements/services/sourceMapService/ISourceMapProvider.d.ts

@@ -0,0 +1,15 @@
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IStringPosition } from '../htmlWriterService/IStringPosition.js';
+import { ISourcePart } from './ISourcePart.js';
+export type SourceMapContextKind = 'attribute' | 'style-declaration' | 'text-node';
+export interface ISourceMapContext {
+    designItem: IDesignItem;
+    sourceKind: SourceMapContextKind;
+    name?: string;
+    value: string;
+    valueTextRange: IStringPosition;
+}
+export interface ISourceMapProvider {
+    canMap(context: ISourceMapContext): boolean;
+    map(context: ISourceMapContext): ISourcePart[];
+}

package/dist/elements/services/sourceMapService/ISourceMapProvider.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ISourceMapProvider.js.map

package/dist/elements/services/sourceMapService/ISourceMapProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISourceMapProvider.js","sourceRoot":"","sources":["../../../../src/elements/services/sourceMapService/ISourceMapProvider.ts"],"names":[],"mappings":""}

package/dist/elements/services/sourceMapService/ISourcePart.d.ts

@@ -0,0 +1,16 @@
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IStringPosition } from '../htmlWriterService/IStringPosition.js';
+export type SourcePartKind = 'attribute' | 'attribute-value' | 'style-declaration' | 'style-value' | 'svg-path-handle' | string;
+export interface ISourcePart<TData = unknown> {
+    designItem: IDesignItem;
+    kind: SourcePartKind;
+    key: string;
+    name?: string;
+    textRange: IStringPosition;
+    data?: TData;
+}
+export interface ISvgPathHandleSourcePartData {
+    attribute: 'd';
+    segmentIndex: number;
+    handleType: 'anchor' | 'cp1' | 'cp2';
+}

package/dist/elements/services/sourceMapService/ISourcePart.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ISourcePart.js.map

package/dist/elements/services/sourceMapService/ISourcePart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISourcePart.js","sourceRoot":"","sources":["../../../../src/elements/services/sourceMapService/ISourcePart.ts"],"names":[],"mappings":""}

package/dist/elements/services/sourceMapService/SvgPathDataSourceMap.d.ts

@@ -0,0 +1,8 @@
+export type SvgPathHandleType = 'anchor' | 'cp1' | 'cp2';
+export interface ISvgPathHandleRange {
+    segmentIndex: number;
+    handleType: SvgPathHandleType;
+    start: number;
+    length: number;
+}
+export declare function parseSvgPathDataSourceMap(value: string): ISvgPathHandleRange[];

package/dist/elements/services/sourceMapService/SvgPathDataSourceMap.js

@@ -0,0 +1,120 @@
+const parameterCount = {
+    M: 2,
+    L: 2,
+    H: 1,
+    V: 1,
+    C: 6,
+    S: 4,
+    Q: 4,
+    T: 2,
+    A: 7,
+    Z: 0,
+};
+function isCommandToken(token) {
+    return 'command' in token;
+}
+function isNumberToken(token) {
+    return 'value' in token;
+}
+function tokenizePathData(value) {
+    const tokens = [];
+    const tokenRegex = /[AaCcHhLlMmQqSsTtVvZz]|[-+]?(?:(?:\d*\.\d+)|(?:\d+\.?))(?:[eE][-+]?\d+)?/g;
+    let match;
+    while ((match = tokenRegex.exec(value))) {
+        const token = match[0];
+        if (/^[AaCcHhLlMmQqSsTtVvZz]$/.test(token))
+            tokens.push({ command: token, start: match.index, end: match.index + token.length });
+        else
+            tokens.push({ value: Number(token), start: match.index, end: match.index + token.length });
+    }
+    return tokens;
+}
+function getRange(numbers, indexes) {
+    const selected = indexes.map(index => numbers[index]).filter(x => x);
+    const start = Math.min(...selected.map(x => x.start));
+    const end = Math.max(...selected.map(x => x.end));
+    return { start, length: end - start };
+}
+function addHandleRange(ranges, segmentIndex, handleType, numbers, indexes) {
+    const range = getRange(numbers, indexes);
+    ranges.push({ segmentIndex, handleType, start: range.start, length: range.length });
+}
+function addSegmentRanges(ranges, command, segmentIndex, numbers) {
+    switch (command.toUpperCase()) {
+        case 'M':
+        case 'L':
+        case 'T':
+            addHandleRange(ranges, segmentIndex, 'anchor', numbers, [0, 1]);
+            break;
+        case 'H':
+        case 'V':
+            addHandleRange(ranges, segmentIndex, 'anchor', numbers, [0]);
+            break;
+        case 'C':
+            addHandleRange(ranges, segmentIndex, 'cp1', numbers, [0, 1]);
+            addHandleRange(ranges, segmentIndex, 'cp2', numbers, [2, 3]);
+            addHandleRange(ranges, segmentIndex, 'anchor', numbers, [4, 5]);
+            break;
+        case 'S':
+            addHandleRange(ranges, segmentIndex, 'cp2', numbers, [0, 1]);
+            addHandleRange(ranges, segmentIndex, 'anchor', numbers, [2, 3]);
+            break;
+        case 'Q':
+            addHandleRange(ranges, segmentIndex, 'cp1', numbers, [0, 1]);
+            addHandleRange(ranges, segmentIndex, 'anchor', numbers, [2, 3]);
+            break;
+        case 'A':
+            addHandleRange(ranges, segmentIndex, 'anchor', numbers, [5, 6]);
+            break;
+    }
+}
+export function parseSvgPathDataSourceMap(value) {
+    const tokens = tokenizePathData(value);
+    const ranges = [];
+    let index = 0;
+    let command = null;
+    let segmentIndex = 0;
+    while (index < tokens.length) {
+        const token = tokens[index];
+        if (isCommandToken(token)) {
+            command = token.command;
+            index++;
+            if (command.toUpperCase() === 'Z') {
+                segmentIndex++;
+                continue;
+            }
+        }
+        else if (!command) {
+            index++;
+            continue;
+        }
+        let effectiveCommand = command;
+        let parameters = parameterCount[effectiveCommand.toUpperCase()];
+        if (parameters == null || parameters === 0)
+            continue;
+        let firstMoveSegment = effectiveCommand.toUpperCase() === 'M';
+        while (index < tokens.length && !isCommandToken(tokens[index])) {
+            if (firstMoveSegment) {
+                effectiveCommand = command;
+                firstMoveSegment = false;
+            }
+            else if (command.toUpperCase() === 'M') {
+                effectiveCommand = command === command.toLowerCase() ? 'l' : 'L';
+            }
+            parameters = parameterCount[effectiveCommand.toUpperCase()];
+            const numbers = [];
+            for (let parameterIndex = 0; parameterIndex < parameters && index < tokens.length; parameterIndex++, index++) {
+                const numberToken = tokens[index];
+                if (!isNumberToken(numberToken))
+                    break;
+                numbers.push(numberToken);
+            }
+            if (numbers.length !== parameters)
+                break;
+            addSegmentRanges(ranges, effectiveCommand, segmentIndex, numbers);
+            segmentIndex++;
+        }
+    }
+    return ranges;
+}
+//# sourceMappingURL=SvgPathDataSourceMap.js.map

package/dist/elements/services/sourceMapService/SvgPathDataSourceMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgPathDataSourceMap.js","sourceRoot":"","sources":["../../../../src/elements/services/sourceMapService/SvgPathDataSourceMap.ts"],"names":[],"mappings":"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"}

package/dist/elements/services/sourceMapService/SvgPathSourceMapProvider.d.ts

@@ -0,0 +1,7 @@
+import { ISourceMapContext, ISourceMapProvider } from './ISourceMapProvider.js';
+import { ISourcePart, ISvgPathHandleSourcePartData } from './ISourcePart.js';
+export declare function createSvgPathHandleSourcePartKey(segmentIndex: number, handleType: ISvgPathHandleSourcePartData['handleType']): string;
+export declare class SvgPathSourceMapProvider implements ISourceMapProvider {
+    canMap(context: ISourceMapContext): boolean;
+    map(context: ISourceMapContext): ISourcePart<ISvgPathHandleSourcePartData>[];
+}

package/dist/elements/services/sourceMapService/SvgPathSourceMapProvider.js

@@ -0,0 +1,29 @@
+import { parseSvgPathDataSourceMap } from './SvgPathDataSourceMap.js';
+export function createSvgPathHandleSourcePartKey(segmentIndex, handleType) {
+    return `attribute:d/svg-path/segment:${segmentIndex}/handle:${handleType}`;
+}
+export class SvgPathSourceMapProvider {
+    canMap(context) {
+        return context.sourceKind === 'attribute'
+            && context.name === 'd'
+            && context.designItem.element instanceof context.designItem.window.SVGPathElement;
+    }
+    map(context) {
+        return parseSvgPathDataSourceMap(context.value).map(handleRange => ({
+            designItem: context.designItem,
+            kind: 'svg-path-handle',
+            key: createSvgPathHandleSourcePartKey(handleRange.segmentIndex, handleRange.handleType),
+            name: 'd',
+            textRange: {
+                start: context.valueTextRange.start + handleRange.start,
+                length: handleRange.length
+            },
+            data: {
+                attribute: 'd',
+                segmentIndex: handleRange.segmentIndex,
+                handleType: handleRange.handleType
+            }
+        }));
+    }
+}
+//# sourceMappingURL=SvgPathSourceMapProvider.js.map

package/dist/elements/services/sourceMapService/SvgPathSourceMapProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgPathSourceMapProvider.js","sourceRoot":"","sources":["../../../../src/elements/services/sourceMapService/SvgPathSourceMapProvider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,UAAU,gCAAgC,CAAC,YAAoB,EAAE,UAAsD;IAC3H,OAAO,gCAAgC,YAAY,WAAW,UAAU,EAAE,CAAC;AAC7E,CAAC;AAED,MAAM,OAAO,wBAAwB;IACnC,MAAM,CAAC,OAA0B;QAC/B,OAAO,OAAO,CAAC,UAAU,KAAK,WAAW;eACpC,OAAO,CAAC,IAAI,KAAK,GAAG;eACpB,OAAO,CAAC,UAAU,CAAC,OAAO,YAAY,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC;IACtF,CAAC;IAED,GAAG,CAAC,OAA0B;QAC5B,OAAO,yBAAyB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAClE,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,IAAI,EAAE,iBAAiB;YACvB,GAAG,EAAE,gCAAgC,CAAC,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC;YACvF,IAAI,EAAE,GAAG;YACT,SAAS,EAAE;gBACT,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;gBACvD,MAAM,EAAE,WAAW,CAAC,MAAM;aAC3B;YACD,IAAI,EAAE;gBACJ,SAAS,EAAE,GAAG;gBACd,YAAY,EAAE,WAAW,CAAC,YAAY;gBACtC,UAAU,EAAE,WAAW,CAAC,UAAU;aACnC;SACF,CAAC,CAAC,CAAC;IACN,CAAC;CACF"}

package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.d.ts

@@ -25,6 +25,7 @@ export declare class UnifiedGeometryExtension extends AbstractExtension {
     private _getOverlayStructureSignature;
     private _hasOverlayStructureMismatch;
     private _getRefreshValues;
+    private _getSelectedHandleRefreshKey;
     /** Convert an SVG user-space coordinate to overlay (canvas) coordinates. */
     private _toOverlay;
     /** Convert overlay (canvas) coordinates back to SVG user-space. */
@@ -35,6 +36,9 @@ export declare class UnifiedGeometryExtension extends AbstractExtension {
     private _drawAnchorCircle;
     private _drawControlCircle;
     private _onPointerDown;
+    private _selectSourcePart;
+    private _getSourcePart;
+    private _isSelectedHandle;
     private _onPointerMove;
     private _dragSingleHandle;
     private _dragRectCorner;

package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.js

@@ -6,6 +6,7 @@ import { SegmentType } from './geometry/IGeometry.js';
 import { getGeometryReader } from './geometry/GeometryReaderFactory.js';
 import { applyGeometryWritesToDesignItem, applyGeometryWritesToElement } from './geometry/GeometryWriteHelper.js';
 import { fromOverlayPointToSvgUserSpace, toOverlayPointFromSvgUserSpace } from '../../../../helper/SvgHelper.js';
+import { createSvgPathHandleSourcePartKey } from '../../../../services/sourceMapService/SvgPathSourceMapProvider.js';
 export class UnifiedGeometryExtension extends AbstractExtension {
     _geometry = null;
     _reader;
@@ -100,7 +101,8 @@ export class UnifiedGeometryExtension extends AbstractExtension {
         const values = [
             this.designerCanvas.zoomFactor,
             this.designerCanvas.scaleFactor,
-            this._overlayStructureSignature ?? ''
+            this._overlayStructureSignature ?? '',
+            this._getSelectedHandleRefreshKey()
         ];
         if (transformedBoxQuad) {
             values.push(transformedBoxQuad.p1.x, transformedBoxQuad.p1.y, transformedBoxQuad.p2.x, transformedBoxQuad.p2.y, transformedBoxQuad.p3.x, transformedBoxQuad.p3.y, transformedBoxQuad.p4.x, transformedBoxQuad.p4.y);
@@ -122,6 +124,14 @@ export class UnifiedGeometryExtension extends AbstractExtension {
         }
         return values;
     }
+    _getSelectedHandleRefreshKey() {
+        const selectedPart = this.extendedItem.instanceServiceContainer.selectionService.selectedPart;
+        const data = selectedPart?.data;
+        if (selectedPart?.designItem !== this.extendedItem || selectedPart.kind !== 'svg-path-handle') {
+            return 'selected:none';
+        }
+        return `selected:${data?.segmentIndex}:${data?.handleType}`;
+    }
     /** Convert an SVG user-space coordinate to overlay (canvas) coordinates. */
     _toOverlay(p) {
         return toOverlayPointFromSvgUserSpace(this.extendedItem.element, this.designerCanvas, p);
@@ -179,6 +189,7 @@ export class UnifiedGeometryExtension extends AbstractExtension {
         for (const [key, circle] of this._overlayCircles) {
             circle.setAttribute('r', (key.startsWith('anchor-') ? anchorRadius : controlRadius).toString());
             circle.style.strokeWidth = strokeWidth;
+            circle.classList.toggle('svg-path-selected-part', this._isSelectedHandle(key));
         }
         for (const line of this._overlayLines) {
             line.style.strokeDasharray = dashArray;
@@ -224,6 +235,7 @@ export class UnifiedGeometryExtension extends AbstractExtension {
     _onPointerDown(event, circle, segIndex, handleType) {
         event.stopPropagation();
         event.preventDefault();
+        this._selectSourcePart(segIndex, handleType, event);
         event.target.setPointerCapture(event.pointerId);
         const cursorPos = this.designerCanvas.getNormalizedEventCoordinates(event);
         if (!this._geometry)
@@ -251,8 +263,32 @@ export class UnifiedGeometryExtension extends AbstractExtension {
             originalPoint,
             originalSegments,
             startScrollOffset: this.designerCanvas.canvasOffset,
+            geometryChanged: false,
         };
     }
+    _selectSourcePart(segIndex, handleType, event) {
+        const selectionService = this.extendedItem.instanceServiceContainer.selectionService;
+        const sourcePart = this._getSourcePart(segIndex, handleType);
+        if (selectionService.primarySelection !== this.extendedItem)
+            selectionService.setSelectedElements([this.extendedItem], event, sourcePart);
+        else if (sourcePart)
+            selectionService.setSelectedPart(sourcePart, event);
+    }
+    _getSourcePart(segIndex, handleType) {
+        const key = createSvgPathHandleSourcePartKey(segIndex, handleType);
+        return this.extendedItem.instanceServiceContainer.designItemDocumentPositionService
+            ?.getSourceParts(this.extendedItem)
+            .find(x => x.key === key);
+    }
+    _isSelectedHandle(circleKey) {
+        const [handleType, segmentIndexText] = circleKey.split('-');
+        const selectedPart = this.extendedItem.instanceServiceContainer.selectionService.selectedPart;
+        const data = selectedPart?.data;
+        return selectedPart?.designItem === this.extendedItem
+            && selectedPart.kind === 'svg-path-handle'
+            && data?.segmentIndex === Number(segmentIndexText)
+            && data?.handleType === handleType;
+    }
     _onPointerMove(event, circle, segIndex, handleType) {
         event.stopPropagation();
         event.preventDefault();
@@ -263,6 +299,8 @@ export class UnifiedGeometryExtension extends AbstractExtension {
         const cursorPos = this.designerCanvas.getNormalizedEventCoordinates(event);
         let dx = cursorPos.x - this._dragState.startCursorPos.x;
         let dy = cursorPos.y - this._dragState.startCursorPos.y;
+        if (dx === 0 && dy === 0)
+            return;
         // Shift key: constrain to axis
         if (event.shiftKey) {
             if (Math.abs(dx) >= Math.abs(dy)) {
@@ -272,6 +310,8 @@ export class UnifiedGeometryExtension extends AbstractExtension {
                 dx = 0;
             }
         }
+        if (dx === 0 && dy === 0)
+            return;
         // Alt key + anchor drag: move entire shape
         if (event.altKey && handleType === 'anchor' && this._options.allowShapeDrag !== false) {
             this._dragWholeShape(dx, dy);
@@ -279,6 +319,7 @@ export class UnifiedGeometryExtension extends AbstractExtension {
         else {
             this._dragSingleHandle(segIndex, handleType, dx, dy);
         }
+        this._dragState.geometryChanged = true;
         // Update geometry model
         this._applyGeometryToElement();
         // Update overlay positions in-place (no recreate to preserve pointer capture)
@@ -572,11 +613,11 @@ export class UnifiedGeometryExtension extends AbstractExtension {
     _onPointerUp(event, segIndex) {
         event.stopPropagation();
         event.target.releasePointerCapture(event.pointerId);
-        if (this._dragState && this._geometry) {
+        if (this._dragState?.geometryChanged && this._geometry) {
             // Commit via designItem for undo support (follows PathExtension pattern)
             this._commitGeometryChange();
-            this._dragState = null;
         }
+        this._dragState = null;
     }
     // -- Geometry manipulation --
     /** Set attributes directly on the DOM element for live visual feedback during drag */