@acorex/cdk 22.3.3 → 22.3.4

package/fesm2022/acorex-cdk-resizable.mjs

@@ -12,39 +12,45 @@ class AXResizableDirective {
         this.zone = inject(NgZone);
         this.document = inject(DOCUMENT);
         this.platformID = inject(PLATFORM_ID);
+        this.resizeHandles = new Map();
         this.isResizing = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isResizing" }] : /* istanbul ignore next */ []));
+        this.activeHandle = null;
         this.initialElementWidth = 0;
-        this.startMoveWidth = 0;
+        this.initialElementHeight = 0;
+        this.startX = 0;
+        this.startY = 0;
+        this.startWidth = 0;
+        this.startHeight = 0;
+        this.startRatio = 1;
         this.subscriptions = new Subscription();
-        // Bound event handlers to maintain reference for cleanup
-        this.boundMouseDown = this.onMouseDown.bind(this);
-        this.boundMouseMove = this.onMouseMove.bind(this);
-        this.boundMouseUp = this.onMouseUp.bind(this);
-        this.boundMouseEnter = this.onMouseEnter.bind(this);
-        this.boundMouseLeave = this.onMouseLeave.bind(this);
+        this.boundPointerDown = this.onPointerDown.bind(this);
+        this.boundPointerMove = this.onPointerMove.bind(this);
+        this.boundPointerUp = this.onPointerUp.bind(this);
+        this.boundPointerEnter = this.onPointerEnter.bind(this);
+        this.boundPointerLeave = this.onPointerLeave.bind(this);
         this.boundDoubleClick = this.onDoubleClick.bind(this);
-        this.resizeObserver = new ResizeObserver((entries) => {
-            const parentElement = this.hostElement.parentElement;
-            if (!parentElement)
-                return;
-            for (const entry of entries) {
-                if (entry.target === parentElement && this.maxWidth() === Infinity) {
-                    this.maxWidth.set(entry.contentRect.width);
-                    break;
-                }
-            }
-        });
+        this.isRTL = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isRTL" }] : /* istanbul ignore next */ []));
         /** Define if directive is active or not */
         this.axResizable = model(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "axResizable" }] : /* istanbul ignore next */ []));
+        /** Logical handles to render. Defaults to the inline-end edge. */
+        this.handles = model(['end'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "handles" }] : /* istanbul ignore next */ []));
         /** Minimum width for the resizable element. */
         this.minWidth = model(100, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
         /** Maximum width for the resizable element. Defaults to parent width if not provided. */
         this.maxWidth = model(Infinity, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
-        /** Behavior on double-click: 'reset' or 'maximize'. */
+        /** Minimum height for the resizable element. */
+        this.minHeight = model(100, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+        /** Maximum height for the resizable element. Defaults to parent height if not provided. */
+        this.maxHeight = model(Infinity, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+        /** Behavior on double-click: 'reset', 'maximize', or 'fit'. */
         this.dblClickAction = model('reset', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "dblClickAction" }] : /* istanbul ignore next */ []));
         /** Define initial width for the element. */
@@ -53,281 +59,558 @@ class AXResizableDirective {
         /** Define reset width for the element. */
         this.defaultWidth = model(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "defaultWidth" }] : /* istanbul ignore next */ []));
+        /** Define initial height for the element. */
+        this.height = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+        /** Define reset height for the element. */
+        this.defaultHeight = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "defaultHeight" }] : /* istanbul ignore next */ []));
+        /** Lock the element's aspect ratio from the size captured at pointer-down. */
+        this.lockAspectRatio = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lockAspectRatio" }] : /* istanbul ignore next */ []));
         /** Event emitted when resizing starts. */
         this.onResizingStarted = output();
         /** Event emitted when resizing ends. */
         this.onResizingEnded = output();
         /** Event emitted on double-click. */
         this.onResizingDblClick = output();
-        this.isRTL = signal(AXHtmlUtil.isRtl(this.document.documentElement), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isRTL" }] : /* istanbul ignore next */ []));
         this.isBrowser = isPlatformBrowser(this.platformID);
         this.hostElement = this.el.nativeElement;
+        this.isRTL.set(AXHtmlUtil.isRtl(this.document.documentElement));
         this.subscriptions.add(this.platformService.directionChange.subscribe((i) => {
             this.isRTL.set(i.data === 'rtl');
-            if (this.resizeHandle) {
-                this.updateHandlePosition();
-            }
         }));
-        if (this.isBrowser) {
-            effect(() => {
-                if (this.isResizing()) {
-                    return;
+        if (!this.isBrowser) {
+            return;
+        }
+        this.resizeObserver = new ResizeObserver((entries) => {
+            const parentElement = this.hostElement.parentElement;
+            if (!parentElement) {
+                return;
+            }
+            for (const entry of entries) {
+                if (entry.target !== parentElement) {
+                    continue;
+                }
+                if (this.maxWidth() === Infinity) {
+                    this.maxWidth.set(entry.contentRect.width);
                 }
-                const resolvedWidth = this.width() ?? this.defaultWidth();
-                if (resolvedWidth !== null) {
-                    this.applyElementWidth(resolvedWidth);
+                if (this.maxHeight() === Infinity) {
+                    this.maxHeight.set(entry.contentRect.height);
                 }
-            });
-        }
+            }
+        });
+        effect(() => {
+            const isActive = this.axResizable();
+            const handles = this.handles();
+            this.reconcileHandles(isActive, handles);
+        });
+        effect(() => {
+            this.isRTL();
+            this.updateAllHandlePositions();
+        });
+        effect(() => {
+            if (this.isResizing()) {
+                return;
+            }
+            this.applySizeFromModel();
+        });
     }
     ngAfterViewInit() {
-        if (!this.isBrowser)
+        if (!this.isBrowser) {
             return;
+        }
         this.initialElementWidth = this.hostElement.offsetWidth;
-        this.applyWidthFromModel();
+        this.initialElementHeight = this.hostElement.offsetHeight;
+        this.applySizeFromModel();
+        const parentElement = this.hostElement.parentElement;
         if (this.maxWidth() === Infinity) {
-            const parentWidth = this.hostElement.parentElement?.offsetWidth;
+            const parentWidth = parentElement?.offsetWidth;
             if (parentWidth) {
                 this.maxWidth.set(parentWidth);
             }
         }
-        const parentElement = this.hostElement.parentElement;
+        if (this.maxHeight() === Infinity) {
+            const parentHeight = parentElement?.offsetHeight;
+            if (parentHeight) {
+                this.maxHeight.set(parentHeight);
+            }
+        }
         if (parentElement) {
-            this.resizeObserver.observe(parentElement);
+            this.resizeObserver?.observe(parentElement);
         }
-        this.createResizeHandle();
-        this.setupResizableState();
     }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
-        this.resizeObserver.disconnect();
-        this.cleanupEventListeners();
-    }
-    setupResizableState() {
-        this.subscriptions.add(this.axResizable.subscribe((isActive) => {
-            if (!isActive) {
-                this.applyWidthFromModel();
-                this.cleanupEventListeners();
-            }
-            else {
-                this.applyWidthFromModel();
-                this.createResizeHandle();
-            }
-        }));
+        this.resizeObserver?.disconnect();
+        this.destroyAllHandles();
+        this.document.body.style.cursor = '';
     }
-    applyWidthFromModel() {
-        const width = this.width();
-        if (width !== null) {
-            this.applyElementWidth(width);
+    reconcileHandles(isActive, handles) {
+        if (!this.isBrowser) {
+            return;
+        }
+        if (!isActive) {
+            this.stopResizing();
+            this.destroyAllHandles();
+            this.applySizeFromModel();
             return;
         }
-        const defaultWidth = this.defaultWidth();
-        if (defaultWidth !== null) {
-            this.applyElementWidth(defaultWidth);
+        this.hostElement.style.position = 'relative';
+        const unique = [...new Set(handles)];
+        const desired = new Set(unique);
+        for (const [type, element] of this.resizeHandles) {
+            if (!desired.has(type)) {
+                this.destroyHandle(type, element);
+            }
+        }
+        for (const type of unique) {
+            if (!this.resizeHandles.has(type)) {
+                this.createHandle(type);
+            }
         }
     }
-    applyElementWidth(width) {
-        this.hostElement.style.width = `${width}px`;
+    createHandle(type) {
+        const handle = this.document.createElement('div');
+        handle.classList.add('ax-resizable-handler', `ax-resizable-handler--${type}`);
+        handle.dataset['axResizeHandle'] = type;
+        this.hostElement.appendChild(handle);
+        this.applyHandleStyles(handle, type);
+        this.attachHandleListeners(handle);
+        this.resizeHandles.set(type, handle);
     }
-    createResizeHandle() {
-        if (!this.axResizable() || this.resizeHandle)
-            return;
-        this.hostElement.style.position = 'relative';
-        this.resizeHandle = this.document.createElement('div');
-        this.resizeHandle.classList.add('ax-resizable-handler');
-        this.hostElement.appendChild(this.resizeHandle);
-        this.applyHandleStyles();
-        this.attachEventListeners();
-    }
-    applyHandleStyles() {
-        if (!this.resizeHandle)
-            return;
-        Object.assign(this.resizeHandle.style, {
-            width: STYLES.handlerWidth,
-            backgroundColor: STYLES.backgroundColor,
+    attachHandleListeners(handle) {
+        this.zone.runOutsideAngular(() => {
+            handle.addEventListener('pointerdown', this.boundPointerDown);
+            handle.addEventListener('pointermove', this.boundPointerMove);
+            handle.addEventListener('pointerup', this.boundPointerUp);
+            handle.addEventListener('pointercancel', this.boundPointerUp);
+            handle.addEventListener('pointerenter', this.boundPointerEnter);
+            handle.addEventListener('pointerleave', this.boundPointerLeave);
+            handle.addEventListener('dblclick', this.boundDoubleClick);
+        });
+    }
+    destroyHandle(type, handle) {
+        handle.removeEventListener('pointerdown', this.boundPointerDown);
+        handle.removeEventListener('pointermove', this.boundPointerMove);
+        handle.removeEventListener('pointerup', this.boundPointerUp);
+        handle.removeEventListener('pointercancel', this.boundPointerUp);
+        handle.removeEventListener('pointerenter', this.boundPointerEnter);
+        handle.removeEventListener('pointerleave', this.boundPointerLeave);
+        handle.removeEventListener('dblclick', this.boundDoubleClick);
+        handle.remove();
+        this.resizeHandles.delete(type);
+    }
+    destroyAllHandles() {
+        for (const [type, handle] of [...this.resizeHandles]) {
+            this.destroyHandle(type, handle);
+        }
+    }
+    applyHandleStyles(handle, type) {
+        const isCorner = type.includes('-');
+        Object.assign(handle.style, {
             position: 'absolute',
-            top: '0',
-            bottom: '0',
-            cursor: STYLES.cursor,
-            zIndex: STYLES.zIndex,
+            backgroundColor: STYLES.backgroundColor,
+            zIndex: isCorner ? STYLES.zIndexCorner : STYLES.zIndex,
             transition: STYLES.transition,
             borderRadius: STYLES.borderRadius,
             userSelect: 'none',
+            touchAction: 'none',
+            cursor: this.getCursorForHandle(type),
+            left: '',
+            right: '',
+            top: '',
+            bottom: '',
+            width: '',
+            height: '',
         });
-        this.updateHandlePosition();
+        this.positionHandle(handle, type);
     }
-    updateHandlePosition() {
-        if (!this.resizeHandle)
-            return;
-        const isRTL = this.isRTL();
-        if (isRTL) {
-            this.resizeHandle.style.left = '0';
-            this.resizeHandle.style.right = '';
+    updateAllHandlePositions() {
+        for (const [type, handle] of this.resizeHandles) {
+            handle.style.cursor = this.getCursorForHandle(type);
+            this.positionHandle(handle, type);
+        }
+    }
+    positionHandle(handle, type) {
+        const rtl = this.isRTL();
+        switch (type) {
+            case 'start':
+            case 'end':
+                handle.style.top = '0';
+                handle.style.bottom = '0';
+                handle.style.width = STYLES.handlerWidth;
+                this.applyInlineSide(handle, type, rtl);
+                break;
+            case 'top':
+            case 'bottom':
+                handle.style.left = '0';
+                handle.style.right = '0';
+                handle.style.height = STYLES.handlerHeight;
+                if (type === 'top') {
+                    handle.style.top = '0';
+                    handle.style.bottom = '';
+                }
+                else {
+                    handle.style.bottom = '0';
+                    handle.style.top = '';
+                }
+                break;
+            default: {
+                const [vertical, horizontal] = type.split('-');
+                handle.style.width = STYLES.cornerSize;
+                handle.style.height = STYLES.cornerSize;
+                if (vertical === 'top') {
+                    handle.style.top = '0';
+                    handle.style.bottom = '';
+                }
+                else {
+                    handle.style.bottom = '0';
+                    handle.style.top = '';
+                }
+                this.applyInlineSide(handle, horizontal, rtl);
+                break;
+            }
+        }
+    }
+    applyInlineSide(element, side, rtl) {
+        const physicalLeft = (side === 'start' && !rtl) || (side === 'end' && rtl);
+        if (physicalLeft) {
+            element.style.left = '0';
+            element.style.right = '';
         }
         else {
-            this.resizeHandle.style.right = '0';
-            this.resizeHandle.style.left = '';
+            element.style.right = '0';
+            element.style.left = '';
         }
     }
-    attachEventListeners() {
-        if (!this.resizeHandle)
-            return;
-        const handle = this.resizeHandle;
-        this.zone.runOutsideAngular(() => {
-            handle.addEventListener('mousedown', this.boundMouseDown);
-            handle.addEventListener('mouseenter', this.boundMouseEnter);
-            handle.addEventListener('mouseleave', this.boundMouseLeave);
-            handle.addEventListener('dblclick', this.boundDoubleClick);
-            this.document.addEventListener('mousemove', this.boundMouseMove);
-            this.document.addEventListener('mouseup', this.boundMouseUp);
-        });
+    applySizeFromModel() {
+        const width = this.width() ?? this.defaultWidth();
+        const height = this.height() ?? this.defaultHeight();
+        this.applySize(width, height);
     }
-    cleanupEventListeners() {
-        if (this.resizeHandle) {
-            this.resizeHandle.removeEventListener('mousedown', this.boundMouseDown);
-            this.resizeHandle.removeEventListener('mouseenter', this.boundMouseEnter);
-            this.resizeHandle.removeEventListener('mouseleave', this.boundMouseLeave);
-            this.resizeHandle.removeEventListener('dblclick', this.boundDoubleClick);
-            this.resizeHandle.remove();
-            this.resizeHandle = undefined;
-        }
-        this.document.removeEventListener('mousemove', this.boundMouseMove);
-        this.document.removeEventListener('mouseup', this.boundMouseUp);
-        this.document.body.style.cursor = '';
+    applySize(width, height) {
+        if (width !== null) {
+            this.hostElement.style.width = `${width}px`;
+        }
+        if (height !== null) {
+            this.hostElement.style.height = `${height}px`;
+        }
     }
-    onMouseDown(event) {
-        if (!this.resizeHandle)
-            return;
-        const handleRect = this.resizeHandle.getBoundingClientRect();
-        if (event.clientX < handleRect.left || event.clientX > handleRect.right)
+    onPointerDown(event) {
+        const handleType = this.getHandleType(event);
+        const handle = event.currentTarget;
+        if (!handleType || !handle) {
             return;
+        }
         event.preventDefault();
+        event.stopPropagation();
+        try {
+            handle.setPointerCapture?.(event.pointerId);
+        }
+        catch {
+            // Pointer capture can throw for synthetic or inactive pointers.
+        }
+        this.activeHandle = handleType;
         this.isResizing.set(true);
-        this.document.body.style.cursor = STYLES.cursorActive;
-        this.resizeHandle.style.backgroundColor = STYLES.backgroundColorActive;
-        this.startMoveWidth = this.hostElement.offsetWidth;
+        this.startX = event.clientX;
+        this.startY = event.clientY;
+        this.startWidth = this.hostElement.offsetWidth;
+        this.startHeight = this.hostElement.offsetHeight;
+        this.startRatio = this.startHeight > 0 ? this.startWidth / this.startHeight : 1;
+        this.document.body.style.cursor = this.getActiveCursor(handleType);
+        handle.style.backgroundColor = STYLES.backgroundColorActive;
+        const size = { width: this.startWidth, height: this.startHeight };
         this.zone.run(() => {
-            this.onResizingStarted.emit({
-                component: this,
-                htmlElement: this.hostElement,
-                isUserInteraction: true,
-                name: 'resizingStarted',
-                value: this.startMoveWidth,
-                oldValue: this.startMoveWidth,
-            });
+            this.onResizingStarted.emit(this.createResizeEvent('resizingStarted', size, size));
         });
     }
-    onMouseMove(event) {
-        if (!this.isResizing())
+    onPointerMove(event) {
+        if (!this.isResizing() || !this.activeHandle) {
             return;
-        const rect = this.hostElement.getBoundingClientRect();
-        const isRTL = this.isRTL();
-        let newWidth = isRTL ? rect.right - event.clientX : event.clientX - rect.left;
-        newWidth = Math.max(this.minWidth(), Math.min(newWidth, this.maxWidth()));
-        if (newWidth !== this.hostElement.offsetWidth) {
-            this.hostElement.style.width = `${newWidth}px`;
         }
+        const axes = getHandleAxes(this.activeHandle);
+        const lock = this.lockAspectRatio();
+        const next = this.computeSize(event, this.activeHandle);
+        event.preventDefault();
+        this.applySize(axes.horizontal || lock ? next.width : null, axes.vertical || lock ? next.height : null);
     }
-    onMouseUp() {
-        if (!this.isResizing() || !this.resizeHandle)
+    onPointerUp(event) {
+        if (!this.isResizing()) {
             return;
+        }
+        const handle = event.currentTarget;
+        try {
+            handle?.releasePointerCapture?.(event.pointerId);
+        }
+        catch {
+            // Pointer capture may already have been released.
+        }
+        const axes = this.activeHandle ? getHandleAxes(this.activeHandle) : null;
+        const current = this.getCurrentSize();
+        const oldSize = { width: this.startWidth, height: this.startHeight };
         this.document.body.style.cursor = '';
-        this.resizeHandle.style.backgroundColor = STYLES.backgroundColor;
-        const currentWidth = this.hostElement.offsetWidth;
+        if (handle) {
+            handle.style.backgroundColor = STYLES.backgroundColor;
+        }
         this.zone.run(() => {
-            this.width.set(currentWidth);
-            this.onResizingEnded.emit({
-                component: this,
-                htmlElement: this.hostElement,
-                isUserInteraction: true,
-                name: 'resizingEnded',
-                value: currentWidth,
-                oldValue: this.startMoveWidth,
-            });
+            if (axes?.horizontal) {
+                this.width.set(current.width);
+            }
+            if (axes?.vertical) {
+                this.height.set(current.height);
+            }
+            this.onResizingEnded.emit(this.createResizeEvent('resizingEnded', current, oldSize));
         });
-        this.isResizing.set(false);
+        this.stopResizing();
     }
-    onMouseEnter() {
-        if (!this.isResizing() && this.resizeHandle) {
-            this.resizeHandle.style.backgroundColor = STYLES.backgroundColorHover;
+    onPointerEnter(event) {
+        if (this.isResizing()) {
+            return;
+        }
+        const handle = event.currentTarget;
+        if (handle) {
+            handle.style.backgroundColor = STYLES.backgroundColorHover;
         }
     }
-    onMouseLeave() {
-        if (!this.isResizing() && this.resizeHandle) {
-            this.resizeHandle.style.backgroundColor = STYLES.backgroundColor;
+    onPointerLeave(event) {
+        if (this.isResizing()) {
+            return;
+        }
+        const handle = event.currentTarget;
+        if (handle) {
+            handle.style.backgroundColor = STYLES.backgroundColor;
         }
     }
-    onDoubleClick() {
-        const elementWidth = this.hostElement.offsetWidth;
+    onDoubleClick(event) {
+        const handleType = this.getHandleType(event);
+        if (!handleType) {
+            return;
+        }
+        event.preventDefault();
+        const axes = getHandleAxes(handleType);
+        const oldSize = this.getCurrentSize();
         const action = this.dblClickAction();
-        let newWidth;
+        let size;
         switch (action) {
             case 'reset':
-                newWidth = this.resetToInitialWidth();
+                size = this.resetToInitialSize(axes);
                 break;
             case 'maximize':
-                newWidth = this.maximizeToMaxWidth();
+                size = this.maximizeToMaxSize(axes);
                 break;
             case 'fit':
-                newWidth = this.fitToContent();
+                size = this.fitToContent(axes);
                 break;
             default:
-                newWidth = elementWidth;
+                size = oldSize;
         }
         this.zone.run(() => {
-            this.onResizingDblClick.emit({
-                component: this,
-                htmlElement: this.hostElement,
-                isUserInteraction: true,
-                name: 'onResizingDblClick',
-                oldValue: elementWidth,
-                value: newWidth,
-            });
+            this.onResizingDblClick.emit(this.createResizeEvent('onResizingDblClick', size, oldSize));
         });
     }
-    resetToInitialWidth() {
-        const defaultWidth = this.defaultWidth();
-        if (defaultWidth !== null) {
-            this.applyElementWidth(defaultWidth);
-            return defaultWidth;
+    computeSize(event, handle) {
+        const dx = event.clientX - this.startX;
+        const dy = event.clientY - this.startY;
+        const rtl = this.isRTL();
+        const axes = getHandleAxes(handle);
+        const lock = this.lockAspectRatio();
+        let width = this.startWidth;
+        let height = this.startHeight;
+        if (axes.horizontal === 'end') {
+            width = this.startWidth + (rtl ? -dx : dx);
+        }
+        else if (axes.horizontal === 'start') {
+            width = this.startWidth + (rtl ? dx : -dx);
+        }
+        if (axes.vertical === 'bottom') {
+            height = this.startHeight + dy;
+        }
+        else if (axes.vertical === 'top') {
+            height = this.startHeight - dy;
+        }
+        if (lock) {
+            const ratio = this.startRatio > 0 ? this.startRatio : 1;
+            if (axes.horizontal && axes.vertical) {
+                const widthDelta = Math.abs(width - this.startWidth);
+                const heightDelta = Math.abs(height - this.startHeight);
+                if (widthDelta >= heightDelta) {
+                    height = width / ratio;
+                }
+                else {
+                    width = height * ratio;
+                }
+            }
+            else if (axes.horizontal) {
+                height = width / ratio;
+            }
+            else if (axes.vertical) {
+                width = height * ratio;
+            }
+        }
+        return this.clampSize(width, height, lock);
+    }
+    clampSize(width, height, lock) {
+        const minW = this.minWidth();
+        const maxW = this.maxWidth();
+        const minH = this.minHeight();
+        const maxH = this.maxHeight();
+        if (!lock) {
+            return {
+                width: Math.max(minW, Math.min(width, maxW)),
+                height: Math.max(minH, Math.min(height, maxH)),
+            };
+        }
+        const ratio = this.startRatio > 0 ? this.startRatio : 1;
+        width = Math.max(minW, width);
+        height = width / ratio;
+        if (height < minH) {
+            height = minH;
+            width = height * ratio;
+        }
+        if (width > maxW) {
+            width = maxW;
+            height = width / ratio;
+        }
+        if (height > maxH) {
+            height = maxH;
+            width = height * ratio;
+        }
+        if (width < minW) {
+            width = minW;
+            height = width / ratio;
+        }
+        if (height < minH) {
+            height = minH;
+            width = height * ratio;
+        }
+        return {
+            width: Math.max(minW, Math.min(width, maxW)),
+            height: Math.max(minH, Math.min(height, maxH)),
+        };
+    }
+    resetToInitialSize(axes) {
+        const size = this.getCurrentSize();
+        if (axes.horizontal) {
+            const next = this.defaultWidth() ?? this.width() ?? this.initialElementWidth;
+            this.applySize(next, null);
+            size.width = next;
+        }
+        if (axes.vertical) {
+            const next = this.defaultHeight() ?? this.height() ?? this.initialElementHeight;
+            this.applySize(null, next);
+            size.height = next;
+        }
+        return size;
+    }
+    maximizeToMaxSize(axes) {
+        const size = this.getCurrentSize();
+        if (axes.horizontal && this.maxWidth() !== Infinity) {
+            this.applySize(this.maxWidth(), null);
+            size.width = this.maxWidth();
+        }
+        if (axes.vertical && this.maxHeight() !== Infinity) {
+            this.applySize(null, this.maxHeight());
+            size.height = this.maxHeight();
+        }
+        return size;
+    }
+    fitToContent(axes) {
+        if (axes.horizontal) {
+            this.hostElement.style.width = 'fit-content';
+        }
+        if (axes.vertical) {
+            this.hostElement.style.height = 'fit-content';
+        }
+        return this.getCurrentSize();
+    }
+    getCurrentSize() {
+        return {
+            width: this.hostElement.offsetWidth,
+            height: this.hostElement.offsetHeight,
+        };
+    }
+    createResizeEvent(name, size, oldSize) {
+        return {
+            component: this,
+            htmlElement: this.hostElement,
+            isUserInteraction: true,
+            name,
+            value: size.width,
+            oldValue: oldSize.width,
+            size,
+            oldSize,
+        };
+    }
+    getHandleType(event) {
+        const target = event.currentTarget;
+        const value = target?.dataset['axResizeHandle'];
+        return value ?? null;
+    }
+    getCursorForHandle(type) {
+        if (type === 'start' || type === 'end') {
+            return STYLES.cursorHorizontal;
         }
-        const initialWidth = this.width();
-        if (initialWidth !== null) {
-            this.applyElementWidth(initialWidth);
-            return initialWidth;
+        if (type === 'top' || type === 'bottom') {
+            return STYLES.cursorVertical;
         }
-        this.applyElementWidth(this.initialElementWidth);
-        return this.initialElementWidth;
+        const nwseInLtr = type === 'bottom-end' || type === 'top-start';
+        const useNwse = this.isRTL() ? !nwseInLtr : nwseInLtr;
+        return useNwse ? STYLES.cursorCorner : STYLES.cursorCornerAlt;
     }
-    maximizeToMaxWidth() {
-        const maxWidth = this.maxWidth();
-        if (maxWidth !== Infinity) {
-            this.applyElementWidth(maxWidth);
+    getActiveCursor(type) {
+        if (type === 'start' || type === 'end') {
+            return STYLES.cursorActive;
         }
-        return maxWidth;
+        return this.getCursorForHandle(type);
     }
-    fitToContent() {
-        this.hostElement.style.width = 'fit-content';
-        return this.hostElement.clientWidth;
+    stopResizing() {
+        this.activeHandle = null;
+        this.isResizing.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXResizableDirective, isStandalone: true, selector: "[axResizable]", inputs: { axResizable: { classPropertyName: "axResizable", publicName: "axResizable", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, dblClickAction: { classPropertyName: "dblClickAction", publicName: "dblClickAction", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, defaultWidth: { classPropertyName: "defaultWidth", publicName: "defaultWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { axResizable: "axResizableChange", minWidth: "minWidthChange", maxWidth: "maxWidthChange", dblClickAction: "dblClickActionChange", width: "widthChange", defaultWidth: "defaultWidthChange", onResizingStarted: "onResizingStarted", onResizingEnded: "onResizingEnded", onResizingDblClick: "onResizingDblClick" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXResizableDirective, isStandalone: true, selector: "[axResizable]", inputs: { axResizable: { classPropertyName: "axResizable", publicName: "axResizable", isSignal: true, isRequired: false, transformFunction: null }, handles: { classPropertyName: "handles", publicName: "handles", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, dblClickAction: { classPropertyName: "dblClickAction", publicName: "dblClickAction", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, defaultWidth: { classPropertyName: "defaultWidth", publicName: "defaultWidth", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, lockAspectRatio: { classPropertyName: "lockAspectRatio", publicName: "lockAspectRatio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { axResizable: "axResizableChange", handles: "handlesChange", minWidth: "minWidthChange", maxWidth: "maxWidthChange", minHeight: "minHeightChange", maxHeight: "maxHeightChange", dblClickAction: "dblClickActionChange", width: "widthChange", defaultWidth: "defaultWidthChange", height: "heightChange", defaultHeight: "defaultHeightChange", lockAspectRatio: "lockAspectRatioChange", onResizingStarted: "onResizingStarted", onResizingEnded: "onResizingEnded", onResizingDblClick: "onResizingDblClick" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResizableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axResizable]',
                 }]
-        }], ctorParameters: () => [], propDecorators: { axResizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "axResizable", required: false }] }, { type: i0.Output, args: ["axResizableChange"] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }, { type: i0.Output, args: ["minWidthChange"] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }, { type: i0.Output, args: ["maxWidthChange"] }], dblClickAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "dblClickAction", required: false }] }, { type: i0.Output, args: ["dblClickActionChange"] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }, { type: i0.Output, args: ["widthChange"] }], defaultWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultWidth", required: false }] }, { type: i0.Output, args: ["defaultWidthChange"] }], onResizingStarted: [{ type: i0.Output, args: ["onResizingStarted"] }], onResizingEnded: [{ type: i0.Output, args: ["onResizingEnded"] }], onResizingDblClick: [{ type: i0.Output, args: ["onResizingDblClick"] }] } });
+        }], ctorParameters: () => [], propDecorators: { axResizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "axResizable", required: false }] }, { type: i0.Output, args: ["axResizableChange"] }], handles: [{ type: i0.Input, args: [{ isSignal: true, alias: "handles", required: false }] }, { type: i0.Output, args: ["handlesChange"] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }, { type: i0.Output, args: ["minWidthChange"] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }, { type: i0.Output, args: ["maxWidthChange"] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }, { type: i0.Output, args: ["minHeightChange"] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }, { type: i0.Output, args: ["maxHeightChange"] }], dblClickAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "dblClickAction", required: false }] }, { type: i0.Output, args: ["dblClickActionChange"] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }, { type: i0.Output, args: ["widthChange"] }], defaultWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultWidth", required: false }] }, { type: i0.Output, args: ["defaultWidthChange"] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }, { type: i0.Output, args: ["heightChange"] }], defaultHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHeight", required: false }] }, { type: i0.Output, args: ["defaultHeightChange"] }], lockAspectRatio: [{ type: i0.Input, args: [{ isSignal: true, alias: "lockAspectRatio", required: false }] }, { type: i0.Output, args: ["lockAspectRatioChange"] }], onResizingStarted: [{ type: i0.Output, args: ["onResizingStarted"] }], onResizingEnded: [{ type: i0.Output, args: ["onResizingEnded"] }], onResizingDblClick: [{ type: i0.Output, args: ["onResizingDblClick"] }] } });
+function getHandleAxes(handle) {
+    switch (handle) {
+        case 'start':
+            return { horizontal: 'start', vertical: null };
+        case 'end':
+            return { horizontal: 'end', vertical: null };
+        case 'top':
+            return { horizontal: null, vertical: 'top' };
+        case 'bottom':
+            return { horizontal: null, vertical: 'bottom' };
+        case 'top-start':
+            return { horizontal: 'start', vertical: 'top' };
+        case 'top-end':
+            return { horizontal: 'end', vertical: 'top' };
+        case 'bottom-start':
+            return { horizontal: 'start', vertical: 'bottom' };
+        case 'bottom-end':
+            return { horizontal: 'end', vertical: 'bottom' };
+    }
+}
 const STYLES = {
     handlerWidth: 'var(--ax-comp-resizable-handler-width, 4px)',
+    handlerHeight: 'var(--ax-comp-resizable-handler-height, 4px)',
+    cornerSize: 'var(--ax-comp-resizable-corner-size, 10px)',
     backgroundColor: 'rgba(var(--ax-comp-resizable-background-color))',
     backgroundColorActive: 'rgba(var(--ax-comp-resizable-background-color-active, var(--ax-sys-color-primary-surface)))',
     backgroundColorHover: 'rgba(var(--ax-comp-resizable-background-color-hover, var(--ax-sys-color-primary-light-surface)))',
-    cursor: 'var(--ax-comp-resizable-cursor, ew-resize)',
+    cursorHorizontal: 'var(--ax-comp-resizable-cursor, ew-resize)',
+    cursorVertical: 'var(--ax-comp-resizable-cursor-vertical, ns-resize)',
+    cursorCorner: 'var(--ax-comp-resizable-cursor-corner, nwse-resize)',
+    cursorCornerAlt: 'var(--ax-comp-resizable-cursor-corner-alt, nesw-resize)',
     cursorActive: 'var(--ax-comp-resizable-cursor-active, ew-resize)',
     zIndex: 'var(--ax-comp-resizable-z-index, 999)',
+    zIndexCorner: 'var(--ax-comp-resizable-z-index-corner, 1000)',
     transition: 'var(--ax-comp-resizable-transition, background-color --ax-sys-transition-duration --ax-sys-transition-timing-function)',
     borderRadius: 'var(--ax-comp-resizable-border-radius, --ax-sys-border-radius)',
 };

package/fesm2022/acorex-cdk-resizable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-resizable.mjs","sources":["../../../../packages/cdk/resizable/src/lib/resize.directive.ts","../../../../packages/cdk/resizable/src/acorex-cdk-resizable.ts"],"sourcesContent":["import { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  AfterViewInit,\n  Directive,\n  DOCUMENT,\n  effect,\n  ElementRef,\n  inject,\n  model,\n  NgZone,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\n@Directive({\n  selector: '[axResizable]',\n})\nexport class AXResizableDirective implements AfterViewInit, OnDestroy {\n  private readonly el = inject(ElementRef);\n  private readonly platformService = inject(AXPlatform);\n  private readonly zone = inject(NgZone);\n  private readonly document = inject(DOCUMENT);\n  private readonly platformID = inject(PLATFORM_ID);\n  private readonly isBrowser: boolean;\n  \n  private hostElement!: HTMLElement;\n  private resizeHandle?: HTMLElement;\n  private isResizing: WritableSignal<boolean> = signal(false);\n  private initialElementWidth = 0;\n  private startMoveWidth = 0;\n  private subscriptions = new Subscription();\n  \n  // Bound event handlers to maintain reference for cleanup\n  private readonly boundMouseDown = this.onMouseDown.bind(this);\n  private readonly boundMouseMove = this.onMouseMove.bind(this);\n  private readonly boundMouseUp = this.onMouseUp.bind(this);\n  private readonly boundMouseEnter = this.onMouseEnter.bind(this);\n  private readonly boundMouseLeave = this.onMouseLeave.bind(this);\n  private readonly boundDoubleClick = this.onDoubleClick.bind(this);\n  \n  private readonly resizeObserver = new ResizeObserver((entries) => {\n    const parentElement = this.hostElement.parentElement;\n    if (!parentElement) return;\n    \n    for (const entry of entries) {\n      if (entry.target === parentElement && this.maxWidth() === Infinity) {\n        this.maxWidth.set(entry.contentRect.width);\n        break;\n      }\n    }\n  });\n\n  /** Define if directive is active or not */\n  axResizable = model(true);\n\n  /** Minimum width for the resizable element. */\n  minWidth = model(100);\n\n  /** Maximum width for the resizable element. Defaults to parent width if not provided. */\n  maxWidth = model(Infinity);\n\n  /** Behavior on double-click: 'reset' or 'maximize'. */\n  dblClickAction = model<'reset' | 'maximize' | 'fit'>('reset');\n\n  /** Define initial width for the element. */\n  width = model<null | number>(null);\n\n  /** Define reset width for the element. */\n  defaultWidth = model<null | number>(null);\n\n  /** Event emitted when resizing starts. */\n  onResizingStarted = output<AXValueChangedEvent<number>>();\n\n  /** Event emitted when resizing ends. */\n  onResizingEnded = output<AXValueChangedEvent<number>>();\n\n  /** Event emitted on double-click. */\n  onResizingDblClick = output<AXValueChangedEvent<number>>();\n\n  constructor() {\n    this.isBrowser = isPlatformBrowser(this.platformID);\n    this.hostElement = this.el.nativeElement as HTMLElement;\n    \n    this.subscriptions.add(\n      this.platformService.directionChange.subscribe((i) => {\n        this.isRTL.set(i.data === 'rtl');\n        if (this.resizeHandle) {\n          this.updateHandlePosition();\n        }\n      })\n    );\n\n    if (this.isBrowser) {\n      effect(() => {\n        if (this.isResizing()) {\n          return;\n        }\n        const resolvedWidth = this.width() ?? this.defaultWidth();\n        if (resolvedWidth !== null) {\n          this.applyElementWidth(resolvedWidth);\n        }\n      });\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.isBrowser) return;\n    \n    this.initialElementWidth = this.hostElement.offsetWidth;\n\n    this.applyWidthFromModel();\n\n    if (this.maxWidth() === Infinity) {\n      const parentWidth = this.hostElement.parentElement?.offsetWidth;\n      if (parentWidth) {\n        this.maxWidth.set(parentWidth);\n      }\n    }\n    \n    const parentElement = this.hostElement.parentElement;\n    if (parentElement) {\n      this.resizeObserver.observe(parentElement);\n    }\n    \n    this.createResizeHandle();\n    this.setupResizableState();\n  }\n\n  ngOnDestroy(): void {\n    this.subscriptions.unsubscribe();\n    this.resizeObserver.disconnect();\n    this.cleanupEventListeners();\n  }\n\n  private setupResizableState(): void {\n    this.subscriptions.add(\n      this.axResizable.subscribe((isActive) => {\n        if (!isActive) {\n          this.applyWidthFromModel();\n          this.cleanupEventListeners();\n        } else {\n          this.applyWidthFromModel();\n          this.createResizeHandle();\n        }\n      })\n    );\n  }\n\n  private applyWidthFromModel(): void {\n    const width = this.width();\n    if (width !== null) {\n      this.applyElementWidth(width);\n      return;\n    }\n    const defaultWidth = this.defaultWidth();\n    if (defaultWidth !== null) {\n      this.applyElementWidth(defaultWidth);\n    }\n  }\n\n  private applyElementWidth(width: number): void {\n    this.hostElement.style.width = `${width}px`;\n  }\n\n  private createResizeHandle(): void {\n    if (!this.axResizable() || this.resizeHandle) return;\n\n    this.hostElement.style.position = 'relative';\n\n    this.resizeHandle = this.document.createElement('div');\n    this.resizeHandle.classList.add('ax-resizable-handler');\n    this.hostElement.appendChild(this.resizeHandle);\n\n    this.applyHandleStyles();\n    this.attachEventListeners();\n  }\n  \n  private applyHandleStyles(): void {\n    if (!this.resizeHandle) return;\n    \n    Object.assign(this.resizeHandle.style, {\n      width: STYLES.handlerWidth,\n      backgroundColor: STYLES.backgroundColor,\n      position: 'absolute',\n      top: '0',\n      bottom: '0',\n      cursor: STYLES.cursor,\n      zIndex: STYLES.zIndex,\n      transition: STYLES.transition,\n      borderRadius: STYLES.borderRadius,\n      userSelect: 'none',\n    });\n    \n    this.updateHandlePosition();\n  }\n  \n  private updateHandlePosition(): void {\n    if (!this.resizeHandle) return;\n    \n    const isRTL = this.isRTL();\n    if (isRTL) {\n      this.resizeHandle.style.left = '0';\n      this.resizeHandle.style.right = '';\n    } else {\n      this.resizeHandle.style.right = '0';\n      this.resizeHandle.style.left = '';\n    }\n  }\n  \n  private attachEventListeners(): void {\n    if (!this.resizeHandle) return;\n    \n    const handle = this.resizeHandle;\n    this.zone.runOutsideAngular(() => {\n      handle.addEventListener('mousedown', this.boundMouseDown);\n      handle.addEventListener('mouseenter', this.boundMouseEnter);\n      handle.addEventListener('mouseleave', this.boundMouseLeave);\n      handle.addEventListener('dblclick', this.boundDoubleClick);\n      this.document.addEventListener('mousemove', this.boundMouseMove);\n      this.document.addEventListener('mouseup', this.boundMouseUp);\n    });\n  }\n\n  private cleanupEventListeners(): void {\n    if (this.resizeHandle) {\n      this.resizeHandle.removeEventListener('mousedown', this.boundMouseDown);\n      this.resizeHandle.removeEventListener('mouseenter', this.boundMouseEnter);\n      this.resizeHandle.removeEventListener('mouseleave', this.boundMouseLeave);\n      this.resizeHandle.removeEventListener('dblclick', this.boundDoubleClick);\n      this.resizeHandle.remove();\n      this.resizeHandle = undefined;\n    }\n\n    this.document.removeEventListener('mousemove', this.boundMouseMove);\n    this.document.removeEventListener('mouseup', this.boundMouseUp);\n    this.document.body.style.cursor = '';\n  }\n\n  private isRTL = signal(AXHtmlUtil.isRtl(this.document.documentElement));\n\n  private onMouseDown(event: MouseEvent): void {\n    if (!this.resizeHandle) return;\n    \n    const handleRect = this.resizeHandle.getBoundingClientRect();\n    if (event.clientX < handleRect.left || event.clientX > handleRect.right) return;\n    \n    event.preventDefault();\n    \n    this.isResizing.set(true);\n    this.document.body.style.cursor = STYLES.cursorActive;\n    this.resizeHandle.style.backgroundColor = STYLES.backgroundColorActive;\n    this.startMoveWidth = this.hostElement.offsetWidth;\n    \n    this.zone.run(() => {\n      this.onResizingStarted.emit({\n        component: this,\n        htmlElement: this.hostElement,\n        isUserInteraction: true,\n        name: 'resizingStarted',\n        value: this.startMoveWidth,\n        oldValue: this.startMoveWidth,\n      });\n    });\n  }\n\n  private onMouseMove(event: MouseEvent): void {\n    if (!this.isResizing()) return;\n    \n    const rect = this.hostElement.getBoundingClientRect();\n    const isRTL = this.isRTL();\n    \n    let newWidth = isRTL ? rect.right - event.clientX : event.clientX - rect.left;\n    newWidth = Math.max(this.minWidth(), Math.min(newWidth, this.maxWidth()));\n\n    if (newWidth !== this.hostElement.offsetWidth) {\n      this.hostElement.style.width = `${newWidth}px`;\n    }\n  }\n\n  private onMouseUp(): void {\n    if (!this.isResizing() || !this.resizeHandle) return;\n\n    this.document.body.style.cursor = '';\n    this.resizeHandle.style.backgroundColor = STYLES.backgroundColor;\n\n    const currentWidth = this.hostElement.offsetWidth;\n\n    this.zone.run(() => {\n      this.width.set(currentWidth);\n      this.onResizingEnded.emit({\n        component: this,\n        htmlElement: this.hostElement,\n        isUserInteraction: true,\n        name: 'resizingEnded',\n        value: currentWidth,\n        oldValue: this.startMoveWidth,\n      });\n    });\n\n    this.isResizing.set(false);\n  }\n\n  private onMouseEnter(): void {\n    if (!this.isResizing() && this.resizeHandle) {\n      this.resizeHandle.style.backgroundColor = STYLES.backgroundColorHover;\n    }\n  }\n\n  private onMouseLeave(): void {\n    if (!this.isResizing() && this.resizeHandle) {\n      this.resizeHandle.style.backgroundColor = STYLES.backgroundColor;\n    }\n  }\n\n  private onDoubleClick(): void {\n    const elementWidth = this.hostElement.offsetWidth;\n    const action = this.dblClickAction();\n    \n    let newWidth: number;\n    switch (action) {\n      case 'reset':\n        newWidth = this.resetToInitialWidth();\n        break;\n      case 'maximize':\n        newWidth = this.maximizeToMaxWidth();\n        break;\n      case 'fit':\n        newWidth = this.fitToContent();\n        break;\n      default:\n        newWidth = elementWidth;\n    }\n\n    this.zone.run(() => {\n      this.onResizingDblClick.emit({\n        component: this,\n        htmlElement: this.hostElement,\n        isUserInteraction: true,\n        name: 'onResizingDblClick',\n        oldValue: elementWidth,\n        value: newWidth,\n      });\n    });\n  }\n\n  private resetToInitialWidth(): number {\n    const defaultWidth = this.defaultWidth();\n    if (defaultWidth !== null) {\n      this.applyElementWidth(defaultWidth);\n      return defaultWidth;\n    }\n\n    const initialWidth = this.width();\n    if (initialWidth !== null) {\n      this.applyElementWidth(initialWidth);\n      return initialWidth;\n    }\n\n    this.applyElementWidth(this.initialElementWidth);\n    return this.initialElementWidth;\n  }\n\n  private maximizeToMaxWidth(): number {\n    const maxWidth = this.maxWidth();\n    if (maxWidth !== Infinity) {\n      this.applyElementWidth(maxWidth);\n    }\n    return maxWidth;\n  }\n\n  private fitToContent(): number {\n    this.hostElement.style.width = 'fit-content';\n    return this.hostElement.clientWidth;\n  }\n}\n\ninterface AXValueChangedEvent<T> {\n  component: unknown;\n  htmlElement?: HTMLElement;\n  isUserInteraction?: boolean;\n  name?: string;\n  value?: T;\n  oldValue?: T;\n}\n\nconst STYLES = {\n  handlerWidth: 'var(--ax-comp-resizable-handler-width, 4px)',\n  backgroundColor: 'rgba(var(--ax-comp-resizable-background-color))',\n  backgroundColorActive: 'rgba(var(--ax-comp-resizable-background-color-active, var(--ax-sys-color-primary-surface)))',\n  backgroundColorHover:\n    'rgba(var(--ax-comp-resizable-background-color-hover, var(--ax-sys-color-primary-light-surface)))',\n  cursor: 'var(--ax-comp-resizable-cursor, ew-resize)',\n  cursorActive: 'var(--ax-comp-resizable-cursor-active, ew-resize)',\n  zIndex: 'var(--ax-comp-resizable-z-index, 999)',\n  transition:\n    'var(--ax-comp-resizable-transition, background-color --ax-sys-transition-duration --ax-sys-transition-timing-function)',\n  borderRadius: 'var(--ax-comp-resizable-border-radius, --ax-sys-border-radius)',\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-resizable.mjs","sources":["../../../../packages/cdk/resizable/src/lib/resize.directive.ts","../../../../packages/cdk/resizable/src/acorex-cdk-resizable.ts"],"sourcesContent":["import { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  AfterViewInit,\n  Directive,\n  DOCUMENT,\n  effect,\n  ElementRef,\n  inject,\n  model,\n  NgZone,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nexport type AXResizeHandle =\n  | 'start'\n  | 'end'\n  | 'top'\n  | 'bottom'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end';\n\nexport interface AXResizeSize {\n  width: number;\n  height: number;\n}\n\n/**\n * Resize event payload. `value` / `oldValue` remain the host width so existing\n * width-only listeners (`AXValueChangedEvent<number>`) keep compiling. Use `size`\n * / `oldSize` when both axes matter.\n */\nexport interface AXResizeChangedEvent {\n  component: unknown;\n  htmlElement?: HTMLElement;\n  isUserInteraction?: boolean;\n  name?: string;\n  value?: number;\n  oldValue?: number;\n  size: AXResizeSize;\n  oldSize: AXResizeSize;\n}\n\ntype AXResizeAxis = {\n  horizontal: 'start' | 'end' | null;\n  vertical: 'top' | 'bottom' | null;\n};\n\n@Directive({\n  selector: '[axResizable]',\n})\nexport class AXResizableDirective implements AfterViewInit, OnDestroy {\n  private readonly el = inject(ElementRef);\n  private readonly platformService = inject(AXPlatform);\n  private readonly zone = inject(NgZone);\n  private readonly document = inject(DOCUMENT);\n  private readonly platformID = inject(PLATFORM_ID);\n  private readonly isBrowser: boolean;\n\n  private hostElement!: HTMLElement;\n  private readonly resizeHandles = new Map<AXResizeHandle, HTMLElement>();\n  private readonly isResizing: WritableSignal<boolean> = signal(false);\n  private activeHandle: AXResizeHandle | null = null;\n  private initialElementWidth = 0;\n  private initialElementHeight = 0;\n  private startX = 0;\n  private startY = 0;\n  private startWidth = 0;\n  private startHeight = 0;\n  private startRatio = 1;\n  private readonly subscriptions = new Subscription();\n  private resizeObserver?: ResizeObserver;\n\n  private readonly boundPointerDown = this.onPointerDown.bind(this);\n  private readonly boundPointerMove = this.onPointerMove.bind(this);\n  private readonly boundPointerUp = this.onPointerUp.bind(this);\n  private readonly boundPointerEnter = this.onPointerEnter.bind(this);\n  private readonly boundPointerLeave = this.onPointerLeave.bind(this);\n  private readonly boundDoubleClick = this.onDoubleClick.bind(this);\n\n  private readonly isRTL = signal(false);\n\n  /** Define if directive is active or not */\n  axResizable = model(true);\n\n  /** Logical handles to render. Defaults to the inline-end edge. */\n  handles = model<AXResizeHandle[]>(['end']);\n\n  /** Minimum width for the resizable element. */\n  minWidth = model(100);\n\n  /** Maximum width for the resizable element. Defaults to parent width if not provided. */\n  maxWidth = model(Infinity);\n\n  /** Minimum height for the resizable element. */\n  minHeight = model(100);\n\n  /** Maximum height for the resizable element. Defaults to parent height if not provided. */\n  maxHeight = model(Infinity);\n\n  /** Behavior on double-click: 'reset', 'maximize', or 'fit'. */\n  dblClickAction = model<'reset' | 'maximize' | 'fit'>('reset');\n\n  /** Define initial width for the element. */\n  width = model<null | number>(null);\n\n  /** Define reset width for the element. */\n  defaultWidth = model<null | number>(null);\n\n  /** Define initial height for the element. */\n  height = model<null | number>(null);\n\n  /** Define reset height for the element. */\n  defaultHeight = model<null | number>(null);\n\n  /** Lock the element's aspect ratio from the size captured at pointer-down. */\n  lockAspectRatio = model(false);\n\n  /** Event emitted when resizing starts. */\n  onResizingStarted = output<AXResizeChangedEvent>();\n\n  /** Event emitted when resizing ends. */\n  onResizingEnded = output<AXResizeChangedEvent>();\n\n  /** Event emitted on double-click. */\n  onResizingDblClick = output<AXResizeChangedEvent>();\n\n  constructor() {\n    this.isBrowser = isPlatformBrowser(this.platformID);\n    this.hostElement = this.el.nativeElement as HTMLElement;\n    this.isRTL.set(AXHtmlUtil.isRtl(this.document.documentElement));\n\n    this.subscriptions.add(\n      this.platformService.directionChange.subscribe((i) => {\n        this.isRTL.set(i.data === 'rtl');\n      }),\n    );\n\n    if (!this.isBrowser) {\n      return;\n    }\n\n    this.resizeObserver = new ResizeObserver((entries) => {\n      const parentElement = this.hostElement.parentElement;\n      if (!parentElement) {\n        return;\n      }\n\n      for (const entry of entries) {\n        if (entry.target !== parentElement) {\n          continue;\n        }\n        if (this.maxWidth() === Infinity) {\n          this.maxWidth.set(entry.contentRect.width);\n        }\n        if (this.maxHeight() === Infinity) {\n          this.maxHeight.set(entry.contentRect.height);\n        }\n      }\n    });\n\n    effect(() => {\n      const isActive = this.axResizable();\n      const handles = this.handles();\n      this.reconcileHandles(isActive, handles);\n    });\n\n    effect(() => {\n      this.isRTL();\n      this.updateAllHandlePositions();\n    });\n\n    effect(() => {\n      if (this.isResizing()) {\n        return;\n      }\n      this.applySizeFromModel();\n    });\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.isBrowser) {\n      return;\n    }\n\n    this.initialElementWidth = this.hostElement.offsetWidth;\n    this.initialElementHeight = this.hostElement.offsetHeight;\n    this.applySizeFromModel();\n\n    const parentElement = this.hostElement.parentElement;\n    if (this.maxWidth() === Infinity) {\n      const parentWidth = parentElement?.offsetWidth;\n      if (parentWidth) {\n        this.maxWidth.set(parentWidth);\n      }\n    }\n    if (this.maxHeight() === Infinity) {\n      const parentHeight = parentElement?.offsetHeight;\n      if (parentHeight) {\n        this.maxHeight.set(parentHeight);\n      }\n    }\n\n    if (parentElement) {\n      this.resizeObserver?.observe(parentElement);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.subscriptions.unsubscribe();\n    this.resizeObserver?.disconnect();\n    this.destroyAllHandles();\n    this.document.body.style.cursor = '';\n  }\n\n  private reconcileHandles(isActive: boolean, handles: AXResizeHandle[]): void {\n    if (!this.isBrowser) {\n      return;\n    }\n\n    if (!isActive) {\n      this.stopResizing();\n      this.destroyAllHandles();\n      this.applySizeFromModel();\n      return;\n    }\n\n    this.hostElement.style.position = 'relative';\n\n    const unique = [...new Set(handles)];\n    const desired = new Set(unique);\n\n    for (const [type, element] of this.resizeHandles) {\n      if (!desired.has(type)) {\n        this.destroyHandle(type, element);\n      }\n    }\n\n    for (const type of unique) {\n      if (!this.resizeHandles.has(type)) {\n        this.createHandle(type);\n      }\n    }\n  }\n\n  private createHandle(type: AXResizeHandle): void {\n    const handle = this.document.createElement('div');\n    handle.classList.add('ax-resizable-handler', `ax-resizable-handler--${type}`);\n    handle.dataset['axResizeHandle'] = type;\n    this.hostElement.appendChild(handle);\n    this.applyHandleStyles(handle, type);\n    this.attachHandleListeners(handle);\n    this.resizeHandles.set(type, handle);\n  }\n\n  private attachHandleListeners(handle: HTMLElement): void {\n    this.zone.runOutsideAngular(() => {\n      handle.addEventListener('pointerdown', this.boundPointerDown);\n      handle.addEventListener('pointermove', this.boundPointerMove);\n      handle.addEventListener('pointerup', this.boundPointerUp);\n      handle.addEventListener('pointercancel', this.boundPointerUp);\n      handle.addEventListener('pointerenter', this.boundPointerEnter);\n      handle.addEventListener('pointerleave', this.boundPointerLeave);\n      handle.addEventListener('dblclick', this.boundDoubleClick);\n    });\n  }\n\n  private destroyHandle(type: AXResizeHandle, handle: HTMLElement): void {\n    handle.removeEventListener('pointerdown', this.boundPointerDown);\n    handle.removeEventListener('pointermove', this.boundPointerMove);\n    handle.removeEventListener('pointerup', this.boundPointerUp);\n    handle.removeEventListener('pointercancel', this.boundPointerUp);\n    handle.removeEventListener('pointerenter', this.boundPointerEnter);\n    handle.removeEventListener('pointerleave', this.boundPointerLeave);\n    handle.removeEventListener('dblclick', this.boundDoubleClick);\n    handle.remove();\n    this.resizeHandles.delete(type);\n  }\n\n  private destroyAllHandles(): void {\n    for (const [type, handle] of [...this.resizeHandles]) {\n      this.destroyHandle(type, handle);\n    }\n  }\n\n  private applyHandleStyles(handle: HTMLElement, type: AXResizeHandle): void {\n    const isCorner = type.includes('-');\n\n    Object.assign(handle.style, {\n      position: 'absolute',\n      backgroundColor: STYLES.backgroundColor,\n      zIndex: isCorner ? STYLES.zIndexCorner : STYLES.zIndex,\n      transition: STYLES.transition,\n      borderRadius: STYLES.borderRadius,\n      userSelect: 'none',\n      touchAction: 'none',\n      cursor: this.getCursorForHandle(type),\n      left: '',\n      right: '',\n      top: '',\n      bottom: '',\n      width: '',\n      height: '',\n    });\n\n    this.positionHandle(handle, type);\n  }\n\n  private updateAllHandlePositions(): void {\n    for (const [type, handle] of this.resizeHandles) {\n      handle.style.cursor = this.getCursorForHandle(type);\n      this.positionHandle(handle, type);\n    }\n  }\n\n  private positionHandle(handle: HTMLElement, type: AXResizeHandle): void {\n    const rtl = this.isRTL();\n\n    switch (type) {\n      case 'start':\n      case 'end':\n        handle.style.top = '0';\n        handle.style.bottom = '0';\n        handle.style.width = STYLES.handlerWidth;\n        this.applyInlineSide(handle, type, rtl);\n        break;\n      case 'top':\n      case 'bottom':\n        handle.style.left = '0';\n        handle.style.right = '0';\n        handle.style.height = STYLES.handlerHeight;\n        if (type === 'top') {\n          handle.style.top = '0';\n          handle.style.bottom = '';\n        } else {\n          handle.style.bottom = '0';\n          handle.style.top = '';\n        }\n        break;\n      default: {\n        const [vertical, horizontal] = type.split('-') as ['top' | 'bottom', 'start' | 'end'];\n        handle.style.width = STYLES.cornerSize;\n        handle.style.height = STYLES.cornerSize;\n        if (vertical === 'top') {\n          handle.style.top = '0';\n          handle.style.bottom = '';\n        } else {\n          handle.style.bottom = '0';\n          handle.style.top = '';\n        }\n        this.applyInlineSide(handle, horizontal, rtl);\n        break;\n      }\n    }\n  }\n\n  private applyInlineSide(element: HTMLElement, side: 'start' | 'end', rtl: boolean): void {\n    const physicalLeft = (side === 'start' && !rtl) || (side === 'end' && rtl);\n    if (physicalLeft) {\n      element.style.left = '0';\n      element.style.right = '';\n    } else {\n      element.style.right = '0';\n      element.style.left = '';\n    }\n  }\n\n  private applySizeFromModel(): void {\n    const width = this.width() ?? this.defaultWidth();\n    const height = this.height() ?? this.defaultHeight();\n    this.applySize(width, height);\n  }\n\n  private applySize(width: number | null, height: number | null): void {\n    if (width !== null) {\n      this.hostElement.style.width = `${width}px`;\n    }\n    if (height !== null) {\n      this.hostElement.style.height = `${height}px`;\n    }\n  }\n\n  private onPointerDown(event: PointerEvent): void {\n    const handleType = this.getHandleType(event);\n    const handle = event.currentTarget as HTMLElement | null;\n    if (!handleType || !handle) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    try {\n      handle.setPointerCapture?.(event.pointerId);\n    } catch {\n      // Pointer capture can throw for synthetic or inactive pointers.\n    }\n\n    this.activeHandle = handleType;\n    this.isResizing.set(true);\n    this.startX = event.clientX;\n    this.startY = event.clientY;\n    this.startWidth = this.hostElement.offsetWidth;\n    this.startHeight = this.hostElement.offsetHeight;\n    this.startRatio = this.startHeight > 0 ? this.startWidth / this.startHeight : 1;\n\n    this.document.body.style.cursor = this.getActiveCursor(handleType);\n    handle.style.backgroundColor = STYLES.backgroundColorActive;\n\n    const size: AXResizeSize = { width: this.startWidth, height: this.startHeight };\n    this.zone.run(() => {\n      this.onResizingStarted.emit(this.createResizeEvent('resizingStarted', size, size));\n    });\n  }\n\n  private onPointerMove(event: PointerEvent): void {\n    if (!this.isResizing() || !this.activeHandle) {\n      return;\n    }\n\n    const axes = getHandleAxes(this.activeHandle);\n    const lock = this.lockAspectRatio();\n    const next = this.computeSize(event, this.activeHandle);\n    event.preventDefault();\n    this.applySize(\n      axes.horizontal || lock ? next.width : null,\n      axes.vertical || lock ? next.height : null,\n    );\n  }\n\n  private onPointerUp(event: PointerEvent): void {\n    if (!this.isResizing()) {\n      return;\n    }\n\n    const handle = event.currentTarget as HTMLElement | null;\n    try {\n      handle?.releasePointerCapture?.(event.pointerId);\n    } catch {\n      // Pointer capture may already have been released.\n    }\n\n    const axes = this.activeHandle ? getHandleAxes(this.activeHandle) : null;\n    const current = this.getCurrentSize();\n    const oldSize: AXResizeSize = { width: this.startWidth, height: this.startHeight };\n\n    this.document.body.style.cursor = '';\n    if (handle) {\n      handle.style.backgroundColor = STYLES.backgroundColor;\n    }\n\n    this.zone.run(() => {\n      if (axes?.horizontal) {\n        this.width.set(current.width);\n      }\n      if (axes?.vertical) {\n        this.height.set(current.height);\n      }\n      this.onResizingEnded.emit(this.createResizeEvent('resizingEnded', current, oldSize));\n    });\n\n    this.stopResizing();\n  }\n\n  private onPointerEnter(event: PointerEvent): void {\n    if (this.isResizing()) {\n      return;\n    }\n    const handle = event.currentTarget as HTMLElement | null;\n    if (handle) {\n      handle.style.backgroundColor = STYLES.backgroundColorHover;\n    }\n  }\n\n  private onPointerLeave(event: PointerEvent): void {\n    if (this.isResizing()) {\n      return;\n    }\n    const handle = event.currentTarget as HTMLElement | null;\n    if (handle) {\n      handle.style.backgroundColor = STYLES.backgroundColor;\n    }\n  }\n\n  private onDoubleClick(event: MouseEvent): void {\n    const handleType = this.getHandleType(event);\n    if (!handleType) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const axes = getHandleAxes(handleType);\n    const oldSize = this.getCurrentSize();\n    const action = this.dblClickAction();\n\n    let size: AXResizeSize;\n    switch (action) {\n      case 'reset':\n        size = this.resetToInitialSize(axes);\n        break;\n      case 'maximize':\n        size = this.maximizeToMaxSize(axes);\n        break;\n      case 'fit':\n        size = this.fitToContent(axes);\n        break;\n      default:\n        size = oldSize;\n    }\n\n    this.zone.run(() => {\n      this.onResizingDblClick.emit(this.createResizeEvent('onResizingDblClick', size, oldSize));\n    });\n  }\n\n  private computeSize(event: PointerEvent, handle: AXResizeHandle): AXResizeSize {\n    const dx = event.clientX - this.startX;\n    const dy = event.clientY - this.startY;\n    const rtl = this.isRTL();\n    const axes = getHandleAxes(handle);\n    const lock = this.lockAspectRatio();\n\n    let width = this.startWidth;\n    let height = this.startHeight;\n\n    if (axes.horizontal === 'end') {\n      width = this.startWidth + (rtl ? -dx : dx);\n    } else if (axes.horizontal === 'start') {\n      width = this.startWidth + (rtl ? dx : -dx);\n    }\n\n    if (axes.vertical === 'bottom') {\n      height = this.startHeight + dy;\n    } else if (axes.vertical === 'top') {\n      height = this.startHeight - dy;\n    }\n\n    if (lock) {\n      const ratio = this.startRatio > 0 ? this.startRatio : 1;\n      if (axes.horizontal && axes.vertical) {\n        const widthDelta = Math.abs(width - this.startWidth);\n        const heightDelta = Math.abs(height - this.startHeight);\n        if (widthDelta >= heightDelta) {\n          height = width / ratio;\n        } else {\n          width = height * ratio;\n        }\n      } else if (axes.horizontal) {\n        height = width / ratio;\n      } else if (axes.vertical) {\n        width = height * ratio;\n      }\n    }\n\n    return this.clampSize(width, height, lock);\n  }\n\n  private clampSize(width: number, height: number, lock: boolean): AXResizeSize {\n    const minW = this.minWidth();\n    const maxW = this.maxWidth();\n    const minH = this.minHeight();\n    const maxH = this.maxHeight();\n\n    if (!lock) {\n      return {\n        width: Math.max(minW, Math.min(width, maxW)),\n        height: Math.max(minH, Math.min(height, maxH)),\n      };\n    }\n\n    const ratio = this.startRatio > 0 ? this.startRatio : 1;\n    width = Math.max(minW, width);\n    height = width / ratio;\n\n    if (height < minH) {\n      height = minH;\n      width = height * ratio;\n    }\n    if (width > maxW) {\n      width = maxW;\n      height = width / ratio;\n    }\n    if (height > maxH) {\n      height = maxH;\n      width = height * ratio;\n    }\n    if (width < minW) {\n      width = minW;\n      height = width / ratio;\n    }\n    if (height < minH) {\n      height = minH;\n      width = height * ratio;\n    }\n\n    return {\n      width: Math.max(minW, Math.min(width, maxW)),\n      height: Math.max(minH, Math.min(height, maxH)),\n    };\n  }\n\n  private resetToInitialSize(axes: AXResizeAxis): AXResizeSize {\n    const size = this.getCurrentSize();\n\n    if (axes.horizontal) {\n      const next = this.defaultWidth() ?? this.width() ?? this.initialElementWidth;\n      this.applySize(next, null);\n      size.width = next;\n    }\n    if (axes.vertical) {\n      const next = this.defaultHeight() ?? this.height() ?? this.initialElementHeight;\n      this.applySize(null, next);\n      size.height = next;\n    }\n\n    return size;\n  }\n\n  private maximizeToMaxSize(axes: AXResizeAxis): AXResizeSize {\n    const size = this.getCurrentSize();\n\n    if (axes.horizontal && this.maxWidth() !== Infinity) {\n      this.applySize(this.maxWidth(), null);\n      size.width = this.maxWidth();\n    }\n    if (axes.vertical && this.maxHeight() !== Infinity) {\n      this.applySize(null, this.maxHeight());\n      size.height = this.maxHeight();\n    }\n\n    return size;\n  }\n\n  private fitToContent(axes: AXResizeAxis): AXResizeSize {\n    if (axes.horizontal) {\n      this.hostElement.style.width = 'fit-content';\n    }\n    if (axes.vertical) {\n      this.hostElement.style.height = 'fit-content';\n    }\n    return this.getCurrentSize();\n  }\n\n  private getCurrentSize(): AXResizeSize {\n    return {\n      width: this.hostElement.offsetWidth,\n      height: this.hostElement.offsetHeight,\n    };\n  }\n\n  private createResizeEvent(name: string, size: AXResizeSize, oldSize: AXResizeSize): AXResizeChangedEvent {\n    return {\n      component: this,\n      htmlElement: this.hostElement,\n      isUserInteraction: true,\n      name,\n      value: size.width,\n      oldValue: oldSize.width,\n      size,\n      oldSize,\n    };\n  }\n\n  private getHandleType(event: Event): AXResizeHandle | null {\n    const target = event.currentTarget as HTMLElement | null;\n    const value = target?.dataset['axResizeHandle'] as AXResizeHandle | undefined;\n    return value ?? null;\n  }\n\n  private getCursorForHandle(type: AXResizeHandle): string {\n    if (type === 'start' || type === 'end') {\n      return STYLES.cursorHorizontal;\n    }\n    if (type === 'top' || type === 'bottom') {\n      return STYLES.cursorVertical;\n    }\n\n    const nwseInLtr = type === 'bottom-end' || type === 'top-start';\n    const useNwse = this.isRTL() ? !nwseInLtr : nwseInLtr;\n    return useNwse ? STYLES.cursorCorner : STYLES.cursorCornerAlt;\n  }\n\n  private getActiveCursor(type: AXResizeHandle): string {\n    if (type === 'start' || type === 'end') {\n      return STYLES.cursorActive;\n    }\n    return this.getCursorForHandle(type);\n  }\n\n  private stopResizing(): void {\n    this.activeHandle = null;\n    this.isResizing.set(false);\n  }\n}\n\nfunction getHandleAxes(handle: AXResizeHandle): AXResizeAxis {\n  switch (handle) {\n    case 'start':\n      return { horizontal: 'start', vertical: null };\n    case 'end':\n      return { horizontal: 'end', vertical: null };\n    case 'top':\n      return { horizontal: null, vertical: 'top' };\n    case 'bottom':\n      return { horizontal: null, vertical: 'bottom' };\n    case 'top-start':\n      return { horizontal: 'start', vertical: 'top' };\n    case 'top-end':\n      return { horizontal: 'end', vertical: 'top' };\n    case 'bottom-start':\n      return { horizontal: 'start', vertical: 'bottom' };\n    case 'bottom-end':\n      return { horizontal: 'end', vertical: 'bottom' };\n  }\n}\n\nconst STYLES = {\n  handlerWidth: 'var(--ax-comp-resizable-handler-width, 4px)',\n  handlerHeight: 'var(--ax-comp-resizable-handler-height, 4px)',\n  cornerSize: 'var(--ax-comp-resizable-corner-size, 10px)',\n  backgroundColor: 'rgba(var(--ax-comp-resizable-background-color))',\n  backgroundColorActive: 'rgba(var(--ax-comp-resizable-background-color-active, var(--ax-sys-color-primary-surface)))',\n  backgroundColorHover:\n    'rgba(var(--ax-comp-resizable-background-color-hover, var(--ax-sys-color-primary-light-surface)))',\n  cursorHorizontal: 'var(--ax-comp-resizable-cursor, ew-resize)',\n  cursorVertical: 'var(--ax-comp-resizable-cursor-vertical, ns-resize)',\n  cursorCorner: 'var(--ax-comp-resizable-cursor-corner, nwse-resize)',\n  cursorCornerAlt: 'var(--ax-comp-resizable-cursor-corner-alt, nesw-resize)',\n  cursorActive: 'var(--ax-comp-resizable-cursor-active, ew-resize)',\n  zIndex: 'var(--ax-comp-resizable-z-index, 999)',\n  zIndexCorner: 'var(--ax-comp-resizable-z-index-corner, 1000)',\n  transition:\n    'var(--ax-comp-resizable-transition, background-color --ax-sys-transition-duration --ax-sys-transition-timing-function)',\n  borderRadius: 'var(--ax-comp-resizable-border-radius, --ax-sys-border-radius)',\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.3.3",
+  "version": "22.3.4",
   "peerDependencies": {
-    "@acorex/core": "22.3.3",
+    "@acorex/core": "22.3.4",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",

package/types/acorex-cdk-resizable.d.ts

@@ -1,6 +1,26 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy } from '@angular/core';
 
+type AXResizeHandle = 'start' | 'end' | 'top' | 'bottom' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+interface AXResizeSize {
+    width: number;
+    height: number;
+}
+/**
+ * Resize event payload. `value` / `oldValue` remain the host width so existing
+ * width-only listeners (`AXValueChangedEvent<number>`) keep compiling. Use `size`
+ * / `oldSize` when both axes matter.
+ */
+interface AXResizeChangedEvent {
+    component: unknown;
+    htmlElement?: HTMLElement;
+    isUserInteraction?: boolean;
+    name?: string;
+    value?: number;
+    oldValue?: number;
+    size: AXResizeSize;
+    oldSize: AXResizeSize;
+}
 declare class AXResizableDirective implements AfterViewInit, OnDestroy {
     private readonly el;
     private readonly platformService;
@@ -9,67 +29,89 @@ declare class AXResizableDirective implements AfterViewInit, OnDestroy {
     private readonly platformID;
     private readonly isBrowser;
     private hostElement;
-    private resizeHandle?;
-    private isResizing;
+    private readonly resizeHandles;
+    private readonly isResizing;
+    private activeHandle;
     private initialElementWidth;
-    private startMoveWidth;
-    private subscriptions;
-    private readonly boundMouseDown;
-    private readonly boundMouseMove;
-    private readonly boundMouseUp;
-    private readonly boundMouseEnter;
-    private readonly boundMouseLeave;
+    private initialElementHeight;
+    private startX;
+    private startY;
+    private startWidth;
+    private startHeight;
+    private startRatio;
+    private readonly subscriptions;
+    private resizeObserver?;
+    private readonly boundPointerDown;
+    private readonly boundPointerMove;
+    private readonly boundPointerUp;
+    private readonly boundPointerEnter;
+    private readonly boundPointerLeave;
     private readonly boundDoubleClick;
-    private readonly resizeObserver;
+    private readonly isRTL;
     /** Define if directive is active or not */
     axResizable: _angular_core.ModelSignal<boolean>;
+    /** Logical handles to render. Defaults to the inline-end edge. */
+    handles: _angular_core.ModelSignal<AXResizeHandle[]>;
     /** Minimum width for the resizable element. */
     minWidth: _angular_core.ModelSignal<number>;
     /** Maximum width for the resizable element. Defaults to parent width if not provided. */
     maxWidth: _angular_core.ModelSignal<number>;
-    /** Behavior on double-click: 'reset' or 'maximize'. */
+    /** Minimum height for the resizable element. */
+    minHeight: _angular_core.ModelSignal<number>;
+    /** Maximum height for the resizable element. Defaults to parent height if not provided. */
+    maxHeight: _angular_core.ModelSignal<number>;
+    /** Behavior on double-click: 'reset', 'maximize', or 'fit'. */
     dblClickAction: _angular_core.ModelSignal<"reset" | "maximize" | "fit">;
     /** Define initial width for the element. */
     width: _angular_core.ModelSignal<number>;
     /** Define reset width for the element. */
     defaultWidth: _angular_core.ModelSignal<number>;
+    /** Define initial height for the element. */
+    height: _angular_core.ModelSignal<number>;
+    /** Define reset height for the element. */
+    defaultHeight: _angular_core.ModelSignal<number>;
+    /** Lock the element's aspect ratio from the size captured at pointer-down. */
+    lockAspectRatio: _angular_core.ModelSignal<boolean>;
     /** Event emitted when resizing starts. */
-    onResizingStarted: _angular_core.OutputEmitterRef<AXValueChangedEvent<number>>;
+    onResizingStarted: _angular_core.OutputEmitterRef<AXResizeChangedEvent>;
     /** Event emitted when resizing ends. */
-    onResizingEnded: _angular_core.OutputEmitterRef<AXValueChangedEvent<number>>;
+    onResizingEnded: _angular_core.OutputEmitterRef<AXResizeChangedEvent>;
     /** Event emitted on double-click. */
-    onResizingDblClick: _angular_core.OutputEmitterRef<AXValueChangedEvent<number>>;
+    onResizingDblClick: _angular_core.OutputEmitterRef<AXResizeChangedEvent>;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    private setupResizableState;
-    private applyWidthFromModel;
-    private applyElementWidth;
-    private createResizeHandle;
+    private reconcileHandles;
+    private createHandle;
+    private attachHandleListeners;
+    private destroyHandle;
+    private destroyAllHandles;
     private applyHandleStyles;
-    private updateHandlePosition;
-    private attachEventListeners;
-    private cleanupEventListeners;
-    private isRTL;
-    private onMouseDown;
-    private onMouseMove;
-    private onMouseUp;
-    private onMouseEnter;
-    private onMouseLeave;
+    private updateAllHandlePositions;
+    private positionHandle;
+    private applyInlineSide;
+    private applySizeFromModel;
+    private applySize;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private onPointerEnter;
+    private onPointerLeave;
     private onDoubleClick;
-    private resetToInitialWidth;
-    private maximizeToMaxWidth;
+    private computeSize;
+    private clampSize;
+    private resetToInitialSize;
+    private maximizeToMaxSize;
     private fitToContent;
+    private getCurrentSize;
+    private createResizeEvent;
+    private getHandleType;
+    private getCursorForHandle;
+    private getActiveCursor;
+    private stopResizing;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXResizableDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXResizableDirective, "[axResizable]", never, { "axResizable": { "alias": "axResizable"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "dblClickAction": { "alias": "dblClickAction"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "defaultWidth": { "alias": "defaultWidth"; "required": false; "isSignal": true; }; }, { "axResizable": "axResizableChange"; "minWidth": "minWidthChange"; "maxWidth": "maxWidthChange"; "dblClickAction": "dblClickActionChange"; "width": "widthChange"; "defaultWidth": "defaultWidthChange"; "onResizingStarted": "onResizingStarted"; "onResizingEnded": "onResizingEnded"; "onResizingDblClick": "onResizingDblClick"; }, never, never, true, never>;
-}
-interface AXValueChangedEvent<T> {
-    component: unknown;
-    htmlElement?: HTMLElement;
-    isUserInteraction?: boolean;
-    name?: string;
-    value?: T;
-    oldValue?: T;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXResizableDirective, "[axResizable]", never, { "axResizable": { "alias": "axResizable"; "required": false; "isSignal": true; }; "handles": { "alias": "handles"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "dblClickAction": { "alias": "dblClickAction"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "defaultWidth": { "alias": "defaultWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "defaultHeight": { "alias": "defaultHeight"; "required": false; "isSignal": true; }; "lockAspectRatio": { "alias": "lockAspectRatio"; "required": false; "isSignal": true; }; }, { "axResizable": "axResizableChange"; "handles": "handlesChange"; "minWidth": "minWidthChange"; "maxWidth": "maxWidthChange"; "minHeight": "minHeightChange"; "maxHeight": "maxHeightChange"; "dblClickAction": "dblClickActionChange"; "width": "widthChange"; "defaultWidth": "defaultWidthChange"; "height": "heightChange"; "defaultHeight": "defaultHeightChange"; "lockAspectRatio": "lockAspectRatioChange"; "onResizingStarted": "onResizingStarted"; "onResizingEnded": "onResizingEnded"; "onResizingDblClick": "onResizingDblClick"; }, never, never, true, never>;
 }
 
 export { AXResizableDirective };
+export type { AXResizeChangedEvent, AXResizeHandle, AXResizeSize };