@ngneers/controls 0.0.1-next.0

package/fesm2022/ngneers-controls-directives.mjs

@@ -0,0 +1,498 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, input, booleanAttribute, effect, afterNextRender, Directive, DOCUMENT, output, afterRenderEffect, computed, untracked } from '@angular/core';
+import { Platform, domEventObservable, domEventHandler, domEventSignal, injectThemeTemplate, elementSizeSignal } from '@ngneers/controls/api/ng';
+import { NgnBase } from '@ngneers/controls/base';
+import { signalWithPrevious } from '@ngneers/controls/utils-ng';
+import { movableDirectiveTemplate, resizableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';
+import { map } from 'rxjs';
+
+class NgnAutofocus {
+    _el = inject((ElementRef));
+    _focused = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _isInitialized = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isInitialized" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to focus the host element once it has rendered. Set to `false` to
+     * disable autofocus without removing the directive.
+     * @default true
+     */
+    ngnAutofocus = input(true, { ...(ngDevMode ? { debugName: "ngnAutofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    constructor() {
+        effect(() => {
+            if (!this.ngnAutofocus()) {
+                this._focused.set(false);
+            }
+        });
+        effect(() => {
+            this.autoFocus();
+        });
+        /**
+         * `afterNextRender` only runs in the browser, never during server-side
+         * prerendering — guarding against `getClientRects`/`focus` calls on a
+         * server DOM element that lacks them.
+         *
+         * The additional microtask ensures that the control is rendered and the
+         * ngn-control-initializing class is removed before trying to focus the element.
+         */
+        afterNextRender(() => {
+            if (this._el.nativeElement.getClientRects().length === 0) {
+                queueMicrotask(() => {
+                    this._isInitialized.set(true);
+                });
+            }
+            else {
+                this._isInitialized.set(true);
+            }
+        });
+    }
+    autoFocus() {
+        if (!this._isInitialized()) {
+            return;
+        }
+        if (!this.ngnAutofocus()) {
+            return;
+        }
+        if (this._focused()) {
+            return;
+        }
+        this._el.nativeElement.focus();
+        this._focused.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnAutofocus, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NgnAutofocus, isStandalone: true, selector: "[ngnAutofocus]", inputs: { ngnAutofocus: { classPropertyName: "ngnAutofocus", publicName: "ngnAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnAutofocus, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ngnAutofocus]' }]
+        }], ctorParameters: () => [], propDecorators: { ngnAutofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnAutofocus", required: false }] }] } });
+
+class NgnDragBase {
+    el = inject(ElementRef);
+    _document = inject(DOCUMENT);
+    _isBrowser = inject(Platform).isBrowser;
+    _pointerDown = false;
+    _startX = undefined;
+    _startY = undefined;
+    _dragged = false;
+    isDragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+    /**
+     * Emits once when a drag gesture begins, i.e. after the pointer has moved past
+     * the small activation threshold following a pointerdown.
+     */
+    dragStart = output();
+    /**
+     * Emits once when the drag gesture ends (pointer released).
+     */
+    dragEnd = output();
+    /**
+     * Emits on every pointer move while dragging, carrying the frame delta and
+     * absolute pointer position. See {@link NgnDragInfo}.
+     */
+    dragged = output();
+    _pointerDownEvent = domEventObservable(this.el.nativeElement, 'pointerdown');
+    _pointerMoveEvent = domEventObservable(this._document, 'pointermove');
+    _pointerUpEvent = domEventObservable(this._document, 'pointerup');
+    constructor() {
+        if (!this._isBrowser) {
+            return;
+        }
+        domEventHandler(this.el.nativeElement, 'touchmove', e => {
+            if (e.cancelable) {
+                e.preventDefault();
+            }
+        });
+        // Swallow the click that the browser synthesizes after a drag-release so it
+        // does not trigger click handlers (e.g. selecting a tab). Capture phase so
+        // it runs before bubbling handlers on descendant elements.
+        domEventHandler(this.el.nativeElement, 'click', e => {
+            if (this._dragged) {
+                this._dragged = false;
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }, undefined, { capture: true });
+        afterRenderEffect(() => {
+            this._pointerDownEvent.subscribe(event => {
+                this._pointerDown = true;
+                this._dragged = false;
+                this._startX = event.clientX;
+                this._startY = event.clientY;
+            });
+            this._pointerUpEvent.subscribe(() => {
+                if (!this._pointerDown) {
+                    return;
+                }
+                this._pointerDown = false;
+                this._startX = undefined;
+                this._startY = undefined;
+                this.isDragging.set(false);
+                this.dragEnd.emit();
+            });
+            this._pointerMoveEvent.subscribe(event => {
+                if (!this._pointerDown) {
+                    return;
+                }
+                this.handleDrag(event);
+            });
+        });
+    }
+    onDraggedInt(delta) {
+        this.dragged.emit(delta);
+        this.onDragged(delta);
+    }
+    handleDrag(event) {
+        const { clientX, clientY } = event;
+        if (this._startX === undefined || this._startY === undefined) {
+            throw new Error('Start positions are undefined');
+        }
+        const deltaX = clientX - this._startX;
+        const deltaY = clientY - this._startY;
+        if (!this.isDragging()) {
+            const distance = Math.sqrt(deltaX ** 2 + deltaY ** 2);
+            if (distance < 5) {
+                return;
+            }
+            this.isDragging.set(true);
+            this._dragged = true;
+            this.dragStart.emit();
+        }
+        if (!this.isDragging()) {
+            return;
+        }
+        this._startX = clientX;
+        this._startY = clientY;
+        this.onDraggedInt({ deltaX: deltaX, deltaY: deltaY, absoluteX: clientX, absoluteY: clientY });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnDragBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NgnDragBase, isStandalone: true, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", dragged: "dragged" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnDragBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { dragStart: [{ type: i0.Output, args: ["dragStart"] }], dragEnd: [{ type: i0.Output, args: ["dragEnd"] }], dragged: [{ type: i0.Output, args: ["dragged"] }] } });
+
+class NgnDragScroll extends NgnDragBase {
+    onDragged(delta) {
+        this.el.nativeElement.scrollBy({
+            left: -delta.deltaX,
+            top: -delta.deltaY,
+            behavior: 'auto',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnDragScroll, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NgnDragScroll, isStandalone: true, selector: "[ngnDragScroll]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnDragScroll, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnDragScroll]',
+                }]
+        }] });
+
+class NgnDrag extends NgnDragBase {
+    onDragged(delta) {
+        // do nothing
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnDrag, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NgnDrag, isStandalone: true, selector: "[ngnDrag]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnDrag, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnDrag]',
+                }]
+        }] });
+
+class NgnMovable extends NgnBase {
+    theme = this.injectThemeTemplate(movableDirectiveTemplate, {
+        movable: () => this.ngnMovable(),
+        moved: () => this.dragged(),
+    });
+    _el = inject((ElementRef));
+    _document = inject(DOCUMENT);
+    /**
+     * Whether the element is movable.
+     * @default true
+     */
+    ngnMovable = input(true, { ...(ngDevMode ? { debugName: "ngnMovable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The handle element used to drag the element. If omitted, the entire element will be used as the drag handle.
+     * @default null
+     */
+    ngnMovableDragHandle = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ngnMovableDragHandle" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, the cursor will change to indicate that the element / drag handle is movable.
+     * @default true
+     */
+    ngnMovableChangeCursor = input(true, { ...(ngDevMode ? { debugName: "ngnMovableChangeCursor" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When `true`, the movement will be limited to the viewport.
+     * @default true
+     */
+    ngnMovableLimitToViewport = input(true, { ...(ngDevMode ? { debugName: "ngnMovableLimitToViewport" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    _ngnMovableDragHandleWithPrevious = signalWithPrevious(this.ngnMovableDragHandle, null);
+    _eventElement = computed(() => {
+        const handle = this.ngnMovableDragHandle();
+        return handle ?? this._el.nativeElement;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_eventElement" }] : /* istanbul ignore next */ []));
+    dragged = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragged" }] : /* istanbul ignore next */ []));
+    _pointerDownSignal = domEventSignal(this._eventElement, 'pointerdown');
+    _pointerMoveSignal = domEventSignal(this._document, 'pointermove');
+    _pointerUpSignal = domEventSignal(this._document, 'pointerup');
+    _isDragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isDragging" }] : /* istanbul ignore next */ []));
+    _startX = 0;
+    _startY = 0;
+    constructor() {
+        super();
+        domEventHandler(this._el.nativeElement, 'touchmove', e => {
+            if (!this.ngnMovable()) {
+                return;
+            }
+            if (e.cancelable) {
+                e.preventDefault();
+            }
+        });
+        effect(() => {
+            if (!this.ngnMovable()) {
+                return;
+            }
+            const pointerDown = this._pointerDownSignal();
+            // check if primary button or touch
+            if (pointerDown && (pointerDown.button === 0 || pointerDown.pointerType === 'touch')) {
+                this._isDragging.set(true);
+                this._startX = pointerDown.clientX - this._el.nativeElement.offsetLeft;
+                this._startY = pointerDown.clientY - this._el.nativeElement.offsetTop;
+            }
+        });
+        effect(() => {
+            if (!this.ngnMovable()) {
+                return;
+            }
+            const pointerMove = this._pointerMoveSignal();
+            if (pointerMove && untracked(this._isDragging)) {
+                this.dragged.set(true);
+                const newLeft = pointerMove.clientX - this._startX;
+                const newTop = pointerMove.clientY - this._startY;
+                if (this.ngnMovableLimitToViewport()) {
+                    const documentRect = this._document.documentElement.getBoundingClientRect();
+                    const elRect = this._el.nativeElement.getBoundingClientRect();
+                    const clampedLeft = Math.min(Math.max(newLeft, 0), documentRect.width - elRect.width);
+                    const clampedTop = Math.min(Math.max(newTop, 0), documentRect.height - elRect.height);
+                    this._el.nativeElement.style.left = `${clampedLeft}px`;
+                    this._el.nativeElement.style.top = `${clampedTop}px`;
+                }
+                else {
+                    this._el.nativeElement.style.left = `${pointerMove.clientX - this._startX}px`;
+                    this._el.nativeElement.style.top = `${pointerMove.clientY - this._startY}px`;
+                }
+                this._el.nativeElement.style.width = `${this._el.nativeElement.offsetWidth}px`;
+                this._el.nativeElement.style.height = `${this._el.nativeElement.offsetHeight}px`;
+                if (!['fixed', 'absolute', 'static'].includes(getComputedStyle(this._el.nativeElement).position)) {
+                    this._el.nativeElement.style.position = 'fixed';
+                }
+            }
+        });
+        effect(() => {
+            if (!this.ngnMovable()) {
+                return;
+            }
+            const pointerUp = this._pointerUpSignal();
+            if (pointerUp && untracked(this._isDragging)) {
+                this._isDragging.set(false);
+            }
+        });
+        effect(() => {
+            if (!this.ngnMovable()) {
+                this._isDragging.set(false);
+            }
+        });
+        effect(() => {
+            this.refreshCursor();
+        });
+    }
+    bakePosition() {
+        this._el.nativeElement.style.left = `${this._el.nativeElement.offsetLeft}px`;
+        this._el.nativeElement.style.top = `${this._el.nativeElement.offsetTop}px`;
+        if (!['fixed', 'absolute', 'static'].includes(getComputedStyle(this._el.nativeElement).position)) {
+            this._el.nativeElement.style.position = 'fixed';
+        }
+        this.dragged.set(true);
+    }
+    refreshCursor() {
+        const handle = this._ngnMovableDragHandleWithPrevious();
+        if (handle.previous && handle.previous !== handle.current) {
+            handle.previous.classList.remove(this.theme.class('drag-handle-grab'), this.theme.class('drag-handle-grabbing'));
+        }
+        if (!this.ngnMovable() || !this.ngnMovableChangeCursor()) {
+            handle.current?.classList.remove(this.theme.class('drag-handle-grab'), this.theme.class('drag-handle-grabbing'));
+            return;
+        }
+        if (this._isDragging()) {
+            handle.current?.classList.add(this.theme.class('drag-handle-grabbing'));
+            handle.current?.classList.remove(this.theme.class('drag-handle-grab'));
+        }
+        else {
+            handle.current?.classList.add(this.theme.class('drag-handle-grab'));
+            handle.current?.classList.remove(this.theme.class('drag-handle-grabbing'));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnMovable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NgnMovable, isStandalone: true, selector: "[ngnMovable]", inputs: { ngnMovable: { classPropertyName: "ngnMovable", publicName: "ngnMovable", isSignal: true, isRequired: false, transformFunction: null }, ngnMovableDragHandle: { classPropertyName: "ngnMovableDragHandle", publicName: "ngnMovableDragHandle", isSignal: true, isRequired: false, transformFunction: null }, ngnMovableChangeCursor: { classPropertyName: "ngnMovableChangeCursor", publicName: "ngnMovableChangeCursor", isSignal: true, isRequired: false, transformFunction: null }, ngnMovableLimitToViewport: { classPropertyName: "ngnMovableLimitToViewport", publicName: "ngnMovableLimitToViewport", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnMovable, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnMovable]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { ngnMovable: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnMovable", required: false }] }], ngnMovableDragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnMovableDragHandle", required: false }] }], ngnMovableChangeCursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnMovableChangeCursor", required: false }] }], ngnMovableLimitToViewport: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnMovableLimitToViewport", required: false }] }] } });
+
+class NgnResizable {
+    theme = injectThemeTemplate(resizableDirectiveTemplate);
+    _el = inject((ElementRef));
+    _isBrowser = inject(Platform).isBrowser;
+    _document = inject(DOCUMENT);
+    _ngnMovable = inject(NgnMovable, { optional: true });
+    _isPointerDown = false;
+    /**
+     * Whether the element is resizable. The empty string (bare attribute) enables it.
+     * @default true
+     */
+    ngnResizable = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ngnResizable" }] : /* istanbul ignore next */ []));
+    /**
+     * Minimum and maximum size constraints for the resizable element. Number values
+     * are treated as pixels; strings are used as-is. Any bound left `null`/`undefined`
+     * is unconstrained (the effective maximum is still clamped to the viewport).
+     */
+    ngnResizableSizeLimits = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ngnResizableSizeLimits" }] : /* istanbul ignore next */ []));
+    resized = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resized" }] : /* istanbul ignore next */ []));
+    _pointerDownSignal = domEventSignal(this._el, 'pointerdown');
+    _pointerUpSignal = domEventSignal(this._document, 'pointerup');
+    _resizeEvent = elementSizeSignal(this._el);
+    /**
+     * Formats a size value from string | number | null | undefined to a CSS string.
+     * @param value The size value to format
+     * @returns The formatted CSS string or null if the value is null/undefined
+     */
+    formatSizeValue(value) {
+        if (value === null || value === undefined) {
+            return null;
+        }
+        return typeof value === 'number' ? `${value}px` : value;
+    }
+    constructor() {
+        effect(() => {
+            if (this._pointerDownSignal()) {
+                this._isPointerDown = true;
+            }
+        });
+        effect(() => {
+            if (this._pointerUpSignal()) {
+                this._isPointerDown = false;
+            }
+        });
+        effect(() => {
+            if (!this._isBrowser) {
+                return;
+            }
+            const _size = this._resizeEvent(); // just as the trigger
+            if (!this._isPointerDown) {
+                // only react to resize events when the pointer is down (user is resizing)
+                return;
+            }
+            // If the element is also movable, bake its position to avoid misplacement after resizing
+            this._ngnMovable?.bakePosition();
+            // calculate the max width & height of the element based on the size, position & body
+            const bodyWidth = this._document.body.clientWidth;
+            const bodyHeight = this._document.body.clientHeight;
+            const elRect = this._el.nativeElement.getBoundingClientRect();
+            const maxWidth = bodyWidth - elRect.left;
+            const maxHeight = bodyHeight - elRect.top;
+            const inputMaxWidth = this.ngnResizableSizeLimits()?.maxWidth;
+            const inputMaxHeight = this.ngnResizableSizeLimits()?.maxHeight;
+            const formattedMaxWidth = this.formatSizeValue(inputMaxWidth);
+            const formattedMaxHeight = this.formatSizeValue(inputMaxHeight);
+            this._el.nativeElement.style.maxWidth = formattedMaxWidth
+                ? `min(${formattedMaxWidth}, ${maxWidth}px)`
+                : `${maxWidth}px`;
+            this._el.nativeElement.style.maxHeight = formattedMaxHeight
+                ? `min(${formattedMaxHeight}, ${maxHeight}px)`
+                : `${maxHeight}px`;
+            const inputMinWidth = this.ngnResizableSizeLimits()?.minWidth;
+            const inputMinHeight = this.ngnResizableSizeLimits()?.minHeight;
+            const formattedMinWidth = this.formatSizeValue(inputMinWidth);
+            const formattedMinHeight = this.formatSizeValue(inputMinHeight);
+            if (formattedMinWidth) {
+                this._el.nativeElement.style.minWidth = formattedMinWidth;
+            }
+            if (formattedMinHeight) {
+                this._el.nativeElement.style.minHeight = formattedMinHeight;
+            }
+            this.resized.set(true);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnResizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NgnResizable, isStandalone: true, selector: "[ngnResizable]", inputs: { ngnResizable: { classPropertyName: "ngnResizable", publicName: "ngnResizable", isSignal: true, isRequired: false, transformFunction: null }, ngnResizableSizeLimits: { classPropertyName: "ngnResizableSizeLimits", publicName: "ngnResizableSizeLimits", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme.classes({ resizable: !!ngnResizable(), resized: resized()})" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnResizable, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnResizable]',
+                    host: {
+                        '[class]': 'theme.classes({ resizable: !!ngnResizable(), resized: resized()})',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { ngnResizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnResizable", required: false }] }], ngnResizableSizeLimits: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnResizableSizeLimits", required: false }] }] } });
+
+class NgnScrollAmount {
+    _el = inject(ElementRef);
+    /**
+     * Optional external scroll container. When set, scroll events and
+     * dimensions are tracked on this element instead of the host element.
+     */
+    container = input(undefined, { ...(ngDevMode ? { debugName: "container" } : /* istanbul ignore next */ {}), alias: 'ngnScrollAmountContainer' });
+    scrollTarget = computed(() => this.container() ?? this._el.nativeElement, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollTarget" }] : /* istanbul ignore next */ []));
+    scrollTop = signal(this._el.nativeElement.scrollTop, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollTop" }] : /* istanbul ignore next */ []));
+    scrollLeft = signal(this._el.nativeElement.scrollLeft, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollLeft" }] : /* istanbul ignore next */ []));
+    _scrollEvent = domEventObservable(this.scrollTarget, 'scroll');
+    constructor() {
+        afterRenderEffect(() => {
+            const obs = this._scrollEvent.pipe(map(e => {
+                const target = e.target;
+                return {
+                    top: target.scrollTop,
+                    left: target.scrollLeft,
+                };
+            }));
+            obs.subscribe(scroll => {
+                this.scrollTop.set(scroll.top);
+                this.scrollLeft.set(scroll.left);
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnScrollAmount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NgnScrollAmount, isStandalone: true, selector: "[ngnScrollAmount]", inputs: { container: { classPropertyName: "container", publicName: "ngnScrollAmountContainer", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnScrollAmount, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnScrollAmount]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnScrollAmountContainer", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgnAutofocus, NgnDrag, NgnDragScroll, NgnMovable, NgnResizable, NgnScrollAmount };
+//# sourceMappingURL=ngneers-controls-directives.mjs.map

package/fesm2022/ngneers-controls-directives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-directives.mjs","sources":["../../src/directives/autofocus.ts","../../src/directives/drag/drag-base.ts","../../src/directives/drag/drag-scroll.ts","../../src/directives/drag/drag.ts","../../src/directives/movable.ts","../../src/directives/resizable.ts","../../src/directives/scroll-amount.ts","../../src/directives/ngneers-controls-directives.ts"],"sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\n@Directive({ selector: '[ngnAutofocus]' })\nexport class NgnAutofocus {\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\n  private readonly _focused = signal(false);\n  private readonly _isInitialized = signal(false);\n\n  /**\n   * Whether to focus the host element once it has rendered. Set to `false` to\n   * disable autofocus without removing the directive.\n   * @default true\n   */\n  public readonly ngnAutofocus = input(true, { transform: booleanAttribute });\n\n  constructor() {\n    effect(() => {\n      if (!this.ngnAutofocus()) {\n        this._focused.set(false);\n      }\n    });\n    effect(() => {\n      this.autoFocus();\n    });\n\n    /**\n     * `afterNextRender` only runs in the browser, never during server-side\n     * prerendering — guarding against `getClientRects`/`focus` calls on a\n     * server DOM element that lacks them.\n     *\n     * The additional microtask ensures that the control is rendered and the\n     * ngn-control-initializing class is removed before trying to focus the element.\n     */\n    afterNextRender(() => {\n      if (this._el.nativeElement.getClientRects().length === 0) {\n        queueMicrotask(() => {\n          this._isInitialized.set(true);\n        });\n      } else {\n        this._isInitialized.set(true);\n      }\n    });\n  }\n\n  private autoFocus() {\n    if (!this._isInitialized()) {\n      return;\n    }\n    if (!this.ngnAutofocus()) {\n      return;\n    }\n    if (this._focused()) {\n      return;\n    }\n    this._el.nativeElement.focus();\n    this._focused.set(true);\n  }\n}\n","import {\n  afterRenderEffect,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  inject,\n  output,\n  signal,\n} from '@angular/core';\nimport { domEventHandler, domEventObservable, Platform } from '@ngneers/controls/api/ng';\n\nimport type { NgnDragInfo } from './types';\n\n@Directive()\nexport abstract class NgnDragBase {\n  protected readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly _document = inject(DOCUMENT);\n  private readonly _isBrowser = inject(Platform).isBrowser;\n\n  private _pointerDown = false;\n  private _startX?: number = undefined;\n  private _startY?: number = undefined;\n  private _dragged = false;\n\n  protected readonly isDragging = signal(false);\n  /**\n   * Emits once when a drag gesture begins, i.e. after the pointer has moved past\n   * the small activation threshold following a pointerdown.\n   */\n  public readonly dragStart = output<void>();\n  /**\n   * Emits once when the drag gesture ends (pointer released).\n   */\n  public readonly dragEnd = output<void>();\n  /**\n   * Emits on every pointer move while dragging, carrying the frame delta and\n   * absolute pointer position. See {@link NgnDragInfo}.\n   */\n  public readonly dragged = output<NgnDragInfo>();\n\n  private readonly _pointerDownEvent = domEventObservable(this.el.nativeElement, 'pointerdown');\n  private readonly _pointerMoveEvent = domEventObservable(this._document, 'pointermove');\n  private readonly _pointerUpEvent = domEventObservable(this._document, 'pointerup');\n\n  constructor() {\n    if (!this._isBrowser) {\n      return;\n    }\n    domEventHandler(this.el.nativeElement, 'touchmove', e => {\n      if (e.cancelable) {\n        e.preventDefault();\n      }\n    });\n    // Swallow the click that the browser synthesizes after a drag-release so it\n    // does not trigger click handlers (e.g. selecting a tab). Capture phase so\n    // it runs before bubbling handlers on descendant elements.\n    domEventHandler(\n      this.el.nativeElement,\n      'click',\n      e => {\n        if (this._dragged) {\n          this._dragged = false;\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      },\n      undefined,\n      { capture: true }\n    );\n    afterRenderEffect(() => {\n      this._pointerDownEvent.subscribe(event => {\n        this._pointerDown = true;\n        this._dragged = false;\n        this._startX = (event as PointerEvent).clientX;\n        this._startY = (event as PointerEvent).clientY;\n      });\n      this._pointerUpEvent.subscribe(() => {\n        if (!this._pointerDown) {\n          return;\n        }\n        this._pointerDown = false;\n        this._startX = undefined;\n        this._startY = undefined;\n        this.isDragging.set(false);\n        this.dragEnd.emit();\n      });\n\n      this._pointerMoveEvent.subscribe(event => {\n        if (!this._pointerDown) {\n          return;\n        }\n        this.handleDrag(event);\n      });\n    });\n  }\n\n  protected abstract onDragged(delta: NgnDragInfo): void;\n\n  private onDraggedInt(delta: NgnDragInfo) {\n    this.dragged.emit(delta);\n    this.onDragged(delta);\n  }\n\n  private handleDrag(event: Event) {\n    const { clientX, clientY } = event as PointerEvent;\n    if (this._startX === undefined || this._startY === undefined) {\n      throw new Error('Start positions are undefined');\n    }\n    const deltaX = clientX - this._startX;\n    const deltaY = clientY - this._startY;\n    if (!this.isDragging()) {\n      const distance = Math.sqrt(deltaX ** 2 + deltaY ** 2);\n      if (distance < 5) {\n        return;\n      }\n      this.isDragging.set(true);\n      this._dragged = true;\n      this.dragStart.emit();\n    }\n    if (!this.isDragging()) {\n      return;\n    }\n    this._startX = clientX;\n    this._startY = clientY;\n    this.onDraggedInt({ deltaX: deltaX, deltaY: deltaY, absoluteX: clientX, absoluteY: clientY });\n  }\n}\n","import { Directive } from '@angular/core';\n\nimport { NgnDragBase } from './drag-base';\n\nimport type { NgnDragInfo } from './types';\n\n@Directive({\n  selector: '[ngnDragScroll]',\n})\nexport class NgnDragScroll extends NgnDragBase {\n  protected onDragged(delta: NgnDragInfo): void {\n    this.el.nativeElement.scrollBy({\n      left: -delta.deltaX,\n      top: -delta.deltaY,\n      behavior: 'auto',\n    });\n  }\n}\n","import { Directive } from '@angular/core';\n\nimport { NgnDragBase } from './drag-base';\n\nimport type { NgnDragInfo } from './types';\n\n@Directive({\n  selector: '[ngnDrag]',\n})\nexport class NgnDrag extends NgnDragBase {\n  protected onDragged(delta: NgnDragInfo): void {\n    // do nothing\n  }\n}\n","import {\n  booleanAttribute,\n  computed,\n  Directive,\n  DOCUMENT,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { domEventHandler, domEventSignal } from '@ngneers/controls/api/ng';\nimport { NgnBase } from '@ngneers/controls/base';\nimport { signalWithPrevious } from '@ngneers/controls/utils-ng';\nimport { movableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';\n\n@Directive({\n  selector: '[ngnMovable]',\n})\nexport class NgnMovable extends NgnBase<'movable'> {\n  protected readonly theme = this.injectThemeTemplate(movableDirectiveTemplate, {\n    movable: () => this.ngnMovable(),\n    moved: () => this.dragged(),\n  });\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\n  private readonly _document = inject(DOCUMENT);\n\n  /**\n   * Whether the element is movable.\n   * @default true\n   */\n  public readonly ngnMovable = input(true, { transform: booleanAttribute });\n\n  /**\n   * The handle element used to drag the element. If omitted, the entire element will be used as the drag handle.\n   * @default null\n   */\n  public readonly ngnMovableDragHandle = input<HTMLElement | null>(null);\n\n  /**\n   * When `true`, the cursor will change to indicate that the element / drag handle is movable.\n   * @default true\n   */\n  public readonly ngnMovableChangeCursor = input(true, { transform: booleanAttribute });\n\n  /**\n   * When `true`, the movement will be limited to the viewport.\n   * @default true\n   */\n  public readonly ngnMovableLimitToViewport = input(true, { transform: booleanAttribute });\n\n  private readonly _ngnMovableDragHandleWithPrevious = signalWithPrevious(\n    this.ngnMovableDragHandle,\n    null\n  );\n\n  private readonly _eventElement = computed(() => {\n    const handle = this.ngnMovableDragHandle();\n    return handle ?? this._el.nativeElement;\n  });\n\n  protected readonly dragged = signal(false);\n\n  private readonly _pointerDownSignal = domEventSignal(this._eventElement, 'pointerdown');\n  private readonly _pointerMoveSignal = domEventSignal(this._document, 'pointermove');\n  private readonly _pointerUpSignal = domEventSignal(this._document, 'pointerup');\n\n  private readonly _isDragging = signal(false);\n  private _startX = 0;\n  private _startY = 0;\n\n  constructor() {\n    super();\n\n    domEventHandler(this._el.nativeElement, 'touchmove', e => {\n      if (!this.ngnMovable()) {\n        return;\n      }\n      if (e.cancelable) {\n        e.preventDefault();\n      }\n    });\n\n    effect(() => {\n      if (!this.ngnMovable()) {\n        return;\n      }\n      const pointerDown = this._pointerDownSignal();\n      // check if primary button or touch\n      if (pointerDown && (pointerDown.button === 0 || pointerDown.pointerType === 'touch')) {\n        this._isDragging.set(true);\n        this._startX = pointerDown.clientX - this._el.nativeElement.offsetLeft;\n        this._startY = pointerDown.clientY - this._el.nativeElement.offsetTop;\n      }\n    });\n\n    effect(() => {\n      if (!this.ngnMovable()) {\n        return;\n      }\n      const pointerMove = this._pointerMoveSignal();\n      if (pointerMove && untracked(this._isDragging)) {\n        this.dragged.set(true);\n        const newLeft = pointerMove.clientX - this._startX;\n        const newTop = pointerMove.clientY - this._startY;\n\n        if (this.ngnMovableLimitToViewport()) {\n          const documentRect = this._document.documentElement.getBoundingClientRect();\n          const elRect = this._el.nativeElement.getBoundingClientRect();\n\n          const clampedLeft = Math.min(Math.max(newLeft, 0), documentRect.width - elRect.width);\n          const clampedTop = Math.min(Math.max(newTop, 0), documentRect.height - elRect.height);\n\n          this._el.nativeElement.style.left = `${clampedLeft}px`;\n          this._el.nativeElement.style.top = `${clampedTop}px`;\n        } else {\n          this._el.nativeElement.style.left = `${pointerMove.clientX - this._startX}px`;\n          this._el.nativeElement.style.top = `${pointerMove.clientY - this._startY}px`;\n        }\n\n        this._el.nativeElement.style.width = `${this._el.nativeElement.offsetWidth}px`;\n        this._el.nativeElement.style.height = `${this._el.nativeElement.offsetHeight}px`;\n        if (\n          !['fixed', 'absolute', 'static'].includes(\n            getComputedStyle(this._el.nativeElement).position\n          )\n        ) {\n          this._el.nativeElement.style.position = 'fixed';\n        }\n      }\n    });\n\n    effect(() => {\n      if (!this.ngnMovable()) {\n        return;\n      }\n      const pointerUp = this._pointerUpSignal();\n      if (pointerUp && untracked(this._isDragging)) {\n        this._isDragging.set(false);\n      }\n    });\n\n    effect(() => {\n      if (!this.ngnMovable()) {\n        this._isDragging.set(false);\n      }\n    });\n\n    effect(() => {\n      this.refreshCursor();\n    });\n  }\n\n  public bakePosition() {\n    this._el.nativeElement.style.left = `${this._el.nativeElement.offsetLeft}px`;\n    this._el.nativeElement.style.top = `${this._el.nativeElement.offsetTop}px`;\n    if (\n      !['fixed', 'absolute', 'static'].includes(getComputedStyle(this._el.nativeElement).position)\n    ) {\n      this._el.nativeElement.style.position = 'fixed';\n    }\n    this.dragged.set(true);\n  }\n\n  private refreshCursor() {\n    const handle = this._ngnMovableDragHandleWithPrevious();\n    if (handle.previous && handle.previous !== handle.current) {\n      handle.previous.classList.remove(\n        this.theme.class('drag-handle-grab'),\n        this.theme.class('drag-handle-grabbing')\n      );\n    }\n    if (!this.ngnMovable() || !this.ngnMovableChangeCursor()) {\n      handle.current?.classList.remove(\n        this.theme.class('drag-handle-grab'),\n        this.theme.class('drag-handle-grabbing')\n      );\n      return;\n    }\n    if (this._isDragging()) {\n      handle.current?.classList.add(this.theme.class('drag-handle-grabbing'));\n      handle.current?.classList.remove(this.theme.class('drag-handle-grab'));\n    } else {\n      handle.current?.classList.add(this.theme.class('drag-handle-grab'));\n      handle.current?.classList.remove(this.theme.class('drag-handle-grabbing'));\n    }\n  }\n}\n","import { Directive, DOCUMENT, effect, ElementRef, inject, input, signal } from '@angular/core';\nimport {\n  domEventSignal,\n  elementSizeSignal,\n  injectThemeTemplate,\n  Platform,\n} from '@ngneers/controls/api/ng';\nimport { resizableDirectiveTemplate } from '@ngneers/controls-themes/templates/api';\n\nimport { NgnMovable } from './movable';\n\n@Directive({\n  selector: '[ngnResizable]',\n  host: {\n    '[class]': 'theme.classes({ resizable: !!ngnResizable(), resized: resized()})',\n  },\n})\nexport class NgnResizable {\n  protected readonly theme = injectThemeTemplate(resizableDirectiveTemplate);\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\n  private readonly _isBrowser = inject(Platform).isBrowser;\n  private readonly _document = inject(DOCUMENT);\n  private readonly _ngnMovable = inject(NgnMovable, { optional: true });\n  private _isPointerDown = false;\n\n  /**\n   * Whether the element is resizable. The empty string (bare attribute) enables it.\n   * @default true\n   */\n  public readonly ngnResizable = input<boolean | null | undefined | ''>(true);\n  /**\n   * Minimum and maximum size constraints for the resizable element. Number values\n   * are treated as pixels; strings are used as-is. Any bound left `null`/`undefined`\n   * is unconstrained (the effective maximum is still clamped to the viewport).\n   */\n  public readonly ngnResizableSizeLimits = input<{\n    minWidth: string | number | null | undefined;\n    minHeight: string | number | null | undefined;\n    maxWidth: string | number | null | undefined;\n    maxHeight: string | number | null | undefined;\n  }>();\n\n  protected readonly resized = signal(false);\n\n  private readonly _pointerDownSignal = domEventSignal(this._el, 'pointerdown');\n  private readonly _pointerUpSignal = domEventSignal(this._document, 'pointerup');\n\n  private readonly _resizeEvent = elementSizeSignal(this._el);\n\n  /**\n   * Formats a size value from string | number | null | undefined to a CSS string.\n   * @param value The size value to format\n   * @returns The formatted CSS string or null if the value is null/undefined\n   */\n  private formatSizeValue(value: string | number | null | undefined): string | null {\n    if (value === null || value === undefined) {\n      return null;\n    }\n    return typeof value === 'number' ? `${value}px` : value;\n  }\n\n  constructor() {\n    effect(() => {\n      if (this._pointerDownSignal()) {\n        this._isPointerDown = true;\n      }\n    });\n\n    effect(() => {\n      if (this._pointerUpSignal()) {\n        this._isPointerDown = false;\n      }\n    });\n\n    effect(() => {\n      if (!this._isBrowser) {\n        return;\n      }\n      const _size = this._resizeEvent(); // just as the trigger\n      if (!this._isPointerDown) {\n        // only react to resize events when the pointer is down (user is resizing)\n        return;\n      }\n\n      // If the element is also movable, bake its position to avoid misplacement after resizing\n      this._ngnMovable?.bakePosition();\n\n      // calculate the max width & height of the element based on the size, position & body\n\n      const bodyWidth = this._document.body.clientWidth;\n      const bodyHeight = this._document.body.clientHeight;\n\n      const elRect = this._el.nativeElement.getBoundingClientRect();\n\n      const maxWidth = bodyWidth - elRect.left;\n      const maxHeight = bodyHeight - elRect.top;\n\n      const inputMaxWidth = this.ngnResizableSizeLimits()?.maxWidth;\n      const inputMaxHeight = this.ngnResizableSizeLimits()?.maxHeight;\n      const formattedMaxWidth = this.formatSizeValue(inputMaxWidth);\n      const formattedMaxHeight = this.formatSizeValue(inputMaxHeight);\n\n      this._el.nativeElement.style.maxWidth = formattedMaxWidth\n        ? `min(${formattedMaxWidth}, ${maxWidth}px)`\n        : `${maxWidth}px`;\n      this._el.nativeElement.style.maxHeight = formattedMaxHeight\n        ? `min(${formattedMaxHeight}, ${maxHeight}px)`\n        : `${maxHeight}px`;\n\n      const inputMinWidth = this.ngnResizableSizeLimits()?.minWidth;\n      const inputMinHeight = this.ngnResizableSizeLimits()?.minHeight;\n      const formattedMinWidth = this.formatSizeValue(inputMinWidth);\n      const formattedMinHeight = this.formatSizeValue(inputMinHeight);\n\n      if (formattedMinWidth) {\n        this._el.nativeElement.style.minWidth = formattedMinWidth;\n      }\n      if (formattedMinHeight) {\n        this._el.nativeElement.style.minHeight = formattedMinHeight;\n      }\n\n      this.resized.set(true);\n    });\n  }\n}\n","import {\n  afterRenderEffect,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { domEventObservable } from '@ngneers/controls/api/ng';\nimport { map } from 'rxjs';\n\n@Directive({\n  selector: '[ngnScrollAmount]',\n})\nexport class NgnScrollAmount {\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Optional external scroll container. When set, scroll events and\n   * dimensions are tracked on this element instead of the host element.\n   */\n  public readonly container = input<HTMLElement | undefined>(undefined, {\n    alias: 'ngnScrollAmountContainer',\n  });\n\n  public readonly scrollTarget = computed(() => this.container() ?? this._el.nativeElement);\n  public readonly scrollTop = signal(this._el.nativeElement.scrollTop);\n  public readonly scrollLeft = signal(this._el.nativeElement.scrollLeft);\n\n  private readonly _scrollEvent = domEventObservable(this.scrollTarget, 'scroll');\n\n  constructor() {\n    afterRenderEffect(() => {\n      const obs = this._scrollEvent.pipe(\n        map(e => {\n          const target = e.target as HTMLElement;\n          return {\n            top: target.scrollTop,\n            left: target.scrollLeft,\n          };\n        })\n      );\n      obs.subscribe(scroll => {\n        this.scrollTop.set(scroll.top);\n        this.scrollLeft.set(scroll.left);\n      });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}