@node-projects/web-component-designer 0.2.30 → 0.2.32

package/dist/elements/widgets/designerView/designerView.js

@@ -49,38 +49,92 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
       touch-action: none;
     }
     #lowertoolbar {
-      height: 16px;
-      background: #787f82;
+      height: var(--wcd-designer-view-statusbar-height, 28px);
+      box-sizing: border-box;
+      background: var(--wcd-designer-view-statusbar-background, #787f82);
+      color: var(--wcd-designer-view-statusbar-color, #354348);
       display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 12px;
+      overflow-x: auto;
+      scrollbar-width: none;
+      padding: 2px 6px;
       bottom: 0;
       position: absolute;
-      font-size: 12px;
       width: 100%;
     }
-    input {
-      width: 40px;
-      height: 16px;
-      padding: 0;
-      border: 0;
-      font-size: 12px;
+    #zoomInput {
+      flex: 0 0 52px;
+      box-sizing: border-box;
+      width: 52px;
+      height: 24px;
+      padding: 0 4px;
+      border: 1px solid transparent;
+      border-radius: 4px;
+      background: transparent;
+      color: inherit;
+      font-family: inherit;
+      font-size: 11px;
       text-align: center;
-      margin-right: 1px;
     }
     .toolbar-control {
-      min-width: 16px;
-      height: 16px;
-      display: block;
-      margin-right: 1px;
-      cursor: default;
+      box-sizing: border-box;
+      font: inherit;
+      flex: 0 0 24px;
+      width: 24px;
+      height: 24px;
+      padding: 4px;
+      border: 0;
+      border-radius: 4px;
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
       display: flex;
       justify-content: center;
       align-items: center;
+    }
+    .toolbar-control-input {
+      flex-basis: 52px;
+      width: 52px;
+      padding: 0;
+    }
+    .toolbar-control-input input {
+      box-sizing: border-box;
+      width: 100%;
+      min-width: 0;
+      height: 24px;
+      padding: 0 4px;
+      border: 1px solid var(--wcd-color-border, #596c7a);
+      border-radius: 4px;
+      font: inherit;
+      color: inherit;
+      background: var(--wcd-input-background-color, white);
+    }
+    .toolbar-control svg {
+      width: 16px;
+      height: 16px;
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 1.6;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      pointer-events: none;
+    }
+    #zoomInput:focus-visible, .toolbar-control:focus-visible, .toolbar-control-input input:focus-visible {
+      outline: 2px solid var(--wcd-color-focus, #47977c);
+      outline-offset: -2px;
+    }
+    .toolbar-separator {
+      height: 14px;
+      margin: 0 2px;
+      border-left: 1px solid var(--wcd-color-border, #596c7a);
     }
     .selected {
-      background-color: deepskyblue;
+      background-color: var(--wcd-designer-view-tool-selected-background, deepskyblue);
     }
     .toolbar-control:hover {
-      background-color:rgba(164,206,249,.6);
+      background-color: var(--wcd-designer-view-tool-hover-background, rgba(164,206,249,.6));
     }
     #outer {
       user-select: none;
@@ -92,39 +146,26 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
     #canvas {
       left: 24px;
       width: calc(100% - 24px - 16px);
-      height: calc(100% - 32px);
+      height: calc(100% - var(--wcd-designer-view-statusbar-height, 28px) - 16px);
     }
 
     #tool-bar {
       width: 24px;
-      height: calc(100% - 32px);
+      height: calc(100% - var(--wcd-designer-view-statusbar-height, 28px) - 16px);
       position: absolute;
-      background-color: lightgray;      
+      background-color: var(--wcd-designer-view-toolbar-background, lightgray);      
     }
   
-    .zoom-in {
-      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNqkU11o01AUTtI06U/6tzHWbnNVS+k67FAG/gwfZEOcCrpNEBwEH2Q+Otqxh+5VEaHYV18UwQd9sk4Q+6CUKogbtSoM10qftJS2iGuT/iRpshvvDZu4DHHggY+TnHu+795zz7m4qqrYxfA6pjerlcHMZvMQQRCL8Hccoh+iBJECAMQEQci3Wk2MxP5iqgqmJUmIB3xkdTRoKgQG6Wr1JxBX1oTQx3UxCdcjMO2ZJiCK4g4y3HUIACV+bsL5dSRAWfwe636z0WBzWEFzn5vku5xyIZGsx2UF5AhEaDYbO8Dz3KLPi1X9B2iTy0pRiDx5/Z2bJgmGwDH8WMhuDxzEf6A8TYDneT3GR4JMzcVQThNlcCtANaM48pICutodxXTkkI1HeVslSPor6B/wWL7B3Z1n2KR3O3h05rkDOkd2eYoSxM025PVrAgAQeoFSuSLI3Q66jpJNRsIWPLvM5JJTTUkGGsqVtgJ5JU3AaLTqBVKZT9xh7yDT2Gh05G4bNQBzGETkBbkMVAxbzdadMJbSBDzCHXgKgKGZQJCp0IP32dnEaKhd6nOZAay7mXk6UUGeIHDDh88NKb0qumjaHiN391/1GjtrJ6ZPSb33H9eJYomuTJ601Qf7SKVYVlqplZblxRvOThrtEaC28qSOPAwncCYSWbzJsrO3XP4br9KZa1fTmcaOSTQYLDFFaeURh/yDfLynp/fCwkI0yrKX79ZqG49sUr2A44a3u+d08/fXVhfAeZ8vcDocjs6z7KV7xeL3JzBcwPZgmoAkScGlpdvzc3NXHuZyXxIwlMX2aJoAfFkvx8aGnRzH5WEpr7cXuerKPwVw1Lb/sV8CDACbf0U37X3NqwAAAABJRU5ErkJggg==);
-    }
-    .zoom-out {
-      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmVJREFUeNqkU01oE0EUnv3Nf0xsS01jEzWUNCUplh7U4kEiVVEQqyBYWDxor5am5JBeFRGCuXpRBA8KHqIHMYISohdTYlQo2kguaghJUNvd/O1udjvr7NKWZHuw4IMHM/v9zHu8t5iiKCAYDAKi/xQ4MHEdbIXFYgUmk2kUx/EouoZRulGWUaYhhHGe5wutVhOQKtk3/RToQ1HgjCjyCb+PrE0GjEW/x1Cr/YFCdoUPffwqpBAeQbRnmoEgCD1i9OoohHLi7EnHt3E/bfb0m/pwDGBeF04P77Mpex1SMZliE5IMV3FV0Gw2erJe56I+L6iNHDQYnRaaVsXb5uh8JGS3+w9hv1SeVkG9Xtd3EB4PDBecVtplpAmHKMMesN2R2Ymg7fer9PfwZgui3sC932X+gV53nGZSXj2Yf36B5oWNNtK5NQMIcT2nXKnyUt8eA6uSUf1YNyhKsFmptmWkK2sGFGXRG6Rzn7jDXo+1sdboSBSJEd0gVABYzrMOpEtrBi7+DqoCAnUn1JTo0IP3+dnkZKhdHnKaIEUSXRPCiA+fG2JmWXAaDPY4uXP+ipfqrBybOSEO3n/M4qWyoXrmuE30DJHWUkVupbMt44u3nJ2k7BGotAqkTjyGNvBiJBK9yTCzt5wjN15ncteuZnKNnk0kCHNcllsFVUN2iY8ODAyeX1yMxRjm8t319bVHNpEtYhjxbseago3t0+YU4Dmfzz+9sBCbZ5hL90qln0/Q5yLYRWgGoigGlpZuz8/NXXm4uvolqY4a7DI0A/RnvZyaGnNwHFdArbzZArla9p8GmDq2/4m/AgwATHQSD48kJDUAAAAASUVORK5CYII=);
-    }
-    .snap-grid {
-      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNqkUjtLA0EQnntFyKNKJdiFgIlGC5G0FlaaIsYgiKAgKIKdjbV/wM7GImBhI6JFMFWKK3yBimBAhJDuUEgimMSYS0hunbncHRtFjLjw7X7z7ezszM4KjDEQRRG+jnlEgvYAAgLAJpoT1tYdA9gzAAqLuC/DD4N1EZC87v1IYnZ0MBj0k/6Szw/nTs7GO+8f62gWBCuDHTRG+ABxgGScsd3JlYWlJogu9TSjkT41NzM0AEbr5uDocJmxLTv3CCJpgbRkAKcWpq14vP7scVqrVKsbBOKktayS7BL4RzB5uxvAo7++SfV6vYnmBenESaM9/qCESFt4pPUJJzrlLpe/vQ9pTeex8A0EQcggwILJo9EohMPhNVW9ZqFQaJvsWCzWozGuCxJ3gck1TYNGo+Hy+XxQKpXalUoFisUi1Go1RyM/uwtZLsADYkxRlGnMZLXT6QQkSSqglsIV0HY0XddTdgkqV4LD6YPJsgwYzLSJEygQraz70YDvRg9Hh3O8DdptM1uTEwzDMDnvTHVfWfy+D8592W4Jt1wJfXOnC0h8XMw/cbuEHOKZc/iNX9qC2cb/jE8BBgAvhdOb37HVsgAAAABJRU5ErkJggg==);
-    }
-    .snap-guide {
-      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYVJREFUeNqkU7tKA1EQnbs3CnlVqbQNARMjFilS+AnZQhIbW0ER/AA/wlYbhXR2wUKx0iKNYGMKDViEdEIgieBujGvCPpyz7sK6iWLIwJk798zsuXsfIxzHoXksAqcoij+vMbYq7MoszGxaEB3wtODlH3i5E5uojck210RCgq7SJie4MC0TsdO1cim/lMmkwHdarZWni+t16/1jz/FElJBAGc5imLzyakXNG0IuVo+OnwHE4JCzgisG7BJu/I3CQjyRuq1dvWi6vg8gBofcOHgGAZO+AFv88/VNDofDEcd3IBCD43ycfhEowY28Sazfnzh1cKMggWsUQvi4waiqKuVyud16/d7JZrOHxWJxKudMuQV3C81mk3RdX0wmk9Tr9UxN06jb7dJgMPjBwQRUAu/AtWg0SpZl7TDSUso2/1UVNWHOMIwJARzWBhcQwMXu1oJb9Ufbtsk0zYktPLrvgD8E/mWeYoNxxlj2xoZ3qI2/YrePQs10PksjTRPozCog5m3nLwEGABrLzseuHT6IAAAAAElFTkSuQmCC);
-    }
-    
     .bottom-scroll {
       width: calc(100% - 16px);
       position: absolute;
-      bottom: 16px;
+      bottom: var(--wcd-designer-view-statusbar-height, 28px);
       height: 16px;
       box-sizing: border-box;
       z-index: 1;
     }
     .right-scroll {
-      height: calc(100% - 32px);
+      height: calc(100% - var(--wcd-designer-view-statusbar-height, 28px) - 16px);
       position: absolute;
       right: 0;
       top: 0;
@@ -135,10 +176,10 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
     .bottom-right {
       width: 16px;
       height: 16px;
-      bottom: 16px;
+      bottom: var(--wcd-designer-view-statusbar-height, 28px);
       right: 0;
       position: absolute;
-      background: #f0f0f0;
+      background: var(--wcd-designer-view-corner-background, #f0f0f0);
     }`;
     static template = html `
     <div id="outer">
@@ -146,18 +187,27 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
       <node-projects-plain-scrollbar id="s-vert" value="0.5" orientation="vertical" class="right-scroll">
       </node-projects-plain-scrollbar>
       <div class="bottom-right"></div>
-      <div id="lowertoolbar">
-        <input id="zoomInput" type="text" value="100%">
-        <div title="decrease zoom" id="zoomIncrease" class="toolbar-control zoom-in"></div>
-        <div title="increase zoom" id="zoomDecrease" class="toolbar-control zoom-out"></div>
-        <div title="reset zoom" id="zoomReset" class="toolbar-control"
-          style="width: 16px; height: 16px; font-size: 14px; display: flex; align-items: center; justify-content: center;">1
-        </div>
-        <div title="zoom to fit" id="zoomFit" class="toolbar-control"
-          style="width: 16px; height: 16px; font-size: 8px; display: flex; align-items: center; justify-content: center;">
-          100%</div>
-        <div title="snap to grid" id="alignGrid" class="toolbar-control snap-grid"></div>
-        <div title="snap to elements" id="alignSnap" class="toolbar-control snap-guide"></div>
+      <div id="lowertoolbar" role="group" aria-label="Canvas controls">
+        <input id="zoomInput" type="text" value="100%" aria-label="Zoom percentage">
+        <button type="button" title="Zoom out" aria-label="Zoom out" id="zoomDecrease" class="toolbar-control">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14"/></svg>
+        </button>
+        <button type="button" title="Zoom in" aria-label="Zoom in" id="zoomIncrease" class="toolbar-control">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg>
+        </button>
+        <button type="button" title="Reset zoom to 100%" aria-label="Reset zoom to 100%" id="zoomReset" class="toolbar-control">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 9l2-2v10M15 9l2-2v10"/><path d="M11 10h.01M11 14h.01" stroke-width="2.5"/></svg>
+        </button>
+        <button type="button" title="Zoom to fit" aria-label="Zoom to fit" id="zoomFit" class="toolbar-control">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 3H3v5m13-5h5v5M3 16v5h5m13-5v5h-5"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg>
+        </button>
+        <span class="toolbar-separator" aria-hidden="true"></span>
+        <button type="button" title="Snap to grid (right-click to set grid size)" aria-label="Snap to grid" aria-pressed="false" id="alignGrid" class="toolbar-control">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18m6-18v18M3 9h18M3 15h18"/></svg>
+        </button>
+        <button type="button" title="Snap to elements" aria-label="Snap to elements" aria-pressed="false" id="alignSnap" class="toolbar-control">
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 4h4v9a3 3 0 0 0 6 0V4h4v9a7 7 0 0 1-14 0V4Z"/><path d="M5 8h4m6 0h4"/></svg>
+        </button>
       </div>
     </div>`;
     constructor(useIframe = false) {
@@ -203,13 +253,23 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
             this.zoomToFit();
         };
         this.addEventListener(EventNames.Wheel, event => this._onWheel(event));
-        let alignSnap = this._getDomElement('alignSnap');
-        alignSnap.onclick = () => { this._designerCanvas.alignOnSnap = !this._designerCanvas.alignOnSnap; alignSnap.style.backgroundColor = this._designerCanvas.alignOnSnap ? 'deepskyblue' : ''; };
-        alignSnap.style.backgroundColor = this._designerCanvas.alignOnSnap ? 'deepskyblue' : '';
+        const updateSnapButton = (button, active) => {
+            button.classList.toggle('selected', active);
+            button.setAttribute('aria-pressed', String(active));
+        };
+        const alignSnap = this._getDomElement('alignSnap');
+        alignSnap.onclick = () => {
+            this._designerCanvas.alignOnSnap = !this._designerCanvas.alignOnSnap;
+            updateSnapButton(alignSnap, this._designerCanvas.alignOnSnap);
+        };
+        updateSnapButton(alignSnap, this._designerCanvas.alignOnSnap);
         alignSnap.oncontextmenu = e => { e.preventDefault(); };
-        let alignGrid = this._getDomElement('alignGrid');
-        alignGrid.onclick = () => { this._designerCanvas.alignOnGrid = !this._designerCanvas.alignOnGrid; alignGrid.style.backgroundColor = this._designerCanvas.alignOnGrid ? 'deepskyblue' : ''; };
-        alignGrid.style.backgroundColor = this._designerCanvas.alignOnGrid ? 'deepskyblue' : '';
+        const alignGrid = this._getDomElement('alignGrid');
+        alignGrid.onclick = () => {
+            this._designerCanvas.alignOnGrid = !this._designerCanvas.alignOnGrid;
+            updateSnapButton(alignGrid, this._designerCanvas.alignOnGrid);
+        };
+        updateSnapButton(alignGrid, this._designerCanvas.alignOnGrid);
         alignGrid.oncontextmenu = e => {
             e.preventDefault();
             let res = prompt("raster size", this.designerCanvas.gridSize.toString());
@@ -220,6 +280,7 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
             }
         };
         this._lowertoolbar = this._getDomElement('lowertoolbar');
+        this._lowertoolbar.onwheel = event => event.stopPropagation();
         this._sVert.addEventListener('scrollbar-input', (e) => this._onScrollbar(e));
         this._sHor.addEventListener('scrollbar-input', (e) => this._onScrollbar(e));
     }
@@ -241,6 +302,11 @@ export class DesignerView extends BaseCustomWebComponentConstructorAppend {
         this._designerCanvas.zoomPoint(centerPoint, newZoom);
     }
     _configureZoomButton(button, direction) {
+        // Pointer presses already zoom on pointerdown; keyboard activation emits a click with detail 0.
+        button.onclick = event => {
+            if (event.detail === 0)
+                this._zoomStep(direction);
+        };
         button.onpointerdown = event => {
             if (!event.isPrimary || event.button != 0)
                 return;

package/dist/elements/widgets/designerView/designerView.js.map

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

package/dist/elements/widgets/designerView/extensions/ElementDragTitleExtensionProvider.js

@@ -12,7 +12,7 @@ export class ElementDragTitleExtensionProvider {
         return new ElementDragTitleExtension(extensionManager, designerView, designItem, this._createTitleText);
     }
     static style = css `
-    .svg-text-primary { stroke: none; color: white; font-family: monospace; }
+    .svg-text-primary { stroke: none; color: var(--wcd-color-text, white); font-family: monospace; }
   `;
 }
 //# sourceMappingURL=ElementDragTitleExtensionProvider.js.map

package/dist/elements/widgets/designerView/extensions/ResizeExtension.d.ts

@@ -21,11 +21,16 @@ export declare class ResizeExtension extends AbstractExtension {
     private _initialLocalToCanvasMatrix;
     private _initialBorderBoxSize;
     private _initialFixedResizeAnchor;
+    private _currentAnchorHandle;
+    private _resizeStrategy;
+    private _resizeStrategyState;
     constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, extendedItem: IDesignItem, resizeAllSelected: boolean);
     extend(cache: Record<string | symbol, any>, event?: Event): void;
     refresh(cache: Record<string | symbol, any>, event?: Event): void;
-    _drawResizerOverlay(x: number, y: number, cursor: string, oldCircle?: SVGCircleElement): SVGCircleElement;
+    private _oppositeHandle;
+    _drawResizerOverlay(x: number, y: number, cursor: string, oldCircle?: SVGCircleElement, visibility?: 'show' | 'hide'): SVGCircleElement;
     _pointerActionTypeResize(circle: SVGCircleElement, event: PointerEvent, actionMode: string): void;
+    private _strategyContext;
     private _getLocalHandleDelta;
     private _getCurrentBorderBoxSize;
     private _getInitialSize;

package/dist/elements/widgets/designerView/extensions/ResizeExtension.js

@@ -38,9 +38,13 @@ export class ResizeExtension extends AbstractExtension {
     _initialLocalToCanvasMatrix = null;
     _initialBorderBoxSize = null;
     _initialFixedResizeAnchor = null;
+    _currentAnchorHandle = null;
+    _resizeStrategy;
+    _resizeStrategyState;
     constructor(extensionManager, designerCanvas, extendedItem, resizeAllSelected) {
         super(extensionManager, designerCanvas, extendedItem);
         this.resizeAllSelected = resizeAllSelected;
+        this._resizeStrategy = designerCanvas.serviceContainer.getLastServiceWhere('elementResizeStrategy', strategy => strategy.isHandledElement(extendedItem));
     }
     extend(cache, event) {
         this.refresh(cache, event);
@@ -54,25 +58,75 @@ export class ResizeExtension extends AbstractExtension {
             return;
         }
         if (this._valuesHaveChanges(this.designerCanvas.zoomFactor, transformedCornerPoints.p1.x, transformedCornerPoints.p1.y, transformedCornerPoints.p2.x, transformedCornerPoints.p2.y, transformedCornerPoints.p3.x, transformedCornerPoints.p3.y, transformedCornerPoints.p4.x, transformedCornerPoints.p4.y)) {
-            this._circle1 = this._drawResizerOverlay(transformedCornerPoints.p1.x, transformedCornerPoints.p1.y, 'nw-resize', this._circle1);
-            this._circle2 = this._drawResizerOverlay((transformedCornerPoints.p1.x + (transformedCornerPoints.p2.x - transformedCornerPoints.p1.x) / 2), (transformedCornerPoints.p1.y + (transformedCornerPoints.p2.y - transformedCornerPoints.p1.y) / 2), 'n-resize', this._circle2);
-            this._circle3 = this._drawResizerOverlay(transformedCornerPoints.p2.x, transformedCornerPoints.p2.y, 'ne-resize', this._circle3);
-            this._circle4 = this._drawResizerOverlay((transformedCornerPoints.p1.x + (transformedCornerPoints.p4.x - transformedCornerPoints.p1.x) / 2), (transformedCornerPoints.p1.y + (transformedCornerPoints.p4.y - transformedCornerPoints.p1.y) / 2), 'w-resize', this._circle4);
-            this._circle5 = this._drawResizerOverlay(transformedCornerPoints.p4.x, transformedCornerPoints.p4.y, 'sw-resize', this._circle5);
-            this._circle6 = this._drawResizerOverlay((transformedCornerPoints.p4.x + (transformedCornerPoints.p3.x - transformedCornerPoints.p4.x) / 2), (transformedCornerPoints.p4.y + (transformedCornerPoints.p3.y - transformedCornerPoints.p4.y) / 2), 's-resize', this._circle6);
-            this._circle8 = this._drawResizerOverlay((transformedCornerPoints.p2.x + (transformedCornerPoints.p3.x - transformedCornerPoints.p2.x) / 2), (transformedCornerPoints.p2.y + (transformedCornerPoints.p3.y - transformedCornerPoints.p2.y) / 2), 'e-resize', this._circle8);
-            this._circle7 = this._drawResizerOverlay(transformedCornerPoints.p3.x, transformedCornerPoints.p3.y, 'se-resize', this._circle7);
+            const points = {
+                'nw-resize': transformedCornerPoints.p1,
+                'n-resize': { x: (transformedCornerPoints.p1.x + transformedCornerPoints.p2.x) / 2, y: (transformedCornerPoints.p1.y + transformedCornerPoints.p2.y) / 2 },
+                'ne-resize': transformedCornerPoints.p2,
+                'w-resize': { x: (transformedCornerPoints.p1.x + transformedCornerPoints.p4.x) / 2, y: (transformedCornerPoints.p1.y + transformedCornerPoints.p4.y) / 2 },
+                'sw-resize': transformedCornerPoints.p4,
+                's-resize': { x: (transformedCornerPoints.p4.x + transformedCornerPoints.p3.x) / 2, y: (transformedCornerPoints.p4.y + transformedCornerPoints.p3.y) / 2 },
+                'e-resize': { x: (transformedCornerPoints.p2.x + transformedCornerPoints.p3.x) / 2, y: (transformedCornerPoints.p2.y + transformedCornerPoints.p3.y) / 2 },
+                'se-resize': transformedCornerPoints.p3,
+            };
+            const overlay = (handle, oldCircle) => {
+                let pointHandle = handle;
+                let visibility;
+                const originalHandle = this._actionModeStarted;
+                const effectiveHandle = this._currentAnchorHandle;
+                if (this._initialPoint && effectiveHandle && effectiveHandle !== originalHandle) {
+                    if (handle === originalHandle) {
+                        // Keep the circle that owns pointer capture alive and move it to
+                        // the normalised endpoint after a signed-axis crossing.
+                        pointHandle = effectiveHandle;
+                        visibility = 'show';
+                    }
+                    else if (handle === effectiveHandle) {
+                        if (this._oppositeHandle(originalHandle) === effectiveHandle) {
+                            // Crossing both axes swaps the two endpoint circles.
+                            pointHandle = originalHandle;
+                            visibility = 'show';
+                        }
+                        else {
+                            // A one-axis crossing already displays this endpoint through
+                            // the captured circle above; suppress the duplicate.
+                            visibility = 'hide';
+                        }
+                    }
+                }
+                const point = points[pointHandle];
+                return this._drawResizerOverlay(point.x, point.y, handle, oldCircle, visibility);
+            };
+            this._circle1 = overlay('nw-resize', this._circle1);
+            this._circle2 = overlay('n-resize', this._circle2);
+            this._circle3 = overlay('ne-resize', this._circle3);
+            this._circle4 = overlay('w-resize', this._circle4);
+            this._circle5 = overlay('sw-resize', this._circle5);
+            this._circle6 = overlay('s-resize', this._circle6);
+            this._circle8 = overlay('e-resize', this._circle8);
+            this._circle7 = overlay('se-resize', this._circle7);
         }
     }
-    _drawResizerOverlay(x, y, cursor, oldCircle) {
+    _oppositeHandle(handle) {
+        const opposite = {
+            'nw-resize': 'se-resize', 'n-resize': 's-resize', 'ne-resize': 'sw-resize',
+            'w-resize': 'e-resize', 'sw-resize': 'ne-resize', 's-resize': 'n-resize',
+            'e-resize': 'w-resize', 'se-resize': 'nw-resize'
+        };
+        return opposite[handle];
+    }
+    _drawResizerOverlay(x, y, cursor, oldCircle, visibility) {
         let circle = this._drawCircle(x, y, this.designerCanvas.serviceContainer.options.resizerPixelSize / this.designerCanvas.zoomFactor, 'svg-primary-resizer', oldCircle);
         circle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
         if (!oldCircle) {
             circle.addEventListener(EventNames.PointerDown, event => this._pointerActionTypeResize(circle, event, cursor));
             circle.addEventListener(EventNames.PointerMove, event => this._pointerActionTypeResize(circle, event, cursor));
             circle.addEventListener(EventNames.PointerUp, event => this._pointerActionTypeResize(circle, event, cursor));
+            if (this._resizeStrategy)
+                circle.addEventListener('pointercancel', event => this._pointerActionTypeResize(circle, event, cursor));
         }
         circle.style.cursor = cursor;
+        circle.style.display = visibility === 'show' ? '' : visibility === 'hide' ? 'none'
+            : this._resizeStrategy && !this._resizeStrategy.getEnabledHandles(this.extendedItem).includes(cursor) ? 'none' : '';
         return circle;
     }
     _pointerActionTypeResize(circle, event, actionMode) {
@@ -92,9 +146,13 @@ export class ResizeExtension extends AbstractExtension {
                 this._initialLocalToCanvasMatrix = getElementLocalToCanvasMatrix(this.extendedItem);
                 this._initialBorderBoxSize = getElementSize(this.extendedItem.element);
                 this._initialFixedResizeAnchor = this._getFixedResizeAnchor(this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas, iframes: this.designerCanvas.iframes })[0], actionMode);
+                this._currentAnchorHandle = actionMode;
                 this._initialSizes = [];
                 this._actionModeStarted = actionMode;
                 this._initialSizes.push(this._getInitialSize(this.extendedItem.element));
+                if (this._resizeStrategy) {
+                    this._resizeStrategyState = this._resizeStrategy.begin(this._strategyContext(this._initialSizes[0]));
+                }
                 if (this.resizeAllSelected) {
                     for (const designItem of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
                         this._initialSizes.push(this._getInitialSize(designItem.element));
@@ -243,10 +301,17 @@ export class ResizeExtension extends AbstractExtension {
                             }
                             break;
                     }
-                    const currentBorderBoxSize = this._getCurrentBorderBoxSize(deltaX, deltaY);
+                    let currentBorderBoxSize = this._getCurrentBorderBoxSize(deltaX, deltaY);
                     if (!currentBorderBoxSize) {
                         return;
                     }
+                    if (this._resizeStrategy) {
+                        const strategySize = this._resizeStrategy.preview(this._strategyContext(currentBorderBoxSize), this._resizeStrategyState);
+                        if (strategySize) {
+                            currentBorderBoxSize = strategySize;
+                            this._currentAnchorHandle = strategySize.anchorHandle ?? this._actionModeStarted;
+                        }
+                    }
                     this._applyAnchorCorrection(currentBorderBoxSize);
                     const resizedElements = [this.extendedItem, this.extendedItem.parent];
                     if (this.resizeAllSelected)
@@ -263,8 +328,14 @@ export class ResizeExtension extends AbstractExtension {
                 let cg = this.extendedItem.openGroup((this.resizeAllSelected && this.designerCanvas.instanceServiceContainer.selectionService.selectedElements.length > 1) ? "Resize Elements" : "Resize <" + this.extendedItem.name + ">");
                 try {
                     const element = this.extendedItem.element;
-                    this.extendedItem.setStyle('width', this.extendedItem.element.style.width);
-                    this.extendedItem.setStyle('height', this.extendedItem.element.style.height);
+                    if (this._resizeStrategy) {
+                        const currentSize = getElementSize(this.extendedItem.element);
+                        this._resizeStrategy.commit(this._strategyContext(currentSize), this._resizeStrategyState);
+                    }
+                    else {
+                        this.extendedItem.setStyle('width', this.extendedItem.element.style.width);
+                        this.extendedItem.setStyle('height', this.extendedItem.element.style.height);
+                    }
                     let left = parseFloat(normalizeToAbsolutePosition(element, 'left'));
                     let top = parseFloat(normalizeToAbsolutePosition(element, 'top'));
                     const anchorCorrection = this._getAnchorCorrectionInParent(getElementSize(this.extendedItem.element));
@@ -302,9 +373,28 @@ export class ResizeExtension extends AbstractExtension {
                 this._initialLocalToCanvasMatrix = null;
                 this._initialBorderBoxSize = null;
                 this._initialFixedResizeAnchor = null;
+                this._currentAnchorHandle = null;
+                this._resizeStrategyState = undefined;
+                break;
+            case 'pointercancel':
+                if (this._initialPoint && this._resizeStrategy && this._initialSizes) {
+                    this._resizeStrategy.cancel(this._strategyContext(this._initialSizes[0]), this._resizeStrategyState);
+                }
+                this._initialSizes = null;
+                this._initialPoint = null;
+                this._resizeStrategyState = undefined;
+                this._currentAnchorHandle = null;
                 break;
         }
     }
+    _strategyContext(currentSize) {
+        return {
+            designItem: this.extendedItem,
+            handle: this._actionModeStarted,
+            initialSize: this._initialSizes?.[0] ?? currentSize,
+            currentSize
+        };
+    }
     _getLocalHandleDelta(currentHandleCanvasPoint) {
         if (!this._initialHandleCanvasPoint || !this._initialLocalToCanvasMatrix) {
             return null;
@@ -414,7 +504,7 @@ export class ResizeExtension extends AbstractExtension {
         if (!this._initialFixedResizeAnchor) {
             return null;
         }
-        const currentAnchorLocal = this._getFixedResizeAnchorLocal(currentBorderBoxSize, this._actionModeStarted);
+        const currentAnchorLocal = this._getFixedResizeAnchorLocal(currentBorderBoxSize, this._currentAnchorHandle ?? this._actionModeStarted);
         if (!currentAnchorLocal) {
             return null;
         }